@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-ext-400-normal-DQAASfvW.woff2)format("woff2"),url(/assets/archivo-black-latin-ext-400-normal--j5WRK12.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2)format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-vietnamese-400-normal-BNOj0Qhp.woff2)format("woff2"),url(/assets/space-mono-vietnamese-400-normal-B0PMp_xB.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-ext-400-normal-DTLbW2xa.woff2)format("woff2"),url(/assets/space-mono-latin-ext-400-normal-D4cJI_B-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-mono-latin-400-normal-Rg4St2Dn.woff2)format("woff2"),url(/assets/space-mono-latin-400-normal-_3DlpgIW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-vietnamese-700-normal-DWQgDHuA.woff2)format("woff2"),url(/assets/space-mono-vietnamese-700-normal-D-KrLuLr.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-ext-700-normal-B2s3bDs2.woff2)format("woff2"),url(/assets/space-mono-latin-ext-700-normal-B_E7P90g.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-mono-latin-700-normal-mWgeinG7.woff2)format("woff2"),url(/assets/space-mono-latin-700-normal-D7A851RN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--room:#0b0916;--bezel:#070510;--cabinet:#16122e;--cabinet-hi:#1e1940;--cabinet-lo:#110d24;--edge:#2c2456;--edge-strong:#453a80;--chalk:#f2efff;--chalk-dim:#a9a1cf;--chalk-faint:#8780ae;--magenta:#ff2e88;--magenta-deep:#d2246e;--magenta-soft:#ff2e8824;--magenta-line:#ff2e886b;--cyan:#22d3ee;--cyan-deep:#0e9fb8;--cyan-soft:#22d3ee21;--cyan-line:#22d3ee61;--amber:#ffb020;--amber-deep:#d98c00;--amber-soft:#ffb02021;--amber-line:#ffb02066;--green:#3ddc84;--green-soft:#3ddc8421;--green-line:#3ddc8466;--red:#ff4d4d;--red-soft:#ff4d4d21;--red-line:#ff4d4d66;--bg:var(--room);--bg-elevated:var(--cabinet-hi);--bg-card:var(--cabinet);--bg-card-hover:var(--cabinet-hi);--bg-glass:#16122ed1;--border:var(--edge);--border-strong:var(--edge-strong);--border-subtle:#201a42;--text:var(--chalk);--text-muted:var(--chalk-dim);--text-faint:var(--chalk-faint);--primary:var(--magenta);--primary-dark:var(--magenta);--primary-deep:var(--magenta-deep);--primary-soft:var(--magenta-soft);--primary-line:var(--magenta-line);--secondary:var(--cyan);--accent:var(--amber);--accent-dark:var(--amber-deep);--accent-soft:var(--amber-soft);--accent-line:var(--amber-line);--success:var(--green);--success-soft:var(--green-soft);--success-line:var(--green-line);--danger:var(--red);--danger-soft:var(--red-soft);--danger-line:var(--red-line);--radius:10px;--radius-md:8px;--radius-sm:6px;--radius-xs:4px;--radius-pill:999px;--press:5px;--press-sm:3px;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 6px 20px #00000080;--shadow-lg:0 22px 60px #0009;--shadow-primary:0 0 28px #ff2e884d;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--press-ease:cubic-bezier(.2, 0, 0, 1);--transition:all .18s var(--ease);--transition-slow:all .4s var(--ease-out);--font-display:"Archivo Black", "Arial Black", system-ui, sans-serif;--font-body:"Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-data:"Space Mono", ui-monospace, monospace;--font-sans:var(--font-body);--font-mono:var(--font-data)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{min-height:100vh;font-family:var(--font-body);color:var(--chalk);background:var(--room);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(900px 520px at 12% -8%,#ff2e881a,#0000 60%),radial-gradient(760px 480px at 92% 4%,#22d3ee14,#0000 62%);background-attachment:fixed;flex-direction:column;display:flex}body:after{content:"";pointer-events:none;z-index:9999;opacity:.35;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px);position:fixed;inset:0}@media (prefers-reduced-motion:reduce),(prefers-contrast:more){body:after{display:none}}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--cyan);transition:var(--transition);text-decoration:none}a:hover{color:var(--chalk)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:var(--radius-xs)}input,select,textarea{color:inherit;font-family:inherit;font-size:1rem}::selection{background:var(--magenta);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bezel)}::-webkit-scrollbar-thumb{background:var(--edge-strong);border-radius:var(--radius-pill);border:2px solid var(--bezel)}::-webkit-scrollbar-thumb:hover{background:var(--magenta-deep)}.display-xl,.display-lg,.display-md,.display-sm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-weight:400;line-height:.95}.display-xl{font-size:clamp(2.6rem,7vw,4.6rem)}.display-lg{font-size:clamp(2rem,5vw,3rem)}.display-md{font-size:clamp(1.5rem,3.4vw,2rem)}.display-sm{letter-spacing:.01em;font-size:1.15rem}.readout-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.18em;color:var(--chalk-faint);font-size:.66rem}.readout{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-weight:700}.readout-amber{color:var(--amber);text-shadow:0 0 14px #ffb02073}.readout-cyan{color:var(--cyan);text-shadow:0 0 14px #22d3ee66}.readout-green{color:var(--green);text-shadow:0 0 14px #3ddc8466}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee-flicker{0%,to{opacity:1}47%{opacity:1}48%{opacity:.72}50%{opacity:1}}.fade-in{animation:fadeIn .4s var(--ease-out) both}.slide-up{animation:slideUp .5s var(--ease-out) both}.scale-in{animation:scaleIn .35s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.spinner-light{vertical-align:-3px;border:2.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.app-loading{min-height:100vh;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.2em;color:var(--chalk-faint);justify-content:center;align-items:center;gap:12px;font-size:.8rem;display:flex}.app-loading .spinner-light{border-color:#ff2e8838;border-top-color:var(--magenta)}.container{width:100%;max-width:1000px;margin:0 auto;padding:0 24px}.page{flex-direction:column;flex:1;align-items:center;padding:40px 24px 72px;display:flex}.card{background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;max-width:600px;padding:28px;position:relative}.card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,#0000,#ffffff24,#0000);height:1px;position:absolute;inset:0 0 auto}.btn{--cap:var(--cabinet-hi);--side:#0d0a1f;--ink:var(--chalk);border-radius:var(--radius-sm);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:var(--cap);color:var(--ink);box-shadow:0 var(--press) 0 var(--side);transition:transform 60ms var(--press-ease), box-shadow 60ms var(--press-ease), filter .18s var(--ease);border:2px solid #00000059;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.82rem;display:inline-flex;position:relative;transform:translateY(0)}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(var(--press));box-shadow:0 0 0 var(--side)}.btn:disabled{--cap:var(--cabinet-hi);--side:#0d0a1f;--ink:var(--chalk-faint);opacity:.75;cursor:not-allowed;filter:none;box-shadow:0 var(--press) 0 var(--side)}.btn-primary{--cap:var(--magenta);--side:#8f1550;--ink:#1f040e}.btn-secondary{--cap:var(--cabinet-hi);--side:#0d0a1f;--ink:var(--chalk-dim);border-color:var(--edge)}.btn-secondary:hover:not(:disabled){--ink:var(--chalk)}.btn-accent{--cap:var(--amber);--side:#8a5800;--ink:#26160a}.btn-danger{--cap:var(--red);--side:#8f2020;--ink:#1c0303}.btn-sm{--press:var(--press-sm);box-shadow:0 var(--press-sm) 0 var(--side);padding:7px 13px;font-size:.7rem}.btn-sm:active:not(:disabled){transform:translateY(var(--press-sm))}.form-group{margin-bottom:20px}.form-group label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);margin-bottom:8px;font-size:.68rem;font-weight:700;display:block}.form-input{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-sm);width:100%;color:var(--chalk);font-family:var(--font-body);transition:var(--transition);padding:12px 14px;font-size:.95rem;box-shadow:inset 0 2px 5px #00000073}.form-input:hover{border-color:var(--edge-strong)}.form-input:focus{border-color:var(--cyan);box-shadow:inset 0 2px 5px #00000073, 0 0 0 3px var(--cyan-soft);outline:none}.form-input::placeholder{color:var(--chalk-faint)}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a9a1cf' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=520px){.form-row{grid-template-columns:1fr}}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.connected{background:var(--green);box-shadow:0 0 0 3px var(--green-soft), 0 0 10px var(--green)}.status-dot.disconnected{background:var(--red);box-shadow:0 0 0 3px var(--red-soft)}.screen{background:var(--bezel);border-radius:var(--radius-md);border:2px solid #000;box-shadow:inset 0 0 40px #000000e6,inset 0 2px #ffffff0a}.segbar{gap:3px;width:100%;display:flex}.segbar-cell{background:var(--cabinet-lo);border:1px solid var(--edge);height:8px;transition:background .25s var(--ease), box-shadow .25s var(--ease);border-radius:2px;flex:1}.segbar-cell.on{background:var(--amber);border-color:var(--amber);box-shadow:0 0 10px #ffb0208c}.segbar-cell.correct{background:var(--green);border-color:var(--green);box-shadow:0 0 10px #3ddc8480}.segbar-cell.wrong{background:var(--red);border-color:var(--red);box-shadow:0 0 10px #ff4d4d80}.chip{border-radius:var(--radius-xs);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--edge-strong);background:var(--cabinet-lo);color:var(--chalk-dim);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.chip-amber{color:var(--amber);border-color:var(--amber-line);background:var(--amber-soft)}.chip-cyan{color:var(--cyan);border-color:var(--cyan-line);background:var(--cyan-soft)}.chip-green{color:var(--green);border-color:var(--green-line);background:var(--green-soft)}.chip-red{color:var(--red);border-color:var(--red-line);background:var(--red-soft)}.navbar{z-index:100;background:linear-gradient(180deg, #100c22 0%, var(--cabinet) 100%);border-bottom:2px solid var(--edge);position:sticky;top:0;box-shadow:0 1px #ffb0202e,0 6px 24px #0000008c}.navbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;padding:10px 24px;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-logo{background:linear-gradient(160deg, var(--magenta), var(--magenta-deep));border-radius:var(--radius-xs);width:32px;height:32px;font-family:var(--font-display);color:#fff;justify-content:center;align-items:center;font-size:1rem;display:flex;box-shadow:0 3px #8f1550,0 0 18px #ff2e8873}.navbar-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--chalk);font-size:1.05rem;animation:7s infinite marquee-flicker}.navbar-links{flex-shrink:0;gap:2px;display:flex}.navbar-link{border-radius:var(--radius-xs);color:var(--chalk-dim);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.12em;transition:var(--transition);border:1px solid #0000;padding:7px 12px;font-size:.72rem;font-weight:700;text-decoration:none}.navbar-link:hover{color:var(--chalk);background:var(--cabinet-hi)}.navbar-link.active{color:var(--cyan);background:var(--cyan-soft);border-color:var(--cyan-line);text-shadow:0 0 12px #22d3ee80}.navbar-link.disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.navbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.marquee-readout{align-items:center;gap:10px;padding:5px 11px;display:flex}.marquee-cell{align-items:center;gap:5px;display:flex}.marquee-level{font-size:.95rem;line-height:1}.marquee-xp .readout{font-size:.8rem}.marquee-streak{border-left:1px solid var(--edge);padding-left:9px}.marquee-streak .readout{font-size:.8rem}.marquee-flame{font-size:.75rem;line-height:1}.marquee-pips{gap:2px;display:flex}.marquee-pip{border:1px solid var(--edge);background:#241d47;border-radius:1px;width:5px;height:12px}.marquee-pip.on{background:var(--amber);border-color:var(--amber);box-shadow:0 0 8px #ffb020b3}.marquee-power{border-radius:var(--radius-xs);border:1px solid var(--edge);background:var(--cabinet-lo);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.12em;color:var(--chalk-faint);align-items:center;gap:7px;padding:6px 11px;font-size:.66rem;font-weight:700;display:flex}.marquee-power.on{color:var(--green)}.marquee-power.off{color:var(--red);border-color:var(--red-line)}.navbar-user{align-items:center;gap:8px;display:flex}.navbar-avatar{border-radius:var(--radius-xs);background:linear-gradient(160deg, var(--cyan), var(--cyan-deep));width:26px;height:26px;font-family:var(--font-display);color:#04202a;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;display:flex}.navbar-user-name{font-family:var(--font-data);color:var(--chalk-dim);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.72rem;overflow:hidden}.navbar-logout{padding:5px 10px;font-size:.66rem}@media (width<=1080px){.navbar-user-name,.marquee-power-text{display:none}.marquee-power{padding:6px 8px}}@media (width<=900px){.marquee-xp,.marquee-pips{display:none}}@media (width<=720px){.navbar-inner{flex-wrap:wrap;gap:10px;padding:10px 16px}.navbar-links{order:3;justify-content:space-between;width:100%}.navbar-title{display:none}.navbar-link{letter-spacing:.08em;padding:6px 8px;font-size:.66rem}}@media (width<=420px){.marquee-readout{padding:4px 8px}.marquee-streak{display:none}}.import-prompt{border-color:var(--cyan-line);max-width:720px;margin:0 auto 32px}.import-prompt:before{background:linear-gradient(90deg, transparent, var(--cyan-line), transparent);height:2px}.import-prompt.import-done{border-color:var(--green-line)}.import-prompt.import-done:before{background:linear-gradient(90deg, transparent, var(--green-line), transparent)}.import-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);margin-bottom:12px;font-size:clamp(1rem,2.6vw,1.15rem);font-weight:400;line-height:1.2}.import-prompt.import-done .import-title{color:var(--green)}.import-desc{font-family:var(--font-body);color:var(--chalk);margin-bottom:12px;font-size:.92rem;line-height:1.6}.import-note{font-family:var(--font-body);color:var(--chalk-dim);margin-bottom:12px;font-size:.82rem;line-height:1.55}.import-error{background:var(--red-soft);border:2px solid var(--red-line);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--chalk);overflow-wrap:anywhere;margin:4px 0 16px;padding:12px 14px;font-size:.88rem;line-height:1.55}.import-error strong{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin-right:6px;font-size:.68rem;font-weight:700}.import-prompt>.btn{margin-top:4px;margin-bottom:var(--press)}.import-actions{padding-bottom:var(--press);flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=420px){.import-actions .btn{flex:100%}}.home-page{flex-direction:column;align-items:stretch;gap:40px;width:100%;max-width:1000px;display:flex}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:52px 32px 46px;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ff2e8833,#0000);width:620px;height:420px;position:absolute;top:-40%;left:50%;transform:translate(-50%)}.home-hero>*{position:relative}.home-eyebrow{color:var(--cyan);letter-spacing:.28em}.home-title{background:linear-gradient(#fff 30%,#ffb8d6 100%);color:#0000;text-shadow:0 0 46px #ff2e8866;-webkit-background-clip:text;background-clip:text}.home-subtitle{max-width:40ch;color:var(--chalk-dim);font-size:1rem;line-height:1.6}.home-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.home-cta{padding:16px 34px;font-size:.95rem}.home-stats{flex-direction:column;gap:14px;display:flex}.gamify-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.gamify-chip{background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius-md);align-items:center;gap:13px;padding:15px 17px;display:flex}.gamify-chip-icon{flex-shrink:0;font-size:1.35rem;line-height:1}.gamify-chip-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.gamify-chip-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--amber);text-shadow:0 0 14px #ffb02059;font-size:1.05rem;font-weight:700}.gamify-chip-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);font-size:.62rem}.daily-bar-track{background:var(--cabinet-lo);border:1px solid var(--edge);border-radius:2px;height:7px;overflow:hidden}.daily-bar-fill{background:var(--amber);height:100%;transition:width .4s var(--ease-out);box-shadow:0 0 10px #ffb0208c}.stats-level-card{background:var(--cabinet);border:2px solid var(--amber-line);border-radius:var(--radius-md);align-items:center;gap:20px;padding:20px 22px;display:flex;box-shadow:inset 0 0 40px #ffb0200d}.stats-level-icon{flex-shrink:0;font-size:1.7rem;line-height:1}.stats-level-info{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.stats-level-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--chalk);font-size:.98rem}.stats-level-bar-track{background:var(--cabinet-lo);border:1px solid var(--edge);border-radius:2px;height:9px;overflow:hidden}.stats-level-bar-fill{background:var(--amber);height:100%;transition:width .5s var(--ease-out);box-shadow:0 0 12px #ffb02099}.stats-level-xp{font-family:var(--font-data);letter-spacing:.1em;color:var(--chalk-faint);font-size:.68rem}.stats-total-xp{border-left:1px solid var(--edge);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;padding-left:20px;display:flex}.stats-total-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--amber);text-shadow:0 0 18px #ffb02080;font-size:1.5rem;font-weight:700;line-height:1}.stats-total-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);font-size:.6rem}.stats-topics{flex-direction:column;gap:10px;display:flex}.stats-topics-title,.home-section-title,.home-saved-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--chalk-dim);font-size:.92rem}.stats-topics-list{flex-direction:column;gap:8px;display:flex}.stats-topic-row{background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.stats-topic-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:var(--chalk);font-size:.85rem}.stats-topic-bars{gap:26px;display:flex}.stats-topic-stat{flex-direction:column;align-items:flex-end;gap:3px;min-width:56px;display:flex}.stat-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);font-size:.58rem}.stat-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--chalk);font-size:.95rem;font-weight:700}.stat-value.good{color:var(--green)}.stat-value.ok{color:var(--amber)}.stat-value.bad{color:var(--red)}.home-saved{flex-direction:column;gap:14px;scroll-margin-top:90px;display:flex}.saved-quizzes-grid{grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px;display:grid}.saved-quiz-card{background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius-md);border-left:5px solid var(--cyan);transition:var(--transition);flex-direction:column;gap:13px;padding:18px;display:flex}.saved-quiz-card:hover{border-color:var(--edge-strong);border-left-color:var(--magenta);transform:translateY(-3px)}.saved-quiz-top{flex-direction:column;flex:1;gap:5px;display:flex}.saved-quiz-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);font-size:.92rem;line-height:1.25}.saved-quiz-desc{color:var(--chalk-dim);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.84rem;line-height:1.5;display:-webkit-box;overflow:hidden}.saved-quiz-meta{background:var(--cabinet-lo);border:1px solid var(--edge);border-radius:var(--radius-xs);font-family:var(--font-data);letter-spacing:.06em;color:var(--chalk-dim);flex-wrap:wrap;align-items:center;gap:10px;padding:9px 11px;font-size:.68rem;display:flex}.saved-quiz-mode-tag{margin-left:auto}.score-good{color:var(--green);font-weight:700}.score-ok{color:var(--amber);font-weight:700}.score-bad{color:var(--red);font-weight:700}.saved-quiz-actions{gap:8px;display:flex}.home-achievements{flex-direction:column;gap:14px;display:flex}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:10px;display:grid}.achievement-badge{background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:13px;padding:13px 15px;display:flex}.achievement-badge.unlocked{border-color:var(--amber-line);background:linear-gradient(180deg, var(--amber-soft), transparent), var(--cabinet)}.achievement-badge.locked{opacity:.44}.achievement-badge-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.achievement-badge-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.achievement-badge-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--chalk);font-size:.76rem}.achievement-badge-desc{color:var(--chalk-faint);font-size:.76rem;line-height:1.4}.achievement-check{color:var(--amber);flex-shrink:0;font-size:.9rem}.achievement-lock{opacity:.6;flex-shrink:0;font-size:.8rem}.home-features{grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:14px;display:grid}.feature-card{text-align:center;background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;align-items:center;gap:9px;padding:26px 20px;display:flex}.feature-card:hover{border-color:var(--edge-strong)}.feature-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--chalk);font-size:.82rem}.feature-card p{color:var(--chalk-dim);font-size:.83rem;line-height:1.55}.feature-icon{font-size:1.6rem;line-height:1}@media (width<=780px){.gamify-row{grid-template-columns:1fr}.stats-topic-bars{justify-content:space-between;gap:16px;width:100%}.stats-total-xp{border-left:none;align-items:flex-start;padding-left:0}.stats-level-card{flex-wrap:wrap}}@media (width<=520px){.home-hero{padding:38px 20px 34px}.home-cta,.home-actions{width:100%}}.settings-page{flex-direction:column;align-items:center;width:100%;display:flex}.settings-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);margin-bottom:10px;font-size:1.4rem;font-weight:400;line-height:1.1}.settings-desc{font-family:var(--font-body);color:var(--chalk-dim);border-bottom:2px solid var(--edge);margin-bottom:30px;padding-bottom:24px;font-size:.92rem;line-height:1.65}.settings-loading{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.18em;color:var(--chalk-faint);justify-content:center;align-items:center;gap:14px;padding:52px 24px;font-size:.76rem;display:flex}.settings-hint{font-family:var(--font-body);color:var(--chalk-dim);margin-top:8px;font-size:.79rem;line-height:1.55;display:block}.settings-key-set{background:var(--bezel);border-radius:var(--radius-sm);border:2px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex;box-shadow:inset 0 0 46px #000000e6,inset 0 2px #ffffff0a}.settings-key-mask{min-width:0;font-family:var(--font-data);letter-spacing:.18em;color:var(--chalk-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.settings-key-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.settings-key-cancel{margin-top:10px}.settings-key-warning,.settings-error{background:var(--red-soft);border:2px solid var(--red-line);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--chalk);padding:13px 16px;font-size:.86rem;line-height:1.6}.settings-key-warning{margin-top:12px}.settings-error{margin-bottom:18px}.settings-key-warning strong,.settings-error strong{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.form-group label.settings-checkbox-row{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);text-transform:none;letter-spacing:0;color:var(--chalk);transition:var(--transition);align-items:center;gap:13px;margin-bottom:0;padding:14px 16px;font-size:.9rem;font-weight:400;line-height:1.5;display:flex;box-shadow:inset 0 2px 5px #00000073}.form-group label.settings-checkbox-row:hover{border-color:var(--edge-strong)}.form-group label.settings-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--magenta);cursor:pointer;flex-shrink:0}.settings-save{width:100%;margin-top:12px;padding:15px 28px;font-size:.86rem}.settings-status{background:var(--green-soft);border:2px solid var(--green-line);border-radius:var(--radius-sm);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--green);align-items:center;gap:11px;margin-top:24px;padding:13px 16px;font-size:.68rem;font-weight:700;display:flex}@media (width<=520px){.settings-key-set{padding:12px 13px}.settings-key-actions,.settings-key-mask{width:100%}}.create-page{justify-content:center;width:100%;display:flex}.create-card.card{max-width:560px}.create-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--chalk);margin-bottom:10px;font-size:1.3rem;font-weight:400;line-height:1.15}.create-desc{font-family:var(--font-body);color:var(--chalk-dim);margin-bottom:26px;font-size:.92rem;line-height:1.6}.topic-input-row{align-items:stretch;gap:10px;display:flex}.topic-input-row .form-input{flex:1;min-width:0}.btn.btn-random{flex-shrink:0;width:48px;padding:0;font-size:1.2rem}.mode-selector{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:9px;display:grid}.mode-btn{--cap:var(--cabinet-hi);--side:#0a0718;--ink:var(--chalk-dim);text-align:center;background:var(--cap);color:var(--ink);border-radius:var(--radius-sm);box-shadow:0 var(--press-sm) 0 var(--side);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;transition:transform 70ms var(--press-ease), box-shadow 70ms var(--press-ease), background .15s var(--ease), color .15s var(--ease);border:2px solid #0006;justify-content:center;align-items:center;padding:13px 8px;font-size:.64rem;line-height:1.35;display:flex;transform:translateY(0)}.mode-btn:not(:disabled):hover{--cap:#251e50;--ink:var(--chalk)}.mode-btn:not(:disabled):active{transform:translateY(var(--press-sm));box-shadow:0 0 0 var(--side)}.mode-btn.active{--cap:var(--magenta);--side:#8f1550;--ink:#fff;transform:translateY(calc(var(--press-sm) - 1px));box-shadow:0 1px 0 var(--side), 0 0 22px #ff2e884d}.mode-btn.active:not(:disabled):hover{--cap:var(--magenta)}.mode-btn:disabled{opacity:.45;cursor:not-allowed}.create-error{background:var(--red-soft);border:2px solid var(--red-line);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--chalk);overflow-wrap:anywhere;margin-bottom:16px;padding:13px 15px;font-size:.88rem;line-height:1.55}.create-error strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin-bottom:4px;font-size:.72rem;font-weight:400;display:block}.btn.create-btn{width:100%;margin-top:10px;padding:15px 28px;font-size:.92rem}.create-not-configured{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:36px 12px 20px;display:flex}.create-not-configured p{font-family:var(--font-body);color:var(--chalk-dim);max-width:34ch;font-size:.98rem;line-height:1.6}.preview-header{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.preview-badge{border-radius:var(--radius-xs);border:1px solid var(--cyan-line);background:var(--cyan-soft);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.14em;color:var(--cyan);white-space:nowrap;padding:5px 11px;font-size:.64rem;font-weight:700}.preview-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);overflow-wrap:anywhere;margin-bottom:10px;font-size:clamp(1.25rem,4vw,1.7rem);font-weight:400;line-height:1.2}.preview-desc{font-family:var(--font-body);color:var(--chalk-dim);overflow-wrap:anywhere;margin-bottom:20px;font-size:.95rem;line-height:1.6}.preview-meta{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-sm);flex-wrap:wrap;gap:8px;margin-bottom:22px;padding:12px;display:flex;box-shadow:inset 0 2px 5px #00000073}.preview-stat{background:var(--bezel);border:1px solid var(--edge);border-radius:var(--radius-xs);font-family:var(--font-data);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.1em;color:var(--chalk-dim);overflow-wrap:anywhere;max-width:100%;padding:6px 11px;font-size:.66rem;font-weight:700}.btn.preview-start{width:100%;padding:16px 28px;font-size:.95rem}@media (width<=480px){.create-card.card{padding:22px 18px}.mode-selector{grid-template-columns:1fr 1fr}.btn.btn-random{width:44px;font-size:1.05rem}.preview-header{flex-wrap:wrap;gap:10px}.preview-meta{padding:10px}}.formatted-text{font-family:var(--font-body);font-size:inherit;color:inherit;overflow-wrap:anywhere;min-width:0;line-height:1.6;display:block}.formatted-text>:first-child{margin-top:0}.formatted-text>:last-child{margin-bottom:0}.md-p{color:inherit;margin:0 0 .85em;line-height:1.6}.md-p:last-child{margin-bottom:0}.md-strong{color:inherit;font-weight:700}.md-em{color:inherit;font-style:italic}.formatted-text del{color:var(--chalk-faint);text-decoration:line-through}.md-h1,.md-h2,.md-h3,.formatted-text h4,.formatted-text h5,.formatted-text h6{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:inherit;font-weight:400;line-height:1.2}.md-h1{margin:1.1em 0 .45em;font-size:1.3em}.md-h2{margin:1em 0 .4em;font-size:1.14em}.md-h3{margin:.9em 0 .35em;font-size:1.02em}.formatted-text h4,.formatted-text h5,.formatted-text h6{margin:.85em 0 .35em;font-size:.94em}.md-ul,.md-ol{margin:0 0 .85em;padding-left:1.5em;line-height:1.6}.md-ul{list-style:outside}.md-ol{list-style:decimal}.md-ul ul,.md-ol ol,.md-ul ol,.md-ol ul{margin:.3em 0 0}.md-li{margin-bottom:.3em}.md-li:last-child{margin-bottom:0}.md-li::marker{color:var(--chalk-faint)}.md-ol>.md-li::marker{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-weight:700}.md-li:has(>input[type=checkbox]){margin-left:-1.35em;list-style:none}.formatted-text input[type=checkbox]{accent-color:var(--cyan);vertical-align:-1px;margin-right:.5em}.md-a{color:var(--cyan);text-underline-offset:3px;transition:var(--transition);overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px}.md-a:hover{color:var(--chalk);-webkit-text-decoration-color:var(--chalk);text-decoration-color:var(--chalk)}.md-blockquote{border-left:3px solid var(--edge-strong);border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--cabinet-lo);color:var(--chalk-dim);margin:0 0 .85em;padding:10px 14px;line-height:1.6}.md-blockquote>:last-child{margin-bottom:0}.md-hr{border:none;border-top:2px solid var(--edge);margin:1.4em 0}.inline-code{font-family:var(--font-data);background:var(--bezel);border:2px solid var(--edge);border-radius:var(--radius-xs);color:var(--chalk);overflow-wrap:anywhere;padding:1px 6px;font-size:.86em}.code-block-wrapper{background:var(--bezel);border:2px solid var(--edge);border-radius:var(--radius-md);max-width:100%;margin:.9em 0;overflow:hidden}.code-block-header{background:var(--cabinet-lo);border-bottom:2px solid var(--edge);justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;display:flex}.code-lang{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:700;overflow:hidden}.code-copy-btn{background:var(--cabinet-hi);border:2px solid var(--edge);border-radius:var(--radius-xs);color:var(--chalk-dim);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;cursor:pointer;transition:var(--transition);flex-shrink:0;padding:4px 10px;font-size:.64rem;font-weight:700;line-height:1.2}.code-copy-btn:hover{border-color:var(--edge-strong);color:var(--chalk)}.code-block-wrapper pre{max-width:100%;overflow-x:auto;background:var(--bezel)!important;font-family:var(--font-data)!important;text-shadow:none!important;border-radius:0!important;margin:0!important;padding:14px!important;font-size:.84rem!important;line-height:1.55!important}.code-block-wrapper pre code{white-space:pre;font-family:var(--font-data)!important;font-size:inherit!important;text-shadow:none!important;background:0 0!important}.formatted-text table{border-collapse:collapse;border:2px solid var(--edge);border-radius:var(--radius-sm);width:max-content;max-width:100%;margin:0 0 .9em;font-size:.9em;display:block;overflow-x:auto}.formatted-text th,.formatted-text td{border:1px solid var(--edge);text-align:left;vertical-align:top;padding:8px 12px;line-height:1.5}.formatted-text th{background:var(--cabinet-lo);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.12em;color:var(--chalk-faint);white-space:nowrap;font-size:.7rem;font-weight:700}.formatted-text td{color:var(--chalk-dim)}.formatted-text img{border:2px solid var(--edge);border-radius:var(--radius-sm);max-width:100%;height:auto;margin:.9em 0;display:block}.question-card{width:100%;max-width:780px;margin:0 auto}.question-text{font-family:var(--font-body);letter-spacing:-.01em;color:var(--chalk);background:var(--bezel);border-radius:var(--radius-md);border:2px solid #000;margin-bottom:22px;padding:26px 28px;font-size:clamp(1.2rem,2.7vw,1.6rem);font-weight:600;line-height:1.35;box-shadow:inset 0 0 46px #000000e6,inset 0 2px #ffffff0a}.options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.options-grid{grid-template-columns:1fr}}.option-btn{--cap:var(--cabinet-hi);--side:#0a0718;--ink:var(--chalk);text-align:left;background:var(--cap);width:100%;color:var(--ink);border-radius:var(--radius-sm);box-shadow:0 var(--press) 0 var(--side);font-family:var(--font-body);transition:transform 70ms var(--press-ease), box-shadow 70ms var(--press-ease), background .15s var(--ease), border-color .15s var(--ease);border:2px solid #0006;align-items:center;gap:14px;padding:16px 18px;font-size:.97rem;font-weight:500;line-height:1.35;display:flex;transform:translateY(0)}.option-btn:not(:disabled):hover{--cap:#251e50;box-shadow:0 calc(var(--press) + 2px) 0 var(--side);transform:translateY(-2px)}.option-btn:not(:disabled):active{transform:translateY(var(--press));box-shadow:0 0 0 var(--side)}.option-label{border-radius:var(--radius-xs);background:var(--cabinet-lo);border:1px solid var(--edge-strong);width:30px;height:30px;font-family:var(--font-display);color:var(--chalk-dim);transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:.76rem;display:flex}.option-text{flex:1;min-width:0}.option-btn.selected{--cap:var(--magenta);--side:#8f1550;--ink:#1f040e;transform:translateY(calc(var(--press) - 2px));box-shadow:0 2px 0 var(--side)}.option-btn.selected .option-label{color:#1f040e;background:#00000038;border-color:#00000052}.option-btn.correct{--cap:var(--green);--side:#17663c;--ink:#062615;transform:translateY(calc(var(--press) - 2px));box-shadow:0 2px 0 var(--side), 0 0 26px #3ddc8466}.option-btn.correct .option-label{color:#062615;background:#00000038;border-color:#0000004d}.option-btn.incorrect{--cap:var(--red);--side:#8f2020;--ink:#1c0303;transform:translateY(calc(var(--press) - 2px));box-shadow:0 2px 0 var(--side);animation:shake .4s var(--ease)}.option-btn.incorrect .option-label{color:#1c0303;background:#00000038;border-color:#00000052}.option-btn.dimmed{opacity:.32;transform:translateY(var(--press));box-shadow:0 0 0 var(--side)}.option-btn:disabled{cursor:default}.explanation{border-radius:var(--radius-sm);border:2px solid var(--edge);background:var(--cabinet-lo);color:var(--chalk-dim);margin-top:20px;padding:18px 20px;font-size:.93rem;line-height:1.6}.explanation strong{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:.88rem;display:block}.explanation.correct-exp{border-color:var(--green-line);background:var(--green-soft)}.explanation.correct-exp strong{color:var(--green)}.explanation.incorrect-exp{border-color:var(--red-line);background:var(--red-soft)}.explanation.incorrect-exp strong{color:var(--red)}.explanation p{color:var(--chalk-dim)}.timer-container{align-items:center;gap:12px;width:100%;max-width:780px;display:flex}.timer-bar-track{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:3px;flex:1;height:10px;overflow:hidden;box-shadow:inset 0 2px 5px #0009}.timer-bar-fill{background:var(--cyan);height:100%;transition:width 1s linear, background .3s var(--ease);box-shadow:0 0 14px #22d3ee99}.timer-bar-fill.low{background:var(--red);box-shadow:0 0 16px #ff4d4db3}.timer-text{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--cyan);text-shadow:0 0 12px #22d3ee80;text-align:right;min-width:3.4ch;font-size:.95rem;font-weight:700}.timer-text.low{color:var(--red);text-shadow:0 0 12px #ff4d4d99;animation:1s steps(2,end) infinite pulse}.progress-container{align-items:center;gap:12px;width:100%;max-width:780px;display:flex}.progress-track{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:3px;flex:1;height:10px;overflow:hidden;box-shadow:inset 0 2px 5px #0009}.progress-fill{background:var(--amber);height:100%;transition:width .35s var(--ease-out);box-shadow:0 0 14px #ffb0208c}.progress-text{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--amber);text-shadow:0 0 12px #ffb02073;white-space:nowrap;font-size:.85rem;font-weight:700}.take-quiz-page{flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;max-width:820px;min-height:calc(100vh - 190px);padding-bottom:20px;display:flex}.take-quiz-header{background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius-md);flex-direction:column;gap:10px;width:100%;padding:14px 18px;display:flex}.hud-title{border-bottom:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.hud-topic{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);font-size:.98rem}.hud-gauge{align-items:center;gap:12px;display:flex}.hud-gauge .readout-label{flex-shrink:0;width:66px}.take-quiz-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.take-quiz-next{min-width:210px}.take-quiz-hint{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.1em;color:var(--chalk-faint);font-size:.72rem}.text-answer-section{flex-direction:column;gap:16px;width:100%;display:flex}.text-answer-question{font-family:var(--font-body);letter-spacing:-.01em;color:var(--chalk);background:var(--bezel);border-radius:var(--radius-md);border:2px solid #000;padding:26px 28px;font-size:clamp(1.2rem,2.7vw,1.6rem);font-weight:600;line-height:1.35;box-shadow:inset 0 0 46px #000000e6,inset 0 2px #ffffff0a}.text-answer-input{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-sm);width:100%;color:var(--chalk);font-size:.98rem;font-family:var(--font-body);resize:vertical;min-height:120px;transition:var(--transition);padding:15px 17px;line-height:1.55;box-shadow:inset 0 2px 6px #00000080}.text-answer-input:hover{border-color:var(--edge-strong)}.text-answer-input:focus{border-color:var(--cyan);box-shadow:inset 0 2px 6px #00000080, 0 0 0 3px var(--cyan-soft);outline:none}.text-answer-input::placeholder{color:var(--chalk-faint)}.spinner{vertical-align:-2px;border:2.5px solid #00000040;border-top-color:#26160a;border-radius:50%;width:15px;height:15px;animation:.6s linear infinite spin;display:inline-block}.text-answer-actions{flex-wrap:wrap;gap:10px;display:flex}.text-answer-result{border-radius:var(--radius-sm);border:2px solid;padding:20px}.text-answer-result.correct{background:var(--green-soft);border-color:var(--green-line)}.text-answer-result.incorrect{background:var(--red-soft);border-color:var(--red-line)}.text-answer-result-header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px;font-size:.95rem}.text-answer-detail{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.text-answer-detail-row{flex-direction:column;gap:4px;display:flex}.detail-label{font-family:var(--font-data);color:var(--chalk-faint);text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:700}.detail-value{background:var(--bezel);border:1px solid var(--edge);border-radius:var(--radius-xs);padding:8px 12px;font-size:.93rem;line-height:1.45}.correct-answer{color:var(--green)}.text-answer-feedback{background:var(--bezel);border:1px solid var(--edge);border-radius:var(--radius-xs);color:var(--chalk-dim);margin-bottom:10px;padding:11px 14px;font-size:.92rem;line-height:1.5}.text-answer-explanation{color:var(--chalk-dim);border-top:1px solid var(--edge);padding-top:12px;font-size:.88rem;line-height:1.55}.quiz-loading{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);justify-content:center;align-items:center;gap:12px;padding:48px 24px;font-size:.78rem;display:flex}@media (width<=640px){.take-quiz-page{min-height:auto}.hud-gauge .readout-label{width:48px;font-size:.6rem}}.confetti-layer{pointer-events:none;z-index:2500;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.95;border-radius:2px;animation-name:confettiFall;animation-timing-function:cubic-bezier(.3,.7,.7,1);animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 110vh) rotate(720deg);opacity:0}}.results-page{flex-direction:column;align-items:center;gap:26px;width:100%;max-width:760px;display:flex}.results-hero{text-align:center;background:var(--bezel);border-radius:var(--radius-md);width:100%;animation:slideUp .6s var(--ease-out);border:2px solid #000;flex-direction:column;align-items:center;gap:18px;padding:38px 28px 32px;display:flex;box-shadow:inset 0 0 46px #000000e6,inset 0 2px #ffffff0a}.results-score-ring{background:conic-gradient(var(--amber) 0deg, var(--amber) var(--score-angle,0deg), var(--cabinet-lo) var(--score-angle,0deg));border-radius:50%;justify-content:center;align-items:center;width:210px;height:210px;display:flex;position:relative;box-shadow:0 0 0 2px #000,0 0 54px #ffb02038}.results-score-ring:before{content:"";background:var(--bezel);border-radius:50%;position:absolute;inset:11px;box-shadow:inset 0 0 30px #000000d9}.results-score-inner{z-index:1;flex-direction:column;align-items:center;gap:2px;padding:0 12px;display:flex;position:relative}.results-score-value{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--amber);text-shadow:0 0 30px #ffb0208c;font-size:clamp(2.6rem,9vw,4rem);font-weight:700;line-height:1}.results-score-total{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--chalk-faint);font-size:1rem;font-weight:700}.results-xp-pop{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);text-shadow:0 0 14px #ffb02073;animation:xpPop .6s var(--ease-out) both;margin-top:7px;font-size:.72rem;font-weight:700}@keyframes xpPop{0%{opacity:0;transform:translateY(8px)scale(.82)}60%{opacity:1;transform:translateY(-2px)scale(1.1)}to{opacity:1;transform:translateY(0)scale(1)}}.results-grade{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(1.15rem,3.4vw,1.6rem);line-height:1.15}.results-percentage{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.2em;text-transform:uppercase;color:var(--chalk-dim);font-size:.8rem;font-weight:700}.results-topic{background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius-pill);max-width:100%;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-dim);text-align:center;overflow-wrap:anywhere;padding:9px 18px;font-size:.7rem;font-weight:700}.results-actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.results-review{flex-direction:column;gap:12px;width:100%;display:flex}.results-review-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--chalk-dim);font-size:.92rem;font-weight:400}.review-card{background:var(--cabinet);border:2px solid var(--edge);border-radius:var(--radius-md);transition:border-color .18s var(--ease);border-left-width:5px;padding:20px}.review-card.correct{border-left-color:var(--green)}.review-card.incorrect{border-left-color:var(--red)}.review-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:13px;display:flex}.review-number{font-family:var(--font-data);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);font-size:.72rem;font-weight:700}.review-type-badge{opacity:.6;font-size:.82rem;line-height:1}.review-badge{border-radius:var(--radius-xs);border:1px solid var(--edge-strong);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;margin-left:auto;padding:4px 10px;font-size:.64rem;font-weight:700}.review-badge.correct{color:var(--green);border-color:var(--green-line);background:var(--green-soft)}.review-badge.incorrect{color:var(--red);border-color:var(--red-line);background:var(--red-soft)}.review-question{font-family:var(--font-body);color:var(--chalk);overflow-wrap:anywhere;margin-bottom:14px;font-size:.97rem;font-weight:600;line-height:1.5}.review-options{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.review-option{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--chalk-dim);overflow-wrap:anywhere;align-items:center;gap:12px;padding:10px 13px;font-size:.9rem;line-height:1.45;display:flex}.review-option.correct{background:var(--green-soft);border-color:var(--green-line);color:var(--green)}.review-option.incorrect{background:var(--red-soft);border-color:var(--red-line);color:var(--red)}.review-opt-label{border-radius:var(--radius-xs);background:var(--bezel);border:1px solid var(--edge-strong);width:26px;height:26px;font-family:var(--font-display);color:var(--chalk-dim);flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.review-option.correct .review-opt-label{background:var(--green);color:#062615;border-color:#0000004d}.review-option.incorrect .review-opt-label{background:var(--red);color:#2a0d0d;border-color:#0000004d}.review-check{font-family:var(--font-data);color:var(--green);flex-shrink:0;margin-left:auto;font-weight:700}.review-text-answer{flex-direction:column;gap:11px;margin-bottom:14px;display:flex}.review-text-row{flex-direction:column;gap:5px;display:flex}.review-text-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);font-size:.62rem;font-weight:700}.review-text-value{background:var(--bezel);border:1px solid var(--edge);border-radius:var(--radius-xs);font-family:var(--font-body);color:var(--chalk);overflow-wrap:anywhere;padding:9px 12px;font-size:.91rem;line-height:1.5}.review-text-value.correct-answer{color:var(--green);border-color:var(--green-line);background:var(--green-soft)}.review-explanation{border-top:1px solid var(--edge);font-family:var(--font-body);color:var(--chalk-dim);overflow-wrap:anywhere;padding-top:13px;font-size:.86rem;line-height:1.6}.results-card{text-align:center;flex-direction:column;align-items:center;display:flex}.results-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--chalk);font-size:1.3rem;font-weight:400}.results-empty{color:var(--chalk-dim);margin:18px 0 22px;font-size:.93rem;line-height:1.6}.talk-panel.card{flex-direction:column;gap:14px;width:100%;max-width:100%;padding:18px;display:flex}.talk-header{border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.talk-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--chalk);font-size:.86rem;font-weight:400}.talk-close{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-xs);width:30px;height:30px;color:var(--chalk-dim);font-family:var(--font-data);transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;line-height:1;display:flex}.talk-close:hover{border-color:var(--cyan);color:var(--chalk)}.talk-messages{background:var(--bezel);border-radius:var(--radius-md);scroll-behavior:smooth;border:2px solid #000;flex-direction:column;gap:12px;max-height:360px;padding:14px;display:flex;overflow-y:auto;box-shadow:inset 0 0 46px #000000e6,inset 0 2px #ffffff0a}.talk-hint{color:var(--chalk-dim);font-size:.86rem;line-height:1.6}.talk-message{align-items:flex-start;gap:10px;display:flex}.talk-message.user{flex-direction:row-reverse}.talk-avatar{border-radius:var(--radius-xs);background:var(--cabinet-lo);border:1px solid var(--edge-strong);flex:none;place-items:center;width:28px;height:28px;font-size:.9rem;line-height:1;display:grid}.talk-bubble{border-radius:var(--radius-sm);min-width:0;max-width:82%;font-family:var(--font-body);overflow-wrap:anywhere;padding:10px 13px;font-size:.89rem;line-height:1.6}.talk-message.user .talk-bubble{background:var(--magenta);color:#fff;border:2px solid #00000059}.talk-message.assistant .talk-bubble{background:var(--cabinet);border:2px solid var(--edge);color:var(--chalk)}.talk-bubble p{margin:.35rem 0}.talk-bubble p:first-child{margin-top:0}.talk-bubble p:last-child{margin-bottom:0}.talk-bubble code{font-family:var(--font-data);font-size:.84em}.talk-loading .chat-dot-pulse{align-items:center;gap:5px;display:inline-flex}.talk-loading .dot{background:var(--chalk-faint);width:6px;height:6px;animation:talk-bounce 1.2s infinite var(--ease);border-radius:50%}.talk-loading .dot:nth-child(2){animation-delay:.15s}.talk-loading .dot:nth-child(3){animation-delay:.3s}@keyframes talk-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.talk-input-area{align-items:flex-end;gap:10px;display:flex}.talk-input{resize:none;background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-sm);min-width:0;min-height:2.8rem;max-height:8rem;color:var(--chalk);font-family:var(--font-body);transition:var(--transition);flex:1;padding:11px 13px;font-size:.9rem;line-height:1.5;box-shadow:inset 0 2px 5px #00000073}.talk-input:hover{border-color:var(--edge-strong)}.talk-input:focus{border-color:var(--cyan);box-shadow:inset 0 2px 5px #00000073, 0 0 0 3px var(--cyan-soft);outline:none}.talk-input::placeholder{color:var(--chalk-faint)}.talk-input:disabled{opacity:.55;cursor:not-allowed}@media (width<=640px){.results-page{gap:22px}.results-hero{padding:30px 18px 26px}.results-score-ring{width:172px;height:172px}.results-actions .btn{flex:auto}.review-card{padding:17px 15px}.talk-bubble{max-width:88%}}@media (width<=400px){.results-score-ring{width:150px;height:150px}.results-score-ring:before{inset:9px}.results-topic{letter-spacing:.1em}.talk-panel.card{padding:15px 13px}.talk-messages{padding:11px}}.quiz-offer-card{background:var(--cabinet);border:2px solid var(--cyan-line);border-left:5px solid var(--cyan);border-radius:var(--radius-md);width:100%;max-width:100%;box-shadow:inset 0 0 44px #22d3ee0d, var(--shadow-md);margin-top:12px;padding:18px 20px 20px;position:relative;overflow:hidden}.quiz-offer-glow{pointer-events:none;background:radial-gradient(circle,#22d3ee33,#0000 66%);width:130px;height:130px;position:absolute;top:-46px;right:-34px}.quiz-offer-badge{background:var(--cyan-soft);border:1px solid var(--cyan-line);border-radius:var(--radius-xs);max-width:100%;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);margin-bottom:12px;padding:5px 11px;font-size:.62rem;font-weight:700;display:inline-block;position:relative}.quiz-offer-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--chalk);overflow-wrap:anywhere;margin-bottom:7px;font-size:1.05rem;font-weight:400;line-height:1.25;position:relative}.quiz-offer-desc{font-family:var(--font-body);color:var(--chalk-dim);overflow-wrap:anywhere;margin-bottom:14px;font-size:.87rem;line-height:1.55;position:relative}.quiz-offer-meta{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex;position:relative}.quiz-offer-tag{background:var(--cabinet-lo);border:1px solid var(--edge-strong);border-radius:var(--radius-xs);max-width:100%;font-family:var(--font-data);font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.1em;color:var(--chalk-dim);overflow-wrap:anywhere;padding:5px 10px;font-size:.66rem;font-weight:700}.quiz-offer-tag:first-child{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber);text-shadow:0 0 14px #ffb02059}.btn.quiz-offer-btn{width:100%;margin-top:2px;padding:14px 24px;font-size:.88rem}@media (width<=420px){.quiz-offer-card{padding:15px 16px 17px}.quiz-offer-name{font-size:.98rem}.quiz-offer-tag{letter-spacing:.08em;font-size:.62rem}}.chat-page{flex-direction:column;width:100%;max-width:880px;height:calc(100vh - 176px);min-height:460px;display:flex}.chat-card{flex-direction:column;flex:1;max-width:none;min-height:0;padding:0;display:flex;overflow:hidden}.chat-header{background:linear-gradient(180deg, var(--cabinet-hi), var(--cabinet));border-bottom:2px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:15px 18px;display:flex}.chat-header-title{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;display:flex}.chat-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);white-space:nowrap;text-overflow:ellipsis;max-width:280px;font-size:1.05rem;font-weight:400;line-height:1.15;overflow:hidden}.chat-topic-tag{border-radius:var(--radius-xs);border:1px solid var(--cyan-line);background:var(--cyan-soft);max-width:100%;color:var(--cyan);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;padding:3px 10px;font-size:.64rem;font-weight:700;display:inline-flex;overflow:hidden}.chat-header-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:7px;display:flex}.chat-card>.chat-title{max-width:none;padding:24px 24px 0}.chat-not-configured{flex:1;justify-content:center;align-items:center;padding:32px 24px 40px;display:flex}.chat-not-configured p{border:2px solid var(--red-line);border-radius:var(--radius-sm);background:var(--red-soft);max-width:34ch;color:var(--chalk);font-family:var(--font-body);text-align:center;padding:16px 20px;font-size:.93rem;line-height:1.6}.chat-history{background:var(--cabinet-lo);border-bottom:2px solid var(--edge);max-height:260px;animation:fadeIn .2s var(--ease-out) both;padding:12px;overflow-y:auto;box-shadow:inset 0 3px 8px #00000073}.chat-history-empty{text-align:center;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--chalk-faint);padding:20px 12px;font-size:.68rem}.chat-history-list{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px;display:grid}.chat-history-row{background:var(--cabinet);border:2px solid var(--edge);border-left:4px solid var(--edge-strong);border-radius:var(--radius-sm);min-width:0;transition:var(--transition);align-items:stretch;gap:4px;padding:2px 4px 2px 0;display:flex}.chat-history-row:hover{border-color:var(--edge-strong);border-left-color:var(--cyan-line)}.chat-history-row.active{background:var(--cyan-soft);border-color:var(--cyan-line);border-left-color:var(--cyan)}.chat-history-info{text-align:left;min-width:0;color:inherit;flex-direction:column;flex:1;align-items:flex-start;gap:4px;padding:9px 10px;display:flex}.chat-history-title{width:100%;font-family:var(--font-body);color:var(--chalk);white-space:nowrap;text-overflow:ellipsis;font-size:.87rem;font-weight:600;line-height:1.3;overflow:hidden}.chat-history-meta{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-faint);font-size:.62rem}.chat-history-row.active .chat-history-meta{color:var(--cyan)}.chat-history-delete{border-radius:var(--radius-xs);opacity:.55;transition:var(--transition);border:1px solid #0000;flex-shrink:0;align-self:center;padding:7px 8px;font-size:.85rem;line-height:1}.chat-history-delete:hover{opacity:1;background:var(--red-soft);border-color:var(--red-line)}.chat-messages{background:var(--bezel);border-top:2px solid #000;border-bottom:2px solid #000;flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px 20px;display:flex;overflow:hidden auto;box-shadow:inset 0 0 46px #000000e6,inset 0 2px #ffffff0a}.chat-message{min-width:0;max-width:86%;animation:fadeIn .3s var(--ease-out) both;align-items:flex-start;gap:12px;display:flex}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-avatar{border-radius:var(--radius-xs);background:var(--cabinet-hi);border:2px solid var(--edge);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.chat-message.user .chat-avatar{background:var(--magenta);box-shadow:0 var(--press-sm) 0 var(--magenta-deep);border-color:#00000059}.chat-bubble{border-radius:var(--radius-md);min-width:0;max-width:100%;font-family:var(--font-body);color:var(--chalk);overflow-wrap:anywhere;padding:14px 17px;font-size:.95rem;line-height:1.6}.chat-message.assistant .chat-bubble{background:var(--cabinet);border:2px solid var(--edge);border-bottom-left-radius:var(--radius-xs)}.chat-message.user .chat-bubble{background:var(--magenta-soft);border:2px solid var(--magenta-line);border-bottom-right-radius:var(--radius-xs)}.chat-bubble pre{max-width:100%;overflow-x:auto}.chat-loading{padding:17px 20px}.chat-dot-pulse{align-items:center;gap:6px;display:flex}.chat-dot-pulse .dot{background:var(--cyan);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite dotPulse;box-shadow:0 0 8px #22d3ee80}.chat-dot-pulse .dot:nth-child(2){animation-delay:.2s}.chat-dot-pulse .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.28;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-spinner{vertical-align:-2px;border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:13px;height:13px;animation:.6s linear infinite spin;display:inline-block}.chat-error{background:var(--red-soft);border:2px solid var(--red-line);border-radius:var(--radius-sm);color:var(--chalk);font-family:var(--font-body);padding:13px 16px;font-size:.88rem;line-height:1.55}.chat-error strong{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin-bottom:4px;font-size:.68rem;display:block}.chat-teach-bar{background:var(--cyan-soft);border-top:2px solid var(--cyan-line);animation:fadeIn .2s var(--ease-out) both;flex-wrap:wrap;align-items:center;gap:12px;padding:13px 18px;display:flex}.chat-teach-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);white-space:nowrap;font-size:.64rem;font-weight:700}.chat-teach-input{flex:1;min-width:160px;padding:10px 13px;font-size:.9rem}.chat-input-area{background:linear-gradient(180deg, var(--cabinet-hi), var(--cabinet));flex-direction:column;gap:11px;padding:15px 18px 17px;display:flex}.chat-input{background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-sm);width:100%;color:var(--chalk);font-family:var(--font-body);resize:none;transition:var(--transition);outline:none;padding:13px 15px;font-size:.95rem;line-height:1.55;box-shadow:inset 0 2px 5px #00000073}.chat-input:hover:not(:disabled){border-color:var(--edge-strong)}.chat-input:focus{border-color:var(--cyan);box-shadow:inset 0 2px 5px #00000073, 0 0 0 3px var(--cyan-soft)}.chat-input::placeholder{color:var(--chalk-faint)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chat-hint{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.14em;color:var(--chalk-faint);font-size:.62rem}.chat-input-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}@media (width<=720px){.chat-page{height:calc(100vh - 210px);min-height:420px}.chat-message{max-width:94%}.chat-messages{padding:18px 14px}.chat-title{max-width:190px}}@media (width<=560px){.chat-header{padding:13px 14px}.chat-header-actions{justify-content:flex-start;width:100%}.chat-history-list{grid-template-columns:1fr}.chat-history{padding:10px}.chat-input-area{padding:12px 14px 14px}.chat-teach-bar{padding:12px 14px}.chat-teach-input{min-width:0}.chat-hint{display:none}.chat-input-buttons{width:100%}}@media (width<=400px){.chat-avatar{width:28px;height:28px;font-size:.85rem}.chat-message{gap:9px;max-width:100%}.chat-bubble{padding:12px 14px}.chat-title{max-width:150px}}.login-page{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.login-card{max-width:420px;box-shadow:var(--shadow-lg);margin:auto 0;padding:30px 28px}.login-card:before{background:linear-gradient(90deg, transparent, var(--magenta), transparent);opacity:.8;height:3px}.login-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);margin-bottom:10px;font-size:1.45rem;font-weight:400;line-height:1.1}.login-desc{font-family:var(--font-body);color:var(--chalk-dim);border-bottom:2px solid var(--edge);margin-bottom:26px;padding-bottom:22px;font-size:.9rem;line-height:1.6}.login-error{background:var(--red-soft);border:2px solid var(--red-line);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--chalk);margin-bottom:18px;padding:13px 16px;font-size:.86rem;line-height:1.6}.login-error strong{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.login-submit{justify-content:center;width:100%;margin-top:6px;padding:15px 28px;font-size:.86rem}.login-switch{border-top:2px solid var(--edge);text-align:center;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.12em;color:var(--chalk-faint);margin-top:24px;padding-top:20px;font-size:.7rem}.login-switch a{color:var(--cyan);font-weight:700}.login-switch a:hover{color:var(--chalk);text-shadow:0 0 12px #22d3ee73}@media (width<=420px){.login-card{padding:24px 20px}.login-title{font-size:1.25rem}}.register-page{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.register-card{max-width:440px;box-shadow:var(--shadow-lg);margin:auto 0;padding:30px 28px}.register-card:before{background:linear-gradient(90deg, transparent, var(--magenta), transparent);opacity:.8;height:3px}.register-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);margin-bottom:10px;font-size:1.35rem;font-weight:400;line-height:1.15}.register-desc{font-family:var(--font-body);color:var(--chalk-dim);border-bottom:2px solid var(--edge);margin-bottom:26px;padding-bottom:22px;font-size:.9rem;line-height:1.6}.register-hint{font-family:var(--font-body);color:var(--chalk-dim);margin-top:8px;font-size:.79rem;line-height:1.55;display:block}.register-error{background:var(--red-soft);border:2px solid var(--red-line);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--chalk);margin-bottom:18px;padding:13px 16px;font-size:.86rem;line-height:1.6}.register-error strong{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.register-submit{justify-content:center;width:100%;margin-top:6px;padding:15px 28px;font-size:.86rem}.register-switch{border-top:2px solid var(--edge);text-align:center;font-family:var(--font-data);text-transform:uppercase;letter-spacing:.12em;color:var(--chalk-faint);margin-top:24px;padding-top:20px;font-size:.7rem}.register-switch a{color:var(--cyan);font-weight:700}.register-switch a:hover{color:var(--chalk);text-shadow:0 0 12px #22d3ee73}@media (width<=420px){.register-card{padding:24px 20px}.register-title{font-size:1.18rem}}.admin-page{flex-direction:column;align-items:center;width:100%;display:flex}.admin-card{max-width:900px}.admin-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);margin-bottom:10px;font-size:1.4rem;font-weight:400;line-height:1.1}.admin-desc{font-family:var(--font-body);color:var(--chalk-dim);border-bottom:2px solid var(--edge);margin-bottom:24px;padding-bottom:22px;font-size:.92rem;line-height:1.6}.admin-error{background:var(--red-soft);border:2px solid var(--red-line);border-radius:var(--radius-sm);font-family:var(--font-body);color:var(--chalk);margin-bottom:20px;padding:13px 16px;font-size:.86rem;line-height:1.6}.admin-error strong{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.admin-setting-row{background:var(--cabinet-hi);border:2px solid var(--edge);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 18px;display:flex}.admin-setting-row>div{min-width:0}.admin-setting-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--chalk);font-size:.82rem;font-weight:400}.admin-setting-hint{font-family:var(--font-body);color:var(--chalk-dim);margin-top:6px;font-size:.82rem;line-height:1.5}.admin-loading{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.18em;color:var(--chalk-faint);justify-content:center;align-items:center;gap:14px;padding:46px 20px;font-size:.76rem;display:flex}.admin-user-list{background:var(--bezel);border-radius:var(--radius-md);border:2px solid #000;flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 46px #000000e6,inset 0 2px #ffffff0a}.admin-user-row{border-bottom:2px solid var(--edge);transition:var(--transition);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main meta""actions actions";align-items:center;gap:12px 20px;padding:16px 18px;display:grid}.admin-user-row:last-child{border-bottom:none}.admin-user-row:hover{background:#ffffff06}.admin-user-row.suspended{opacity:.56;box-shadow:inset 4px 0 0 var(--red)}.admin-user-main{flex-wrap:wrap;grid-area:main;align-items:center;gap:9px;min-width:0;display:flex}.admin-user-email{max-width:100%;font-family:var(--font-body);color:var(--chalk);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.admin-user-badge{border-radius:var(--radius-xs);border:1px solid var(--edge-strong);background:var(--cabinet-lo);font-family:var(--font-data);text-transform:uppercase;letter-spacing:.12em;color:var(--chalk-dim);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;font-size:.62rem;font-weight:700;display:inline-flex}.admin-user-badge.admin{color:var(--cyan);border-color:var(--cyan-line);background:var(--cyan-soft)}.admin-user-badge.self{color:var(--chalk-dim)}.admin-user-badge.suspended{color:var(--red);border-color:var(--red-line);background:var(--red-soft)}.admin-user-meta{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--chalk-dim);white-space:nowrap;grid-area:meta;align-items:center;gap:20px;font-size:.72rem;display:flex}.admin-user-meta span{justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.admin-user-meta span:first-child{min-width:96px}.admin-user-meta span:nth-child(2){min-width:44px}.admin-user-meta span:nth-child(3){min-width:78px;color:var(--amber);text-shadow:0 0 12px #ffb02059;font-weight:700}.admin-user-actions{border-top:1px solid var(--edge);flex-wrap:wrap;grid-area:actions;gap:8px;padding-top:12px;display:flex}@media (width<=680px){.admin-user-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""meta""actions";align-items:start}.admin-user-meta{flex-wrap:wrap;gap:8px 16px}.admin-user-meta span,.admin-user-meta span:first-child,.admin-user-meta span:nth-child(2),.admin-user-meta span:nth-child(3){justify-content:flex-start;min-width:0}}@media (width<=480px){.admin-card{padding:22px 16px}.admin-user-row,.admin-setting-row{padding:14px}.admin-user-actions .btn{flex:auto}}.achievement-toaster{z-index:2000;pointer-events:none;flex-direction:column;align-items:stretch;gap:10px;width:min(340px,100vw - 40px);display:flex;position:fixed;top:70px;right:20px}.achievement-toast{pointer-events:auto;background:var(--cabinet);border:2px solid var(--amber-line);border-radius:var(--radius-md);box-shadow:var(--shadow-lg), 0 0 26px #ffb02038;cursor:pointer;align-items:flex-start;gap:12px;padding:13px 12px 13px 16px;display:flex;position:relative;overflow:hidden}.achievement-toast:before{content:"";background:var(--amber);width:4px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #ffb020bf}.achievement-toast:after{content:"";pointer-events:none;background:linear-gradient(180deg, var(--amber-soft), transparent);height:60%;position:absolute;inset:0 0 auto}.achievement-toast:hover{border-color:var(--amber)}.achievement-toast-icon{z-index:1;background:var(--cabinet-lo);border:2px solid var(--amber-line);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;line-height:1;display:flex;position:relative;box-shadow:inset 0 2px 6px #0000008c}.achievement-toast-body{z-index:1;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex;position:relative}.achievement-toast-label{font-family:var(--font-data);text-transform:uppercase;letter-spacing:.16em;color:var(--amber);text-shadow:0 0 12px #ffb02073;font-size:.6rem;font-weight:700}.achievement-toast-name{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--chalk);overflow-wrap:anywhere;font-size:.94rem;line-height:1.15}.achievement-toast-desc{font-family:var(--font-body);color:var(--chalk-dim);overflow-wrap:anywhere;font-size:.8rem;line-height:1.45}.achievement-toast-close{z-index:1;background:var(--cabinet-lo);border:2px solid var(--edge);border-radius:var(--radius-xs);width:26px;height:26px;color:var(--chalk-faint);font-family:var(--font-data);cursor:pointer;transition:var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;line-height:1;display:flex;position:relative}.achievement-toast-close:hover{border-color:var(--edge-strong);color:var(--chalk)}@keyframes slideIn{0%{opacity:0;transform:translate(calc(100% + 24px))}to{opacity:1;transform:translate(0)}}.slide-in{animation:slideIn .34s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.slide-in{opacity:1;animation:none;transform:none}}@media (width<=720px){.achievement-toaster{top:100px}}@media (width<=600px){.achievement-toaster{width:auto;left:12px;right:12px}.achievement-toast{gap:10px;padding:12px 10px 12px 14px}.achievement-toast-icon{width:36px;height:36px;font-size:1.25rem}}.level-up-overlay{z-index:3000;-webkit-backdrop-filter:blur(5px);animation:fadeIn .22s var(--ease-out) both;background:#070510e0;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.level-up-card{text-align:center;background:var(--cabinet);border:2px solid var(--amber-line);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow-lg), 0 0 70px #ffb02033;flex-direction:column;align-items:center;gap:8px;margin:auto;padding:34px 28px 28px;display:flex;position:relative;overflow:hidden}.level-up-burst{pointer-events:none;background:radial-gradient(circle,#ffb0203d,#0000 62%);width:420px;max-width:150%;height:420px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.level-up-emoji,.level-up-label,.level-up-numbers,.level-up-sub,.level-up-btn{z-index:1;position:relative}.level-up-emoji{filter:drop-shadow(0 0 14px #ffb02099);font-size:1.7rem;line-height:1}.level-up-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--chalk);font-size:clamp(1.05rem,4.4vw,1.45rem);line-height:1}.level-up-numbers{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;max-width:100%;margin:4px 0 2px;display:flex}.level-up-from{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--chalk-faint);font-size:1.05rem;font-weight:700}.level-up-arrow{font-family:var(--font-data);color:var(--chalk-faint);font-size:1.05rem;line-height:1}.level-up-to{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--amber);text-shadow:0 0 12px #ffb020cc,0 0 42px #ffb02073;white-space:nowrap;font-size:clamp(2.6rem,13vw,4.8rem);font-weight:700;line-height:1}.level-up-sub{font-family:var(--font-body);color:var(--chalk-dim);max-width:30ch;margin:6px 0 16px;font-size:.86rem;line-height:1.5}.level-up-btn{align-self:center}@keyframes popIn{0%{opacity:0;transform:scale(.9)}62%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.pop-in{animation:popIn .4s var(--ease-out) both}@media (prefers-reduced-motion:reduce){.level-up-overlay,.pop-in{opacity:1;animation:none;transform:none}.level-up-card{margin:auto;transform:none}}@media (width<=420px){.level-up-card{padding:26px 18px 22px}.level-up-burst{width:320px;height:320px}}