:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#faf9f6;--text:#16181d;--muted:#5f6672;--border:#e7e4dc;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#eceeff;--on-accent:#fff;--warm:#d97706;--warm-soft:#fef3c7;--ok:#15803d;--ok-bg:#e3f5e8;--bad:#be123c;--bad-bg:#fde8ed;--radius:16px;--radius-sm:10px;--shadow-sm:0 1px 2px #16181d0d;--shadow:0 10px 30px -12px #16181d2e;--ring:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.55 Manrope,system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1c2029;--text:#eceef3;--muted:#9aa1ae;--border:#272c37;--accent:#8b93ff;--accent-strong:#a5abff;--accent-soft:#1f2347;--on-accent:#0f1115;--warm:#fbbf24;--warm-soft:#3a2c0b;--ok:#4ade80;--ok-bg:#11301f;--bad:#fb7185;--bad-bg:#3a1620;--shadow-sm:none;--shadow:0 10px 30px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3{letter-spacing:-.015em;margin:0 0 10px;line-height:1.2}h1{font-size:clamp(26px,4vw,34px);font-weight:800}h2{font-size:19px;font-weight:700}p{margin:0 0 10px}a{color:var(--accent)}:focus-visible{box-shadow:var(--ring);outline:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.9;transform:translateY(105vh)rotate(720deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes toploader{0%{transform:translate(-100%)}to{transform:translate(100%)}}.container{max-width:920px;margin:0 auto;padding:28px 20px 64px}.narrow{max-width:680px;margin:0 auto}.page{animation:.3s both fadeUp}.nav{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{align-items:center;gap:6px;max-width:920px;margin:0 auto;padding:10px 20px;display:flex}.brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;margin-right:14px;font-size:17px;font-weight:800;display:inline-flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--on-accent);border-radius:10px;place-items:center;display:grid}.nav-tabs{gap:4px;display:flex}.nav .spacer{flex:1}.tab{color:var(--muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:15px;font-weight:600;display:inline-flex}.tab:hover{background:var(--accent-soft);color:var(--text)}.tab.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-user{align-items:center;gap:8px;display:flex}.nav-user .name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:600;overflow:hidden}.avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-strong);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.avatar.big{width:68px;height:68px;font-size:28px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:20px}.card.clickable{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.card.clickable:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-2px)}.card.clickable:active{transform:none}.card.clickable:focus-visible{box-shadow:var(--ring)}.page-head{margin-bottom:22px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:6px;font-size:12px;font-weight:700;display:inline-block}.page-head p{color:var(--muted);margin:0;font-size:17px}.grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;display:grid}.grid>.card{margin:0}.test-card{flex-direction:column;gap:14px;min-height:168px;display:flex}.tile{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-strong);border-radius:13px;flex:none;place-items:center;display:grid}.test-card h2{margin:0 0 4px}.test-card .desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14.5px;display:-webkit-box;overflow:hidden}.card-foot{color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;font-size:14px;font-weight:600;display:flex}.card-foot .go{color:var(--accent-strong);align-items:center;gap:4px;display:inline-flex}.list-item{align-items:center;gap:16px;display:flex}.list-item .grow{flex:1;min-width:0}.list-item h2{margin:0;font-size:17px}.chev{color:var(--muted);flex:none}.promo{background:var(--accent);color:var(--on-accent);border-color:#0000}.promo .muted{color:color-mix(in srgb, var(--on-accent) 80%, transparent)}.promo .tile{color:#fff;background:#ffffff2e}.promo:hover{border-color:#0000}@media (prefers-color-scheme:dark){.promo .tile{color:var(--on-accent);background:#0f111526}}.muted{color:var(--muted);font-size:14.5px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700;display:inline-block}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex}button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}button:active:not(:disabled){transform:scale(.98)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}button.lg{padding:14px 22px;font-size:16px}button:disabled{opacity:.5;cursor:not-allowed}button.link{color:var(--muted);background:0 0;border:0;margin-bottom:10px;padding:6px 8px 6px 0}button.link:hover:not(:disabled){color:var(--text)}.tab{border:0}input[type=text],input[type=password],input[type=file],textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text);margin-bottom:16px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,textarea:focus{background:var(--surface);border-color:var(--accent);box-shadow:var(--ring);outline:none}label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.error{background:var(--bad-bg);color:var(--bad);border-radius:var(--radius-sm);margin-bottom:14px;padding:11px 14px;font-weight:600;animation:.35s shake}.ok{background:var(--ok-bg);color:var(--ok);border-radius:var(--radius-sm);margin-bottom:14px;padding:11px 14px;font-weight:600;animation:.35s pop}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:80px auto;animation:.8s linear infinite spin}.auth{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.auth-aside{background:var(--accent);color:var(--on-accent);flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.auth-aside:before,.auth-aside:after{content:"";background:#ffffff14;border-radius:50%;position:absolute}.auth-aside:before{width:420px;height:420px;bottom:-120px;right:-140px}.auth-aside:after{width:220px;height:220px;bottom:150px;right:120px}.auth-aside .brand{color:inherit}.auth-aside .brand-mark{color:#fff;background:#fff3}.auth-aside h2{max-width:14ch;margin:0 0 14px;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.12}.auth-aside p{opacity:.85;max-width:34ch;font-size:17px}.auth-points{z-index:1;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid;position:relative}.auth-points li{align-items:center;gap:10px;font-weight:600;display:flex}.auth-points svg{flex:none}.auth-main{place-items:center;padding:32px 20px;display:grid}.auth-form{width:100%;max-width:380px}.auth-form h1{margin-bottom:6px}.auth-form .sub{color:var(--muted);margin-bottom:26px}.auth-form button.primary{width:100%}@media (width<=820px){.auth{grid-template-columns:1fr}.auth-aside{padding:28px 24px 32px}.auth-aside h2,.auth-aside p,.auth-points,.auth-aside:before,.auth-aside:after{display:none}}.q-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.q-meta .count{color:var(--muted);font-size:14px;font-weight:700}.progress{background:var(--border);border-radius:999px;height:8px;margin-bottom:20px;overflow:hidden}.progress>div{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.question{padding:26px;animation:.3s both fadeUp}.question h2{margin-bottom:20px;font-size:clamp(19px,2.6vw,23px);line-height:1.35}.option{text-align:left;border:2px solid var(--border);background:var(--surface);border-radius:13px;align-items:flex-start;gap:14px;width:100%;margin-bottom:10px;padding:14px 16px;font-weight:500;line-height:1.45;display:flex}.option:last-of-type{margin-bottom:0}.option .key{background:var(--surface-2);width:28px;height:28px;color:var(--muted);border:1px solid var(--border);border-radius:8px;flex:none;place-items:center;font-size:13px;font-weight:800;transition:background .15s,color .15s,border-color .15s;display:grid}.option .txt{flex:1;padding-top:2px}.option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.option:hover:not(:disabled) .key{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.option.correct{background:var(--ok-bg);border-color:var(--ok);animation:.35s pop}.option.correct .key{background:var(--ok);border-color:var(--ok);color:#fff}.option.wrong{background:var(--bad-bg);border-color:var(--bad);animation:.35s shake}.option.wrong .key{background:var(--bad);border-color:var(--bad);color:#fff}.option:disabled:not(.correct):not(.wrong){opacity:.55}.option:disabled{cursor:default}.feedback{align-items:center;gap:8px;margin:16px 0 0;font-weight:700;display:flex}.feedback.good{color:var(--ok)}.feedback.bad{color:var(--bad)}.quiz-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.hint{color:var(--muted);font-size:13px}@media (width<=640px){.hint{display:none}.quiz-actions button{width:100%}}.streak{background:var(--warm-soft);color:var(--warm);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:800;animation:.4s pop;display:inline-flex}.result-card{text-align:center;padding:32px 20px}.ring{width:168px;height:168px;margin:0 auto 14px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .track{stroke:var(--border)}.ring .bar{stroke:var(--accent);transition:stroke-dashoffset .1s linear}.ring.good .bar{stroke:var(--ok)}.ring.low .bar{stroke:var(--warm)}.ring .num{letter-spacing:-.03em;place-items:center;font-size:40px;font-weight:800;display:grid;position:absolute;inset:0}.verdict{margin-bottom:4px;font-size:22px;font-weight:800}.answer-row{align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.answer-row .mark{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.answer-row .mark.good{background:var(--ok-bg);color:var(--ok)}.answer-row .mark.bad{background:var(--bad-bg);color:var(--bad)}.answer-row p{margin:0 0 4px}.answer-row .q{font-weight:700}.answer-row .mine.bad{color:var(--bad)}.answer-row .mine.good{color:var(--ok)}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.stat{text-align:center;padding:8px}.stat b{letter-spacing:-.02em;font-size:28px;font-weight:800;display:block}.stat span{font-size:13px;font-weight:600}.actions{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.lb-row{align-items:center;gap:14px;margin-bottom:8px;padding:14px 18px;display:flex}.rank{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border:1px solid var(--border);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.lb-row .who{flex:1;min-width:0}.lb-row .who b,.lb-row .who span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lb-row .pct{text-align:right;font-size:18px;font-weight:800}.lb-row .pct small{color:var(--muted);font-size:12px;font-weight:600;display:block}.lb-1{border-color:color-mix(in srgb, #f59e0b 60%, var(--border))}.profile-head{align-items:center;gap:18px;display:flex}.profile-head h1{margin-bottom:2px}.profile-head p{margin:0}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:0}.toploader{z-index:100;opacity:0;pointer-events:none;height:3px;transition:opacity .2s;position:fixed;top:0;left:0;right:0;overflow:hidden}.toploader.on{opacity:1}.toploader:after{content:"";background:var(--accent);width:100%;animation:1s ease-in-out infinite toploader;position:absolute;inset:0}.skeleton{pointer-events:none}.sk-line{background:linear-gradient(90deg, var(--border) 25%, color-mix(in srgb, var(--border) 40%, var(--surface)) 50%, var(--border) 75%);background-size:200% 100%;border-radius:8px;height:14px;margin:8px 0;animation:1.4s linear infinite shimmer}.btn-spin{border:2px solid color-mix(in srgb, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@media (width<=640px){.container{padding:20px 16px 96px}.card{padding:16px}.question{padding:18px}.nav-inner{padding:8px 14px}.brand{margin-right:auto}.brand span,.nav-user .name{display:none}.nav-tabs{z-index:20;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);gap:0;position:fixed;bottom:0;left:0;right:0}.tab{flex-direction:column;flex:1;gap:2px;padding:6px 4px;font-size:11.5px}.lb-row{padding:12px 14px}.profile-head{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--bg:#07080f;--surface:#10121d;--surface-2:#161a28;--text:#eef0ff;--muted:#9aa3c0;--border:#232945;--accent:#8b5cf6;--accent-strong:#c4b5fd;--accent-soft:#8b5cf629;--on-accent:#fff;--warm:#fbbf24;--warm-soft:#fbbf2424;--ok:#34d399;--ok-bg:#34d3991f;--bad:#fb7185;--bad-bg:#fb71851f;--neon:linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);--glow:0 0 28px -6px #8b5cf6b3;--shadow:0 16px 40px -18px #000c;--shadow-sm:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(900px 500px at 8% -8%, #8b5cf638, transparent 70%), radial-gradient(800px 500px at 100% 0%, #22d3ee24, transparent 70%), radial-gradient(700px 500px at 50% 110%, #f472b61a, transparent 70%), var(--bg);background-attachment:fixed}.nav{background:#07080fb8}.card{background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--surface)}.brand-mark{background:var(--neon);box-shadow:var(--glow)}.avatar{background:var(--neon);color:#fff}.tab.active{color:#fff;box-shadow:inset 0 -2px 0 var(--accent);border-radius:10px 10px 4px 4px}button.primary{background:var(--neon);color:#fff;box-shadow:var(--glow);border-color:#0000}button.primary:hover:not(:disabled){background:var(--neon);filter:brightness(1.15);border-color:#0000}.test-card,.narrow{--c:var(--accent)}.tile{background:color-mix(in srgb, var(--c,var(--accent)) 18%, transparent);color:var(--c,var(--accent));box-shadow:0 0 22px -8px var(--c,var(--accent))}.tile.warm{background:var(--warm-soft);color:var(--warm)}.test-card.clickable:hover,.list-item.clickable:hover{border-color:var(--c,var(--accent));box-shadow:0 0 0 1px var(--c,var(--accent)), 0 16px 44px -16px var(--c,var(--accent))}.test-card .card-foot .go{color:var(--c)}.test-card .badge{background:color-mix(in srgb, var(--c) 16%, transparent);color:var(--c)}.promo{background:var(--neon);color:#fff;box-shadow:var(--glow)}.promo .tile{color:#fff;box-shadow:none;background:#fff3}.promo:hover{border-color:#0000!important;box-shadow:0 0 0 1px #fff3,0 16px 44px -14px #8b5cf6!important}.progress{background:var(--surface-2)}.progress>div{background:var(--neon);box-shadow:0 0 14px #8b5cf6cc}.option{background:#ffffff08}.option.correct{box-shadow:0 0 24px -8px var(--ok)}.option.wrong{box-shadow:0 0 24px -8px var(--bad)}.option.correct .key,.option.wrong .key{color:#07080f}.ring{color:var(--accent)}.ring .bar{stroke:currentColor;filter:drop-shadow(0 0 7px)}.ring.good{color:var(--ok)}.ring.low{color:var(--warm)}.ring .num{text-shadow:0 0 24px}.rank.r1{color:#fbbf24;background:#fbbf2429;border-color:#fbbf2480}.rank.r2{color:#cbd5e1;background:#cbd5e11f;border-color:#cbd5e166}.rank.r3{color:#fb923c;background:#fb923c26;border-color:#fb923c80}.lb-1{box-shadow:0 0 30px -12px #fbbf24}.toploader:after{background:var(--neon)}.auth-aside{border-right:1px solid var(--border);background:radial-gradient(520px 380px at 0 0,#8b5cf68c,#0000 70%),radial-gradient(520px 420px at 100% 100%,#22d3ee66,#0000 70%),#0b0c18}.auth-aside:before,.auth-aside:after{background:#ffffff0a}.auth-aside .brand-mark{background:var(--neon)}input[type=text],input[type=password],input[type=file],textarea{background:#ffffff0a}:root[data-theme=light]{--bg:#f4f3ff;--surface:#fff;--surface-2:#f6f5ff;--text:#15172b;--muted:#5d6280;--border:#e2e0f2;--accent:#6d4aff;--accent-strong:#5636e0;--accent-soft:#eee9ff;--warm:#b45309;--warm-soft:#fef3c7;--ok:#15803d;--ok-bg:#dcfce7;--bad:#be123c;--bad-bg:#ffe4e9;--glow:0 8px 22px -8px #6d4aff8c;--shadow:0 16px 36px -18px #3c28a059;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] body{background:radial-gradient(900px 500px at 8% -8%, #8b5cf629, transparent 70%), radial-gradient(800px 500px at 100% 0%, #22d3ee24, transparent 70%), var(--bg);background-attachment:fixed}:root[data-theme=light] .nav{background:#f4f3ffcc}:root[data-theme=light] .card,:root[data-theme=light] .option{background:var(--surface)}:root[data-theme=light] .option.correct,:root[data-theme=light] .option.wrong{box-shadow:none}:root[data-theme=light] input[type=text],:root[data-theme=light] input[type=password],:root[data-theme=light] input[type=file],:root[data-theme=light] textarea{background:var(--surface-2)}:root[data-theme=light] .progress>div{box-shadow:none}:root[data-theme=light] .ring .num{text-shadow:none}:root[data-theme=light] .tile{box-shadow:none}:root[data-theme=light] .rank.r1{color:#92400e}:root[data-theme=light] .rank.r2{color:#475569}:root[data-theme=light] .rank.r3{color:#9a3412}.theme-toggle{padding:8px}.mini-stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:22px;display:grid}.mini-stats .card{margin:0;padding:14px 16px}.mini-stats b{letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1;display:block}.mini-stats span{color:var(--muted);font-size:13px;font-weight:600}.mini-stats .accent b{background:var(--neon);color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-theme=light]{--bg:#f6f7fb;--surface:#fff;--surface-2:#f3f4fa;--text:#121528;--muted:#5a6078;--border:#e3e5f0;--accent:#5b3df5;--accent-strong:#4a2fd6;--accent-soft:#eeebff;--neon:linear-gradient(135deg, #6a4dff 0%, #2f7bff 100%);--glow:0 6px 18px -6px #5b3df58c;--shadow:0 18px 40px -22px #1e1e5a59;--shadow-sm:0 1px 2px #14183c0d, 0 6px 18px -12px #14183c1f}:root[data-theme=light] body{background:radial-gradient(1000px 420px at 50% -120px, #5b3df51a, transparent 70%), var(--bg)}:root[data-theme=light] .nav{border-bottom-color:var(--border);background:#ffffffd9}:root[data-theme=light] .card{border-color:var(--border);box-shadow:var(--shadow-sm)}:root[data-theme=light] .card.clickable:hover{box-shadow:var(--shadow)}:root[data-theme=light] .test-card.clickable:hover,:root[data-theme=light] .list-item.clickable:hover{border-color:var(--c,var(--accent));box-shadow:0 0 0 1px var(--c,var(--accent)), var(--shadow)}:root[data-theme=light] .tile{background:color-mix(in srgb, var(--c,var(--accent)) 14%, #fff);color:color-mix(in srgb, var(--c,var(--accent)) 62%, #000)}:root[data-theme=light] .test-card .badge,:root[data-theme=light] .test-card .card-foot .go{color:color-mix(in srgb, var(--c) 60%, #000)}:root[data-theme=light] .test-card .badge{background:color-mix(in srgb, var(--c) 14%, #fff)}:root[data-theme=light] .promo{background:var(--neon)}:root[data-theme=light] .promo .tile{color:#fff;background:#ffffff38}:root[data-theme=light] .tab:hover{background:var(--surface-2);color:var(--text)}:root[data-theme=light] .tab.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none;border-radius:10px}:root[data-theme=light] .option{border-color:var(--border)}:root[data-theme=light] .option:hover:not(:disabled){background:var(--accent-soft)}:root[data-theme=light] .option.correct .key,:root[data-theme=light] .option.wrong .key{color:#fff}:root[data-theme=light] .progress{background:#e8e9f4}:root[data-theme=light] .ring .track{stroke:#e8e9f4}:root[data-theme=light] .ring .bar{filter:none}:root[data-theme=light] .rank.r1{background:#fef3c7;border-color:#fcd34d}:root[data-theme=light] .rank.r2{background:#eef0f4;border-color:#cbd5e1}:root[data-theme=light] .rank.r3{background:#ffe8d6;border-color:#fdba74}:root[data-theme=light] .lb-1{box-shadow:0 0 0 1px #fcd34d, var(--shadow-sm)}:root[data-theme=light] .auth-aside{background:radial-gradient(520px 380px at 0 0,#ffffff40,#0000 70%),linear-gradient(145deg,#5b3df5 0%,#2f7bff 100%);border-right:0}:root[data-theme=light] .skeleton .sk-line{background:linear-gradient(90deg,#e8e9f4 25%,#f5f6fb 50%,#e8e9f4 75%) 0 0/200% 100%}@media (width<=640px){:root[data-theme=light] .nav-tabs{background:#fffffff0}}.theme-float{z-index:30;position:fixed;top:14px;right:14px}@keyframes login-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.15)}}@keyframes login-in{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.login{color:#1b1b2f;background:linear-gradient(135deg,#6d28d9 0%,#db2777 50%,#f59e0b 100%) 0 0/200% 200%;place-items:center;min-height:100vh;padding:24px 16px;animation:14s infinite login-bg;display:grid;position:relative;overflow:hidden}@keyframes login-bg{0%,to{background-position:0%}50%{background-position:100%}}.login-blobs i{filter:blur(60px);opacity:.55;border-radius:50%;animation:9s ease-in-out infinite login-drift;position:absolute}.login-blobs i:first-child{background:#22d3ee;width:340px;height:340px;top:-90px;left:-80px}.login-blobs i:nth-child(2){background:#a3e635;width:300px;height:300px;animation-delay:-3s;bottom:-100px;right:-60px}.login-blobs i:nth-child(3){background:#f472b6;width:220px;height:220px;animation-delay:-6s;top:55%;left:12%}.login-card{z-index:1;color:#1b1b2f;background:#fff;border-radius:28px;width:100%;max-width:420px;padding:36px 32px 28px;animation:.6s cubic-bezier(.2,.8,.2,1) both login-in;position:relative;box-shadow:0 30px 80px -20px #1e0a508c}.login-logo{color:#fff;background:linear-gradient(135deg,#7c3aed,#ec4899);border-radius:20px;place-items:center;width:64px;height:64px;margin:-68px auto 16px;display:grid;transform:rotate(-6deg);box-shadow:0 14px 30px -8px #7c3aedb3}.login-card h1{text-align:center;color:#1b1b2f;margin:0 0 6px;font-size:26px;font-weight:800}.login-sub{text-align:center;color:#6b6b85;margin:0 0 24px;font-size:15px}.login-card label{color:#4b4b66;margin:0 0 6px;font-size:13px;font-weight:700;display:block}.login .login-card input[type=text],.login .login-card input[type=password]{color:#1b1b2f;width:100%;box-shadow:none;background:#f4f2ff;border:2px solid #0000;border-radius:14px;margin:0 0 16px;padding:13px 15px;font-size:16px}.login .login-card input:focus{background:#fff;border-color:#7c3aed;outline:none;box-shadow:0 0 0 4px #7c3aed2e}.login .login-card .error{color:#be123c;background:#ffe4ea;border:0;border-radius:12px;margin-bottom:14px;padding:10px 12px;font-size:14px}.login .login-card button.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#ec4899) 0 0/160% 100%;border:0;border-radius:14px;width:100%;margin-top:4px;padding:14px;font-size:17px;font-weight:800;transition:transform .15s,box-shadow .15s,background-position .3s;box-shadow:0 14px 28px -10px #ec4899b3}.login .login-card button.login-btn:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 18px 34px -10px #ec4899cc}.login .login-card button.login-btn:active:not(:disabled){transform:scale(.98)}.login .login-card button.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.login-chips li{color:#5b21b6;background:#f4f2ff;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.login .theme-float button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff38;border:0}.mobile-only{display:none}@media (width<=640px){.mobile-only{display:flex}.nav-user{display:none}.nav-inner{justify-content:center}.brand{margin-right:0}.brand span:last-child{display:inline}.nav-tabs .tab{min-width:0}.brand .brand-mark{display:grid}.nav,:root[data-theme=light] .nav{-webkit-backdrop-filter:none;background:var(--bg)}.nav-tabs{z-index:20;justify-content:space-around;width:100%;position:fixed;inset:auto 0 0}}.login-switch{text-align:center;color:#6b6b85;margin:18px 0 0;font-size:15px}.login .login-card .login-switch button{box-shadow:none;font:inherit;color:#7c3aed;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.badge.role-premium{background:var(--warm-soft);color:var(--warm)}.badge.role-admin{background:var(--accent-soft);color:var(--accent-strong)}.badge.role-user{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.nav-user .badge{padding:2px 9px;font-size:12px}.limit-note{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);margin:0 0 16px;padding:10px 14px;font-size:14.5px;font-weight:600}.limit-note.out{background:var(--warm-soft);color:var(--warm)}.paywall{text-align:center;padding:28px 22px}.paywall h2{margin:10px 0 8px}.paywall-icon{background:var(--warm-soft);width:56px;height:56px;color:var(--warm);border-radius:16px;place-items:center;display:inline-grid}.users{gap:4px;max-height:420px;margin-top:12px;display:grid;overflow-y:auto}.user-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 4px;display:flex}.user-row:last-child{border-bottom:0}.user-row .grow{flex:1;min-width:0;display:grid}.user-row .grow b,.user-row .grow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-row select{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 10px;font-weight:600}.lb-filter{scrollbar-width:thin;gap:8px;margin-bottom:4px;padding:2px 0 14px;display:flex;overflow-x:auto}.lb-filter .chip{white-space:nowrap;background:var(--surface,var(--card));color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex:none;padding:7px 14px;font-size:14px;font-weight:600}.lb-filter .chip:hover{border-color:var(--accent)}.lb-filter .chip.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent,#fff)}@media (width>=641px){.nav,:root[data-theme=light] .nav{z-index:20;border-bottom:0;border-right:1px solid var(--border);-webkit-backdrop-filter:none;background:var(--surface);width:260px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.nav-inner{flex-direction:column;align-items:stretch;gap:22px;max-width:none;min-height:100%;margin:0;padding:22px 14px}.brand{margin:0 6px;font-size:18px}.nav-tabs{flex-direction:column;gap:4px}.nav .tab,:root[data-theme=light] .nav .tab{border-radius:12px;justify-content:flex-start;width:100%;padding:11px 14px;font-size:15px}.nav .tab.active{box-shadow:none;background:var(--accent-soft);color:var(--accent-strong);border-radius:12px}.nav .spacer{flex:1}.nav-user{border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding:14px 8px 0}.nav-user .name{flex:1;min-width:0;max-width:none}.nav+.container{max-width:1040px;margin:0 0 0 max(260px,50vw - 390px)}}.login{color:#eef0ff;background:radial-gradient(700px 480px at 12% 8%,#8b5cf647,#0000 70%),radial-gradient(640px 460px at 92% 92%,#22d3ee38,#0000 70%),#07080f;animation:none}.login:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(#8b5cf614 1px,#0000 1px),linear-gradient(90deg,#8b5cf614 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.login-blobs i{filter:blur(90px);opacity:.32}.login-blobs i:first-child{background:#8b5cf6}.login-blobs i:nth-child(2){background:#22d3ee}.login-blobs i:nth-child(3){opacity:.2;background:#f472b6}.login-card{color:#eef0ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0f,#ffffff05),#0e101ce0;border:1px solid #8b5cf673;box-shadow:0 0 0 1px #22d3ee1f,0 0 60px -18px #8b5cf6b3,0 30px 80px -30px #000}.login-logo{background:linear-gradient(135deg,#8b5cf6,#22d3ee);box-shadow:0 0 30px -4px #8b5cf6e6}.login-card h1{color:#fff;text-shadow:0 0 22px #8b5cf68c}.login-sub,.login-switch{color:#9aa3c0}.login-card label{color:#b8c0dc}.login .login-card input[type=text],.login .login-card input[type=password]{color:#eef0ff;background:#ffffff0d;border:1px solid #2a3150}.login .login-card input::placeholder{color:#5f6788}.login .login-card input:focus{background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640,0 0 20px -4px #8b5cf699}.login .login-card .error{color:#fb7185;background:#fb71851f;border:1px solid #fb718559}.login .login-card button.login-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#22d3ee) 0 0/160% 100%;box-shadow:0 0 28px -6px #8b5cf6d9}.login .login-card button.login-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 36px -4px #22d3eebf}.login-chips li{color:#c4b5fd;background:#8b5cf624;border:1px solid #8b5cf64d}.login .login-card .login-switch button{color:#67e8f9}.login .theme-float button{color:#eef0ff;background:#ffffff0f;border:1px solid #2a3150}.format-hint{margin:4px 0 16px}.format-hint summary{cursor:pointer;color:var(--accent-strong);font-weight:600}.format-hint pre{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);margin:10px 0;padding:12px 14px;font-size:13.5px;line-height:1.5;overflow-x:auto}.format-hint code{background:var(--surface-2);border-radius:6px;padding:1px 6px}