@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__Plus_Jakarta_Sans_646807;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Plus_Jakarta_Sans_Fallback_646807;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_646807{font-family:__Plus_Jakarta_Sans_646807,__Plus_Jakarta_Sans_Fallback_646807;font-style:normal}.__variable_646807{--font-jakarta:"__Plus_Jakarta_Sans_646807","__Plus_Jakarta_Sans_Fallback_646807"}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__JetBrains_Mono_Fallback_3c557b;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:__JetBrains_Mono_3c557b,__JetBrains_Mono_Fallback_3c557b;font-style:normal}.__variable_3c557b{--font-mono-jetbrains:"__JetBrains_Mono_3c557b","__JetBrains_Mono_Fallback_3c557b"}:root{--purple:#8b5cf6;--purple-light:#c4b5fd;--purple-deep:#7c4ddb;--purple-wash:#f1ebfe;--path-ahead:#d5d3de;--yellow:#ffd53d;--green:#6bcb77;--ink:#17151f;--bg:#f6f5fa;--card:#fff;--correct:var(--green);--wrong:#ef5b6e;--correct-text:#16713a;--correct-wash:#e6f7ea;--wrong-text:#c62a45;--wrong-wash:#fde8eb;--muted:#6f6a80;--muted-soft:#9c97ab;--line:#ecebf2;--sidebar-hover:hsla(0,0%,100%,.08);--on-dark-muted:hsla(0,0%,100%,.62);--font-sans:var(--font-jakarta),system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:var(--font-mono-jetbrains),ui-monospace,"SF Mono",Menlo,monospace;--step--2:0.72rem;--step--1:clamp(0.79rem,0.77rem + 0.1vw,0.85rem);--step-0:clamp(0.94rem,0.91rem + 0.14vw,1rem);--step-1:clamp(1.08rem,1.02rem + 0.3vw,1.25rem);--step-2:clamp(1.3rem,1.16rem + 0.66vw,1.7rem);--step-3:clamp(1.6rem,1.34rem + 1.2vw,2.3rem);--step-4:clamp(2rem,1.5rem + 2.3vw,3.2rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-card:24px;--radius-inner:20px;--radius-sm:14px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(23,21,31,.04),0 2px 6px rgba(23,21,31,.04);--shadow-sm:0 2px 6px rgba(23,21,31,.04),0 8px 20px rgba(23,21,31,.05);--shadow-md:0 4px 10px rgba(23,21,31,.05),0 16px 34px rgba(23,21,31,.07);--shadow-lift:0 8px 18px rgba(23,21,31,.07),0 24px 48px rgba(23,21,31,.09);--shadow-purple:0 8px 22px rgba(139,92,246,.32);--sidebar-width:250px;--topbar-height:60px;--shell-gap:16px;--content-width:78rem;--transition:160ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-size:var(--step-0);line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4{font-family:var(--font-sans)}h1,h2,h3,h4{font-weight:800;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}ul{list-style:none;padding:0}:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:6px}.lesson-card--ink :focus-visible,.lesson-card--purple :focus-visible,.sidebar :focus-visible{outline-color:#fff}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;inset-inline-start:var(--space-4);top:-100px;z-index:200;padding:var(--space-3) var(--space-5);background:var(--ink);color:#fff;border-radius:var(--radius-pill);font-weight:700;transition:top var(--transition)}.skip-link:focus{top:var(--space-4)}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.shell{min-height:100dvh}.sidebar{position:fixed;inset-block:var(--shell-gap);inset-inline-start:var(--shell-gap);z-index:50;width:var(--sidebar-width);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--ink);color:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-md)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-2);font-size:var(--step-1);font-weight:800;letter-spacing:-.03em}.sidebar__mark{display:grid;place-items:center;flex:none;width:38px;height:38px;background:var(--purple);border-radius:12px;box-shadow:var(--shadow-purple)}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__label{padding-inline:var(--space-2);margin-bottom:var(--space-2);font-size:var(--step--2);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:.7rem var(--space-3);border-radius:var(--radius-pill);font-weight:600;color:hsla(0,0%,100%,.78);transition:background-color var(--transition),color var(--transition)}.sidebar__link:hover{background:var(--sidebar-hover);color:#fff}.sidebar__link[aria-current=page]{background:var(--purple);color:#fff;box-shadow:var(--shadow-purple)}.sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-3)}.sidebar__tip{padding:var(--space-4);background:hsla(0,0%,100%,.06);border-radius:var(--radius-inner);font-size:var(--step--1);color:var(--on-dark-muted)}.sidebar__tip strong{display:block;color:#fff;margin-bottom:var(--space-1)}.main{padding:var(--space-6) var(--space-6) var(--space-7);-webkit-padding-start:calc(var(--sidebar-width) + var(--shell-gap) * 2 + var(--space-2));padding-inline-start:calc(var(--sidebar-width) + var(--shell-gap) * 2 + var(--space-2))}.main__inner{width:100%;max-width:var(--content-width);margin-inline:auto}.bottom-nav,.topbar{display:none}@media (max-width:900px){.sidebar{display:none}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;min-height:var(--topbar-height);justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar,.topbar__brand{display:flex;align-items:center}.topbar__brand{gap:var(--space-2);font-weight:800;letter-spacing:-.03em}.topbar__mark{display:grid;place-items:center;width:32px;height:32px;background:var(--purple);color:#fff;border-radius:10px}.main{padding:var(--space-4) var(--space-4) 6.5rem}.bottom-nav{position:fixed;inset-inline:var(--space-3);bottom:var(--space-3);z-index:50;display:flex;justify-content:space-around;gap:var(--space-1);padding:var(--space-2);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-lift)}.bottom-nav__link{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-inner);font-size:var(--step--2);font-weight:700;color:var(--muted);transition:background-color var(--transition),color var(--transition)}.bottom-nav__link[aria-current=page]{background:var(--ink);color:#fff}}.lang-select{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem .9rem;border-radius:var(--radius-pill);background:var(--card);box-shadow:var(--shadow-xs);font-weight:700;font-size:var(--step--1)}.lang-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;-webkit-padding-end:1.1rem;padding-inline-end:1.1rem;font-weight:700;cursor:pointer}.lang-select__chevron{position:absolute;inset-inline-end:.8rem;pointer-events:none;color:var(--muted)}.lang-select--dark{background:hsla(0,0%,100%,.08);box-shadow:none}.lang-select--dark,.lang-select--dark select{color:#fff;width:100%}.lang-select--dark select option{color:var(--ink)}.lang-select--dark .lang-select__chevron{color:var(--on-dark-muted)}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.stack--tight{gap:var(--space-3)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-head h1{font-size:var(--step-3);margin-bottom:var(--space-2)}.page-head p{color:var(--muted);max-width:54ch}.eyebrow{display:inline-block;margin-bottom:var(--space-2);font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--purple)}.section-title{font-size:var(--step-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.7rem 1.3rem;font-weight:700;font-size:var(--step-0);background:var(--card);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition)}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--purple);color:#fff;box-shadow:var(--shadow-purple)}.btn--primary:hover:not(:disabled){box-shadow:0 12px 28px rgba(139,92,246,.4)}.btn--ink{background:var(--ink);color:#fff}.btn--ghost{background:transparent;box-shadow:none}.btn--ghost:hover:not(:disabled){background:var(--card);box-shadow:var(--shadow-xs)}.btn--icon{width:44px;height:44px;padding:0}.btn-row{gap:var(--space-3)}.btn-row,.chip-row{display:flex;flex-wrap:wrap}.chip,.chip-row{gap:var(--space-2)}.chip{display:inline-flex;align-items:center;padding:.45rem 1rem;font-size:var(--step--1);font-weight:700;color:var(--muted);background:var(--card);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);cursor:pointer;transition:background-color var(--transition),color var(--transition),transform var(--transition)}.chip:hover{color:var(--ink);transform:translateY(-1px)}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.chip__count{font-size:var(--step--2);opacity:.7}.stat-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stat-chip{display:inline-flex;align-items:baseline;gap:var(--space-2);padding:.5rem 1rem;background:var(--card);border-radius:var(--radius-pill);box-shadow:var(--shadow-xs)}.stat-chip__value{font-size:var(--step-1);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-chip__label{font-size:var(--step--2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-soft)}.stat-chip--good .stat-chip__value{color:var(--correct-text)}.stat-chip--warn .stat-chip__value{color:var(--wrong-text)}.stat-chip--accent{background:var(--purple)}.stat-chip--accent .stat-chip__value{color:#fff}.stat-chip--accent .stat-chip__label{color:hsla(0,0%,100%,.75)}.greeting{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-5)}.greeting,.greeting__who{display:flex;align-items:center;gap:var(--space-4)}.avatar{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:var(--radius-pill);background:linear-gradient(140deg,var(--purple),var(--purple-light));color:#fff;font-weight:800;font-size:var(--step-1);letter-spacing:-.02em;box-shadow:var(--shadow-purple)}.greeting h1{font-size:var(--step-3)}.greeting__sub{color:var(--muted);font-size:var(--step--1)}.search{position:relative;display:flex;align-items:center;margin-bottom:var(--space-5)}.search__icon{position:absolute;inset-inline-start:1.1rem;color:var(--muted-soft);pointer-events:none}.search input{width:100%;padding:.95rem 1.1rem .95rem 3rem;background:var(--card);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);font-size:var(--step-0)}[dir=rtl] .search input{padding:.95rem 3rem .95rem 1.1rem}.search input::placeholder{color:var(--muted-soft)}.search input:focus{outline:3px solid var(--purple);outline-offset:2px}.search__clear{position:absolute;inset-inline-end:.6rem;display:grid;place-items:center;width:34px;height:34px;background:var(--bg);border:none;border-radius:var(--radius-pill);color:var(--muted);cursor:pointer}.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.lesson-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-5);min-height:190px;padding:var(--space-5);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.lesson-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}.lesson-card--wide{grid-column:span 2}.lesson-card--purple{background:var(--purple);color:#fff}.lesson-card--yellow{background:var(--yellow)}.lesson-card--green{background:var(--green)}.lesson-card--ink{background:var(--ink);color:#fff}.lesson-card__kicker{font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.lesson-card__title{margin-top:var(--space-2);font-size:var(--step-2);font-weight:800;letter-spacing:-.03em}.lesson-card__meta{margin-top:var(--space-1);font-size:var(--step--1);font-weight:600;opacity:.78}.lesson-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.lesson-card__go{display:grid;place-items:center;flex:none;width:40px;height:40px;background:var(--ink);color:#fff;border-radius:var(--radius-pill);transition:transform var(--transition)}.lesson-card:hover .lesson-card__go{transform:translateX(3px)}[dir=rtl] .lesson-card__go svg{transform:scaleX(-1)}[dir=rtl] .lesson-card:hover .lesson-card__go{transform:translateX(-3px)}.lesson-card--ink .lesson-card__go,.lesson-card--purple .lesson-card__go{background:#fff;color:var(--ink)}.lesson-card__decor{position:absolute;inset-block-start:-10px;inset-inline-end:-10px;pointer-events:none;opacity:.9}.lesson-card__body{position:relative}.tile-row{display:flex;gap:6px}.tile{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--purple-wash);font-weight:800;font-size:.85rem;color:var(--ink)}.lesson-card--green .tile,.lesson-card--yellow .tile{background:hsla(0,0%,100%,.6)}.lesson-card--ink .tile,.lesson-card--purple .tile{background:hsla(0,0%,100%,.22);color:#fff}.empty-state{padding:var(--space-6);text-align:center;color:var(--muted);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-xs)}@media (max-width:1180px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.bento{grid-template-columns:1fr}.lesson-card--wide{grid-column:auto}}.flashcard-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.flashcard-shell{position:relative;width:min(100%,36rem)}.flashcard{width:100%;aspect-ratio:8/5;perspective:1600px;background:none;border:none;padding:0;cursor:pointer}.flashcard__speaker{position:absolute;top:var(--space-4);inset-inline-end:var(--space-4);z-index:5}.flashcard__speaker .speak-btn{width:48px;height:48px;color:var(--purple);background:var(--purple-wash);box-shadow:var(--shadow-xs)}.flashcard__speaker .speak-btn:hover{background:var(--purple);color:#fff}.flashcard__speaker .speak-btn[data-muted]{background:var(--bg);color:var(--muted-soft)}.flashcard__inner{display:block;position:relative;width:100%;height:100%;transition:transform .52s cubic-bezier(.4,.05,.2,1);transform-style:preserve-3d}.flashcard[data-flipped=true] .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{position:absolute;inset:0;-webkit-padding-end:calc(var(--space-6) + 48px);padding-inline-end:calc(var(--space-6) + 48px);display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-6);text-align:center;background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-md);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:auto}.flashcard__face--back{transform:rotateY(180deg);background:var(--ink);color:#fff;text-align:start}.flashcard__word{font-size:var(--step-4);font-weight:800;line-height:1.05;letter-spacing:-.03em}.flashcard__hint{color:var(--muted-soft)}.flashcard__hint,.flashcard__label{font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.flashcard__label{color:var(--purple-light)}.flashcard__meaning{font-size:var(--step-1);font-weight:700}.flashcard__example{-webkit-padding-start:var(--space-3);padding-inline-start:var(--space-3);-webkit-border-start:3px solid var(--yellow);border-inline-start:3px solid var(--yellow);font-size:var(--step--1);color:hsla(0,0%,100%,.78)}.flashcard__counter{font-size:var(--step--1);font-weight:700;color:var(--muted)}@media (max-width:480px){.flashcard{aspect-ratio:4/3}}.practice-bar{flex-wrap:wrap;gap:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.control-group,.practice-bar{display:flex;align-items:center}.control-group{gap:var(--space-3)}.control-group__label{font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-soft)}.control-group--end{-webkit-margin-start:auto;margin-inline-start:auto}.typing-card{position:relative;padding:var(--space-6);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-md);cursor:text}.typing-card:focus-within{outline:3px solid var(--purple);outline-offset:3px}.typing-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;margin-bottom:var(--space-4);font-size:var(--step--1);font-weight:600;color:var(--muted)}.typing-card__position{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--muted-soft)}.typing-text{font-family:var(--font-mono);font-size:clamp(1.1rem,.85rem + 1.2vw,1.65rem);line-height:2.05;word-break:break-word;white-space:pre-wrap}.char{position:relative;border-radius:4px;transition:background-color 70ms linear}.char--pending{color:var(--muted)}.char--correct{color:var(--correct-text);background:var(--correct-wash)}.char--incorrect{color:var(--wrong-text);background:var(--wrong-wash);-webkit-text-decoration:underline wavy var(--wrong) 1.5px;text-decoration:underline wavy var(--wrong) 1.5px;text-underline-offset:5px}.char--space.char--incorrect{color:#fff;background:var(--wrong)}.char--cursor:before{content:"";position:absolute;inset-block:-.12em;inset-inline-start:-1px;width:2px;border-radius:2px;background:var(--purple);animation:caret-blink 1.05s step-end infinite}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.typing-capture{position:absolute;inset:0;width:100%;height:100%;padding:0;border:none;background:transparent;color:transparent;caret-color:transparent;opacity:0;cursor:text}.typing-capture:focus{outline:none}.typing-hint{margin-top:var(--space-4);font-size:var(--step--1);color:var(--muted-soft)}.progress-track{height:8px;margin-bottom:var(--space-5);background:var(--line);overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-pill)}.progress-fill{height:100%;background:var(--green);transition:width 90ms linear}.result-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--correct-wash);color:var(--correct-text);border-radius:var(--radius-inner)}.result-banner strong{font-size:var(--step-1);font-weight:800}.queue-list{display:flex;flex-direction:column;gap:var(--space-1)}.queue-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:.6rem var(--space-4);text-align:start;background:transparent;border:none;border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:600;color:var(--muted);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.queue-item:hover{background:var(--bg);color:var(--ink)}.queue-item[aria-current=true]{background:var(--ink);color:#fff}.queue-item__index{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.6}.queue-item__done{-webkit-margin-start:auto;margin-inline-start:auto;display:grid;place-items:center;width:20px;height:20px;background:var(--green);color:#fff;border-radius:var(--radius-pill);flex:none}@media (max-width:640px){.practice-bar{flex-direction:column;align-items:stretch}.control-group{flex-wrap:wrap}.control-group--end{-webkit-margin-start:0;margin-inline-start:0}.typing-card{padding:var(--space-5) var(--space-4)}}.speak-btn{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;color:var(--purple);background:var(--card);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform var(--transition),background-color var(--transition),color var(--transition)}.speak-btn:hover{transform:translateY(-2px);background:var(--purple);color:#fff}.speak-btn--bare{background:transparent;box-shadow:none;color:inherit;opacity:.62;width:30px;height:30px}.speak-btn--bare:hover{background:hsla(0,0%,100%,.22);color:inherit;opacity:1}.speak-btn[data-speaking=true]{background:var(--purple);color:#fff;opacity:1;animation:speak-pulse 1.1s ease-in-out infinite}@keyframes speak-pulse{0%,to{box-shadow:0 0 0 0 rgba(139,92,246,.45)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}.listen-strip{font-size:var(--step--1);font-weight:600;color:var(--muted)}.listen-strip,.mic-area{display:flex;align-items:center;gap:var(--space-3)}.mic-area{flex-direction:column;margin-block:var(--space-5) var(--space-4)}.mic-btn{display:grid;place-items:center;width:84px;height:84px;color:#fff;background:var(--purple);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-purple);cursor:pointer;transition:transform var(--transition),background-color var(--transition)}.mic-btn:hover{transform:translateY(-3px)}.mic-btn[data-listening=true]{background:var(--wrong);box-shadow:0 8px 22px rgba(239,91,110,.4);animation:mic-pulse 1.3s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 rgba(239,91,110,.5)}50%{box-shadow:0 0 0 16px rgba(239,91,110,0)}}.mic-area__caption{font-size:var(--step--1);font-weight:700;color:var(--muted)}.speech-verdict{padding:var(--space-3) var(--space-4);border-radius:var(--radius-inner);font-weight:600}.speech-verdict--good{color:var(--correct-text);background:var(--correct-wash)}.speech-verdict--bad{color:var(--wrong-text);background:var(--wrong-wash)}.notice{padding:var(--space-4) var(--space-5);background:var(--purple-wash);color:var(--ink);border-radius:var(--radius-inner);font-size:var(--step--1)}.round-bar{flex-direction:column;padding:var(--space-4) var(--space-5);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.round-bar,.round-bar__top{display:flex;gap:var(--space-3)}.round-bar__top{flex-wrap:wrap;align-items:center;justify-content:space-between}.round-bar__position{font-size:var(--step--1);font-weight:700;color:var(--muted)}.round-bar .progress-track{margin-bottom:0}.quiz-card{padding:var(--space-6);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-md);text-align:center;transition:box-shadow var(--transition)}.quiz-card[data-outcome=correct]{box-shadow:0 0 0 3px var(--green),var(--shadow-md)}.quiz-card[data-outcome=wrong]{box-shadow:0 0 0 3px var(--wrong),var(--shadow-md)}.quiz-card__kicker{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-soft)}.quiz-card__category{padding:.15rem .6rem;color:var(--purple);background:var(--purple-wash);border-radius:var(--radius-pill);letter-spacing:.06em}.quiz-card__prompt{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-block:var(--space-5) var(--space-2)}.quiz-card__word{font-size:var(--step-4);font-weight:800;letter-spacing:-.03em;line-height:1.1}.quiz-card__meaning{font-size:var(--step-2);font-weight:700;max-width:32ch}.quiz-card__meaning-sub{color:var(--muted);font-size:var(--step--1)}.quiz-card__feedback{min-height:2.5rem;margin-top:var(--space-4);font-weight:700}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-5)}.option{width:100%;min-height:64px;padding:var(--space-3) var(--space-4);font-size:var(--step-0);font-weight:700;color:var(--ink);background:var(--bg);border:none;border-radius:var(--radius-inner);cursor:pointer;transition:transform var(--transition),background-color var(--transition),color var(--transition),box-shadow var(--transition)}.option:hover:not(:disabled){transform:translateY(-2px);background:var(--purple-wash);box-shadow:var(--shadow-xs)}.option:disabled{cursor:default}.option[data-state=correct]{background:var(--green);color:var(--ink)}.option[data-state=wrong]{background:var(--wrong);color:var(--ink);animation:shake .38s cubic-bezier(.36,.07,.19,.97)}.option[data-state=dimmed]{opacity:.45}@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}.result-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center;background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-md)}.result-card__kicker{font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-soft)}.result-card__score{font-size:clamp(3rem,2rem + 4vw,4.5rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--purple)}.result-card__total{-webkit-margin-start:var(--space-2);margin-inline-start:var(--space-2);font-size:.4em;color:var(--muted-soft)}.result-card__headline{font-size:var(--step-2)}.result-card__stats{justify-content:center;margin-block:var(--space-2) var(--space-4)}@media (max-width:520px){.option-grid{grid-template-columns:1fr}.quiz-card{padding:var(--space-5) var(--space-4)}}.scenario-tile{display:inline-flex;align-items:center;padding:.3rem .8rem;margin-bottom:var(--space-3);font-size:var(--step--2);font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--purple-wash);border-radius:var(--radius-pill)}.lesson-card--green .scenario-tile,.lesson-card--yellow .scenario-tile{background:hsla(0,0%,100%,.6)}.lesson-card--ink .scenario-tile,.lesson-card--purple .scenario-tile{background:hsla(0,0%,100%,.2)}.lesson-card--button{border:none;font:inherit;color:inherit;text-align:start;cursor:pointer;width:100%}.chat{display:flex;flex-direction:column;gap:var(--space-3)}.bubble{max-width:min(90%,40rem);padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);animation:bubble-in .22s ease-out}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}}.bubble--a{align-self:flex-start;background:var(--card);border-start-start-radius:8px}.bubble--b{align-self:flex-end;background:var(--purple-deep);color:#fff;border-start-end-radius:8px}.bubble[data-active]{box-shadow:0 0 0 3px var(--yellow),var(--shadow-sm)}.bubble__row{display:flex;align-items:flex-start;gap:var(--space-3)}.bubble__speaker{display:grid;place-items:center;flex:none;width:26px;height:26px;font-size:var(--step--2);font-weight:800;border-radius:var(--radius-pill);background:var(--bg);color:var(--ink)}.bubble--b .bubble__speaker{background:hsla(0,0%,100%,.25);color:#fff}.bubble__text{flex:1 1;font-weight:600}.bubble__hint{margin-top:var(--space-2);-webkit-padding-start:calc(26px + var(--space-3));padding-inline-start:calc(26px + var(--space-3));font-size:var(--step--1);opacity:.72}.turn-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-md)}.turn-panel__label{font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-soft)}.turn-panel__line{font-size:var(--step-2);font-weight:700;letter-spacing:-.02em}.turn-panel .mic-area{align-items:flex-start}.spinner{display:inline-block;border:2px solid;border-top:2px solid transparent;border-radius:var(--radius-pill);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.speak-btn[data-state=loading],.speak-btn[data-state=playing]{background:var(--purple);color:#fff;opacity:1}.speak-btn[data-state=playing]{animation:speak-pulse 1.1s ease-in-out infinite}.speak-btn[data-state=error]{color:var(--wrong-text)}.speak-btn[data-muted]{color:var(--muted-soft);opacity:.6;animation-name:none}.speak-btn[data-muted]:hover{background:var(--bg);color:var(--muted);transform:none}.toast-host{position:fixed;inset-inline:0;bottom:var(--space-5);z-index:300;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding-inline:var(--space-4);pointer-events:none}.toast{max-width:min(30rem,100%);padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:700;box-shadow:var(--shadow-lift);animation:toast-in .2s ease-out}.toast--error{background:var(--wrong-wash);color:var(--wrong-text)}.toast--info{background:var(--ink);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@media (max-width:900px){.toast-host{bottom:6rem}}.stage-summary{display:flex;flex-direction:column;gap:var(--space-2);min-width:13rem;padding:var(--space-4) var(--space-5);background:var(--card);border-radius:var(--radius-inner);box-shadow:var(--shadow-xs)}.stage-summary__label{font-size:var(--step--2);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}.stage-summary .progress-track{margin-bottom:0}.stage-summary__count{font-size:var(--step--1);font-weight:700;color:var(--muted)}.stage-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-top:var(--space-3)}.avatar-img{border-radius:var(--radius-pill);object-fit:cover;flex:none}.celebration__cast,.dialog-header__cast,.stage-cast{display:inline-flex;align-items:center}.celebration__cast>:last-child,.dialog-header__cast>:last-child,.stage-cast>:last-child{-webkit-margin-start:-10px;margin-inline-start:-10px}.dialog-view{display:flex;flex-direction:column}.dialog-sentinel{height:1px}.dialog-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition)}.dialog-header[data-scrolled=true]{box-shadow:var(--shadow-md)}.dialog-header__top{justify-content:space-between}.dialog-header__meta-row,.dialog-header__top{display:flex;align-items:center;gap:var(--space-3)}.mute-btn{display:grid;place-items:center;flex:none;width:34px;height:34px;color:var(--muted);background:var(--bg);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.mute-btn:hover{color:var(--ink)}.mute-btn[data-muted=true]{background:var(--wrong-wash);color:var(--wrong-text)}.dialog-header__stage{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--step--2);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-soft)}.dialog-header__done{display:grid;place-items:center;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--green);color:var(--ink)}.dialog-header__main{display:flex;align-items:center;gap:var(--space-4)}.dialog-header__title{font-size:var(--step-2)}.dialog-header__meta{font-size:var(--step--1);font-weight:700;color:var(--muted)}.dialog-header__progress{margin-bottom:0}.chat__end{height:1px;scroll-margin-bottom:8rem}.dialog-view .chat{padding-bottom:8.5rem}.bubble-row{display:flex;align-items:flex-end;gap:var(--space-2);max-width:min(92%,44rem)}.bubble-row--a{align-self:flex-start}.bubble-row--b{align-self:flex-end;flex-direction:row-reverse}.bubble-avatar{flex:none;margin-bottom:2px}.bubble-row .bubble{max-width:none;align-self:auto}.action-bar{position:fixed;bottom:0;z-index:25;inset-inline-start:calc(var(--sidebar-width) + var(--shell-gap) * 2 + var(--space-2));inset-inline-end:0;padding-top:var(--space-6);background:linear-gradient(to bottom,rgba(246,245,250,0),var(--bg) 55%);pointer-events:none}.action-bar__inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);width:100%;max-width:var(--content-width);margin-inline:auto;padding:var(--space-3) var(--space-6) var(--space-5);pointer-events:auto}@media (max-width:900px){.dialog-header{top:var(--topbar-height)}.dialog-view .chat{padding-bottom:13rem}.action-bar{inset-inline:0;bottom:6.5rem}.action-bar__inner{padding-inline:var(--space-4)}.action-bar__inner .btn{flex:1 1;min-width:8rem}}.celebration{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);text-align:center;background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-md);animation:celebrate-in .32s cubic-bezier(.2,.8,.3,1)}@keyframes celebrate-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.celebration__kicker{font-size:var(--step--2);font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--correct-text)}.celebration__title{font-size:var(--step-3)}.celebration__stats{margin-block:var(--space-3)}.celebration__actions,.celebration__stats{justify-content:center}.stage-map{position:relative;width:100%}.stage-map__path{position:absolute;inset-block-start:0;inset-inline-start:0;pointer-events:none}.stage-map__segment{fill:none;stroke-width:12;stroke-linecap:round;stroke-dasharray:16 26;transition:stroke var(--transition)}.stage-map__segment--ahead{stroke:var(--path-ahead)}.stage-map__segment--done{stroke:var(--green)}.stage-map__segment--next{stroke:var(--purple)}.map-chapter{position:absolute;z-index:2;display:flex;justify-content:center;transform:translateX(-50%);pointer-events:none}.map-chapter__banner{display:inline-flex;align-items:center;gap:var(--space-2);height:30px;padding:0 .7rem;background:var(--ink);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);white-space:nowrap}.map-chapter__number{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-light)}.map-chapter__title{font-size:var(--step--2);font-weight:800;letter-spacing:-.01em}.map-chapter__count{padding:0 .4rem;font-size:.62rem;font-weight:800;color:var(--ink);background:var(--yellow);border-radius:var(--radius-pill)}.map-nodes{position:relative;margin:0;padding:0;list-style:none}.map-node{position:absolute;transform:translate(-50%,-50%)}.map-node__btn{position:relative;place-items:center;width:100%;height:100%;padding:0;font:inherit;color:inherit;background:none;border:none;cursor:pointer}.map-node__btn,.map-node__face{display:grid;border-radius:var(--radius-pill)}.map-node__face{place-items:center;width:100%;height:100%;font-size:clamp(1.1rem,.9rem + .8vw,1.6rem);font-weight:800;letter-spacing:-.02em;transition:transform var(--transition),box-shadow var(--transition)}.map-node__btn:hover:not(:disabled) .map-node__face{transform:translateY(-3px)}.map-node[data-state=completed] .map-node__face{background:var(--green);color:#fff;box-shadow:0 6px 16px rgba(107,203,119,.45)}.map-node[data-state=current]{z-index:3}.map-node[data-state=current] .map-node__face{background:var(--purple);color:#fff;box-shadow:var(--shadow-purple);transform:scale(1.1)}.map-node[data-state=current] .map-node__btn:hover .map-node__face{transform:scale(1.1) translateY(-3px)}.map-node[data-state=available] .map-node__face{background:var(--purple-wash);color:var(--purple);box-shadow:var(--shadow-xs)}.map-node[data-state=locked] .map-node__face{background:#e7e5ee;border:2px solid var(--path-ahead);color:var(--muted);box-shadow:var(--shadow-xs)}.map-node[data-state=locked] .map-node__btn{cursor:not-allowed}.map-node__glow{position:absolute;inset:-10px;border-radius:var(--radius-pill);background:var(--purple);opacity:.28;animation:node-pulse 2.4s ease-in-out infinite}@keyframes node-pulse{0%,to{transform:scale(1);opacity:.26}50%{transform:scale(1.18);opacity:.12}}.map-node__label{position:absolute;top:calc(100% + 7px);left:50%;z-index:2;display:flex;align-items:baseline;justify-content:center;gap:.3rem;width:max-content;max-width:9.5rem;padding:1px 7px;background:var(--bg);border-radius:8px;font-size:var(--step--2);font-weight:700;line-height:1.25;color:var(--muted);text-align:center;transform:translateX(-50%);pointer-events:none}.map-node__label-stage{font-weight:800;color:var(--muted-soft)}.map-node[data-state=completed] .map-node__label{color:var(--correct-text)}.map-node__pill{top:calc(100% + 12px);left:50%;transform:translateX(-50%);padding:.25rem .85rem;font-size:var(--step--2);font-weight:800;letter-spacing:.12em;color:#fff;background:var(--ink);border-radius:var(--radius-pill);white-space:nowrap}.map-card,.map-node__pill{position:absolute;pointer-events:none}.map-card{top:50%;z-index:4;display:flex;flex-direction:column;gap:2px;width:max-content;max-width:min(15rem,40vw);padding:var(--space-3) var(--space-4);background:var(--card);border-radius:var(--radius-inner);box-shadow:var(--shadow-md);transform:translateY(-50%);animation:card-in .16s ease-out}.map-card[data-side=right]{left:calc(100% + 14px)}.map-card[data-side=left]{right:calc(100% + 14px)}@keyframes card-in{0%{opacity:0}}.map-card__stage{font-size:var(--step--2);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-soft)}.map-card__title{font-size:var(--step-0);font-weight:800;letter-spacing:-.02em}.map-card__teaser{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.map-card__teaser,.stage-summary__chapter{font-size:var(--step--1);color:var(--muted)}.stage-summary__chapter{font-weight:700}@media (prefers-reduced-motion:reduce){.map-node__glow{transform:scale(1.12);opacity:.24}.map-card,.map-node__glow{animation-name:none}}.audio-banner{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--yellow);color:var(--ink);border-radius:var(--radius-inner);box-shadow:var(--shadow-xs);font-size:var(--step--1);font-weight:700}.audio-banner__close{display:grid;place-items:center;flex:none;width:28px;height:28px;-webkit-margin-start:auto;margin-inline-start:auto;color:inherit;background:rgba(23,21,31,.1);border:none;border-radius:var(--radius-pill);cursor:pointer}.audio-banner__close:hover{background:rgba(23,21,31,.2)}.picker{position:fixed;inset:0;z-index:400;display:grid;place-items:center;padding:var(--space-5) var(--space-4);background:var(--bg);overflow-y:auto;animation:picker-in .22s ease-out}@keyframes picker-in{0%{opacity:0}}.picker__inner{position:relative;width:100%;max-width:44rem;margin-block:auto}.picker__head{text-align:center;margin-bottom:var(--space-6)}.picker__brand{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-weight:800;letter-spacing:-.03em}.picker__mark{display:grid;place-items:center;width:30px;height:30px;background:var(--purple);color:#fff;border-radius:10px}.picker__title{font-size:var(--step-3);margin-bottom:var(--space-2)}.picker__sub{color:var(--muted);max-width:40ch;margin-inline:auto}.picker__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin:0;padding:0;list-style:none}.lang-card{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5);text-align:start;font:inherit;color:inherit;background:var(--card);border:none;border-radius:var(--radius-card);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.lang-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.lang-card__flag{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:var(--radius-inner);font-size:var(--step-0);font-weight:800;letter-spacing:.04em}.lang-card--purple .lang-card__flag{background:var(--purple);color:#fff}.lang-card--yellow .lang-card__flag{background:var(--yellow);color:var(--ink)}.lang-card--green .lang-card__flag{background:var(--green);color:var(--ink)}.lang-card--ink .lang-card__flag{background:var(--ink);color:#fff}.lang-card__body{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.lang-card__native{font-size:var(--step-1);font-weight:800;letter-spacing:-.02em}.lang-card__name{font-size:var(--step--1);font-weight:700;color:var(--muted)}.lang-card__counts{margin-top:var(--space-1);font-size:var(--step--2);color:var(--muted-soft)}.lang-card__go{display:grid;place-items:center;flex:none;width:34px;height:34px;background:var(--bg);border-radius:var(--radius-pill);color:var(--muted)}.lang-card[aria-current] .lang-card__go{background:var(--green);color:var(--ink)}.picker__close{position:absolute;top:calc(var(--space-6) * -1);inset-inline-end:0;display:grid;place-items:center;width:40px;height:40px;color:var(--muted);background:var(--card);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);cursor:pointer}.picker__close:hover{color:var(--ink)}.lang-controls{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}.lang-change{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.35rem .7rem;font-size:var(--step--2);font-weight:700;color:var(--muted);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.lang-change:hover{color:var(--ink);background:var(--card)}.lang-change--dark{color:var(--on-dark-muted)}.lang-change--dark:hover{color:#fff;background:var(--sidebar-hover)}@media (max-width:900px){.lang-controls{flex-direction:row;align-items:center}.lang-change span{display:none}}.sidebar__privacy{padding-inline:var(--space-2);font-size:var(--step--2);font-weight:700;color:var(--on-dark-muted);transition:color var(--transition)}.sidebar__privacy:hover{color:#fff}.prose{max-width:46rem}.prose p{color:var(--ink);line-height:1.65}.prose .muted{color:var(--muted);font-size:var(--step--1)}.char-keys{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.char-key{min-width:44px;min-height:44px;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--step-1);font-weight:700;color:var(--ink);background:var(--bg);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition),background-color var(--transition)}.char-key:hover:not(:disabled){transform:translateY(-2px);background:var(--purple-wash);color:var(--purple)}.char-key:active:not(:disabled){transform:translateY(0)}.char-key:disabled{opacity:.4;cursor:not-allowed}.vocab-view{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:8.5rem}.vocab-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.vocab-hint{font-size:var(--step--2);color:var(--muted-soft)}.cat-rail{position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent)}.cat-rail__scroller{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x proximity;padding:6px 22px 10px;scrollbar-width:none}.cat-rail__scroller::-webkit-scrollbar{display:none}.cat-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;flex:none;width:11rem;min-height:84px;padding:var(--space-4);text-align:start;font:inherit;color:inherit;background:var(--card);border:none;border-radius:var(--radius-inner);box-shadow:var(--shadow-xs);scroll-snap-align:start;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition)}.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.cat-card__accent{position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-4);width:28px;height:6px;border-radius:var(--radius-pill)}.cat-card--purple .cat-card__accent{background:var(--purple)}.cat-card--yellow .cat-card__accent{background:var(--yellow)}.cat-card--green .cat-card__accent{background:var(--green)}.cat-card--ink .cat-card__accent{background:var(--ink)}.cat-card--wash .cat-card__accent{background:var(--purple-light)}.cat-card__name{font-size:var(--step-0);font-weight:800;letter-spacing:-.02em}.cat-card__count{font-size:var(--step--2);font-weight:700;color:var(--muted-soft)}.cat-card[data-active]{background:var(--ink);color:#fff;box-shadow:var(--shadow-md)}.cat-card[data-active] .cat-card__count{color:hsla(0,0%,100%,.7)}.drawer{position:fixed;inset:0;z-index:350}.drawer__backdrop{position:absolute;inset:0;background:rgba(23,21,31,.4);animation:drawer-fade .18s ease-out}@keyframes drawer-fade{0%{opacity:0}}.drawer__panel{position:absolute;inset-block:0;inset-inline-end:0;display:flex;flex-direction:column;gap:var(--space-4);width:min(30rem,100%);padding:var(--space-5);background:var(--bg);box-shadow:var(--shadow-lift);animation:drawer-in .22s cubic-bezier(.2,.8,.3,1)}@keyframes drawer-in{0%{transform:translateX(100%)}}.drawer__head{justify-content:space-between;gap:var(--space-3)}.drawer__head,.drawer__title{display:flex;align-items:center}.drawer__title{gap:var(--space-2);font-size:var(--step-1)}.drawer__count{padding:.1rem .55rem;font-size:var(--step--2);font-weight:800;color:var(--purple);background:var(--purple-wash);border-radius:var(--radius-pill)}.drawer__close{display:grid;place-items:center;flex:none;width:38px;height:38px;color:var(--muted);background:var(--card);border:none;border-radius:var(--radius-pill);box-shadow:var(--shadow-xs);cursor:pointer}.drawer__close:hover{color:var(--ink)}.drawer__search{margin-bottom:0}.drawer__list{flex-direction:column;margin:0;padding:0 0 var(--space-5);overflow-y:auto;list-style:none}.drawer__list,.drawer__row{display:flex;gap:var(--space-2)}.drawer__row{align-items:center;padding:var(--space-2) var(--space-3);background:var(--card);border-radius:var(--radius-inner);box-shadow:var(--shadow-xs)}.drawer__jump{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0;padding:var(--space-1) 0;text-align:start;font:inherit;color:inherit;background:none;border:none;cursor:pointer}.drawer__word{font-size:var(--step-0);font-weight:800;letter-spacing:-.02em}.drawer__meaning{font-size:var(--step--1);color:var(--muted)}.drawer__tag{align-self:flex-start;margin-top:2px;padding:.05rem .45rem;font-size:var(--step--2);font-weight:700;color:var(--purple);background:var(--purple-wash);border-radius:var(--radius-pill)}@media (max-width:900px){.vocab-view{padding-bottom:12rem}.drawer__panel{width:100%;padding-bottom:6rem}}.drawer__row .speak-btn{width:44px;height:44px;color:var(--purple);background:var(--purple-wash)}.drawer__row .speak-btn:hover{background:var(--purple);color:#fff}.drawer__row .speak-btn[data-muted]{background:var(--bg);color:var(--muted-soft)}