:root{--bg: #f4f6ff;--bg-tint: #e9ecfb;--surface: #ffffff;--surface-2: #f8f9ff;--ink: #111827;--muted: #5b6178;--line: #e0e4f2;--line-strong: #c9cfe4;--jade: #4f46e5;--jade-strong: #4338ca;--jade-ink: #ffffff;--jade-soft: #e8e7fd;--lilac: #db2777;--lilac-strong: #be185d;--lilac-ink: #ffffff;--lilac-soft: #fce7f3;--butter: #f59e0b;--butter-ink: #92400e;--butter-soft: #fef3c7;--good: #059669;--good-soft: #d1fae5;--bad: #dc2626;--bad-soft: #fee2e2;--pencil: #1f2937;--pencil-ink: #ffffff;--wm: rgba(17, 24, 39, .055);--shadow-sm: 0 1px 2px rgba(30, 27, 75, .06);--shadow: 0 1px 2px rgba(30, 27, 75, .05), 0 14px 34px -18px rgba(49, 46, 129, .35);--scrim: rgba(15, 17, 35, .45);--r-xl: 28px;--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--f-display: "Bricolage Grotesque", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--f-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d0f1c;--bg-tint: #141831;--surface: #151a2e;--surface-2: #1a2038;--ink: #e6e8f5;--muted: #9ba2c0;--line: #252b47;--line-strong: #333b5e;--jade: #818cf8;--jade-strong: #a5b4fc;--jade-ink: #0d0f1c;--jade-soft: #252a5c;--lilac: #f472b6;--lilac-strong: #f9a8d4;--lilac-ink: #2a0a1a;--lilac-soft: #4a1730;--butter: #fbbf24;--butter-ink: #fcd34d;--butter-soft: #3b2a0a;--good: #34d399;--good-soft: #0f3a2c;--bad: #f87171;--bad-soft: #3f1a1a;--pencil: #e6e8f5;--pencil-ink: #0d0f1c;--wm: rgba(230, 232, 245, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 14px 34px -18px rgba(0, 0, 0, .75);--scrim: rgba(0, 0, 0, .55);color-scheme:dark}}:root[data-theme=dark]{--bg: #0d0f1c;--bg-tint: #141831;--surface: #151a2e;--surface-2: #1a2038;--ink: #e6e8f5;--muted: #9ba2c0;--line: #252b47;--line-strong: #333b5e;--jade: #818cf8;--jade-strong: #a5b4fc;--jade-ink: #0d0f1c;--jade-soft: #252a5c;--lilac: #f472b6;--lilac-strong: #f9a8d4;--lilac-ink: #2a0a1a;--lilac-soft: #4a1730;--butter: #fbbf24;--butter-ink: #fcd34d;--butter-soft: #3b2a0a;--good: #34d399;--good-soft: #0f3a2c;--bad: #f87171;--bad-soft: #3f1a1a;--pencil: #e6e8f5;--pencil-ink: #0d0f1c;--wm: rgba(230, 232, 245, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 14px 34px -18px rgba(0, 0, 0, .75);--scrim: rgba(0, 0, 0, .55);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--f-display);line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.01em}h1{font-size:clamp(1.9rem,4.6vw,2.8rem);font-weight:800}h2{font-size:clamp(1.25rem,2.6vw,1.55rem);font-weight:700}h3{font-size:1.08rem;font-weight:700}p{margin:0}a{color:var(--jade-strong)}:focus-visible{outline:3px solid var(--jade);outline-offset:2px;border-radius:6px}.muted{color:var(--muted)}.small{font-size:.875rem}.tiny{font-size:.78rem}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:var(--gap, 12px)}.row{display:flex;align-items:center;gap:var(--gap, 10px);flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1 1 auto;min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{min-height:100vh;display:flex;flex-direction:column}.page{width:100%;max-width:1120px;margin:0 auto;padding-inline:16px;padding-block:20px 64px;display:flex;flex-direction:column;gap:28px}@media (min-width: 720px){.page{padding-inline:28px;padding-block:28px 80px}}.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.topbar-in{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}@media (min-width: 720px){.topbar-in{padding-inline:28px}}.brand{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:800;font-size:1.08rem;background:none;border:0;padding:0;cursor:pointer}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--jade);color:var(--jade-ink);display:grid;place-items:center}.brand small{display:block;font:600 .7rem var(--f-body);color:var(--muted);letter-spacing:.04em}.nav{display:flex;gap:4px;margin-left:8px}.nav button{border:0;background:none;padding:8px 12px;border-radius:999px;font-weight:600;color:var(--muted);cursor:pointer}.nav button[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.nav button:hover{color:var(--ink)}@media (max-width: 640px){.nav{display:none}}.bottomnav{display:none}@media (max-width: 640px){.bottomnav{display:flex;position:fixed;inset:auto 0 0;z-index:25;background:var(--surface);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around}.bottomnav button{flex:1;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;font-weight:600;color:var(--muted);padding:6px 0;border-radius:12px;cursor:pointer}.bottomnav button[aria-current=page]{color:var(--jade-strong);background:var(--jade-soft)}.has-bottomnav .page{padding-bottom:110px}}.avatar{width:34px;height:34px;border-radius:50%;background:var(--lilac-soft);color:var(--lilac-strong);display:grid;place-items:center;font-weight:800;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.menu{position:relative}.menu-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);padding:8px;z-index:30;display:flex;flex-direction:column;gap:2px}.menu-pop .who{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.menu-pop button{text-align:left;border:0;background:none;padding:9px 10px;border-radius:10px;cursor:pointer;display:flex;gap:10px;align-items:center;font-weight:500}.menu-pop button:hover{background:var(--surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:11px 18px;border-radius:999px;font-weight:700;cursor:pointer;line-height:1.2;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.btn.primary{background:var(--jade);border-color:var(--jade);color:var(--jade-ink)}.btn.primary:hover{background:var(--jade-strong);border-color:var(--jade-strong)}.btn.lilac{background:var(--lilac);border-color:var(--lilac);color:var(--lilac-ink)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.btn.sm{padding:7px 12px;font-size:.85rem}.btn.lg{padding:14px 24px;font-size:1.05rem}.btn.block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700;font-size:.88rem}.input,select.input{width:100%;border:1.5px solid var(--line-strong);background:var(--surface);border-radius:var(--r-sm);padding:11px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--jade);box-shadow:0 0 0 4px var(--jade-soft)}.input.code{font:600 1.35rem var(--f-mono);letter-spacing:.12em;text-align:center;text-transform:uppercase;padding:14px}.seg{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--bg-tint);border:1px solid var(--line)}.seg button{border:0;background:none;padding:7px 14px;border-radius:999px;font-weight:700;font-size:.86rem;color:var(--muted);cursor:pointer}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.seg.lilac button[aria-pressed=true]{background:var(--lilac);color:var(--lilac-ink)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.pill.good{background:var(--good-soft);color:var(--good)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.warn{background:var(--butter-soft);color:var(--butter-ink)}.pill.jade{background:var(--jade-soft);color:var(--jade-strong)}.pill.lilac{background:var(--lilac-soft);color:var(--lilac-strong)}.pill.neutral{background:var(--bg-tint);color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}@media (min-width: 720px){.card{padding:24px}}.card.flat{box-shadow:none}.banner{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:14px 18px;border-radius:var(--r-md);background:var(--butter-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--butter) 45%,transparent)}.banner>span:not(.dot),.banner>div{flex:1 1 200px;min-width:0}.banner.demo{background:var(--lilac-soft);border-color:color-mix(in srgb,var(--lilac) 35%,transparent)}.hello{position:relative;overflow:hidden;border-radius:var(--r-xl);padding:26px 22px;background:var(--jade);color:var(--jade-ink);display:grid;gap:18px}@media (min-width: 820px){.hello{grid-template-columns:1.3fr 1fr;align-items:end;padding:34px 36px}}.hello h1{color:inherit}.hello .sub{opacity:.88;max-width:52ch}.hello-blob{position:absolute;border-radius:50%;pointer-events:none}.hello-blob.b1{width:220px;height:220px;right:-50px;top:-80px;background:var(--butter);opacity:.95}.hello-blob.b2{width:160px;height:160px;right:150px;bottom:-100px;background:var(--lilac);opacity:.85}.hello>*:not(.hello-blob){position:relative}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{background:color-mix(in srgb,var(--jade-ink) 14%,transparent);border-radius:var(--r-md);padding:12px 14px}.stat b{display:block;font:600 1.45rem/1.1 var(--f-mono);font-variant-numeric:tabular-nums}.stat span{font-size:.78rem;opacity:.85}.access-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--jade-ink) 16%,transparent);font-weight:600;font-size:.86rem;width:fit-content}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-head p{max-width:60ch}.modes{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.mode{text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mode:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-strong)}.mode .icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--jade-soft);color:var(--jade-strong)}.mode.tpa .icon{background:var(--lilac-soft);color:var(--lilac-strong)}.mode b{font-size:1.02rem;line-height:1.3}.mode .meta{font:500 .8rem var(--f-mono);color:var(--muted)}.mode.featured{grid-column:1 / -1;background:var(--jade-soft);border-color:color-mix(in srgb,var(--jade) 30%,transparent);padding:22px}.mode.featured.tpa{background:var(--lilac-soft);border-color:color-mix(in srgb,var(--lilac) 30%,transparent)}.mode.featured .icon{background:var(--jade);color:var(--jade-ink)}.mode.featured.tpa .icon{background:var(--lilac);color:var(--lilac-ink)}.mode.featured b{font-family:var(--f-display);font-size:1.3rem}.mode .parts{display:flex;flex-wrap:wrap;gap:6px}.mode .parts span{font-size:.78rem;padding:3px 9px;border-radius:999px;background:var(--surface);color:var(--muted);font-weight:600}@media (min-width: 820px){.mode.featured{flex-direction:row;align-items:center;gap:18px}.mode.featured .grow{display:flex;flex-direction:column;gap:6px}}.hist-list{display:flex;flex-direction:column}.hist-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line);background:none;border-left:0;border-right:0;border-top:0;text-align:left;cursor:pointer;width:100%}.hist-item:last-child{border-bottom:0}.hist-item:hover{background:var(--surface-2)}.hist-score{font:600 1.15rem var(--f-mono);font-variant-numeric:tabular-nums;text-align:right}.kind-dot{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--jade-soft);color:var(--jade-strong);font-weight:800;font-size:.8rem}.kind-dot.tpa{background:var(--lilac-soft);color:var(--lilac-strong)}.bubble{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line-strong);font:600 .9rem var(--f-mono);color:var(--muted);background:var(--surface);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.opt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);padding:12px 14px;transition:border-color .15s ease,background .15s ease}.opt:hover{border-color:var(--line-strong);background:var(--surface-2)}.opt:hover .bubble{border-color:var(--pencil);color:var(--ink)}.opt.sel{border-color:var(--pencil);background:var(--surface-2)}.opt.sel .bubble{background:var(--pencil);color:var(--pencil-ink);border-color:var(--pencil);transform:scale(1.04)}.opt.right{border-color:var(--good);background:var(--good-soft)}.opt.right .bubble{background:var(--good);border-color:var(--good);color:var(--surface)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt.wrong .bubble{background:var(--bad);border-color:var(--bad);color:var(--surface)}.opt:disabled{cursor:default}.opt .txt{min-width:0;overflow-wrap:anywhere}.opt .tag{margin-left:auto;font-size:.75rem;font-weight:700;white-space:nowrap}.exam-bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.exam-bar-in{max-width:1120px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media (min-width: 720px){.exam-bar-in{padding-inline:28px}}.timer{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--jade-soft);color:var(--jade-strong);font:600 1.05rem var(--f-mono);font-variant-numeric:tabular-nums}.timer.low{background:var(--butter-soft);color:var(--butter-ink)}.timer.crit{background:var(--bad-soft);color:var(--bad);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.65}}.progress{height:4px;background:var(--line)}.progress i{display:block;height:100%;background:var(--jade);transition:width .25s ease}.save-state{font-size:.8rem;color:var(--muted);display:inline-flex;gap:6px;align-items:center}.save-state.err{color:var(--bad)}.exam-grid{display:grid;gap:22px;align-items:start}@media (min-width: 960px){.exam-grid{grid-template-columns:minmax(0,1fr) 300px}}.qcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-sm)}@media (min-width: 720px){.qcard{padding:28px}}.qmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.qnum{font:600 .82rem var(--f-mono);background:var(--bg-tint);color:var(--ink);padding:3px 10px;border-radius:999px}.qtext{font-size:1.1rem;font-weight:600;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}.qtext .ctx{max-height:none;display:block;font-weight:400;font-size:1rem;padding:14px 16px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);margin-bottom:12px}.noselect{-webkit-user-select:none;user-select:none}.opts{display:flex;flex-direction:column;gap:10px}.qnav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.flag-btn[aria-pressed=true]{background:var(--butter-soft);border-color:var(--butter);color:var(--butter-ink)}.sheet{position:sticky;top:92px;display:flex;flex-direction:column;gap:14px}.sheet-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:7px}.cell{height:38px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--surface);font:600 .78rem var(--f-mono);color:var(--muted);cursor:pointer;padding:0;aspect-ratio:1}.cell.done{background:var(--pencil);border-color:var(--pencil);color:var(--pencil-ink)}.cell.flag{background:var(--butter-soft);border-color:var(--butter);color:var(--butter-ink)}.cell.done.flag{box-shadow:inset 0 0 0 3px var(--butter)}.cell.cur{outline:2.5px solid var(--jade);outline-offset:2px}.cell.right{background:var(--good-soft);border-color:var(--good);color:var(--good)}.cell.wrong{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.cell.empty{border-style:dashed}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.76rem;color:var(--muted)}.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-2px;margin-right:5px;border:1.5px solid var(--line-strong)}.legend i.done{background:var(--pencil);border-color:var(--pencil)}.legend i.flag{background:var(--butter-soft);border-color:var(--butter)}@media (max-width: 959px){.sheet{display:none}}.sheet-fab{display:none}@media (max-width: 959px){.sheet-fab{display:inline-flex}}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:50;display:grid;place-items:center;padding:16px;animation:fade .15s ease}.scrim.bottom{place-items:end center;padding:0}@keyframes fade{0%{opacity:0}}.modal{width:min(460px,100%);background:var(--surface);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;max-height:90vh;overflow:auto;animation:rise .2s ease}.drawer{width:100%;max-width:640px;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow:auto;animation:rise .2s ease;display:flex;flex-direction:column;gap:14px}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modal-stats div{background:var(--surface-2);border-radius:var(--r-sm);padding:10px;text-align:center}.modal-stats b{display:block;font:600 1.3rem var(--f-mono)}.modal-stats span{font-size:.75rem;color:var(--muted)}.result-hero{display:grid;gap:20px;align-items:center}@media (min-width: 760px){.result-hero{grid-template-columns:auto minmax(0,1fr);gap:32px}}.ring{position:relative;width:190px;height:190px;margin:0 auto}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .val{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.ring .val b{display:block;font:600 2.6rem/1 var(--f-mono);font-variant-numeric:tabular-nums}.ring .val span{font-size:.78rem;color:var(--muted)}.ring circle{fill:none;stroke-width:14}.ring .track{stroke:var(--bg-tint)}.ring .bar{stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1)}.ring .mark{stroke:var(--ink);stroke-width:3}.bars{display:flex;flex-direction:column;gap:12px}.barrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.barrow .track{grid-column:1 / -1;height:10px;background:var(--bg-tint);border-radius:999px;overflow:hidden;position:relative}.barrow .track i{position:absolute;inset:0 auto 0 0;border-radius:999px}.barrow .track u{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--ink);opacity:.45}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.86rem;font-weight:600}.chip .mono{font-size:.8rem}.expl{border-radius:var(--r-md);padding:14px 16px;background:var(--jade-soft);display:flex;flex-direction:column;gap:6px;font-size:.95rem}.expl .ref{font-size:.8rem;color:var(--muted)}.review-list{display:flex;flex-direction:column;gap:14px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:700;font-size:.85rem;cursor:pointer;color:var(--muted)}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.auth{min-height:100vh;display:grid}@media (min-width: 900px){.auth{grid-template-columns:1.05fr 1fr}}.auth-art{position:relative;overflow:hidden;background:var(--jade);color:var(--jade-ink);padding:36px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}@media (min-width: 900px){.auth-art{padding:56px}}.auth-art h1{font-size:clamp(2rem,4.4vw,3.2rem);max-width:14ch}.auth-art .lead{opacity:.9;max-width:44ch;font-size:1.05rem}.auth-art ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.auth-art li{display:flex;gap:12px;align-items:flex-start}.auth-art li .b{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid currentColor;display:grid;place-items:center;font:700 .75rem var(--f-mono)}.auth-art li:nth-child(1) .b{background:var(--jade-ink);color:var(--jade);border-color:var(--jade-ink)}.sheet-deco{position:absolute;right:-40px;bottom:-40px;display:grid;grid-template-columns:repeat(5,30px);gap:10px;opacity:.22;transform:rotate(-12deg);pointer-events:none}.sheet-deco span{width:30px;height:30px;border-radius:50%;border:2px solid var(--jade-ink)}.sheet-deco span.f{background:var(--jade-ink)}.auth-art>*:not(.sheet-deco){position:relative}.auth-main{display:grid;place-items:center;padding:32px 16px}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:18px}.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 18px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);font-weight:700;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.gbtn:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.note-box{padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px dashed var(--line-strong);font-size:.88rem;color:var(--muted)}.err-box{padding:12px 14px;border-radius:var(--r-md);background:var(--bad-soft);color:var(--bad);font-size:.9rem;font-weight:600}.ok-box{padding:12px 14px;border-radius:var(--r-md);background:var(--good-soft);color:var(--good);font-size:.9rem;font-weight:600}.center-page{min-height:70vh;display:grid;place-items:center;padding:24px 16px}.center-card{width:min(480px,100%);text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.big-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;background:var(--butter-soft);color:var(--butter-ink)}.tiles{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}.tile b{display:block;font:600 1.6rem/1.1 var(--f-mono);font-variant-numeric:tabular-nums}.tile span{font-size:.8rem;color:var(--muted)}.admin-grid{display:grid;gap:20px;align-items:start}@media (min-width: 900px){.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.code-show{font:600 1.6rem var(--f-mono);letter-spacing:.08em;padding:14px;text-align:center;border-radius:var(--r-md);background:var(--lilac-soft);color:var(--lilac-strong);overflow-wrap:anywhere}.msg-box{white-space:pre-wrap;font-size:.88rem;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;max-height:220px;overflow:auto}.tbl-wrap{overflow-x:auto;margin-inline:-4px}table.members{width:100%;border-collapse:collapse;font-size:.9rem;min-width:640px}table.members th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px;border-bottom:1px solid var(--line)}table.members td{padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}table.members tr:last-child td{border-bottom:0}.actions{display:flex;gap:6px;flex-wrap:wrap}.confirm-inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 10px;border-radius:var(--r-sm);background:var(--bad-soft);font-size:.82rem}.wm{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.wm-in{position:absolute;inset:-50%;display:flex;flex-wrap:wrap;gap:70px 90px;align-content:flex-start;transform:rotate(-24deg);padding:40px}.wm-in span{color:var(--wm);font:600 15px var(--f-body);white-space:nowrap}.toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;width:min(440px,calc(100% - 32px))}.toast{background:var(--ink);color:var(--bg);padding:12px 16px;border-radius:var(--r-md);box-shadow:var(--shadow);font-weight:600;font-size:.92rem;animation:rise .2s ease;display:flex;gap:10px;align-items:center}.toast.bad{background:var(--bad);color:#fff}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--jade);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{min-height:60vh;display:grid;place-items:center}.empty{text-align:center;padding:28px 12px;color:var(--muted)}.spark{width:100%;height:64px}.spark path.line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.spark path.area{opacity:.14}.spark circle{stroke:var(--surface);stroke-width:2}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width: 560px){.exam-bar-in{gap:8px}.exam-bar-in .save-state{font-size:.72rem}.timer{padding:6px 11px;font-size:.98rem}.hello{padding:22px 18px}.stat b{font-size:1.2rem}}