:root{color-scheme:light;--navy:#14263e;--navy2:#213b58;--mint:#147c70;--mint2:#dff5ec;--bg:#f5f7fa;--border:#e3e8ee;--text:#1b293c;--muted:#647184;--shadow:0 12px 42px rgba(12,38,70,.065)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6cd4bf;outline-offset:2px}.hidden{display:none!important}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:80px;background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));color:white;gap:15px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.08em}.brand-icon{background:#32c3a8;color:var(--navy);font-size:26px;font-weight:900;width:47px;height:47px;display:grid;place-items:center;border-radius:14px}.brand strong{display:block;font-size:20px;line-height:1.1}.brand small{font-weight:700;color:#c4d2df;font-size:10px}.top-actions{display:flex;align-items:center;gap:15px}.connection{font-size:12px;color:#c9d6e2}.shell main{max-width:1320px;width:100%;margin:auto;padding:40px 24px 70px;flex:1}.eyebrow,.card-kicker{font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--mint)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,3.5vw,47px);line-height:1.13;letter-spacing:-.035em;margin:13px 0}h1 em{font-style:normal;color:var(--mint)}h2{font-size:20px;letter-spacing:-.025em}.muted{color:var(--muted)}.small{font-size:12px}.login-grid{min-height:65vh;display:grid;grid-template-columns:1.2fr minmax(320px,420px);align-items:center;gap:clamp(35px,8vw,120px)}.intro p{font-size:18px;max-width:570px;color:var(--muted)}.intro-highlights{margin-top:35px;display:flex;flex-wrap:wrap;gap:10px}.intro-highlights span{font-size:12px;padding:8px 12px;background:#e3f5ef;border:1px solid #c6e8df;border-radius:999px;color:#225c53;font-weight:700}.card,.auth-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:19px;background:white}.auth-card{padding:34px;display:flex;flex-direction:column;gap:12px}.auth-card h2{font-size:27px;margin:4px 0 -7px}.auth-card .muted{font-size:13px}.auth-card label,form label,aside label{font-size:12px;font-weight:750;margin-top:10px;display:block}.auth-card input,form input,aside select{width:100%;border:1px solid #d9e1e7;border-radius:10px;background:#fff;padding:12px;color:var(--text);min-height:46px}.primary,.ghost{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:10px;padding:11px 15px;font-weight:750;transition:background .15s}.primary{background:var(--mint);color:white}.primary:hover{background:#0d645d}.ghost{background:white;color:var(--navy);border-color:#d9e2eb}.ghost:hover{background:#f0f5f8}.wide{width:100%}.mini{font-size:12px;padding:8px 10px}.link-button{background:transparent;border:0;padding:5px;color:var(--mint);font-weight:700;font-size:12px}.link-button.subtle{color:var(--muted)}.inline-error{font-size:13px;color:#b93b36;margin:0;min-height:18px}footer{padding:24px max(24px,calc((100vw - 1320px)/2));display:flex;gap:14px;justify-content:space-between;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.dashboard-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px}.dashboard-title p{margin:0}.statstrip{display:flex;gap:24px}.statstrip div{min-width:82px}.statstrip strong{display:block;font-size:25px;line-height:1.1;color:var(--navy);font-variant-numeric:tabular-nums}.statstrip span{font-size:11px;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--border);gap:7px;margin:0 0 24px;overflow:auto}.tab{padding:12px 16px;background:none;border:0;color:#657386;font-weight:750;white-space:nowrap;border-bottom:3px solid transparent}.tab.active{border-color:var(--mint);color:var(--mint)}.module-picker{display:flex;gap:13px;margin-bottom:20px;flex-wrap:wrap}.module-button{border:1px solid #dce4ea;border-radius:13px;background:white;color:var(--navy);padding:12px 19px;min-width:195px;text-align:left;font-weight:800}.module-button.active{border-color:var(--mint);box-shadow:0 0 0 2px #d5eee5;color:var(--mint);background:#f7fffb}.module-button small{display:block;color:var(--muted);font-size:11px;font-weight:500;margin-top:1px}.layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:20px;align-items:start}.filters{padding:21px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:16px;margin:0}.filters select{margin-top:6px}.filters .primary{margin-top:20px}.filters p{margin:12px 0 0}.question-region{min-width:0}.question-toolbar{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:12px;font-size:12px;color:var(--muted);font-weight:650}.question-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.question-card{padding:clamp(20px,4vw,33px);min-height:345px}.pill{background:#edf3f8;border-radius:999px;color:#526a80;font-weight:750;font-size:11px;padding:5px 10px;display:inline-block}.pill.teal{color:#166659;background:#e2f5ee}.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.question-card h2{font-size:clamp(18px,2.2vw,25px);line-height:1.4;margin:12px 0 23px;letter-spacing:-.015em;overflow-wrap:anywhere}.question-image{max-width:100%;max-height:380px;object-fit:contain;border:1px solid var(--border);border-radius:12px;margin-bottom:20px}.answers{display:grid;gap:10px}.answer{display:flex;align-items:flex-start;gap:12px;border:1px solid #dfe5ea;background:white;text-align:left;padding:13px 16px;border-radius:12px;min-height:58px;color:var(--text);font-size:14px;width:100%}.answer .letter{border:1px solid #cad5dd;flex-shrink:0;border-radius:8px;min-width:30px;height:30px;display:grid;place-items:center;font-weight:800}.answer:hover:not(:disabled){background:#f5faf9;border-color:var(--mint)}.answer.chosen{border-color:#5da89c;background:#f2fcf8}.answer.right{background:#e8f7eb;border-color:#68ad7b}.answer.wrong{background:#fff0ee;border-color:#db8780}.question-feedback{margin-top:20px;padding:16px;border-left:4px solid var(--mint);background:#f5faf7;border-radius:10px}.question-feedback h3{font-size:14px;margin-bottom:6px}.question-feedback p{font-size:13px;margin-bottom:0;white-space:pre-line}.question-footer{margin-top:15px;display:flex;justify-content:space-between;gap:10px}.notice{border:1px solid #f2d5a8;background:#fff8e9;padding:12px 15px;border-radius:12px;color:#7b5833;font-size:13px;margin-bottom:13px}.standalone-panel{padding:30px;max-width:850px}.leaderboard-list{margin-top:18px}.rank-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;border-top:1px solid var(--border);gap:14px;padding:12px 0;font-size:14px}.rank-row b{color:var(--mint)}.rank-row.you{background:#f0faf6}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;background:#f7f9fa;border-radius:12px}.standalone-panel form{max-width:400px;display:grid;gap:6px}.standalone-panel form button{margin-top:12px}.standalone-panel form input[type=color]{width:90px;padding:3px;height:48px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:min(95vw,500px);border-radius:12px;padding:13px 18px;background:var(--navy);color:white;box-shadow:0 10px 38px #172d445c;font-size:13px;z-index:99}.empty{text-align:center;padding:60px 20px;color:var(--muted)}@media(max-width:890px){.login-grid{grid-template-columns:1fr;gap:30px}.auth-card{max-width:480px}.dashboard-title{align-items:start;flex-direction:column}.layout{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.filters .section-title,.filters .primary,.filters>p{grid-column:1/-1}}@media(max-width:520px){.topbar{height:72px;padding:0 18px}.connection{display:none}.shell main{padding:28px 14px 50px}.auth-card{padding:22px}.intro h1{font-size:35px}.intro p{font-size:15px}.statstrip{gap:19px}.module-button{min-width:0;flex:1}.filters{grid-template-columns:1fr}.question-card{min-height:340px}.question-toolbar{align-items:flex-start;flex-direction:column}.question-footer button{flex:1}footer{padding:20px;flex-direction:column;gap:4px}}

.site-footer{display:block;text-align:center;padding:32px 20px}.site-footer p{margin:6px 0 16px}.feedback-button{display:inline-block;background:#147c70;color:#fff;text-decoration:none;border-radius:12px;padding:13px 20px;font-weight:700;min-height:48px}.feedback-button:focus-visible,.figure-button:focus-visible{outline:3px solid #6cd4bf;outline-offset:3px}.footer-meta{display:flex;justify-content:space-between;gap:12px;margin-top:28px;font-size:12px}.figure-button{display:block;border:0;padding:0;background:transparent;max-width:100%;text-align:left;margin-bottom:20px}.figure-button .question-image{display:block;margin:0;max-height:420px}.figure-hint{display:block;font-size:12px;color:var(--muted);margin-top:4px}.figure-dialog{width:min(94vw,1100px);max-height:92dvh;border:1px solid var(--border);border-radius:16px;padding:20px}.figure-dialog::backdrop{background:#14263ebf}.figure-scroll{max-height:70dvh;overflow:auto}.figure-scroll img{display:block;max-width:100%;height:auto;touch-action:pinch-zoom}.figure-dialog button{min-height:44px}@media(max-width:520px){.footer-meta{flex-direction:column}.feedback-button{width:100%}}