@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.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 Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./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(./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(./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}:root{--font:"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display:"Space Grotesk Variable", "Inter Variable", sans-serif;--bg:#f5f7fb;--bg-glow-1:#38bdf829;--bg-glow-2:#818cf824;--surface:#ffffffd1;--surface-solid:#fff;--surface-2:#eef2f8;--surface-hover:#f4f7fc;--text:#0b1220;--text-2:#334155;--muted:#64748b;--border:#0f172a14;--border-strong:#0f172a29;--accent:#2563eb;--accent-2:#0ea5e9;--accent-ink:#fff;--accent-soft:#2563eb1a;--ok:#059669;--ok-soft:#0596691a;--bad:#e11d48;--bad-soft:#e11d4817;--meh:#d97706;--meh-soft:#d977061a;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 1px 2px #0f172a0a, 0 8px 24px -8px #0f172a1f;--shadow-lg:0 24px 60px -20px #0f172a47;--radius:20px;--radius-sm:12px;--ease:cubic-bezier(.2, .8, .2, 1);--topbar-bg:#f5f7fbb8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#060a13;--bg-glow-1:#38bdf824;--bg-glow-2:#818cf829;--surface:#141c2ca8;--surface-solid:#111827;--surface-2:#ffffff0f;--surface-hover:#ffffff0d;--text:#eef2f9;--text-2:#cbd5e1;--muted:#8a98ad;--border:#ffffff14;--border-strong:#ffffff29;--accent:#60a5fa;--accent-2:#38bdf8;--accent-ink:#04122b;--accent-soft:#60a5fa24;--ok:#34d399;--ok-soft:#34d3991f;--bad:#fb7185;--bad-soft:#fb71851f;--meh:#fbbf24;--meh-soft:#fbbf241f;--shadow-sm:none;--shadow:0 1px 0 #ffffff0a inset, 0 12px 32px -12px #0009;--shadow-lg:0 30px 80px -20px #000000b3;--topbar-bg:#060a1399;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#060a13;--bg-glow-1:#38bdf824;--bg-glow-2:#818cf829;--surface:#141c2ca8;--surface-solid:#111827;--surface-2:#ffffff0f;--surface-hover:#ffffff0d;--text:#eef2f9;--text-2:#cbd5e1;--muted:#8a98ad;--border:#ffffff14;--border-strong:#ffffff29;--accent:#60a5fa;--accent-2:#38bdf8;--accent-ink:#04122b;--accent-soft:#60a5fa24;--ok:#34d399;--ok-soft:#34d3991f;--bad:#fb7185;--bad-soft:#fb71851f;--meh:#fbbf24;--meh-soft:#fbbf241f;--shadow-sm:none;--shadow:0 1px 0 #ffffff0a inset, 0 12px 32px -12px #0009;--shadow-lg:0 30px 80px -20px #000000b3;--topbar-bg:#060a1399;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:radial-gradient(900px 500px at 10% -10%, var(--bg-glow-1), transparent 60%), radial-gradient(800px 500px at 100% 0%, var(--bg-glow-2), transparent 60%), var(--bg);min-height:100vh;color:var(--text);font:400 16px/1.6 var(--font);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.15}h1{margin:.2rem 0 .4rem;font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:650}h2{margin:0;font-size:1.2rem;font-weight:600}h3{margin:.5rem 0 .25rem;font-size:1.1rem;font-weight:600}p{margin:.35rem 0}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}kbd{border:1px solid var(--border-strong);color:var(--muted);background:var(--surface-2);border-bottom-width:2px;border-radius:6px;padding:1px 5px;font:500 11px ui-monospace,SFMono-Regular,monospace}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.narrow{max-width:760px;margin:0 auto}.muted{color:var(--muted)}.small{font-size:.86rem}.tiny{font-size:.76rem}.center{text-align:center}.eyebrow{font:600 .74rem/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.loading{padding:5rem 0}.page{animation:rise .45s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.97)}60%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.topbar{z-index:20;-webkit-backdrop-filter:saturate(1.6)blur(16px);background:var(--topbar-bg);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar .wrap{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.brand{color:var(--text);font:650 1.05rem/1 var(--display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;display:flex}.brand:hover{text-decoration:none}.logo{color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1 70%,#a855f7);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 18px -6px #6366f1b3}.topnav{align-items:center;gap:4px;display:flex}.topnav a{color:var(--muted);border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:.93rem;font-weight:550;transition:color .2s,background .2s;display:inline-flex}.topnav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.topnav a.active{color:var(--text);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border)}.icon-btn{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;place-items:center;transition:background .2s,color .2s,transform .15s;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:active{transform:scale(.92)}.icon-btn.on{color:var(--meh)}.tabbar{display:none}@media (width<=720px){.topnav a{display:none}.tabbar{z-index:20;left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.6)blur(18px);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:22px;grid-template-columns:repeat(4,1fr);padding:6px;display:grid;position:fixed}.tabbar a{color:var(--muted);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:7px 0 5px;font-size:.7rem;font-weight:600;display:flex}.tabbar a:hover{text-decoration:none}.tabbar a.active{color:var(--accent);background:var(--accent-soft)}main.wrap{padding-bottom:110px!important}}main.wrap{min-height:72vh;padding-top:28px;padding-bottom:64px}footer.wrap{text-align:center;padding:8px 16px 40px}@media (width<=720px){footer.wrap{padding-bottom:120px}}.btn{border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--text);font:600 .94rem/1.2 var(--font);cursor:pointer;transition:transform .15s var(--ease), box-shadow .2s, border-color .2s, background .2s;white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;display:inline-flex;position:relative;text-decoration:none!important}.btn:hover{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.btn:active{transform:scale(.97)}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--accent-2), var(--accent) 55%, #6366f1);border:0;box-shadow:0 10px 24px -10px #2563ebcc,inset 0 1px #ffffff40}.btn.primary:hover{filter:brightness(1.06);box-shadow:0 14px 30px -10px #2563ebe6,inset 0 1px #ffffff40}.btn.primary:disabled{opacity:.45;cursor:default;filter:none}.btn.ghost{background:0 0}.btn.small{border-radius:11px;padding:7px 13px;font-size:.84rem}.btn.big{width:100%;margin-top:14px;padding:15px;font-size:1.02rem}.btn.danger{color:var(--bad)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.end{justify-content:flex-end;margin-top:14px}.row.center{justify-content:center}.spacer{flex:1}.card{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;position:relative}a.card{color:inherit;transition:transform .25s var(--ease), box-shadow .25s, border-color .25s;display:block}a.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);text-decoration:none;transform:translateY(-3px)}.section-title{justify-content:space-between;align-items:baseline;margin:36px 0 14px;display:flex}.section-title h2{font-size:1.25rem}.hero{color:#fff;box-shadow:var(--shadow-lg);isolation:isolate;background:radial-gradient(600px 300px at 85% 10%,#a855f773,#0000 60%),radial-gradient(500px 300px at 10% 110%,#0ea5e98c,#0000 60%),linear-gradient(135deg,#0b1b3a,#102a5c 50%,#1e3a8a);border-radius:28px;padding:clamp(24px,5vw,44px);position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;opacity:.18;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 20%,#000 10%,#0000 70%);mask-image:radial-gradient(at 70% 20%,#000 10%,#0000 70%)}.hero h1{color:#fff;max-width:18ch;font-size:clamp(2rem,5vw,3.2rem)}.hero p{color:#e2ecffd1;max-width:54ch;font-size:1.04rem}.hero .eyebrow{color:#bad6ffd9}.hero-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:28px;display:grid}.hero .btn:not(.primary){color:#fff;background:#ffffff1a;border-color:#ffffff38}.hero .btn:not(.primary):hover{box-shadow:none;background:#ffffff29}.hero .btn.primary{color:#0b1b3a;background:#fff;box-shadow:0 12px 30px -10px #00000080}.today{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;gap:14px;padding:20px;display:grid}.today-top{align-items:center;gap:18px;display:flex}.today .ring-label b{color:#fff}.mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mini-stats div{background:#ffffff0f;border-radius:14px;padding:10px 12px}.mini-stats b{font:650 1.25rem/1.1 var(--display);color:#fff;font-variant-numeric:tabular-nums;display:block}.mini-stats span{color:#d6e4ffbf;font-size:.74rem}@media (width<=820px){.hero-grid{grid-template-columns:1fr}}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{display:block;transform:rotate(-90deg)}.ring .track{stroke:var(--surface-2)}.ring .fill{transition:stroke-dashoffset .9s var(--ease)}.ring-label{text-align:center;place-items:center;line-height:1.05;display:grid;position:absolute;inset:0}.ring-label b{font:650 1.05rem/1 var(--display);font-variant-numeric:tabular-nums}.ring-label span{color:var(--muted);margin-top:2px;font-size:.66rem;display:block}.hero .ring .track{stroke:#ffffff24}.hero .ring-label span{color:#d6e4ffbf}.bar{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--c,var(--accent-2)), var(--c2,var(--accent)));height:100%;transition:width .8s var(--ease);border-radius:99px;display:block}.bar.thin{height:4px}.bar.cov span{background:linear-gradient(90deg, var(--ok), #10b981)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.course{flex-direction:column;gap:6px;min-height:210px;overflow:hidden;display:flex!important}.course:before{content:"";background:radial-gradient(260px 120px at 100% 0%, color-mix(in srgb, var(--c) 22%, transparent), transparent 70%);pointer-events:none;height:120px;position:absolute;inset:0 0 auto}.course-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.course h3{margin-top:4px}.course .meta{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.badge{font:650 .72rem/1 var(--font);letter-spacing:.06em;color:var(--c,var(--accent));background:color-mix(in srgb, var(--c,var(--accent)) 14%, transparent);border-radius:8px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.pill{background:var(--meh-soft);color:var(--meh);border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:.74rem;font-weight:600;display:inline-flex}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.plain{background:var(--surface-2);color:var(--muted)}.syl-badge{color:var(--accent);background:var(--accent-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font:600 .72rem/1 ui-monospace,SFMono-Regular,monospace;display:inline-flex}a.syl-badge:hover{filter:brightness(1.1);text-decoration:none}.crumbs{color:var(--muted);margin-bottom:10px;font-size:.86rem}.crumbs a{color:var(--muted)}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;gap:4px;margin:6px 0 20px;padding:4px;display:inline-flex}.tabs a{color:var(--muted);border-radius:10px;padding:8px 16px;font-size:.92rem;font-weight:600;transition:background .2s,color .2s}.tabs a:hover{color:var(--text);text-decoration:none}.tabs a.on{background:var(--surface-solid);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.lesson{margin-bottom:14px;padding:0;overflow:hidden}.lesson summary{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:18px 20px;list-style:none;display:grid}.lesson summary::-webkit-details-marker{display:none}.lesson summary:hover{background:var(--surface-hover)}.lesson summary .bar{grid-column:1/-1}.chev{transition:transform .25s var(--ease);color:var(--muted)}details[open]>summary .chev{transform:rotate(90deg)}.lesson-body{animation:rise .3s var(--ease);padding:0 20px 14px}.topics{margin:0;padding:0;list-style:none}.topics li{border-top:1px solid var(--border);align-items:center;gap:10px;padding:4px 0;display:flex}.topics li>a.t{color:var(--text-2);border-radius:10px;flex:1;justify-content:space-between;gap:12px;padding:9px 6px;display:flex}.topics li>a.t:hover{color:var(--accent);background:var(--surface-hover);text-decoration:none}.topics .mini{color:var(--muted);border-radius:9px;padding:6px 10px;font-size:.8rem;font-weight:600}.topics .mini:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}.syl-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.syl-item{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:start;gap:4px 12px;padding:10px 6px;display:grid}.syl-item .code{color:var(--muted);white-space:nowrap;font:600 .74rem/1.6 ui-monospace,SFMono-Regular,monospace}.syl-item.gap .code{color:var(--bad)}.syl-item .txt{color:var(--text-2);font-size:.93rem}.syl-topic{margin-top:10px}.syl-topic>h4{font:600 .9rem/1.3 var(--font);color:var(--text);justify-content:space-between;gap:10px;margin:14px 0 4px;display:flex}.cov-legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.8rem;display:flex}.setup fieldset{border:0;margin:0 0 22px;padding:0}.setup legend{margin-bottom:10px;font-weight:650}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface-solid);color:var(--text-2);font:550 .9rem/1.2 var(--font);cursor:pointer;transition:all .2s var(--ease);border-radius:99px;padding:8px 15px}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--text);border-color:var(--text);color:var(--bg)}.mode{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode button{text-align:left;border:1.5px solid var(--border-strong);background:var(--surface-solid);color:var(--text);font:inherit;cursor:pointer;transition:all .2s var(--ease);border-radius:16px;padding:14px}.mode button b{font-weight:650;display:block}.mode button span{color:var(--muted);font-size:.84rem}.mode button.on{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.quiz-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.quiz-top .label{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.question{margin-bottom:16px;padding:clamp(18px,3vw,28px)}.q-head{justify-content:space-between;align-items:center;gap:8px;margin:-4px -6px 10px 0;display:flex}.q-head .tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.q-text{color:var(--text);margin-bottom:14px;font-size:1.12rem;font-weight:550;line-height:1.55}.figures{flex-wrap:wrap;gap:10px;margin:8px 0 18px;display:flex}.figures img{border:1px solid var(--border);cursor:zoom-in;max-width:100%;max-height:440px;transition:transform .25s var(--ease), box-shadow .25s;background:#fff;border-radius:14px}.figures img:hover{box-shadow:var(--shadow);transform:scale(1.01)}img.inline{cursor:zoom-in;background:#fff;border-radius:12px;max-width:100%;margin:10px 0;display:block}.options{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.option{text-align:left;border:1.5px solid var(--border-strong);background:var(--surface-solid);width:100%;color:var(--text);font:500 1rem/1.45 var(--font);cursor:pointer;transition:border-color .2s, background .2s, transform .15s var(--ease), box-shadow .2s;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.option:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:translateY(-1px)}.option:active:not(:disabled){transform:scale(.99)}.option:disabled{cursor:default}.option.chosen{border-color:var(--accent);background:var(--accent-soft)}.option.correct{border-color:var(--ok);background:var(--ok-soft);animation:pop .4s var(--ease)}.option.wrong{border-color:var(--bad);background:var(--bad-soft);animation:.35s shake}.option.dim{opacity:.55}.key{background:var(--surface-2);width:30px;height:30px;font:650 .82rem/1 var(--font);color:var(--muted);border-radius:9px;flex:none;place-items:center;transition:all .2s;display:grid}.option.chosen .key{background:var(--accent);color:var(--accent-ink)}.option.correct .key{background:var(--ok);color:#fff}.option.wrong .key{background:var(--bad);color:#fff}.options.static li{border-radius:14px;align-items:center;gap:14px;padding:10px 12px;transition:background .3s;display:flex}.options.static li.correct{background:var(--ok-soft)}.options.static li.correct .key{background:var(--ok);color:#fff}.free{gap:8px;margin-bottom:12px;display:flex}.free input,.search{border:1.5px solid var(--border-strong);background:var(--surface-solid);width:100%;color:var(--text);font:500 1rem var(--font);border-radius:16px;flex:1;padding:14px 16px;transition:border-color .2s,box-shadow .2s}.free input:focus,.search:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.search-wrap{margin:10px 0 6px;position:relative}.search-wrap svg{color:var(--muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search{padding-left:46px;font-size:1.05rem}.explain{background:var(--surface-2);animation:rise .35s var(--ease);border-radius:16px;margin-top:18px;padding:16px 18px}.explain.ok{background:var(--ok-soft)}.explain.bad{background:var(--bad-soft)}.explain .verdict{font:650 1.05rem/1.2 var(--display);align-items:center;gap:8px;display:flex}.explain.ok .verdict{color:var(--ok)}.explain.bad .verdict{color:var(--bad)}.e-text{color:var(--text-2);margin-top:8px;font-size:.97rem}.flip{perspective:1600px}.flip-inner{transition:transform .6s var(--ease);transform-style:preserve-3d;display:grid}.flip.flipped .flip-inner{transform:rotateY(180deg)}.face{backface-visibility:hidden;grid-area:1/1}.face.back{transform:rotateY(180deg)}.flip:not(.flipped) .face.back,.flip.flipped .face.front{visibility:hidden;transition:visibility 0s .3s}.grades{background:linear-gradient(transparent, var(--bg) 35%);animation:rise .35s var(--ease);grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 0 14px;display:grid;position:sticky;bottom:0}@media (width<=720px){.grades{bottom:86px}}.grade{border:1.5px solid var(--border-strong);background:var(--surface-solid);color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s var(--ease), border-color .2s;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:11px 6px;display:flex}.grade:hover{transform:translateY(-2px)}.grade:active{transform:scale(.96)}.grade b{font-weight:650}.grade span{color:var(--muted);font-size:.78rem}.grade kbd{margin-top:2px}.grade.bad{--g:var(--bad)}.grade.meh{--g:var(--meh)}.grade.ok{--g:var(--ok)}.grade.easy{--g:var(--accent)}.grade b{color:var(--g)}.grade:hover{border-color:var(--g)}.session-bar{justify-content:center;gap:8px;margin:4px 0 14px;display:flex}.summary{text-align:center;padding:36px 22px}.summary .ring{margin:6px auto 10px}.summary .ring-label b{font-size:2rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat-card{background:var(--surface-2);border-radius:16px;padding:16px}.stat-card b{font:650 1.6rem/1.1 var(--display);font-variant-numeric:tabular-nums;display:block}.stat-card span{color:var(--muted);font-size:.82rem}.table{border-collapse:collapse;width:100%;font-size:.93rem}.table td{border-top:1px solid var(--border);padding:10px 6px}.table tr:first-child td{border-top:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.heat{grid-template-columns:repeat(auto-fill,13px);gap:3px;display:grid}.heat i{background:var(--surface-2);border-radius:3px;width:13px;height:13px}.heat i[data-l="1"]{background:color-mix(in srgb, var(--ok) 35%, transparent)}.heat i[data-l="2"]{background:color-mix(in srgb, var(--ok) 60%, transparent)}.heat i[data-l="3"]{background:var(--ok)}.lightbox{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;cursor:zoom-out;animation:rise .2s var(--ease);background:#030712db;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox img{max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);background:#fff;border-radius:14px}.empty-state{text-align:center;padding:48px 20px}.empty-state .big-emoji{font-size:2.6rem}.account{text-align:center;padding:36px 24px}.account .logo.big{border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:8px;display:inline-grid}.account form{gap:10px;margin:18px 0 6px;display:flex}.account p{max-width:46ch;margin-inline:auto}.notice{background:var(--surface-2);border-radius:12px;margin-top:14px;padding:10px 14px}button.link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.user-list{padding:4px 0}.user-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 18px;display:flex}.user-row:last-child{border-bottom:0}.user-row>div{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}@media (width<=560px){.account form{flex-direction:column}.user-row{flex-wrap:wrap}}.watermark{z-index:60;pointer-events:none;position:fixed;inset:0}.protected .question,.protected .lightbox{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.protected .question input{-webkit-user-select:text;user-select:text}.protected img{-webkit-user-drag:none}@media print{body.protected>*{display:none!important}body.protected:after{content:"Printing is turned off for this site.";padding:40px;font:16px sans-serif;display:block}}