:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#203634;--bg:#f3f5ef;--panel:#fff;--ink:#203634;--muted:#526c67;--line:#d8e2da;--accent:#165b50;--accent-text:#fff;--soft:#e5efe7;--red:#a42f33;--gold:#e8b545;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}body[data-theme=dark]{--bg:#152321;--panel:#213330;--ink:#eef6ef;--muted:#b7cbc2;--line:#405750;--accent:#9ce2c7;--accent-text:#102c25;--soft:#2d4640;--red:#ffaaa6;color-scheme:dark}@media(prefers-color-scheme:dark){body:not([data-theme=light]):not([data-theme=dark]){--bg:#152321;--panel:#213330;--ink:#eef6ef;--muted:#b7cbc2;--line:#405750;--accent:#9ce2c7;--accent-text:#102c25;--soft:#2d4640;--red:#ffaaa6;color-scheme:dark}}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);min-height:48px;padding:11px 16px;font-weight:650}button:hover{border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.subtle{background:transparent}button:disabled{opacity:.55;cursor:not-allowed}.top{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1040px)/2));gap:16px}.brand{border:0;background:transparent;padding:0;font-size:19px;white-space:nowrap}.brand span:not(.mark){font-weight:400;color:var(--muted)}.mark{color:#d84e42}.sync{color:var(--muted);font-size:12px;white-space:nowrap}main{max-width:1040px;margin:auto;padding:30px 20px 80px}h1{font-size:clamp(30px,5vw,44px);line-height:1.1;letter-spacing:-.025em;margin:0 0 12px}h2{font-size:21px;margin:32px 0 14px}h3{margin:0 0 10px}.muted{color:var(--muted)}p{line-height:1.5} .dashboard{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}.ring{width:180px;height:180px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--pct)*1%),var(--line) 0);display:grid;place-items:center}.ring>div{background:var(--bg);width:146px;height:146px;border-radius:50%;display:grid;place-content:center;text-align:center}.ring strong{font-size:37px;line-height:1}.ring span{font-size:14px;color:var(--muted);margin-top:8px}.overview{display:flex;align-items:center;gap:28px}.counts{display:grid;gap:12px;flex:1}.count{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:8px}.count strong{font-variant-numeric:tabular-nums}.today{padding:20px;background:var(--soft);border-radius:16px}.today p{margin:8px 0 0}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.actions .primary{grid-column:1/-1;min-height:60px;font-size:18px}.section-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:14px 0}.bar{grid-column:1/-1;background:var(--line);height:7px;border-radius:5px;overflow:hidden}.bar i{display:block;background:var(--accent);height:100%;transition:width .5s ease}.session{max-width:680px;margin:auto}.session-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.timer{font-size:24px;font-variant-numeric:tabular-nums;font-weight:700}.sign{background:#fff;border-radius:16px;min-height:250px;display:flex;align-items:center;justify-content:center;padding:16px;margin:20px 0}.sign img{display:block;max-width:100%;width:min(70%,340px);max-height:340px;object-fit:contain}.answer-name{font-size:24px;line-height:1.25;font-weight:700;margin:16px 0 6px}.options{display:grid;gap:9px;margin:18px 0}.options button{text-align:left;min-height:56px}.options.images{grid-template-columns:1fr 1fr}.options.images img{display:block;width:100%;height:140px;object-fit:contain;background:white;border-radius:8px}.correct{border-color:#299366!important;background:#d7f3df!important;color:#174e2d!important}.incorrect{border-color:#b83e3e!important;background:#f9dddd!important;color:#662222!important}.row{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.row>*{flex:1}.result{padding:14px;background:var(--soft);border-radius:12px}.result mark{background:#f7d48c;color:#332608}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile{text-align:left;min-width:0}.tile img{width:100%;height:130px;object-fit:contain;background:#fff;border-radius:8px}.tile span{display:block;margin-top:8px;overflow-wrap:anywhere}input,select{display:block;width:100%;min-height:48px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px}label{display:block;margin:17px 0 7px;font-weight:650}.settings{max-width:620px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.small{font-size:13px}.danger{color:var(--red)}@media(max-width:700px){main{padding-top:22px}.dashboard{grid-template-columns:1fr;gap:24px}.overview{gap:18px}.ring{width:142px;height:142px;flex:none}.ring>div{width:114px;height:114px}.ring strong{font-size:29px}.count{font-size:14px}.sign{min-height:230px}.sign img{width:75%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{height:60px;padding:0 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}