@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-cyrillic-ext-opsz-normal-C5tfwALZ.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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-cyrillic-opsz-normal-DgmypKXX.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-greek-ext-opsz-normal-DGm64vGR.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-greek-opsz-normal-DFglUmAd.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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-vietnamese-opsz-normal-Gqw5JQlq.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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-latin-ext-opsz-normal-STiTPs0F.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:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(./literata-latin-opsz-normal-BHZsWIlc.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:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(./literata-cyrillic-ext-opsz-italic-5yUt4G_9.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:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(./literata-cyrillic-opsz-italic-Bj0ndbyp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(./literata-greek-ext-opsz-italic-DFpO5j-Z.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(./literata-greek-opsz-italic-CHERNRFq.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:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(./literata-vietnamese-opsz-italic-BdcrZMcO.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:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(./literata-latin-ext-opsz-italic-4y8iAqqs.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:Literata Variable;font-style:italic;font-display:swap;font-weight:200 900;src:url(./literata-latin-opsz-italic-CJ93D38p.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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.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{--paper:#eef0f5;--paper-2:#e4e7ef;--surface:#fff;--surface-2:#f3f4f8;--ink:#151a3b;--ink-2:#383e66;--muted:#5d6385;--line:#d7dae6;--line-strong:#b9bed3;--accent:#3044d6;--accent-soft:#e3e7ff;--marker:#ffe36e;--marker-soft:#fff4c2;--ok:#11744d;--ok-soft:#ddf1e7;--bad:#c2323c;--bad-soft:#fbe2e3;--sun:#c98a00;--primary-bg:#151a3b;--primary-fg:#fff;--dock-bg:#151a3b;--dock-fg:#c7cbe6;--plate:#f7f8fb;--plate-dot:#d6dae8;--plate-ink:#8a90b2;--course:#1f8a5b;--radius-s:8px;--radius-m:12px;--radius-l:18px;--lift:0 1px 2px #151a3b0f, 0 6px 20px -12px #151a3b47;--font-display:"Literata Variable", Georgia, "Times New Roman", serif;--font-body:"Atkinson Hyperlegible Next Variable", "Segoe UI", system-ui, sans-serif;--dock-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0d1022;--paper-2:#121631;--surface:#171b37;--surface-2:#1e2344;--ink:#e9ebf7;--ink-2:#c3c7e2;--muted:#9297ba;--line:#2a2f55;--line-strong:#3c426e;--accent:#93a1ff;--accent-soft:#252c66;--marker:#e8c547;--marker-soft:#3a3418;--ok:#45c98e;--ok-soft:#12352a;--bad:#ff7a80;--bad-soft:#3d1c25;--sun:#f2c14e;--primary-bg:#e9ebf7;--primary-fg:#0d1022;--dock-bg:#1e2344;--dock-fg:#a9aed2;--plate:#e6e8f0;--plate-dot:#c9cddc;--plate-ink:#7b819f;--lift:0 1px 2px #0000004d, 0 8px 24px -14px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0d1022;--paper-2:#121631;--surface:#171b37;--surface-2:#1e2344;--ink:#e9ebf7;--ink-2:#c3c7e2;--muted:#9297ba;--line:#2a2f55;--line-strong:#3c426e;--accent:#93a1ff;--accent-soft:#252c66;--marker:#e8c547;--marker-soft:#3a3418;--ok:#45c98e;--ok-soft:#12352a;--bad:#ff7a80;--bad-soft:#3d1c25;--sun:#f2c14e;--primary-bg:#e9ebf7;--primary-fg:#0d1022;--dock-bg:#1e2344;--dock-fg:#a9aed2;--plate:#e6e8f0;--plate-dot:#c9cddc;--plate-ink:#7b819f;--lift:0 1px 2px #0000004d, 0 8px 24px -14px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);overscroll-behavior-y:none;min-height:100dvh;margin:0;font-size:17px;line-height:1.5}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.012em;text-wrap:balance;margin:0 0 .4em;font-weight:650;line-height:1.15}p{margin:0 0 .75em}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:.88rem}.center{text-align:center}.error-text{color:var(--bad);font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{border-radius:var(--radius-m);-webkit-user-select:none;user-select:none;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 20px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform 80ms,background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.4}.btn-primary{background:var(--primary-bg);color:var(--primary-fg)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--primary-bg) 88%, var(--accent))}.btn-ok{background:var(--ok);color:#fff}.btn-bad{background:var(--bad);color:#fff}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){border-color:var(--ink-2)}.btn-outline{border-color:var(--course);color:var(--course);background:0 0}.btn-danger{background:var(--bad-soft);color:var(--bad)}.btn-wide{width:100%}.btn-big{min-height:52px;padding:12px 24px;font-size:1.05rem}.btn-sm{border-radius:10px;min-height:38px;padding:6px 14px;font-size:.92rem}[data-theme=dark] .btn-ok,[data-theme=dark] .btn-bad{color:#0d1022}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-ok,:root:not([data-theme=light]) .btn-bad{color:#0d1022}}.icon-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--paper-2);color:var(--ink)}.link-btn{color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-weight:700;text-decoration:none;display:inline-flex}.link-btn:hover{text-underline-offset:3px;text-decoration:underline}.link-btn.small{padding:4px 0;font-size:.9rem}.tag{background:var(--paper-2);color:var(--muted);vertical-align:middle;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.tag-ok{background:var(--ok-soft);color:var(--ok)}.plate{--ps:112px;width:var(--ps);aspect-ratio:1;background-color:var(--plate);background-image:radial-gradient(var(--plate-dot) .9px, transparent 1.3px);color:#2b3058;-webkit-user-select:none;user-select:none;background-position:4px 4px;background-size:9px 9px;border-radius:14px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #151a3b12;container-type:inline-size}.plate img{object-fit:contain;width:88%;height:88%;display:block}.plate-img{background-image:none}.plate-emoji{font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:46cqi;line-height:1}.plate-letter{font-family:var(--font-display);color:var(--plate-ink);font-size:58cqi;font-style:italic;font-weight:500;line-height:1;transform:translateY(-4%)}.plate-xs{--ps:40px;background-size:6px 6px;border-radius:9px}.plate-sm{--ps:56px;background-size:7px 7px;border-radius:11px}.plate-md{--ps:112px}.plate-lg{--ps:min(240px, 62vw);background-size:12px 12px;border-radius:22px}.plate-lg:after{content:"";pointer-events:none;border:1px solid #151a3b14;border-radius:14px;position:absolute;inset:10px}.boot{place-items:center;min-height:100dvh;display:grid}.shell{min-height:100dvh}.shell-column{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.shell-main{width:100%;max-width:1180px;padding:12px 16px calc(var(--dock-h) + var(--safe-b) + 36px);flex:1;margin:0 auto}.shell-main>:not(.home,.vocab,.practice,.admin){max-width:820px;margin-left:auto;margin-right:auto}.shell-bare .shell-main{padding-bottom:40px}.topbar{z-index:20;padding:calc(8px + var(--safe-t)) 16px 8px;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.course-chip{background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 6px;font-weight:700;text-decoration:none;display:inline-flex}.course-chip:hover{box-shadow:0 0 0 1.5px var(--ink-2)}.flag{flex:none;display:block}.topbar-stats{align-items:center;gap:14px;display:flex}.streak{color:var(--muted);align-items:center;gap:4px;font-weight:800;display:inline-flex}.streak.is-lit{color:var(--sun)}.topbar-ring{color:var(--ink);text-decoration:none}.ring-xp{font-size:.72rem;font-weight:800}.tabbar{left:10px;right:10px;bottom:calc(8px + var(--safe-b));z-index:30;height:var(--dock-h);background:var(--dock-bg);border-radius:20px;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px;display:grid;position:fixed;box-shadow:0 12px 30px -12px #0d10228c}.tab{color:var(--dock-fg);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:.7rem;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.tab.active{background:var(--paper);color:var(--ink)}.rail{display:none}@media (min-width:960px){.shell:not(.shell-bare){grid-template-columns:232px minmax(0,1fr);display:grid}.rail{background:var(--paper-2);flex-direction:column;gap:6px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0}.rail-logo{color:var(--ink);padding:4px 10px 20px;text-decoration:none}.rail-nav{flex-direction:column;gap:2px;display:flex}.rail-link{color:var(--ink-2);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-weight:700;text-decoration:none;display:flex}.rail-link:hover{background:color-mix(in srgb, var(--surface) 60%, transparent)}.rail-link.active{background:var(--surface);color:var(--ink);box-shadow:var(--lift)}.rail-link.active svg{color:var(--course)}.rail-settings{margin-top:auto}.tabbar{display:none}.shell-main{padding:20px 36px 56px}.topbar{padding:14px 36px}}.logo{align-items:center;gap:10px;display:inline-flex}.logo-word{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.28rem;font-weight:700}.logo-a{fill:var(--ink)}.logo-b{fill:var(--marker)}.page-head{margin-bottom:8px}.page-title{margin-top:4px;font-size:clamp(1.8rem,4vw,2.4rem)}.page-lead{color:var(--muted);max-width:62ch}.section-title{align-items:center;gap:8px;margin:28px 0 12px;font-size:1.2rem;display:flex}.side-title{font-family:var(--font-body);color:var(--muted);letter-spacing:0;margin:0 0 10px;font-size:.95rem;font-weight:800}.panel{background:var(--surface);border-radius:var(--radius-l);box-shadow:var(--lift);margin-top:16px;padding:18px 18px 14px}.panel .section-title{margin-top:0}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.panel-head .section-title{margin:0}.bar{background:var(--paper-2);border-radius:999px;flex:1;height:10px;position:relative;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width .45s cubic-bezier(.3,.9,.3,1)}.bar-ok .bar-fill{background:var(--course)}.bar-sun .bar-fill{background:var(--marker)}.ring{flex:none;position:relative}.ring svg{display:block}.ring-track{stroke:var(--paper-2)}.ring-fill{stroke:var(--marker);transition:stroke-dashoffset .6s}.ring-inner{flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex;position:absolute;inset:0}.spinner-wrap{color:var(--muted);flex-direction:column;align-items:center;gap:14px;padding:60px 16px;font-weight:700;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;max-width:460px;margin:0 auto;padding:48px 16px}.empty-icon{margin-bottom:8px;font-size:3rem}.empty p{color:var(--muted)}.toast{left:50%;bottom:calc(var(--dock-h) + var(--safe-b) + 24px);z-index:100;background:var(--ink);max-width:min(92vw,460px);color:var(--paper);box-shadow:var(--lift);border-radius:14px;padding:12px 18px;font-weight:700;animation:.25s toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.modal-backdrop{z-index:90;background:#0a0c1e8c;place-items:center;padding:16px;animation:.15s fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--radius-l);width:min(100%,460px);max-height:calc(100dvh - 32px);box-shadow:var(--lift);padding:20px 22px 22px;overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-head h2{margin:0}.modal-head .icon-btn{margin-left:auto;margin-right:-10px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (max-width:640px){.modal-backdrop:has(.word-sheet,.lesson-sheet){place-items:end stretch;padding:0}.word-sheet,.lesson-sheet{width:100%;max-height:92dvh;padding-bottom:calc(22px + var(--safe-b));border-radius:22px 22px 0 0;animation:.22s cubic-bezier(.2,.9,.3,1) sheet-up}}@keyframes sheet-up{0%{opacity:.4;transform:translateY(40px)}}.seg{background:var(--paper-2);border-radius:12px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-size:.9rem;font-weight:700;display:inline-flex}.seg-btn.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}select{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;min-height:42px;padding:6px 12px}.badge{background:var(--marker);color:#151a3b;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 8px;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:14px;right:14px}.home{grid-template-areas:"next""side""path";gap:18px;display:grid}.next{grid-area:next}.home-side{grid-area:side;align-content:start;gap:14px;display:grid}.path{grid-area:path}@media (min-width:720px) and (max-width:1179px){.home-side{grid-template-columns:1fr 1fr}}@media (min-width:1180px){.home{grid-template:"next side""path side"1fr/minmax(0,1fr) 300px;column-gap:28px}.home-side{position:sticky;top:84px}}.next{background:var(--surface);box-shadow:var(--lift);border-radius:22px;gap:18px;padding:22px;display:grid;position:relative;overflow:hidden}.next:before{content:"";background:var(--course);height:5px;position:absolute;inset:0 0 auto}@media (min-width:720px){.next{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:26px 28px}}.next-where{color:var(--course);align-items:center;gap:6px;margin:0 0 6px;font-size:.9rem;font-weight:800;display:flex}.next-title{margin:0 0 4px;font-size:clamp(1.7rem,4.6vw,2.5rem)}.next-kind{color:var(--muted);margin:0 0 18px}.next-actions{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.next-words{grid-template-columns:repeat(3,76px);gap:10px;margin:0;padding:0;list-style:none;display:grid}.next-words li{min-width:0;font-family:var(--font-display);text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:.85rem;line-height:1.2;display:flex}.next-words li span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.next-words .plate{--ps:64px}@media (max-width:719px){.next-words{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.next-words .plate{--ps:56px}.next-actions .btn{width:100%}}.day,.wod{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--lift);padding:18px}.day-xp{color:var(--muted);margin:0 0 8px}.day-xp strong{font-family:var(--font-display);color:var(--ink);font-size:1.6rem}.day-streak{color:var(--ink-2);align-items:center;gap:6px;margin:12px 0 0;font-weight:700;display:flex}.day-streak svg{color:var(--muted)}.day-streak svg.is-lit{color:var(--sun)}.day-due{background:var(--marker-soft);color:var(--ink);border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:.92rem;font-weight:700;text-decoration:none;display:flex}.day-due:hover{background:color-mix(in srgb, var(--marker) 45%, var(--surface))}.wod{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;column-gap:14px;display:grid}.wod .side-title{grid-column:1/-1}.wod .plate{--ps:76px}.wod-text{min-width:0}.wod-word{font-family:var(--font-display);margin:0;font-size:1.3rem;font-weight:650}.wod-meaning{color:var(--muted);margin:0}.path{flex-direction:column;gap:14px;min-width:0;display:flex}.unit{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--lift);padding:18px 18px 16px}.unit.is-locked{background:color-mix(in srgb, var(--surface) 55%, var(--paper));box-shadow:0 0 0 1px var(--line)}.unit-head{align-items:flex-start;gap:14px;display:flex}.unit-num{width:52px;font-family:var(--font-display);color:var(--course);text-align:center;font-variant-numeric:lining-nums;flex:none;font-size:2.9rem;font-weight:700;line-height:.9}.unit.is-locked .unit-num{color:var(--line-strong)}.unit-text{flex:1;min-width:0}.unit-title{margin:0;font-size:1.45rem}.unit-sub{color:var(--ink-2);margin:2px 0 6px}.unit-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:.88rem;font-weight:700;display:flex}.cefr{color:var(--course);border-radius:6px;padding:1px 8px;font-size:.8rem;box-shadow:0 0 0 1.5px}.unit.is-locked .cefr{color:var(--muted)}.unit-toggle svg{transition:transform .2s;transform:rotate(90deg)}.unit-toggle[aria-expanded=true] svg{transform:rotate(-90deg)}.unit-preview{padding:12px 0 0 66px}.unit-goals{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.unit-goals li{color:var(--ink-2);gap:10px;display:flex}.unit-goals li:before{content:"";background:var(--course);opacity:.6;border-radius:50%;flex:none;width:7px;height:7px;margin-top:.6em}.unit-actions{flex-wrap:wrap;gap:8px;margin:8px 0 0 66px;display:flex}@media (max-width:520px){.unit-num{width:36px;font-size:2.2rem}.unit-preview{padding-left:0}.unit-actions{margin-left:0}}.route{margin:14px 0 6px;padding:0;list-style:none;position:relative}.route:before{content:"";background:repeating-linear-gradient(to bottom, var(--line-strong) 0 6px, transparent 6px 11px);border-radius:3px;width:3px;position:absolute;top:26px;bottom:26px;left:25px}@media (max-width:520px){.route:before{left:17px}}.stop{position:relative}.stop-btn{text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;width:100%;padding:8px 10px 8px 6px;display:flex;position:relative}.stop-btn:hover:not(:disabled){background:var(--surface-2)}.stop-btn:disabled{color:var(--muted)}.stop-dot{z-index:1;background:var(--surface);width:40px;height:40px;box-shadow:0 0 0 2px var(--line-strong);color:var(--muted);border-radius:50%;flex:none;place-items:center;margin-left:0;display:grid;position:relative}@media (min-width:521px){.stop-dot{width:40px;margin-left:0}.stop-btn{padding-left:6px}}.stop-done .stop-dot{background:var(--course);box-shadow:0 0 0 2px var(--course);color:#fff}.stop-open .stop-dot{box-shadow:0 0 0 2px var(--course);color:var(--course)}.stop-locked .stop-dot{background:var(--paper-2);box-shadow:0 0 0 2px var(--line)}.stop-next .stop-btn{background:var(--marker-soft)}.stop-next .stop-dot{background:var(--primary-bg);color:var(--primary-fg);box-shadow:0 0 0 4px var(--marker);animation:2.4s ease-in-out infinite beacon}@keyframes beacon{50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--marker) 55%, transparent)}}.stop-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.stop-kind{color:var(--muted);font-size:.78rem;font-weight:800}.stop-title{font-size:1rem;font-weight:700}.stop-test .stop-title{font-family:var(--font-display);font-size:1.08rem}.stop-stars{flex:none;gap:1px;display:inline-flex}.star-on{color:var(--sun);fill:var(--sun)}.star-off{color:var(--line-strong)}.stop-now{background:var(--primary-bg);color:var(--primary-fg);border-radius:999px;flex:none;padding:3px 12px;font-size:.8rem;font-weight:800}.lesson-sheet{width:min(100%,560px)}.plan{gap:14px;display:grid}.plan section{gap:8px;display:grid}.plan-kind{color:var(--course);margin:-8px 0 0;font-size:.9rem;font-weight:800}.plan-title{margin:-6px 0 0;font-size:clamp(1.5rem,5vw,2rem)}.plan-done{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:.92rem;display:flex}.plan-sub{font-family:var(--font-body);color:var(--muted);letter-spacing:0;margin:0;font-size:.92rem;font-weight:800}.plan-steps{counter-reset:step;gap:6px;margin:0;padding:0;list-style:none;display:grid}.plan-steps li{counter-increment:step;background:var(--surface-2);border-radius:10px;grid-template-columns:28px 1fr;align-items:baseline;column-gap:10px;padding:8px 10px;display:grid}.plan-steps li:before{content:counter(step);background:var(--primary-bg);width:26px;height:26px;color:var(--primary-fg);border-radius:50%;grid-row:1/3;place-items:center;font-size:.82rem;font-weight:800;display:grid}.plan-step-title{font-weight:700}.plan-step-focus{font-family:var(--font-display);color:var(--muted);grid-column:2;font-size:.92rem;font-style:italic}.plan-words{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.plan-words li{grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;line-height:1.2;display:grid}.plan-words .plate{--ps:44px;grid-row:1/3}.plan-words li span:nth-child(2){font-family:var(--font-display);align-self:end;font-weight:650}.plan-words li span:nth-child(3){align-self:start;font-size:.85rem}.plan-tips{background:var(--marker-soft);border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:.92rem;display:flex}.plan-tips svg{flex:none;margin-top:2px}.plan-actions{gap:8px;margin-top:4px;display:grid}@media (min-width:560px){.plan-actions{grid-template-columns:1fr 1fr}.plan-actions .btn-primary{grid-column:1/-1}}.welcome{max-width:680px;padding:40px 4px 12px}.welcome-title{letter-spacing:-.035em;margin:18px 0 10px;font-size:clamp(2.8rem,10vw,4.6rem);font-weight:700}.welcome-lead{color:var(--ink-2);max-width:56ch;font-size:1.12rem}.offline-note{background:var(--marker-soft);border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:flex}.course-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px;margin-top:20px;display:grid}.course-card{background:var(--surface);box-shadow:var(--lift);border-radius:22px;flex-direction:column;padding:24px 22px 20px;display:flex;position:relative;overflow:hidden}.course-card:before{content:"";background:var(--stamp,var(--course));height:5px;position:absolute;inset:0 0 auto}.course-card.is-current{box-shadow:var(--lift), 0 0 0 2px var(--stamp,var(--course))}.course-card-top{align-items:center;gap:14px;margin-bottom:10px;display:flex}.course-flag{background:var(--plate);border-radius:14px;flex:none;place-items:center;width:56px;height:56px;display:grid;box-shadow:0 0 0 1px #151a3b12}.course-name{margin:0;font-size:1.6rem}.course-pair{color:var(--muted);margin:0;font-size:.9rem;font-weight:700}.course-tagline{font-family:var(--font-display);font-size:1.12rem;font-style:italic}.course-desc{color:var(--ink-2);font-size:.95rem}.course-facts{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:4px 0 16px;padding:0;font-size:.9rem;list-style:none;display:flex}.course-facts strong{color:var(--ink)}.course-card .btn{margin-top:auto}.onboard{flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:40px 0;display:flex}.onboard-flag{margin:0 0 8px}.onboard-title{text-align:center;font-size:2.1rem}.goal-list{gap:10px;width:100%;margin:18px 0;display:grid}.goal-option{text-align:left;border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:14px 18px;display:grid}.goal-option:hover{border-color:var(--ink-2)}.goal-label{font-size:1.05rem;font-weight:800}.goal-desc{color:var(--muted);grid-row:2;font-size:.9rem}.goal-xp{font-family:var(--font-display);grid-area:1/2/3;font-size:1.2rem;font-weight:700}.practice-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px;margin-top:18px;display:grid}.practice-card{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--lift);color:var(--ink);padding:18px;text-decoration:none;transition:box-shadow .15s;display:block;position:relative}.practice-card:hover{box-shadow:var(--lift), 0 0 0 1.5px var(--ink-2)}.practice-card h2{margin:14px 0 4px;font-size:1.2rem}.practice-card p{color:var(--muted);margin:0;font-size:.93rem}.practice-card.is-off{opacity:.55;box-shadow:none;background:var(--paper-2)}.practice-icon{background:var(--plate);background-image:radial-gradient(var(--plate-dot) .9px, transparent 1.3px);color:#151a3b;background-size:7px 7px;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.grammar-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.grammar-card{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--lift);color:var(--ink);flex-direction:column;gap:2px;padding:16px 18px;text-decoration:none;display:flex}.grammar-card:hover{box-shadow:var(--lift), 0 0 0 1.5px var(--ink-2)}.grammar-title{font-family:var(--font-display);font-size:1.15rem;font-weight:650}.grammar-summary{color:var(--muted)}.grammar-card .tag{align-self:flex-start;margin:6px 0 0}.article{max-width:68ch}.theory-kicker{color:var(--course);margin:12px 0 2px;font-weight:800}.theory-title{font-size:clamp(1.6rem,4.5vw,2.15rem)}.theory-summary{color:var(--ink-2);font-size:1.1rem}.article-cta{flex-wrap:wrap;gap:10px;margin:26px 0;display:flex}.md{font-size:1rem}.md>*+*{margin-top:12px}.md p{margin:0;line-height:1.62}.md li{margin-bottom:4px;line-height:1.55}.md ul{margin:0;padding-left:1.15em}.md ul li::marker{color:var(--course)}.md h3{border-top:1px solid var(--line);margin:22px 0 0;padding-top:14px;font-size:1.12rem}.md strong{font-weight:800}.md-target{font-family:var(--font-display);color:var(--ink);background:linear-gradient(transparent 62%, color-mix(in srgb, var(--marker) 70%, transparent) 62%);padding:0 1px;font-style:italic;font-weight:600}button.md-say{font-size:inherit;line-height:inherit;cursor:pointer;border:0;border-radius:3px;margin:0}button.md-say:hover{background:linear-gradient(transparent 20%, var(--marker) 20%)}.md-defs{border-radius:var(--radius-m);box-shadow:0 0 0 1px var(--line);margin:0;display:grid;overflow:hidden}.md-def{background:var(--surface);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:4px 16px;padding:9px 12px;display:grid}.md-def+.md-def{border-top:1px solid var(--line)}.md-def:nth-child(2n){background:var(--surface-2)}.md-def dt{font-family:var(--font-display);font-weight:600}.md-def dt strong{font-weight:700}.md-def dt .md-target{background:0 0;padding:0}.md-def dd{color:var(--ink-2);margin:0;font-size:.95rem}.md-def.is-note{grid-template-columns:1fr}.md-def.is-note dd{color:var(--muted)}@media (max-width:520px){.md-def{grid-template-columns:1fr;gap:1px}}.md-table-wrap{border-radius:var(--radius-m);width:-moz-fit-content;width:fit-content;min-width:min(100%,340px);max-width:100%;box-shadow:0 0 0 1px var(--line);overflow-x:auto}.md-table,.conj-table{border-collapse:separate;border-spacing:0;background:var(--surface);width:100%}.conj-table{box-shadow:0 0 0 1px var(--line);border-radius:var(--radius-m);overflow:hidden}.md-table th,.md-table td,.conj-table th,.conj-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:baseline;padding:7px 12px}.md-table thead th{background:var(--surface-2);color:var(--muted);white-space:nowrap;font-size:.8rem;font-weight:800}.md-table td{font-size:.95rem}.md-table td:first-child{color:var(--muted);font-size:.88rem}.md-table td strong{font-family:var(--font-display);color:var(--ink);font-size:1.05rem;font-weight:700}.md-table.is-wide td,.md-table.is-wide th{padding:7px 10px}.md-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-2) 60%, var(--surface))}.md-table tr:last-child td,.conj-table tr:last-child th,.conj-table tr:last-child td{border-bottom:0}.md-tip{border-radius:var(--radius-m);background:var(--marker-soft);gap:4px;padding:12px 14px;display:grid}.md-tip p{margin:0;font-size:.97rem}.md-tip-label{background:var(--marker);color:#151a3b;border-radius:6px;justify-self:start;padding:1px 8px;font-size:.75rem;font-weight:800}.md-tip-warn{background:var(--bad-soft)}.md-tip-warn .md-tip-label{background:var(--bad);color:#fff}.conj-figure{margin:18px 0}.conj-figure figcaption{margin-bottom:8px;font-weight:700}.conj-verb{font-family:var(--font-display);font-size:1.15rem;font-style:italic}.conj-table th{width:38%;color:var(--muted);font-weight:700}.conj-table td{font-weight:700;font-family:var(--font-display)}.conj-table.compact{margin-top:16px;font-size:.95rem}.conj-table tr.is-current td,.conj-table tr.is-current th{background:var(--accent-soft);color:var(--ink)}.theory-examples h2,.theory-examples h3{margin-top:1.4em;font-size:1.2rem}.example-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.example-list li{border-radius:var(--radius-m);background:var(--surface-2);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.example-list p{margin:0}.example-list .muted{font-size:.9rem}@media (min-width:720px){.example-list.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.theory-more{border-radius:var(--radius-m);background:var(--surface-2);margin-top:16px}.theory-more summary{cursor:pointer;color:var(--ink-2);padding:10px 14px;font-size:.92rem;font-weight:700}.theory-more[open] summary{border-bottom:1px solid var(--line)}.theory-more .md{padding:12px 14px 16px}.article-toc{flex-wrap:wrap;gap:6px;margin:14px 0 6px;display:flex}.article-toc a{background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.article-toc a:hover{box-shadow:0 0 0 1.5px var(--ink-2)}.toc-num{background:var(--primary-bg);width:22px;height:22px;color:var(--primary-fg);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.article-step{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--lift);gap:14px;margin-top:16px;padding:20px 20px 18px;scroll-margin-top:80px;display:grid}.article-step .md>h3:first-child{border-top:0;margin-top:0;padding-top:0}.step-label{color:var(--course);margin:0;font-size:.85rem;font-weight:800}.step-title{margin:-8px 0 0;font-size:1.35rem}.step-focus{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.step-focus>span{color:var(--muted);margin-right:4px;font-size:.85rem;font-weight:800}button.upcoming-chip{cursor:pointer;border:0}button.upcoming-chip:disabled{cursor:default}.example-t{font-family:var(--font-display);font-size:1.08rem;font-weight:600}.conj-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;display:grid}.conj-card{border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--lift);padding:4px 16px 16px}.conj-unit.is-locked{opacity:.6}.vocab-tools{z-index:5;background:var(--paper);gap:10px;padding:10px 0;display:grid;position:sticky;top:58px}.search{border:1.5px solid var(--line);background:var(--surface);color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--ink-2)}.search input{min-width:0;min-height:46px;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.view-switch{margin-left:auto}.view-switch .seg-btn{padding:7px 10px}.vocab-count{margin:4px 0 10px}.plate-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:420px){.plate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.plate-card{background:var(--surface);box-shadow:var(--lift);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.plate-card-btn{text-align:left;background:0 0;border:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px 10px 4px;display:flex}.plate-card .plate{--ps:100%;border-radius:11px;margin-bottom:8px}.plate-card-t{font-family:var(--font-display);overflow-wrap:anywhere;font-size:1.1rem;font-weight:650;line-height:1.2}.plate-card-n{color:var(--muted);font-size:.9rem;line-height:1.3}.plate-card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:4px 10px 10px;display:flex}.plate-card.is-new .plate{opacity:.85}.plate-card-btn:hover .plate-card-t{text-decoration:underline;-webkit-text-decoration-color:var(--marker);text-decoration-color:var(--marker);text-underline-offset:3px;text-decoration-thickness:3px}.vocab-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.vocab-row{border-radius:var(--radius-m);background:var(--surface);align-items:center;gap:12px;padding:6px 10px 6px 6px;display:flex}.vocab-text{text-align:left;background:0 0;border:0;flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 12px;min-width:0;padding:6px 0;display:flex}.vocab-t{font-family:var(--font-display);font-size:1.08rem;font-weight:650}.vocab-n{color:var(--muted)}.meter{flex:none;gap:3px;display:inline-flex}.meter span{background:var(--paper-2);border-radius:3px;width:6px;height:14px}.meter span.on{background:var(--course)}.word-sheet{width:min(100%,520px)}.word-detail{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:-14px;display:flex}.word-detail-head{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:6px;display:flex}.word-detail-t{font-family:var(--font-display);font-size:clamp(1.8rem,7vw,2.4rem);font-weight:700}.word-detail-n{margin:0;font-size:1.15rem;font-weight:700}.word-detail-ex{background:var(--surface-2);border-radius:12px;width:100%;padding:10px 14px}.word-detail-ex .say{font-family:var(--font-display);text-align:center;font-weight:600}.word-detail-ex p{margin:2px 0 0}.word-detail-srs{align-items:center;gap:10px;margin:0;display:flex}.story-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;padding:0;list-style:none;display:grid}.story-card{border-radius:var(--radius-l);background:var(--surface);width:100%;height:100%;box-shadow:var(--lift);text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;display:flex}.story-card:hover:not(:disabled){box-shadow:var(--lift), 0 0 0 1.5px var(--ink-2)}.story-card.is-locked{opacity:.55}.story-card-emoji{font-size:2.2rem}.story-card-title{font-family:var(--font-display);font-size:1.25rem;font-style:italic;font-weight:650}.story-card-intro{color:var(--muted);font-size:.93rem}.story-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:.85rem;font-weight:700;display:flex}.profile-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;margin:10px 0 0;display:grid}.stat{border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--lift);flex-direction:column-reverse;padding:14px 16px;display:flex}.stat dt{color:var(--muted);font-size:.85rem;font-weight:700}.stat dd{font-family:var(--font-display);margin:0;font-size:1.6rem;font-weight:700}.heatmap{grid-template-rows:repeat(7,1fr);grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;max-width:560px;display:grid}.hm{aspect-ratio:1;background:var(--paper-2);border-radius:3px}.hm-1{background:color-mix(in srgb, var(--course) 30%, var(--paper-2))}.hm-2{background:color-mix(in srgb, var(--course) 55%, var(--paper-2))}.hm-3{background:color-mix(in srgb, var(--course) 78%, var(--paper-2))}.hm-4{background:var(--course)}.hm-x{background:0 0}.skills{gap:10px;margin:0 0 10px;padding:0;list-style:none;display:grid}.skill-row{grid-template-columns:110px 1fr 44px;align-items:center;gap:12px;display:grid}.skill-name{font-size:.93rem;font-weight:700}.skill-val{text-align:right;font-size:.9rem;font-weight:800}.badges{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.badge-card{border-radius:var(--radius-m);background:var(--surface-2);opacity:.8;flex-direction:column;gap:4px;padding:14px;display:flex}.badge-card.is-earned{background:var(--marker-soft);opacity:1}.badge-icon{filter:grayscale();font-size:1.8rem}.badge-card.is-earned .badge-icon{filter:none}.badge-title{font-weight:800}.badge-desc{color:var(--muted);margin-bottom:6px;font-size:.85rem}.update-note{background:var(--accent-soft);border-radius:12px;padding:10px 14px;font-weight:700}.setting{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:12px 0;display:flex}.setting:last-child{border-bottom:0}.setting>div:first-child{flex:1;min-width:200px}.setting-name{margin:0;font-weight:800}.setting-desc{color:var(--muted);margin:0;font-size:.9rem}.switch{background:var(--line-strong);border:0;border-radius:999px;flex:none;width:54px;height:32px;transition:background .2s;position:relative}.switch.on{background:var(--ok)}.switch-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #00000040}.switch.on .switch-knob{transform:translate(22px)}.rate-row{align-items:center;gap:8px;display:flex}.rate-row input{width:160px;accent-color:var(--accent)}.data-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.session{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.session-top{z-index:10;width:100%;max-width:760px;padding:calc(10px + var(--safe-t)) 16px 10px;background:var(--paper);align-items:center;gap:12px;margin:0 auto;display:flex;position:sticky;top:0}.session-count{text-align:right;min-width:44px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800}.combo,.timer{min-width:44px;color:var(--muted);align-items:center;gap:2px;font-weight:800;display:inline-flex}.combo.is-on{color:var(--sun)}.timer{color:var(--sun);font-family:var(--font-display);font-size:1.1rem}.session-body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:12px 16px 220px;animation:.22s ex-in}@keyframes ex-in{0%{opacity:0;transform:translateY(6px)}}.session-empty{padding:40px 16px}.retry-note{background:var(--marker-soft);border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700;display:inline-block}.ex{flex-direction:column;gap:16px;display:flex}.ex-kicker{color:var(--course);margin:4px 0 -6px;font-size:.92rem;font-weight:800}.ex-title{margin:6px 0 0;font-size:clamp(1.4rem,4vw,1.75rem)}.prompt-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.prompt{margin:0;font-size:1.15rem}.prompt.big{font-size:clamp(1.25rem,3.6vw,1.55rem);font-weight:700}.prompt.target{color:var(--ink);font-family:var(--font-display);font-weight:650}.hint-text{font-size:1.15rem;line-height:1.6;font-family:var(--font-display);margin:0}.hint-text.big{font-size:clamp(1.3rem,3.8vw,1.65rem);font-weight:600}.hint-word-wrap{display:inline-block;position:relative}.hint-word{font:inherit;color:inherit;-webkit-text-decoration:underline dotted color-mix(in srgb, var(--ink-2) 55%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--ink-2) 55%, transparent);text-underline-offset:5px;background:0 0;border:0;padding:0;text-decoration-thickness:2px}.hint-word[aria-expanded=true]{background:linear-gradient(transparent 60%, var(--marker) 60%)}.hint-pop{z-index:15;background:var(--ink);width:max-content;max-width:240px;color:var(--paper);font-family:var(--font-body);box-shadow:var(--lift);border-radius:12px;padding:8px 12px;font-size:.92rem;font-weight:400;line-height:1.35;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)}.hint-pop strong{display:block}.say{font:inherit;color:inherit;text-align:left;background:0 0;border:0;padding:0;-webkit-text-decoration:underline dotted #0000;text-decoration:underline dotted #0000}.say:hover{-webkit-text-decoration-color:var(--ink-2);text-decoration-color:var(--ink-2)}.speak-btn{background:var(--primary-bg);color:var(--primary-fg);border:0;border-radius:14px;flex:none;place-items:center;transition:transform .1s;display:grid}.speak-btn:active{transform:scale(.95)}.speak-md{width:50px;height:50px}.speak-sm{border-radius:10px;width:36px;height:36px}.speak-lg{border-radius:26px;width:96px;height:96px}.speak-slow{background:var(--paper-2);color:var(--ink)}.speak-btn.is-playing{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.06)}}.listen-buttons{justify-content:center;align-items:center;gap:14px;padding:10px 0;display:flex}.options{gap:10px;display:grid}.options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option{border:1.5px solid var(--line);border-radius:var(--radius-m);background:var(--surface);text-align:left;align-items:center;gap:12px;min-height:56px;padding:10px 14px;font-size:1.05rem;font-weight:700;transition:border-color .12s,background .12s;display:flex}.option:hover:not(:disabled){border-color:var(--ink-2)}.option-key{background:var(--paper-2);width:26px;height:26px;color:var(--muted);border-radius:7px;flex:none;place-items:center;font-size:.8rem;display:grid}.option-selected{border-color:var(--accent);background:var(--accent-soft)}.option-selected .option-key{background:var(--accent);color:var(--surface)}.option-right{border-color:var(--ok);background:var(--ok-soft)}.option-right .option-key{background:var(--ok);color:var(--surface)}.option-wrong{border-color:var(--bad);background:var(--bad-soft)}.option-wrong .option-key{background:var(--bad);color:var(--surface)}.option:disabled.option-idle{opacity:.5}.options-grid .option{text-align:center;justify-content:center}.options-grid .option-key{display:none}.pic-option{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.pic-option .plate{--ps:min(140px, 100%)}.options-grid .option:has(.pic-option){padding:10px}.pic-label{min-height:1.3em;font-size:.92rem}.intro-card{text-align:center;background:var(--surface);box-shadow:var(--lift);border-radius:22px;justify-items:center;gap:16px;padding:22px 18px;display:grid}.intro-body{justify-items:center;gap:6px;min-width:0;display:grid}@media (min-width:640px){.intro-card{text-align:left;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:26px;padding:26px}.intro-body{justify-items:start}.intro-card .plate-lg{--ps:220px}}.intro-word-row{align-items:center;gap:12px;justify-content:inherit;flex-wrap:wrap;display:flex}.intro-audio{align-items:center;gap:8px;display:inline-flex}.intro-word{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(2.1rem,7vw,3rem);font-weight:700;line-height:1.05}.intro-meaning{color:var(--ink-2);margin:0;font-size:1.3rem;font-weight:700}.intro-grammar{color:var(--muted);margin:0}.intro-note{background:var(--marker-soft);text-align:left;border-radius:10px;margin:8px 0 0;padding:8px 12px;font-size:.95rem}.intro-example{margin-top:8px}.intro-example p{margin:0}.ex-footer-inline{margin-top:8px}.ex-footer-inline.sticky{bottom:calc(12px + var(--safe-b));position:sticky}.theory-card{background:var(--surface);box-shadow:var(--lift);border-radius:22px;padding:22px 22px 18px}.theory-card .theory-title{margin-top:2px}.theory-card .md>:last-child{margin-bottom:0}.theory-card{gap:4px;display:grid}.theory-card>.md{margin-top:8px}.theory-card .theory-examples h3{color:var(--muted);font-size:1rem;font-family:var(--font-body);letter-spacing:0;margin:18px 0 8px}.ex-theory.is-tip .theory-card{background:var(--marker-soft);box-shadow:none}.ex-theory.is-tip .theory-title{font-size:1.35rem}.theory-steps{gap:5px;margin:0 0 14px;padding:0;list-style:none;display:flex}.theory-steps li{background:var(--paper-2);border-radius:4px;flex:1;height:4px}.theory-steps li.done{background:var(--course)}.theory-steps li.now{background:var(--ink)}.upcoming{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.upcoming-label{color:var(--muted);margin-right:4px;font-size:.9rem;font-weight:800}.upcoming-chip{background:var(--marker);color:#151a3b;font-family:var(--font-display);border-radius:8px;padding:2px 10px;font-style:italic;font-weight:600}.tile-answer{background:repeating-linear-gradient(to bottom, transparent 0 54px, var(--line) 54px 55.5px);flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:112px;padding:10px 2px;display:flex}.tile-placeholder{color:var(--muted);padding:10px 4px}.tile-bank{flex-wrap:wrap;justify-content:center;gap:8px;padding-top:6px;display:flex}.tile{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;min-height:44px;padding:7px 14px;font-size:1.05rem;font-weight:700;box-shadow:0 1px 2px #151a3b14}.tile:hover:not(:disabled){border-color:var(--ink-2)}.tile-ghost{color:#0000;background:var(--paper-2);box-shadow:none;border-color:#0000}.answer-box{flex-direction:column;gap:8px;display:flex}.answer-input{border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);resize:vertical;width:100%;min-height:56px;padding:14px 16px;font-size:1.15rem}.answer-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.char-row{flex-wrap:wrap;gap:6px;display:flex}.char-key{border:1.5px solid var(--line);background:var(--surface);border-radius:10px;min-width:42px;height:42px;font-size:1.05rem;font-weight:700}.cloze-sentence{font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.65rem);font-weight:600;line-height:2}.cloze-slot,.cloze-input{border:0;border-bottom:3px solid var(--ink);background:var(--marker-soft);text-align:center;min-width:4.5em;font:inherit;border-radius:8px 8px 0 0;margin:0 4px;padding:0 10px;display:inline-block}.cloze-input:focus{background:color-mix(in srgb, var(--marker) 40%, var(--surface));outline:none}.cloze-slot.ok,.cloze-input.ok{border-color:var(--ok);background:var(--ok-soft)}.cloze-slot.bad,.cloze-input.bad{border-color:var(--bad);background:var(--bad-soft)}.cloze-translation{margin:0}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;min-height:46px;padding:8px 18px;font-size:1.05rem;font-weight:700}.chip-on{border-color:var(--accent);background:var(--accent-soft)}.article-card,.judge-card,.speak-card{text-align:center;background:var(--surface);box-shadow:var(--lift);border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;display:flex}.article-card p{margin:0}.article-slot{border-bottom:3px dashed var(--line-strong);min-width:2.6em;color:var(--muted);display:inline-block}.article-slot.filled{border-color:var(--accent);color:var(--accent)}.judge-shown{margin:4px 0 0;font-size:1.15rem;font-weight:700}.spell-answer,.spell-bank{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.spell-slot,.letter{width:46px;height:52px;font-size:1.4rem;font-weight:700;font-family:var(--font-display);border-radius:10px}.spell-slot{border:1.5px dashed var(--line-strong);background:0 0}.spell-slot.filled{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.letter{border:1.5px solid var(--line);background:var(--surface);box-shadow:0 1px 2px #151a3b14}.letter:disabled{opacity:.25}.number-big{text-align:center;font-family:var(--font-display);color:var(--ink);margin:8px 0;font-size:5rem;font-weight:700;line-height:1}.conj-head{text-align:center}.conj-head p{margin:0}.conj-row{align-items:flex-start;gap:12px;display:flex}.conj-row .answer-box{flex:1}.conj-person{border-radius:var(--radius-m);background:var(--paper-2);flex:none;place-items:center;min-width:82px;min-height:56px;padding:0 12px;font-weight:800;display:grid}.err-sentence{flex-wrap:wrap;gap:8px;display:flex}.err-word{border:1.5px solid var(--line);background:var(--surface);font-family:var(--font-display);border-radius:10px;padding:8px 12px;font-size:1.15rem;font-weight:600}.err-word.selected{border-color:var(--accent);background:var(--accent-soft)}.err-word.right{border-color:var(--ok);background:var(--ok-soft)}.err-word.wrong{border-color:var(--bad);background:var(--bad-soft)}.pairs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pairs-col{align-content:start;gap:10px;display:grid}.pair{border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);min-height:56px;padding:10px;font-size:1.02rem;font-weight:700;transition:opacity .25s,background .15s,border-color .15s}.pair-sel{border-color:var(--accent);background:var(--accent-soft)}.pair-done{opacity:.3;border-color:var(--ok);background:var(--ok-soft)}.pair-bad{border-color:var(--bad);background:var(--bad-soft);animation:.3s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mic-area{flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.mic-btn{background:var(--primary-bg);width:96px;height:96px;color:var(--primary-fg);border:0;border-radius:50%;place-items:center;display:grid}.mic-btn.small{width:64px;height:64px}.mic-btn.is-live{background:var(--bad);color:#fff;animation:1.2s ease-out infinite live}@keyframes live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--bad) 45%, transparent)}to{box-shadow:0 0 0 22px #0000}}.mic-status{text-align:center;min-height:1.5em;color:var(--ink-2);font-weight:700}.said-ok{color:var(--ok)}.said-miss{color:var(--bad);text-underline-offset:5px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.self-assess{flex-direction:column;gap:12px;display:flex}.self-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.self-audio{max-width:100%}.self-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.story-head{align-items:flex-start;gap:14px;display:flex}.story-head .theory-title{margin-bottom:4px;font-style:italic}.story-emoji{font-size:2.8rem;line-height:1}.story-lines{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.story-line{flex-direction:column;gap:4px;max-width:88%;display:flex}.story-line.speaker-1,.story-line.speaker-3{align-self:flex-end;align-items:flex-end}.story-line.is-new{animation:.3s ex-in}.story-speaker{color:var(--muted);padding:0 6px;font-size:.85rem;font-weight:800}.story-bubble{background:var(--surface);box-shadow:var(--lift);border-radius:18px;padding:12px 14px}.speaker-1 .story-bubble{background:var(--accent-soft)}.speaker-2 .story-bubble{background:var(--ok-soft)}.speaker-3 .story-bubble{background:var(--marker-soft)}.story-text-row{align-items:flex-start;gap:10px;display:flex}.story-text-row .hint-text{flex:1}.story-translation{color:var(--muted);margin:6px 0 0}.reorder-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.reorder-item{border-radius:var(--radius-m);border:1.5px solid var(--line);background:var(--surface);text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:1.02rem;display:flex}.reorder-item.is-picked{border-color:var(--accent);background:var(--accent-soft)}.reorder-badge{border:1.5px dashed var(--line-strong);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.is-picked .reorder-badge{border-style:solid;border-color:var(--accent);background:var(--accent);color:var(--surface)}.ex-theory .md{font-size:1.02rem}.feedback{z-index:20;padding:14px 16px calc(14px + var(--safe-b));background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);position:fixed;bottom:0;left:0;right:0}.feedback-inner{border-radius:18px;align-items:center;gap:16px;max-width:720px;margin:0 auto;transition:background-color .2s,padding .2s;display:flex}.feedback-ok .feedback-inner,.feedback-bad .feedback-inner{box-shadow:var(--lift);padding:14px 14px 14px 18px}.feedback-ok .feedback-inner{background:var(--ok-soft)}.feedback-bad .feedback-inner{background:var(--bad-soft)}.feedback-text{flex:1;min-width:0}.feedback-text p{margin:0 0 4px}.feedback-title{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.3rem;font-weight:700;display:flex}.feedback-ok .feedback-title{color:var(--ok)}.feedback-bad .feedback-title{color:var(--bad)}.feedback-answer{font-size:1.05rem}.feedback-answer strong{font-family:var(--font-display)}.feedback-explain{color:var(--ink-2);font-size:.95rem}.feedback .btn{width:auto;min-width:160px}@media (max-width:600px){.feedback-inner{flex-direction:column;align-items:stretch;gap:10px}.feedback .btn{width:100%}}.results{max-width:560px;min-height:100dvh;padding:calc(24px + var(--safe-t)) 16px calc(24px + var(--safe-b));flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0 auto;display:flex}.results-stamp{place-items:center;width:210px;height:210px;display:grid}.results-stamp-ring{border:5px solid var(--stamp);width:190px;height:190px;color:var(--stamp);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:18px;display:flex;position:relative}.results-stamp-ring:after{content:"";opacity:.6;border:2px dashed;border-radius:50%;position:absolute;inset:9px}.is-passed .results-stamp-ring{animation:.55s cubic-bezier(.2,1.4,.4,1) .15s both slam}@keyframes slam{0%{opacity:0;transform:scale(2.3)rotate(4deg)}70%{opacity:1;transform:scale(.94)rotate(-9deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}.is-failed .results-stamp-ring{border-color:var(--line-strong);color:var(--muted);border-style:dashed}.results-stamp-flag{line-height:0}.results-stamp-text{font-family:var(--font-display);font-size:1.25rem;font-weight:700;line-height:1.1}.results-stars{gap:2px;display:flex}.results-title{text-align:center;margin-top:10px;font-size:2.1rem}.results-stats{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin:12px 0;display:grid}.results-stats div{border-radius:var(--radius-m);background:var(--surface);text-align:center;box-shadow:var(--lift);padding:12px}.results-stats dt{color:var(--muted);font-size:.8rem;font-weight:700}.results-stats dd{font-family:var(--font-display);justify-content:center;align-items:center;gap:4px;margin:2px 0 0;font-size:1.3rem;font-weight:700;display:flex}.results-stats .sun{color:var(--sun)}.results-words{width:100%;margin:4px 0 8px}.results-words ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.results-words li{background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:6px;line-height:1.2;display:grid}.results-words .plate{--ps:44px;grid-row:1/3}.results-words li span:nth-child(2){font-family:var(--font-display);align-self:end;font-weight:650}.results-words li span:nth-child(3){align-self:start;font-size:.85rem}.goal-banner{background:var(--marker-soft);text-align:center;border-radius:12px;padding:10px 16px;font-weight:700}.results-actions{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;width:100%;margin-top:12px;display:grid}