:root{--ground:#eceff1;--card:#ffffff;--ink:#101720;--muted:#586570;--faint:#8a95a0;--rule:#d5dbdf;--rule-soft:#e6eaed;--stamp:#26313b;--bio:#0e9f6e;--bio-tint:#e2f4ed;--chem:#6a49d4;--chem-tint:#ebe6fa;--mark:#0e9f6e;--wrong:#dc4638;--again:#dc4638;--hard:#dd8a1c;--good:#12a150;--easy:#3767d6;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,sans-serif;--mono:ui-monospace,"Cascadia Code","SF Mono","Segoe UI Mono",Consolas,monospace;--shadow:0 1px 1px rgba(16,23,32,.04),0 20px 44px -22px rgba(16,23,32,.34);--shadow-sm:0 1px 2px rgba(16,23,32,.06),0 8px 20px -14px rgba(16,23,32,.3)}@media(prefers-color-scheme:dark){:root{--ground:#0b0e12;--card:#141a21;--ink:#e7ecf1;--muted:#93a0ac;--faint:#5d6874;--rule:#252d36;--rule-soft:#1a2028;--stamp:#c3ccd5;--bio:#2ed39a;--bio-tint:#0d2a20;--chem:#a488f5;--chem-tint:#1b1533;--mark:#2ed39a;--wrong:#ef5a4d;--again:#ef5a4d;--hard:#eb9a2e;--good:#2bbd6e;--easy:#5a86ec;--shadow:0 1px 1px rgba(0,0,0,.4),0 24px 50px -22px rgba(0,0,0,.75);--shadow-sm:0 1px 2px rgba(0,0,0,.4),0 10px 24px -16px rgba(0,0,0,.7)}}:root[data-theme=light]{--ground:#eceff1;--card:#ffffff;--ink:#101720;--muted:#586570;--faint:#8a95a0;--rule:#d5dbdf;--rule-soft:#e6eaed;--stamp:#26313b;--bio:#0e9f6e;--bio-tint:#e2f4ed;--chem:#6a49d4;--chem-tint:#ebe6fa;--mark:#0e9f6e;--wrong:#dc4638;--again:#dc4638;--hard:#dd8a1c;--good:#12a150;--easy:#3767d6;--shadow:0 1px 1px rgba(16,23,32,.04),0 20px 44px -22px rgba(16,23,32,.34);--shadow-sm:0 1px 2px rgba(16,23,32,.06),0 8px 20px -14px rgba(16,23,32,.3)}:root[data-theme=dark]{--ground:#0b0e12;--card:#141a21;--ink:#e7ecf1;--muted:#93a0ac;--faint:#5d6874;--rule:#252d36;--rule-soft:#1a2028;--stamp:#c3ccd5;--bio:#2ed39a;--bio-tint:#0d2a20;--chem:#a488f5;--chem-tint:#1b1533;--mark:#2ed39a;--wrong:#ef5a4d;--again:#ef5a4d;--hard:#eb9a2e;--good:#2bbd6e;--easy:#5a86ec;--shadow:0 1px 1px rgba(0,0,0,.4),0 24px 50px -22px rgba(0,0,0,.75);--shadow-sm:0 1px 2px rgba(0,0,0,.4),0 10px 24px -16px rgba(0,0,0,.7)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0 / 100% 30px,var(--ground);-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:2px solid var(--accent, var(--stamp));outline-offset:2px}sub,sup{font-size:.72em}.wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:max(18px,env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom))}.app{width:100%;max-width:600px;display:flex;flex-direction:column}.hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.01em;font-size:17px;cursor:pointer}.brand .mk{font-family:var(--mono);font-weight:700;font-size:12px;color:var(--card);background:var(--stamp);padding:3px 7px;border-radius:5px;letter-spacing:.02em}.hdr-right{display:flex;align-items:center;gap:8px}.iconbtn{border:1px solid var(--rule);background:var(--card);color:var(--muted);width:34px;height:34px;border-radius:9px;cursor:pointer;display:grid;place-items:center;font-size:15px;transition:.14s}.iconbtn:hover{color:var(--ink);border-color:var(--faint)}.acct{font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.acct .em{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linkbtn{border:none;background:none;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;padding:4px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.linkbtn:hover{color:var(--wrong)}.btn{border:none;border-radius:12px;padding:13px 18px;cursor:pointer;font-family:var(--sans);font-weight:750;font-size:15px;transition:filter .12s,transform .08s,background .14s}.btn:active{transform:translateY(1px)}.btn.primary{color:#fff;background:var(--accent, var(--stamp))}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:var(--card);color:var(--ink);border:1px solid var(--rule)}.btn.ghost:hover{border-color:var(--faint)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.block{width:100%}.banner{display:flex;gap:9px;align-items:center;font-size:12.5px;color:var(--muted);background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:9px 12px;margin-bottom:16px}.banner b{color:var(--ink)}.auth{width:100%;max-width:400px;margin-top:6vh}.auth .card-panel{background:var(--card);border:1px solid var(--rule);border-radius:18px;box-shadow:var(--shadow);padding:26px 24px}.auth h1{font-size:22px;margin:0 0 4px;letter-spacing:-.01em}.auth .sub{color:var(--muted);font-size:13.5px;margin:0 0 20px;line-height:1.5}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.field input{font-family:var(--sans);font-size:15px;padding:11px 13px;border-radius:10px;border:1px solid var(--rule);background:var(--ground);color:var(--ink)}.field input:focus{outline:2px solid var(--stamp);outline-offset:1px}.auth .switch-mode{text-align:center;margin-top:14px;font-size:13px;color:var(--muted)}.auth .switch-mode button{border:none;background:none;color:var(--bio);font-weight:700;cursor:pointer;font-size:13px}.msg{font-size:13px;padding:9px 12px;border-radius:9px;margin-bottom:14px}.msg.err{background:color-mix(in srgb,var(--wrong) 12%,var(--card));color:var(--wrong)}.msg.ok{background:color-mix(in srgb,var(--good) 14%,var(--card));color:var(--good)}.hero{margin-bottom:18px}.hero h1{font-size:21px;margin:0 0 3px;letter-spacing:-.01em}.hero p{color:var(--muted);font-size:13.5px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--rule);border-radius:13px;padding:13px 14px;box-shadow:var(--shadow-sm)}.stat .v{font-size:22px;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat .k{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:2px}.decks{display:flex;flex-direction:column;gap:12px}.deck{display:flex;align-items:center;gap:14px;text-align:left;background:var(--card);border:1px solid var(--rule);border-radius:15px;padding:16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .1s,border-color .14s,box-shadow .14s}.deck:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 40%,var(--rule))}.deck[data-s=Biology]{--accent: var(--bio);--accent-tint: var(--bio-tint)}.deck[data-s=Chemistry]{--accent: var(--chem);--accent-tint: var(--chem-tint)}.deck .disc{flex:none;width:46px;height:46px;border-radius:12px;background:var(--accent-tint);color:var(--accent);display:grid;place-items:center;font-size:22px}.deck .grow{flex:1}.deck .title{font-weight:750;font-size:16px}.deck .meta{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:3px;display:flex;gap:12px}.deck .meta .due{color:var(--accent);font-weight:600}.deck .go{color:var(--faint);font-size:20px}.progressbar{height:5px;background:var(--rule);border-radius:99px;overflow:hidden;margin-top:10px}.progressbar>i{display:block;height:100%;background:var(--accent);border-radius:99px}.study-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.study-top .close{border:1px solid var(--rule);background:var(--card);color:var(--muted);border-radius:9px;padding:7px 12px;cursor:pointer;font-family:var(--mono);font-size:12px}.study-top .sess{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:right}.study-top .sess b{color:var(--ink)}.meter{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-family:var(--mono);font-size:11px;color:var(--faint)}.meter .track{flex:1;height:6px;background:var(--rule);border-radius:99px;overflow:hidden}.meter .track>i{display:block;height:100%;width:0;background:var(--accent, var(--stamp));transition:width .35s cubic-bezier(.4,.1,.2,1)}.meter[data-s=Biology]{--accent: var(--bio)}.meter[data-s=Chemistry]{--accent: var(--chem)}.scene{perspective:1900px}.card3d{position:relative;width:100%;min-height:440px;transform-style:preserve-3d;transition:transform .58s cubic-bezier(.4,.14,.2,1);will-change:transform}.card3d.flip{transform:rotateY(180deg)}.card3d[data-s=Biology]{--accent: var(--bio);--accent-tint: var(--bio-tint)}.card3d[data-s=Chemistry]{--accent: var(--chem);--accent-tint: var(--chem-tint)}.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.face.back{transform:rotateY(180deg)}.face:before,.face:after{content:"";position:absolute;width:9px;height:9px;border:1.5px solid var(--rule);opacity:.7;pointer-events:none}.face:before{top:9px;left:9px;border-right:none;border-bottom:none}.face:after{bottom:9px;right:9px;border-left:none;border-top:none}.chead{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 12px;border-bottom:1px solid var(--rule-soft)}.stamp{font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--card);background:var(--accent);padding:4px 9px;border-radius:5px}.qno{font-family:var(--mono);font-size:12px;color:var(--faint);letter-spacing:.02em}.cbody{padding:15px 18px 16px;display:flex;flex-direction:column;flex:1;min-height:0}.q{font-size:18px;line-height:1.36;font-weight:600;letter-spacing:-.006em;margin-bottom:13px;text-wrap:balance}.opts{display:flex;flex-direction:column;gap:7px;overflow:auto;margin:0 -4px;padding:0 4px}.opt{display:flex;gap:11px;align-items:flex-start;padding:9px 10px;border-radius:10px;font-size:14.5px;line-height:1.4;border:1px solid var(--rule-soft)}.opt.click{cursor:pointer;transition:background .12s,border-color .12s}.opt.click:hover{background:var(--rule-soft)}.bub{flex:none;width:24px;height:24px;border-radius:7px;border:1.6px solid var(--rule);display:grid;place-items:center;font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--muted);text-transform:lowercase;transition:background .18s,border-color .18s,color .18s}.opt .tx{flex:1;padding-top:2px}.opt .chk{width:16px;text-align:center;font-weight:900;font-size:14px;padding-top:1px;opacity:0}.opt.picked{background:color-mix(in srgb,var(--stamp) 7%,transparent);border-color:color-mix(in srgb,var(--stamp) 30%,var(--rule))}.opt.picked .bub{background:var(--stamp);border-color:var(--stamp);color:var(--card)}.opt.hit{background:var(--accent-tint);border-color:color-mix(in srgb,var(--accent) 35%,var(--rule))}.opt.hit .bub{background:var(--accent);border-color:var(--accent);color:var(--card)}.opt.wrong{background:color-mix(in srgb,var(--wrong) 9%,transparent);border-color:color-mix(in srgb,var(--wrong) 35%,var(--rule))}.opt.wrong .bub{border-color:var(--wrong);color:var(--wrong)}.opt.dim{opacity:.55}.opt .chk.earn{opacity:1;color:var(--mark)}.opt .chk.lost{opacity:1;color:var(--wrong)}.actions{margin-top:auto;padding-top:13px;display:flex;flex-direction:column;gap:8px}.reveal{width:100%;border:none;border-radius:11px;padding:13px;cursor:pointer;background:var(--accent);color:#fff;font-family:var(--sans);font-weight:750;font-size:14.5px;transition:filter .12s,transform .08s}.reveal:hover{filter:brightness(1.06)}.reveal:active{transform:translateY(1px)}.subhint{text-align:center;color:var(--faint);font-size:11px;font-family:var(--mono);letter-spacing:.02em}.subhint kbd{background:var(--ground);border:1px solid var(--rule);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font:inherit;color:var(--ink)}.keyrow{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.score{display:flex;align-items:baseline;gap:7px;padding:7px 13px;border-radius:9px;font-family:var(--mono);background:color-mix(in srgb,var(--accent) 12%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--rule))}.score .big{font-size:19px;font-weight:800;color:var(--accent);letter-spacing:.02em}.score .lbl{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.legend{font-family:var(--mono);font-size:10px;color:var(--faint);display:flex;gap:10px;letter-spacing:.02em}.legend .e{color:var(--mark)}.legend .l{color:var(--wrong)}.grades{margin-top:auto;padding-top:13px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.grades button{border:1px solid var(--rule);background:var(--card);border-radius:11px;padding:9px 4px 8px;cursor:pointer;font-family:var(--sans);display:flex;flex-direction:column;align-items:center;gap:3px;transition:transform .08s,border-color .14s,background .14s}.grades button:hover{background:color-mix(in srgb,var(--gc) 8%,var(--card));border-color:var(--gc)}.grades button:active{transform:translateY(2px)}.grades .lab{font-weight:700;font-size:13px;color:var(--gc)}.grades .t{font-family:var(--mono);font-size:9.5px;color:var(--faint);letter-spacing:.02em}.g1{--gc: var(--again)}.g2{--gc: var(--hard)}.g3{--gc: var(--good)}.g4{--gc: var(--easy)}.finish{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:440px;color:var(--muted)}.finish h2{margin:0;font-size:23px;color:var(--ink);font-weight:750}.finish .tot{font-family:var(--mono);font-size:15px;color:var(--ink)}.finish p{margin:0;font-size:13.5px;line-height:1.5;max-width:360px}.center{display:grid;place-items:center;min-height:60vh;color:var(--muted);font-family:var(--mono);font-size:13px}.foot{margin-top:18px;text-align:center;color:var(--faint);font-size:10.5px;font-family:var(--mono);letter-spacing:.04em}@media(prefers-reduced-motion:reduce){.card3d{transition:none}}