:root{--bg:#f5f6fb;--bg-elevated:#fff;--surface:#fff;--surface-muted:#f1f2f8;--border:#e2e4ee;--border-strong:#cdd0e0;--text:#191c2b;--text-muted:#64687d;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef0ff;--success:#15803d;--success-soft:#e8f7ed;--danger:#c2323f;--danger-soft:#fdecee;--warning:#b45309;--warning-soft:#fdf3e3;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #13162c0f, 0 8px 24px #13162c12;--shadow-sm:0 1px 2px #13162c14;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root{--bg:#0f1118;--bg-elevated:#171a24;--surface:#171a24;--surface-muted:#1e2230;--border:#282d3d;--border-strong:#394054;--text:#eceef6;--text-muted:#9aa0b5;--accent:#8b85ff;--accent-hover:#a29dff;--accent-soft:#1f1f3d;--success:#4ade80;--success-soft:#14301f;--danger:#fb7185;--danger-soft:#3a1a22;--warning:#fbbf24;--warning-soft:#35270f;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--shadow-sm:0 1px 2px #0006}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-size:16px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.015em;margin:0 0 .4em;font-weight:650;line-height:1.25}h1{font-size:clamp(1.5rem,1.1rem + 1.8vw,2.1rem)}h2{font-size:clamp(1.2rem,1rem + 1vw,1.5rem)}h3{font-size:1.05rem}p{margin:0 0 1em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:960px;padding:24px 16px calc(48px + var(--safe-bottom));flex:1;margin:0 auto}.container--narrow{max-width:560px}.container--wide{max-width:1180px}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:8px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.row--end{justify-content:flex-end}.spacer{flex:1}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0}.site-header__inner{align-items:center;gap:12px;max-width:1180px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:9px;font-weight:700;display:flex}.brand:hover{text-decoration:none}.brand__mark{font-size:1.3rem}.brand__text{white-space:nowrap}@media (width<=420px){.brand__text{font-size:.95rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.card--pad-lg{padding:clamp(20px,4vw,32px)}.card--link{color:inherit;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.card--link:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-1px)}.card__title{margin:0;font-size:1.05rem;font-weight:650}.muted{color:var(--text-muted)}.small{font-size:.875rem}.tiny{font-size:.8rem}.center{text-align:center}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}.nowrap{white-space:nowrap}.btn{--btn-bg:var(--surface);--btn-fg:var(--text);--btn-border:var(--border-strong);border-radius:var(--radius-sm);border:1px solid var(--btn-border);background:var(--btn-bg);min-height:44px;color:var(--btn-fg);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:.94rem;font-weight:550;text-decoration:none;transition:filter .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(.97);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{--btn-bg:var(--accent);--btn-fg:#fff;--btn-border:var(--accent)}@media (prefers-color-scheme:dark){.btn--primary{--btn-fg:#12101f}}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);filter:none}.btn--danger{--btn-fg:var(--danger);--btn-border:var(--border-strong)}.btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn--ghost{--btn-border:transparent;--btn-bg:transparent;--btn-fg:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-muted)}.btn--lg{min-height:52px;padding:14px 22px;font-size:1rem}.btn--sm{min-height:36px;padding:6px 11px;font-size:.85rem}.btn--block{width:100%}label{margin-bottom:5px;font-size:.9rem;font-weight:550;display:block}input[type=text],input[type=password],input[type=number],textarea,select{width:100%;min-height:44px;font:inherit;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:11px 13px;font-size:16px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:76px;line-height:1.5}.field{margin-bottom:16px}.field:last-child{margin-bottom:0}.code-input{text-align:center;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;padding:16px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600;font-size:clamp(1.6rem,8vw,2.2rem)!important}.option{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;align-items:flex-start;gap:12px;padding:15px 16px;transition:border-color .12s,background .12s;display:flex}.option:hover{border-color:var(--border-strong)}.option--selected{border-color:var(--accent);background:var(--accent-soft)}.option--correct{border-color:var(--success);background:var(--success-soft)}.option--wrong{border-color:var(--danger);background:var(--danger-soft)}.option__marker{border:2px solid var(--border-strong);background:var(--bg-elevated);color:#fff;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;padding:0;font-family:inherit;font-size:.8rem;line-height:1;display:grid}.option__marker--radio{border-radius:50%}.option__marker--check{border-radius:7px}.option--selected .option__marker{border-color:var(--accent);background:var(--accent)}.option--correct .option__marker{border-color:var(--success);background:var(--success)}.option--wrong .option__marker{border-color:var(--danger);background:var(--danger)}.option__text{overflow-wrap:anywhere;flex:1;min-width:0}.badge{background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent);border-color:#0000}.badge--success{background:var(--success-soft);color:var(--success);border-color:#0000}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.badge--warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.join-code{letter-spacing:.18em;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700}.progress{background:var(--surface-muted);border-radius:999px;height:7px;overflow:hidden}.progress__bar{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.alert{border-radius:var(--radius-sm);border:1px solid #0000;padding:12px 15px;font-size:.9rem}.alert--error{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.alert--info{background:var(--accent-soft);color:var(--accent)}.alert--success{background:var(--success-soft);color:var(--success)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:11px 12px}th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:650}tbody tr:last-child td{border-bottom:none}.rank{font-variant-numeric:tabular-nums;width:3.2rem;font-weight:700}.rank--1{color:#b8860b}.rank--2{color:#8a8d99}.rank--3{color:#a9663a}.num{font-variant-numeric:tabular-nums;text-align:right}.empty{text-align:center;color:var(--text-muted);border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:44px 20px}.qr-frame{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:14px;line-height:0;display:inline-block}.qr-frame img{width:100%;max-width:300px;height:auto;image-rendering:pixelated;display:block}.divider{background:var(--border);border:0;height:1px;margin:18px 0}.score-hero{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,14vw,4rem);font-weight:750;line-height:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.action-bar{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);padding:12px 0 calc(12px + var(--safe-bottom));margin-top:20px;position:sticky;bottom:0}.question-dots{flex-wrap:wrap;gap:7px;display:flex}.dot{border:1.5px solid var(--border-strong);background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:9px;place-items:center;padding:0;font-family:inherit;font-size:.8rem;font-weight:650;display:grid}.dot--answered{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.dot--current{border-color:var(--accent);background:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.dot--current{color:#12101f}}@media print{.site-header,.btn,.no-print{display:none!important}body{background:#fff}.card{box-shadow:none;border-color:#ccc}}