@font-face{font-family:Lexend;font-weight:300 700;font-display:swap;src:url(/assets/lexend-latin-BUr6tp1s.woff2)format("woff2");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:Lexend;font-weight:300 700;font-display:swap;src:url(/assets/lexend-latin-ext-CxcSD5Rt.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#fbf6ec;--card:#fffdf8;--ink:#1f1d1a;--mut:#6b6459;--line:#ece3d3;--sun:#f4c443;--on-sun:#1f1d1a;--sun-soft:#fbebc0;--teal:#1f7a72;--on-teal:#fff;--teal-soft:#d6eeea;--ok:#2e8540;--ok-soft:#ddf0dd;--bad:#c44536;--bad-soft:#f9ddd7;--der:#2f6fd0;--der-soft:#dde7f8;--die:#c23b6e;--die-soft:#f6dce6;--das:#7a5bc8;--das-soft:#e8e0f7;--board:#f1e8d8;--paper:#fffdf8;--paper-ink:#1f1d1a;--shadow:0 10px 30px -12px #00000040;--backdrop:#1f1d1a73;--heat:31, 29, 26;--sans:"Lexend", system-ui, sans-serif;--mono:ui-monospace, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:400 16px/1.4 var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#191814;--card:#24221d;--ink:#f6f0e4;--mut:#a69e90;--line:#37332b;--sun-soft:#3d3420;--teal:#5cc3b7;--on-teal:#10201e;--teal-soft:#1c3532;--ok:#6bcb7a;--ok-soft:#1f3622;--bad:#f08070;--bad-soft:#45231e;--der:#82a8f0;--der-soft:#1f2c47;--die:#ee82aa;--die-soft:#45202f;--das:#b39af0;--das-soft:#2e2546;--board:#110f0c;--shadow:0 10px 30px -12px #0009;--backdrop:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#191814;--card:#24221d;--ink:#f6f0e4;--mut:#a69e90;--line:#37332b;--sun-soft:#3d3420;--teal:#5cc3b7;--on-teal:#10201e;--teal-soft:#1c3532;--ok:#6bcb7a;--ok-soft:#1f3622;--bad:#f08070;--bad-soft:#45231e;--der:#82a8f0;--der-soft:#1f2c47;--die:#ee82aa;--die-soft:#45202f;--das:#b39af0;--das-soft:#2e2546;--board:#110f0c;--shadow:0 10px 30px -12px #0009;--backdrop:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:default}input{font:inherit;color:inherit}a{color:var(--teal)}:focus-visible{outline:3px solid var(--teal);outline-offset:2px}kbd{font:12px var(--mono);color:var(--mut)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=899px){.only-desktop{display:none!important}}@media (width>=900px){.only-phone{display:none!important}}.app main{max-width:520px;padding:calc(16px + env(safe-area-inset-top)) 20px 0;margin:0 auto}.app.with-nav main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.app.fullscreen main{max-width:none;padding:0}@media (width>=900px){.app.with-nav{grid-template-columns:252px minmax(0,1fr);min-height:100dvh;display:grid}.app.with-nav main{width:100%;max-width:1100px;margin:0;padding:40px 44px 48px}}.page{flex-direction:column;gap:16px;display:flex}.page-head h1{letter-spacing:-.5px;font-size:28px;font-weight:600}.page-head p{color:var(--mut);font-size:15px;font-weight:300}@media (width>=900px){.page-head h1{letter-spacing:-1px;font-size:40px}}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head h2,.section-head strong{font-size:18px;font-weight:600}.section-head small{color:var(--mut);font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:18px 20px}.hint{color:var(--mut);font-size:14px;font-weight:300}.center{text-align:center;align-self:center}.muted{color:var(--mut);font-weight:300}.btn{border-radius:99px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:0 24px;font-size:17px;font-weight:500;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{background:var(--ink);color:var(--bg)}.btn.primary:disabled{background:var(--line);color:var(--mut)}.btn.sun{background:var(--sun);color:var(--on-sun);font-weight:600}.btn.teal{background:var(--teal);color:var(--on-teal)}.btn.outline{border:2px solid;min-height:52px}.btn.outline.bad{color:var(--bad)}.btn.ghost{border:1.5px solid color-mix(in srgb, currentColor 30%, transparent)}.btn.danger{background:var(--bad);color:var(--card)}.btn.small{width:auto;min-height:44px;padding:0 22px;font-size:15px}.pill-btn{background:var(--ink);color:var(--bg);border-radius:99px;flex-shrink:0;padding:8px 14px;font-size:14px;font-weight:500}.link{color:var(--teal);align-self:flex-start;font-size:15px;font-weight:500}.link.center{align-self:center}.link.danger{color:var(--bad)}.text-input{background:var(--card);border:2px solid var(--line);border-radius:24px;outline:none;width:100%;min-height:56px;padding:0 18px;font-size:17px}.text-input:focus{border-color:var(--teal)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;margin:0 -20px;padding:0 20px;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1.5px solid var(--line);border-radius:99px;flex-shrink:0;padding:8px 14px;font-size:14px}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--bg);padding:8px 16px;font-weight:500}.prof-tile{border-radius:16px;flex-shrink:0;place-items:center;font-size:22px;font-weight:700;display:grid}.prof-tile.mono{font:700 16px var(--mono)}.prof-tile.tone-der{background:var(--der-soft);color:var(--der)}.prof-tile.tone-sun{background:var(--sun);color:var(--on-sun)}.prof-tile.tone-teal{background:var(--teal-soft);color:var(--teal)}.level{font-weight:600}.level-A2{color:var(--ok)}.level-B1{color:var(--der)}.level-B2{color:var(--das)}.level-C1{color:var(--die)}.hi-mark{background:var(--sun);width:52px;height:52px;color:var(--on-sun);border-radius:18px;place-items:center;font-size:22px;font-weight:700;display:grid;transform:rotate(-6deg)}.shape{background:var(--mut);border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.shape-der{background:var(--der)}.shape-die{background:var(--die);border-radius:2px;width:10px;height:10px;margin:1px;transform:rotate(45deg)}.shape-das{background:var(--das);border-radius:3px}.tab-icon{border:2px solid;border-radius:50%;width:16px;height:16px;display:block}.tab-icon.square{border-radius:4px;width:15px;height:15px}.tab-icon.diamond{border-radius:2px;width:12px;height:12px;margin:2px;transform:rotate(45deg)}.tab-icon.ring{outline-offset:-6px;outline:2px solid #0000}.tab-icon.pill{border-radius:99px;width:19px;height:11px}.tabbar{z-index:20;padding:8px 4px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar-item{color:var(--mut);flex-direction:column;align-items:center;gap:5px;font-size:12px;display:flex}.tab-pill{border-radius:99px;place-items:center;width:52px;height:30px;display:grid}.tabbar-item.active{color:var(--ink);font-weight:600}.tabbar-item.active .tab-pill{background:var(--sun);color:var(--on-sun)}.tabbar-item.active .tab-icon,.side-item.active .tab-icon{background:currentColor}.tabbar-item.active .tab-icon.ring,.side-item.active .tab-icon.ring{background:var(--sun);outline-color:currentColor}.sidebar{display:none}@media (width>=900px){.tabbar{display:none}.sidebar{border-right:1px solid var(--line);background:var(--card);flex-direction:column;gap:6px;height:100dvh;padding:28px 18px;display:flex;position:sticky;top:0}}.brand{text-align:left;align-items:center;gap:10px;padding:0 10px 22px;display:flex}.brand strong{font-size:16px;font-weight:600;line-height:1.15}.brand-mark{background:var(--sun);width:34px;height:34px;color:var(--on-sun);border-radius:12px;flex-shrink:0;place-items:center;font-weight:700;display:grid;transform:rotate(-6deg)}.side-nav{flex-direction:column;gap:6px;display:flex}.side-item{color:var(--mut);text-align:left;border-radius:99px;align-items:center;gap:12px;padding:12px 14px;font-size:16px;display:flex}.side-item .tab-icon{width:14px;height:14px}.side-item .tab-icon.square{border-radius:3px;width:13px;height:13px}.side-item .tab-icon.diamond{width:11px;height:11px;margin:1px}.side-item .tab-icon.pill{width:17px;height:10px}.side-item.active{background:var(--sun);color:var(--on-sun);font-weight:500}.side-badge{background:var(--teal);color:var(--on-teal);border-radius:99px;margin-left:auto;padding:1px 9px;font-size:12px;font-weight:600}.side-profession{border:1px solid var(--line);text-align:left;border-radius:24px;align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.side-profession .prof-tile{border-radius:12px;font-size:17px}.side-profession .prof-tile.mono{font-size:12px}.side-profession>span:last-child{flex-direction:column;display:flex}.side-profession strong{font-size:15px;font-weight:500}.side-profession small{color:var(--mut);font-size:13px;font-weight:300}.screen{max-width:560px;min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) 20px 0;flex-direction:column;margin:0 auto;display:flex}.screen.onboarding{padding-left:24px;padding-right:24px}.step-bar{gap:6px;display:flex}.step-bar span{background:var(--line);border-radius:9px;flex:1;height:8px;transition:background .2s}.step-bar span.on{background:var(--sun)}.ob-head{flex-direction:column;gap:10px;padding-top:32px;animation:.25s ease-out pop;display:flex}.ob-head .hi-mark{align-self:flex-start;margin-bottom:2px}.ob-head h1{letter-spacing:-.6px;text-wrap:pretty;font-size:30px;font-weight:600;line-height:1.15}.ob-head p{color:var(--mut);font-size:16px;font-weight:300;line-height:1.45}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.choices{flex-direction:column;gap:10px;padding-top:24px;display:flex}.choice-card{background:var(--card);border:2px solid var(--line);text-align:left;border-radius:24px;align-items:center;gap:14px;padding:16px;display:flex}.choice-card.selected{background:var(--sun-soft);border-color:var(--sun)}.choice-card:disabled{opacity:.45}.choice-text{flex-direction:column;flex:1;font-size:16px;line-height:1.3;display:flex}.choice-text strong{font-size:17px;font-weight:500}.choice-text small{color:var(--mut);font-size:14px;font-weight:300}.level-choice{padding:12px 14px}.level-chip{background:var(--bg);border-radius:15px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:grid}.level-choice.selected .level-chip{background:var(--sun);color:var(--on-sun);transform:rotate(-6deg)}.test-offer{background:var(--teal-soft);border-radius:24px;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.test-offer>span{flex-direction:column;flex:1;display:flex}.test-offer strong{font-size:16px;font-weight:500}.test-offer small{color:var(--mut);font-size:14px;font-weight:300}.test-offer .btn{min-height:38px;padding:0 16px;font-size:14px}.goal-options{grid-template-columns:repeat(3,1fr);gap:10px;padding-top:24px;display:grid}.goal-option{background:var(--card);border:1.5px solid var(--line);border-radius:28px;flex-direction:column;align-items:center;gap:4px;padding:22px 0;transition:transform .15s;display:flex}.goal-option strong{font-size:32px;font-weight:600}.goal-option small{color:var(--mut);font-size:13px;font-weight:300}.goal-option.selected{background:var(--sun);color:var(--on-sun);border-color:var(--sun);transform:rotate(-3deg)}.goal-option.selected small{color:inherit;font-weight:400}.ob-card{border-width:1.5px;border-radius:24px;margin-top:16px}.name-field{flex-direction:column;gap:4px;display:flex}.name-field small{color:var(--mut);font-size:14px;font-weight:300}.name-field input{background:0 0;border:none;outline:none;padding:2px 0;font-size:16px;font-weight:500}.reminder-row{align-items:center;gap:14px;display:flex}.reminder-text{flex-direction:column;flex:1;gap:2px;display:flex}.reminder-text strong{font-size:16px;font-weight:500}.reminder-text small{color:var(--mut);font-size:14px;font-weight:300}.time-input{color:inherit;font:inherit;background:0 0;border:none;padding:0}.time-input::-webkit-calendar-picker-indicator{display:none}.switch{background:var(--line);border-radius:99px;flex-shrink:0;width:52px;height:32px;padding:3px;transition:background .15s;display:flex}.switch span{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s}.switch.on{background:var(--teal)}.switch.on span{transform:translate(20px)}.placement-head{color:var(--mut);justify-content:space-between;font-size:15px;display:flex}.step-dots{gap:6px;padding-top:12px;display:flex}.step-dots span{background:var(--line);border-radius:9px;width:8px;height:8px}.step-dots .done{background:var(--teal);width:28px}.step-dots .current{background:var(--sun);width:28px}.placement-title{letter-spacing:-.4px;padding-top:28px;font-size:28px;font-weight:500;line-height:1.2}.question-card{background:var(--card);border:1.5px solid var(--line);border-radius:28px;flex-direction:column;gap:14px;margin-top:22px;padding:22px;display:flex}.level-pill{background:var(--der-soft);border-radius:99px;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:600}.question-text{font-size:22px;line-height:1.4}.gap-line{border-bottom:3px solid var(--sun);min-width:70px;display:inline-block}.pill-options{gap:10px;padding-top:16px;display:grid}.pill-options.grid{grid-template-columns:1fr 1fr}.pill-option{background:var(--card);border:1.5px solid var(--line);border-radius:99px;min-height:58px;padding:10px 18px;font-size:18px;font-weight:500}.pill-options.list .pill-option{text-align:left;border-radius:24px;font-size:16px}.pill-option.picked{border-color:var(--teal);background:var(--teal-soft)}.dont-know{padding:24px 20px calc(30px + env(safe-area-inset-bottom));color:var(--mut);margin-top:auto;font-size:15px;font-weight:300}.today-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.today-head>span{flex-direction:column;gap:2px;display:flex}.today-head small,.today-head-desktop small{color:var(--mut);font-size:15px;font-weight:300}.today-head h1{letter-spacing:-.5px;font-size:28px;font-weight:600}.today-head-desktop{flex-direction:column;gap:4px;display:flex}.today-head-desktop small{font-size:16px}.today-head-desktop h1{letter-spacing:-1px;font-size:40px;font-weight:600}.prof-pill{background:var(--card);border:1px solid var(--line);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:14px;font-weight:500;display:flex}.prof-pill .prof-tile{border-radius:10px;font-size:13px;transform:rotate(-6deg)}.prof-pill .prof-tile.mono{font-size:10px}.today-grid,.today-main,.today-side{flex-direction:column;gap:12px;display:flex}.today-side{order:-1}@media (width>=900px){.today{gap:24px}.today-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.today-main,.today-side{gap:20px}.today-side{order:0}}.streak-today{background:var(--sun);color:var(--on-sun);border-radius:28px;flex-direction:column;gap:14px;padding:18px;display:flex}.streak-row{align-items:center;gap:14px;display:flex}.streak-num{letter-spacing:-2px;font-size:52px;font-weight:700;line-height:1}.streak-text{flex-direction:column;display:flex}.streak-text strong{font-size:17px;font-weight:600}.streak-text small{font-size:14px}.goal-ring{background:conic-gradient(var(--on-sun) var(--pct), #1f1d1a2e 0);border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;margin-left:auto;display:grid}.goal-ring span{background:var(--sun);border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:600;display:grid}.week{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-day{flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.week-dot{width:30px;height:30px;color:var(--sun);border:2px dashed #1f1d1a59;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.week-day.done .week-dot{background:var(--on-sun);border:none}.week-day.today .week-dot{border:2.5px solid var(--on-sun)}.week-day.missed .week-dot{border-style:solid;border-color:#1f1d1a26}@media (width>=900px){.streak-today{border-radius:32px;padding:22px 24px}}.review-today{background:var(--teal-soft);border-radius:28px;flex-direction:column;gap:8px;padding:18px;display:flex}.card-top{justify-content:space-between;align-items:baseline;display:flex}.card-top strong{color:var(--teal);font-size:14px;font-weight:500}.card-top small{color:var(--mut);font-size:14px;font-weight:300}.review-today h2{font-size:22px;font-weight:600;line-height:1.2}.review-today p{color:var(--mut);font-size:14px;font-weight:300}.review-today .btn{min-height:50px;margin-top:4px;font-size:16px}@media (width>=900px){.review-today{border-radius:32px;gap:6px;padding:22px 24px}.review-today h2{font-size:24px}.review-today p{font-size:15px}.review-today .btn{align-self:flex-start;width:auto;min-height:44px;margin-top:10px;font-size:15px}}.continue-card{background:var(--ink);color:var(--bg);border-radius:28px;flex-direction:column;gap:14px;padding:18px;display:flex}.continue-main{text-align:left;flex-direction:column;gap:10px;display:flex}.continue-card small{opacity:.8;font-size:14px;font-weight:300}.continue-card h2{font-size:20px;font-weight:600;line-height:1.2}.continue-card p{opacity:.75;font-size:16px;font-weight:300}.continue-progress{align-items:center;gap:10px;display:flex}.continue-bar{background:color-mix(in srgb, var(--bg) 18%, transparent);border-radius:9px;flex:1;height:8px;overflow:hidden}.continue-bar span{background:var(--sun);border-radius:9px;height:100%;display:block}.continue-progress small{opacity:.75;font-size:13px}.continue-actions{gap:10px;display:flex}@media (width>=900px){.continue-card{border-radius:32px;padding:28px}.continue-main{gap:14px}.continue-card h2{letter-spacing:-.5px;font-size:30px}.continue-bar{height:10px}.continue-actions .btn{min-height:48px;font-size:16px}}.up-next{border-radius:32px;flex-direction:column;gap:12px;padding:22px 24px;display:flex}.up-next>small{color:var(--mut);font-size:14px;font-weight:500}.up-next-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.up-next-item{background:var(--bg);text-align:left;border-radius:22px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;display:flex}.up-next-item strong{font-size:15px;font-weight:500}.up-next-item .level{font-size:13px}.path{flex-direction:column;gap:22px;padding-top:4px;display:flex}.path-module{flex-direction:column;gap:10px;display:flex}.path-rule{align-items:center;gap:10px;display:flex}.path-rule small{color:var(--mut);font-size:13px}.path-rule small:first-child{font-weight:500}.path-rule span{background:var(--line);flex:1;height:1px}.path-module h2{margin-top:-4px;font-size:18px;font-weight:600}.lesson-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lesson-card{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:24px;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.lesson-card.current{border:2px solid var(--sun);padding:11px}.lesson-tile{background:var(--bg);width:44px;height:44px;color:var(--mut);border-radius:15px;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.lesson-tile.small{background:var(--card);border:1.5px solid var(--line);border-radius:12px;width:36px;height:36px;font-size:14px}.lesson-card.done .lesson-tile{background:var(--ok-soft);color:var(--ok)}.lesson-card.current .lesson-tile{background:var(--sun);color:var(--on-sun);transform:rotate(-6deg)}.lesson-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lesson-text strong{font-size:16px;font-weight:500;line-height:1.25}.lesson-text small{color:var(--mut);font-size:13px;font-weight:300}@media (width>=900px){.lesson-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}}.topic-emoji{margin-right:8px}.path-module p{color:var(--mut);margin-top:-6px;font-size:14px;font-weight:300}.card-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.card-row{background:var(--card);border:1px solid var(--line);border-radius:22px;align-items:center;gap:12px;padding:12px 16px;display:flex}.card-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.card-row-text strong{font-size:16px;font-weight:500}.card-row-text small{color:var(--mut);font-size:13px;font-weight:300}.card-due{color:var(--mut);white-space:nowrap;font-size:12px}.strength{align-items:flex-end;gap:3px;display:flex}.strength span{background:var(--line);border-radius:3px;width:5px}.strength span:first-child{height:8px}.strength span:nth-child(2){height:12px}.strength span:nth-child(3){height:16px}.strength span.on{background:var(--teal)}.list-action{bottom:calc(84px + env(safe-area-inset-bottom));padding-top:8px;position:sticky}@media (width>=900px){.list-action{max-width:360px;bottom:24px}.card-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}}.progress-grid{flex-direction:column;gap:12px;display:flex}@media (width>=900px){.progress-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}}.streak-card{background:var(--sun);color:var(--on-sun);border-radius:28px;flex-direction:column;gap:12px;padding:20px;display:flex}.streak-top{align-items:baseline;gap:10px;display:flex}.streak-top b{letter-spacing:-2px;font-size:52px;font-weight:700;line-height:1}.streak-top span{font-size:17px;font-weight:500}.streak-top small{margin-left:auto;font-size:13px}.streak-card>small{font-size:13px}.heat{grid-template-columns:repeat(14,1fr);gap:4px;display:grid}.heat span{aspect-ratio:1;border-radius:5px}.heat-0{background:#1f1d1a1f}.heat-1{background:#1f1d1a4d}.heat-2{background:#1f1d1a8c}.heat-3{background:#1f1d1ad9}.level-path{flex-direction:column;gap:12px;display:flex}.level-bars{gap:4px;display:grid}.level-bar{background:var(--line);border-radius:9px;height:12px;overflow:hidden}.level-bar span{background:var(--teal);border-radius:9px;height:100%;display:block}.level-bars small{color:var(--mut);font-size:12px}.level-bars small.mine{color:var(--ink);font-weight:600}.week-row{color:var(--mut);flex-wrap:wrap;align-items:baseline;gap:6px 18px;font-size:14px;display:flex}.week-row b{color:var(--ink);font-size:18px;font-weight:600}.week-row small{margin-left:auto;font-size:12px}.stat-tile{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:24px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;display:flex}.stat-label{color:var(--mut);font-size:13px}.sw-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-tile.weak{background:var(--die-soft);border-color:#0000}.sw-name{font-size:18px;font-weight:600}.sw-pct{font-size:14px;font-weight:500}.sw-pct.ok{color:var(--ok)}.sw-pct.bad{color:var(--die)}.settings-link{text-align:left;justify-content:space-between;align-items:center;display:flex}.settings-link>span:first-child{flex-direction:column;display:flex}.settings-link strong{font-size:16px;font-weight:600}.settings-link small{color:var(--mut);font-size:13px;font-weight:300}.settings{max-width:640px}.settings-head{align-items:center;gap:12px;display:flex}.settings-head h1{letter-spacing:-.5px;font-size:28px;font-weight:600}.settings-card{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field>small{color:var(--mut);font-size:13px}.prof-switch{flex-direction:column;gap:8px;display:flex}.prof-option{border:1.5px solid var(--line);text-align:left;border-radius:18px;align-items:center;gap:12px;padding:8px;font-size:15px;display:flex}.prof-option>span:last-child{flex-direction:column;display:flex}.prof-option small{color:var(--mut);font-size:13px;font-weight:300}.prof-option .prof-tile{border-radius:11px;font-size:15px}.prof-option .prof-tile.mono{font-size:12px}.prof-option.active{border:2px solid var(--sun);background:var(--sun-soft);padding:7.5px}.reset-confirm{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.session-top{align-items:center;gap:12px;min-height:44px;display:flex}.session-title{white-space:nowrap;text-overflow:ellipsis;max-width:40%;font-size:16px;font-weight:500;overflow:hidden}.session-counter{color:var(--mut);white-space:nowrap;font-size:13px}.close-btn{background:var(--card);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:22px;line-height:1;display:grid}.bar{background:var(--line);border-radius:9px;flex:1;height:12px;overflow:hidden}.bar-fill{background:var(--sun);border-radius:9px;height:100%;transition:width .3s;display:block}.combo{background:var(--teal-soft);color:var(--teal);border-radius:99px;padding:5px 10px;font-size:13px;font-weight:600}.combo.zero{background:var(--line);color:var(--mut)}.combo.hot{background:var(--sun);color:var(--on-sun)}.session-body{flex-direction:column;flex:1;gap:16px;padding-top:28px;padding-bottom:16px;display:flex}@media (width>=900px){.screen.session.wide{max-width:1280px;padding:18px 40px 0}.screen.session.wide .bar{max-width:520px;margin-left:auto}}.action-bar{padding:16px 20px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--bg) 24px);z-index:5;flex-direction:column;gap:10px;margin:auto -20px 0;display:flex;position:sticky;bottom:0}.session-body .action-bar{margin-top:auto}.session-body:has(+.action-bar) .action-bar{display:none}.split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ticket{background:var(--card);border:1.5px solid var(--line);border-radius:32px;flex-direction:column;animation:.25s ease-out ticket-in;display:flex;position:relative}@keyframes ticket-in{0%{opacity:0;transform:translateY(10px)rotate(-.5deg)}}.ticket-head{color:var(--mut);justify-content:space-between;padding:16px 22px;font-size:13px;font-weight:500;display:flex}.ticket-tear{border-top:2px dashed var(--line);position:relative}.ticket-tear:before,.ticket-tear:after{content:"";background:var(--bg);border-radius:50%;width:26px;height:26px;position:absolute;top:-14px}.ticket-tear:before{left:-14px}.ticket-tear:after{right:-14px}.ticket-sticker{background:var(--ink);color:var(--card);z-index:1;border-radius:99px;padding:6px 14px;font-size:14px;font-weight:600;position:absolute;top:-12px;right:24px;transform:rotate(4deg)}.ticket[class*=tone-] .ticket-tear:before,.ticket[class*=tone-] .ticket-tear:after{display:none}.ticket.tone-der{background:var(--der-soft);border:2px solid var(--der)}.ticket.tone-die{background:var(--die-soft);border:2px solid var(--die)}.ticket.tone-das{background:var(--das-soft);border:2px solid var(--das)}.ticket.tone-bad{background:var(--bad-soft);border:2px solid var(--bad)}.ticket.tone-der .ticket-sticker{background:var(--der)}.ticket.tone-die .ticket-sticker{background:var(--die)}.ticket.tone-das .ticket-sticker{background:var(--das)}.ticket.tone-bad .ticket-sticker{background:var(--bad)}.ticket[class*=tone-] .ticket-tear{opacity:.25;border-color:currentColor}.ticket-prompt{padding:22px;font-size:22px;line-height:1.35}.ticket-body{flex-direction:column;gap:10px;padding:26px 22px;display:flex}.card-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:260px;padding:24px;display:flex}.speak-controls{z-index:1;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.speak-controls.inline{flex-shrink:0;position:static}.stack>.speak-controls{bottom:44px;right:24px}.speak-btn{background:var(--card);border:1px solid var(--line);width:44px;height:44px;color:var(--teal);border-radius:50%;place-items:center;display:grid}.speak-btn small{font-size:11px;font-weight:600}.speak-btn.slow{font-size:18px}.speak-btn.on{background:var(--teal-soft);border-color:var(--teal)}.speak-btn:disabled{opacity:.5}.speak-btn:active:not(:disabled){transform:scale(.94)}.speak-stop{background:currentColor;border-radius:3px;width:14px;height:14px}.speak-spinner{border:2.5px solid var(--teal-soft);border-top-color:var(--teal);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.voice-dialog{border:1px solid var(--line);background:var(--card);max-width:min(400px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow);text-align:left;border-radius:24px;padding:24px}.voice-dialog::backdrop{background:var(--backdrop)}.voice-dialog h2{margin:0 0 8px;font-size:20px}.voice-dialog p{color:var(--mut);margin:0 0 20px;line-height:1.45}.voice-dialog-actions{flex-direction:column;gap:8px;display:flex}.card-face.static{min-height:200px}.big-word{letter-spacing:-.5px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:clamp(26px,7vw,34px);font-weight:600;line-height:1.2}.meaning{color:var(--teal);font-size:19px}.example{color:var(--mut);font-size:15px;font-weight:300;line-height:1.4}.g-der{color:var(--der)}.g-die{color:var(--die)}.g-das{color:var(--das)}.blank-article{color:var(--mut);opacity:.6}.feedback{border-radius:20px;flex-direction:column;gap:4px;margin:0 14px 14px;padding:14px 16px;font-size:14px;line-height:1.45;animation:.2s ease-out pop;display:flex}.feedback>b:first-child{font-size:16px;font-weight:600}.ticket-prompt:has(+.speak-controls){padding-bottom:72px}.ticket:has(>.speak-controls) .feedback{min-height:72px;padding-right:116px}.feedback.ok{background:var(--ok-soft)}.feedback.ok>b:first-child{color:var(--ok)}.feedback.bad{background:var(--bad-soft)}.feedback.bad>b:first-child{color:var(--bad)}.session-body>.feedback{margin:0}.options{flex-direction:column;gap:8px;display:flex}.option{background:var(--card);border:1.5px solid var(--line);text-align:left;border-radius:24px;align-items:center;gap:10px;padding:14px 18px;font-size:16px;line-height:1.35;transition:opacity .15s;display:flex}.option>span{flex:1}.option:not(:disabled):hover{border-color:var(--mut)}.option.ok{background:var(--ok-soft);border:2px solid var(--ok);color:var(--ink)}.option.ok>b{color:var(--ok)}.option.bad{background:var(--bad-soft);border:2px solid var(--bad)}.option.faded{opacity:.5}.options.row{flex-flow:wrap}.options.row .option{border-radius:99px;padding:10px 18px;font-size:17px;font-weight:500}.options.row .option.ok{color:var(--ok);border:none;padding:11.5px 19.5px}.options.row .option.bad{color:var(--bad);border:none;padding:11.5px 19.5px}.options.grid{grid-template-columns:1fr 1fr;display:grid}.options.grid .option{border-radius:20px;min-height:54px;font-size:15px}.gender-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.gender-btn{background:var(--card);border:1.5px solid var(--line);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:84px;font-size:22px;transition:opacity .15s;display:flex}.gender-btn b{font-weight:600}.gender-btn.right{color:var(--card);border:none}.gender-btn.g-der.right{background:var(--der)}.gender-btn.g-die.right{background:var(--die)}.gender-btn.g-das.right{background:var(--das)}.gender-btn.wrong{background:var(--bad-soft);border:2px solid var(--bad)}.gender-btn.faded{opacity:.5}.gap-sentence{font-size:24px;line-height:1.5}.gap-blank{border-bottom:3px solid var(--sun);min-width:70px;margin:0 4px;display:inline-block}.word-tag{border-radius:10px;padding:2px 10px}.word-tag.ok{background:var(--ok-soft);color:var(--ok);font-weight:600}.word-tag.bad{background:var(--bad-soft);color:var(--bad)}.word-tag.struck{text-decoration:line-through}.translation{color:var(--mut);font-size:15px;font-weight:300}.translate{flex-direction:column;gap:10px;display:flex}.answer-input{background:var(--card);border:2px solid var(--line);border-radius:24px;outline:none;width:100%;min-height:60px;padding:0 18px;font-size:19px}.answer-input:focus{border-color:var(--teal)}.answer-input.ok{border-color:var(--ok);background:var(--ok-soft)}.answer-input.bad{border-color:var(--bad);background:var(--bad-soft)}.umlaut-keys{gap:6px;display:flex}.umlaut-keys button{background:var(--sun);width:52px;height:40px;color:var(--on-sun);border-radius:10px;font-size:18px}.translate .hint{padding:0 2px;font-size:13px}.answer-tray{background:var(--bg);border-radius:22px;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:110px;margin:0 14px 14px;padding:12px;font-size:15px;display:flex}.answer-tray.ok{outline:2px solid var(--ok)}.answer-tray.bad{outline:2px solid var(--bad)}.word-pool{flex-wrap:wrap;gap:8px;display:flex}.word-chip{background:var(--card);border:1.5px solid var(--line);border-radius:99px;padding:10px 16px;font-size:17px}.word-chip.picked{background:var(--sun);color:var(--on-sun);border-color:var(--sun);padding:9px 14px;font-weight:500}.word-chip:not(:disabled){touch-action:none;-webkit-user-select:none;user-select:none}.word-chip.dragging{z-index:50;pointer-events:none;box-shadow:var(--shadow);position:fixed;transform:scale(1.06)}.word-chip.ghost{opacity:.35}.word-chip.slot{border:1.5px dashed var(--sun);color:#0000;background:0 0;padding:9px 14px;font-weight:500}.answer-tray.drop,.word-pool.drop{outline:2px dashed var(--sun);outline-offset:2px}.word-pool.drop{border-radius:16px}.reading{flex-direction:column;gap:16px;display:flex}.reading-text{background:var(--card);border:1.5px solid var(--line);border-radius:28px;flex-direction:column;gap:10px;padding:20px;display:flex}.reading-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.reading-head h2{font-size:19px;font-weight:600}.reading-head .link{white-space:nowrap;font-size:14px}.reading-text p{font-size:16px;font-weight:300;line-height:1.6}.q-dots{align-items:center;gap:8px;display:flex}.q-dots span{background:var(--line);border-radius:50%;width:8px;height:8px}.q-dots span.done{background:var(--teal)}.q-dots span.current{background:var(--sun)}.q-dots small{color:var(--mut);margin-left:4px;font-size:13px}.q-title{padding:8px 0 12px;font-size:19px;font-weight:500}.reading-questions{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.rq{background:var(--card);border:1.5px solid var(--line);border-radius:28px;flex-direction:column;gap:12px;padding:22px 24px;display:flex}.rq.current{border:2px solid var(--sun)}.rq.upcoming{color:var(--mut);background:0 0;border-style:dashed}.rq h3{align-items:center;gap:10px;font-size:17px;font-weight:500;display:flex}.rq-num{border:2px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.rq.current .rq-num{background:var(--sun);color:var(--on-sun);border:none}.rq-num.ok{background:var(--ok);color:var(--card);border:none}.rq-num.bad{background:var(--bad);color:var(--card);border:none}@media (width>=900px){.reading{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.reading-text{border-radius:32px;gap:16px;padding:36px;position:sticky;top:16px}.reading-head h2{font-size:22px}.reading-text p{font-size:19px;line-height:1.65}}.screen.review{background:var(--teal-soft);max-width:none}.screen.review>*{width:100%;max-width:520px;margin-left:auto;margin-right:auto}.review-top{justify-content:space-between;align-items:center;font-size:16px;font-weight:500;display:flex}.review-top .close-btn{border:none}.review-top .spacer{width:40px}.stack{margin-top:30px;padding:0 8px 28px;position:relative}.stack-card{background:var(--card);border-radius:32px}.stack-card.back-2{opacity:.5;position:absolute;inset:24px 26px 4px;transform:rotate(4deg)}.stack-card.back-1{opacity:.75;position:absolute;inset:12px 16px 14px;transform:rotate(-3deg)}.stack-card.front{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:410px;padding:24px;animation:.25s ease-out card-in;display:flex;position:relative;box-shadow:0 20px 40px -20px #0000004d}@keyframes card-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}.wrong-tag{background:var(--bad-soft);color:var(--bad);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600}.card-sentence{font-size:24px;font-weight:500;line-height:1.35}.screen.review .action-bar{background:linear-gradient(to bottom, transparent, var(--teal-soft) 24px)}.grade-hint{text-align:center;color:var(--mut);font-size:14px;font-weight:300}.grades{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grade{background:var(--card);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;height:64px;display:flex}.grade b{font-size:16px;font-weight:600}.grade small{color:var(--mut);font-size:12px}.grade-again b{color:var(--bad)}.grade-good{background:var(--teal);color:var(--on-teal)}.grade-good small{color:inherit;opacity:.8}.review-done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.review-done h1{font-size:28px;font-weight:600}.review-done p{color:var(--mut);font-weight:300}.screen.receipt-screen{background:var(--sun);max-width:none;color:var(--on-sun)}.screen.receipt-screen>*{width:100%;max-width:480px;margin-left:auto;margin-right:auto}.receipt-title{letter-spacing:-.8px;padding-top:24px;font-size:32px;font-weight:700;line-height:1.1}.receipt-wrap{margin-top:22px;animation:.5s ease-out print;transform:rotate(-1.5deg)}@keyframes print{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.receipt{background:var(--paper);color:var(--paper-ink);font-family:var(--mono);border-radius:6px 6px 0 0;flex-direction:column;gap:10px;padding:22px 22px 26px;display:flex;box-shadow:0 18px 30px -18px #0006}.receipt hr{border:none;border-top:1.5px dashed var(--paper-ink);opacity:.4;width:100%;margin:0}.receipt-brand{text-align:center;letter-spacing:2px;font-size:13px}.receipt-meta,.receipt-thanks{text-align:center;opacity:.7;font-size:12px}.receipt-row{justify-content:space-between;gap:12px;font-size:14px;display:flex}.receipt-sum{justify-content:space-between;font-size:20px;font-weight:700;display:flex}.receipt-edge{background:radial-gradient(circle at 8px -2px, transparent 8px, var(--paper) 8.5px) 0 0 / 16px 12px repeat-x;height:12px;margin-top:-1px}.receipt-screen .action-bar{background:0 0}.receipt-screen .btn.primary{background:var(--paper-ink);color:var(--paper)}.receipt-screen .btn.outline{color:var(--on-sun)}.gender-btn .shape{margin-bottom:2px}.gender-btn.right .shape{background:var(--card)}