:root{--bg: #f5f3ee;--bg-2: #ecebe4;--panel: #ffffff;--ink: #1d2133;--muted: #6a6f86;--accent: #3245a6;--accent-ink: #ffffff;--accent-soft: #e3e7fa;--sun: #e07a32;--sun-soft: #fcebdc;--border: #e2e0d8;--ok: #2e8a4c;--ok-ink: #276d3d;--ok-soft: #dff2e5;--bad: #c2463b;--bad-ink: #9b352c;--bad-soft: #f9e0dc;--glow: #fff2df;--shadow: 0 1px 2px rgba(20, 24, 50, .06), 0 4px 16px rgba(20, 24, 50, .06);--radius: 14px;--nav-w: 248px;--tabbar-h: 62px;color-scheme:light}:root[data-theme=dark]{--bg: #11131d;--bg-2: #171a27;--panel: #1b1f2e;--ink: #e7e8f1;--muted: #9aa0ba;--accent: #8d9cff;--accent-ink: #11131d;--accent-soft: #262c4f;--sun: #f2a35f;--sun-soft: #3a2a1c;--border: #2b3046;--ok: #6fcf8a;--ok-ink: #93d39e;--ok-soft: #1c3526;--bad: #f08a80;--bad-ink: #f0a39c;--bad-soft: #43231f;--glow: #272335;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);--lv-unknown: #5d6278;--lv-unknown-bg: #232738;--lv-unknown-ink: #747a93;--lv-red: #e06b66;--lv-red-bg: #45231f;--lv-yellow: #d9b148;--lv-yellow-bg: #3f3519;--lv-green: #5fb46f;--lv-green-bg: #1d3623;--lv-purple: #a382d8;--lv-purple-bg: #312747;color-scheme:dark}:root[data-theme=dark] .lesson-view__page-image img,:root[data-theme=dark] .lesson-view__thumb img{filter:brightness(.82) contrast(1.05)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted)}.lesson-view__header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.lesson-view__header h2{margin:0}.lesson-view__topic{margin:2px 0 0;color:var(--muted);font-size:13px}.lesson-view__pager{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.lesson-view__pager button{padding:6px 12px;border:1px solid var(--border);background:var(--panel);border-radius:6px;cursor:pointer;font:inherit}.lesson-view__pager button:disabled{opacity:.4;cursor:default}.lesson-view__body{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.lesson-view__page-image{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px;max-width:720px;flex:2 1 480px}.lesson-view__page-image img{width:100%;display:block;border-radius:4px}.lesson-view__section-badge{position:absolute;top:18px;left:18px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;z-index:1}.audio-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;flex:1 1 260px;min-width:240px;position:sticky;top:0}.audio-panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.audio-panel__heading{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.audio-panel__play-all{padding:4px 10px;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.audio-panel__play-all:hover{background:var(--accent-soft)}.audio-panel__tracks{display:flex;flex-direction:column;gap:6px}.audio-track{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:8px;background:var(--bg);overflow:hidden}.audio-track--current{background:var(--accent-soft);border-color:var(--accent)}.audio-track--hidden{opacity:.45;border-style:dashed}.audio-track__main{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;background:transparent;cursor:pointer;font:inherit;color:inherit;text-align:left;min-height:40px}.audio-track__main:disabled{cursor:default}.audio-track__icon{color:var(--accent);width:1em;text-align:center}.audio-track__label{flex:1;font-size:13px}.audio-track__original{color:var(--muted);font-size:11px}.audio-track__code{font-size:11px;color:var(--muted)}.audio-track__edit{display:flex;border-left:1px solid var(--border)}.audio-track__edit button{border:0;background:transparent;padding:0 10px;cursor:pointer;color:var(--muted);font:inherit}.audio-track__edit button:hover{color:var(--accent);background:var(--panel)}.audio-track__editor{flex:1;display:flex;gap:6px;padding:6px}.audio-track__editor input{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--accent);border-radius:6px;font:inherit;font-size:13px}.audio-track__editor button{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel);font:inherit;font-size:12px;cursor:pointer}.transport{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.transport__now{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport--active .transport__now{color:var(--ink)}.transport__seek{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.transport__seek input{flex:1;min-width:0;accent-color:var(--accent)}.transport__controls{display:flex;align-items:center;justify-content:center;gap:6px}.transport__controls button{min-width:40px;height:36px;padding:0 8px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.transport__controls button:disabled{opacity:.4;cursor:default}.transport__controls .transport__play{min-width:52px;background:var(--accent);border-color:var(--accent);color:#fff}.transport__rate{font-variant-numeric:tabular-nums;font-size:12px!important;font-weight:600}.transport__repeat{font-size:12px!important;color:var(--muted)!important;white-space:nowrap}.transport__repeat--on{color:var(--accent)!important;font-weight:600;border-color:var(--accent)!important;background:var(--accent-soft)!important}.lesson-view__thumbs{position:relative;margin-top:20px;display:flex;flex-wrap:wrap;gap:6px}.lesson-view__thumb{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:var(--panel);cursor:pointer;font-size:12px;color:var(--muted)}.lesson-view__thumb--active{background:var(--accent);color:#fff;border-color:var(--accent)}.edit-bar{margin-bottom:16px;padding:10px 14px;border:1px dashed var(--accent);border-radius:10px;background:var(--accent-soft);font-size:13px}.edit-bar__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.edit-bar__stats{color:var(--muted)}.edit-bar__actions{display:flex;gap:6px;margin-left:auto}.edit-bar button{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--panel);font:inherit;cursor:pointer}.edit-bar .edit-bar__danger{border-color:var(--accent);color:var(--accent);font-weight:600}.edit-bar__export p{margin:10px 0 6px}.edit-bar__export textarea{display:block;width:100%;margin-bottom:6px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);cursor:pointer}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.sync-error{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft);font-size:13px}.sync-error span{flex:1}.sync-error button{border:0;background:none;cursor:pointer;color:var(--muted)}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.auth-form input{padding:9px 10px;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:15px;color:var(--ink);background:var(--panel)}.auth-form input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.auth-form__note{margin:0;font-size:12px;color:var(--muted)}.auth-form__error{margin:0;padding:6px 10px;border-radius:6px;background:var(--accent-soft);color:var(--accent);font-size:13px}.btn-primary,.btn-secondary,.btn-ghost{padding:9px 16px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.btn-primary{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{border:1px solid var(--accent);background:var(--panel);color:var(--accent)}.btn-secondary:hover:not(:disabled){background:var(--accent-soft)}.btn-secondary:disabled{border-color:var(--border);color:var(--muted);cursor:default}.btn-ghost{border:1px solid var(--border);background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--bg)}.home__section-title{margin:28px 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.kana-session.keiko-session--page{max-width:1200px}.keiko-open-book{display:grid;grid-template-columns:minmax(0,3fr) minmax(300px,2fr);align-items:start;gap:16px}.keiko-page{margin:0;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.keiko-page__image{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.keiko-page__image img{display:block;width:100%;height:auto;border-radius:6px}.keiko-page figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 4px 2px;font-size:12px;color:var(--muted)}.keiko-page figcaption .btn-ghost{padding:4px 10px;border:1px solid var(--border);background:var(--bg);color:var(--ink);font-size:12px}.keiko-question{position:sticky;top:12px}.keiko-question .quiz__prompt{margin:0}.keiko-question .quiz__jp{align-self:stretch}.keiko-question .quiz__audio{align-self:center}.keiko-question .quiz__option{text-align:left}.keiko-missed li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.keiko-missed small{color:var(--muted)}@media (max-width: 800px){.keiko-open-book{grid-template-columns:1fr}.keiko-question{position:static;order:-1}}.lesson-view__pager .done-toggle{border-color:var(--accent);color:var(--accent);font-weight:600}.lesson-view__pager .done-toggle--done{background:var(--accent);color:#fff}.lesson-view__thumb--done:not(.lesson-view__thumb--active){background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}:root{--lv-unknown: #c9c2b8;--lv-unknown-bg: #f1ede7;--lv-red: #d9534f;--lv-red-bg: #f9dcd8;--lv-yellow: #d4a72c;--lv-yellow-bg: #fbf0c9;--lv-green: #4a9d5b;--lv-green-bg: #d8f0dc;--lv-purple: #8a5cc7;--lv-purple-bg: #e9ddf7;--lv-unknown-ink: #9a9db0}.kana-level--unknown{--lv: var(--lv-unknown);--lv-bg: var(--lv-unknown-bg)}.kana-level--red{--lv: var(--lv-red);--lv-bg: var(--lv-red-bg)}.kana-level--yellow{--lv: var(--lv-yellow);--lv-bg: var(--lv-yellow-bg)}.kana-level--green{--lv: var(--lv-green);--lv-bg: var(--lv-green-bg)}.kana-level--purple{--lv: var(--lv-purple);--lv-bg: var(--lv-purple-bg)}.kana-levelbar{display:flex;height:6px;margin-top:4px;border-radius:3px;overflow:hidden;background:var(--lv-unknown-bg)}.kana-levelbar>span{background:var(--lv)}.kana-module{max-width:900px}.kana-module__header{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px}.kana-module__header h2{margin:0;font-size:26px}.kana-module__header h2 span{font-size:15px;font-weight:400;color:var(--muted)}.kana-module__header p{margin:0;color:var(--muted);font-size:13px}.kana-back{flex-basis:100%;align-self:flex-start;text-align:left;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:6px}.kana-start{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:18px 0;padding:16px 18px;border:1px solid var(--accent);border-radius:12px;background:var(--panel)}.kana-start--review{margin-top:-6px;border-color:var(--border)}.kana-start__text{display:flex;flex-direction:column;gap:4px;flex:1 1 260px}.kana-start__text span{font-size:13px;color:var(--muted)}.kana-start__options{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.kana-start__options label{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:600;color:var(--muted)}.kana-start__options select{padding:7px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel);font:inherit;font-size:13px;color:var(--ink)}.kana-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 16px;padding:0;list-style:none;font-size:12px;color:var(--muted)}.kana-legend li{display:flex;align-items:center;gap:6px}.kana-legend strong{color:var(--ink);font-variant-numeric:tabular-nums}.kana-swatch{width:12px;height:12px;border-radius:3px;background:var(--lv)}.kana-chart{display:flex;flex-direction:column;gap:20px}.kana-chart__group h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.kana-chart__grid{display:grid;gap:6px;max-width:520px}.kana-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;border:1px solid var(--lv);border-radius:8px;background:var(--lv-bg)}.kana-cell--empty{border:0;background:none}.kana-cell__char{font-size:22px;line-height:1.2}.kana-cell__romaji{font-size:10px;color:var(--muted)}.kana-level--unknown .kana-cell__char{color:var(--lv-unknown-ink)}.keiko-kanji__label{margin:0 0 8px;font-size:12px;color:var(--muted);text-align:center}.kanji-chart__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;max-width:720px}.kanji-cell{padding:4px;min-width:0}.kanji-cell .kana-cell__romaji{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kana-session{max-width:560px;margin:0 auto}.kana-session__bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px;color:var(--muted)}.kana-session__phase{font-weight:600}.kana-session__quit{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--panel);font:inherit;font-size:12px;color:var(--muted);cursor:pointer}.kana-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px;border:1px solid var(--border);border-radius:16px;background:var(--panel);text-align:center;transition:border-color .15s,background .15s}.kana-big{font-size:104px;line-height:1.1;font-weight:500}.kanji-face rt{font-size:.2em;font-weight:500;color:var(--muted)}.kana-option .kanji-face rt{font-size:.4em}.kanji-face rt.is-hidden{visibility:hidden}.kana-intro__tag{position:absolute;top:14px;left:14px;padding:2px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.kana-intro__romaji{font-size:28px;font-weight:700;color:var(--accent)}.kanji-intro{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.kanji-intro__meaning{font-size:24px;font-weight:700;color:var(--accent)}.kanji-intro__reading{font-size:18px}.kanji-intro__words{display:flex;flex-direction:column;gap:4px;margin:6px 0 0;padding:0;list-style:none;font-size:17px}.kanji-intro__words small{margin-left:8px;color:var(--muted);font-size:13px}.kanji-intro__source,.kana-intro__alts{font-size:12px;color:var(--muted)}.kana-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.kana-question form,.kana-speed form{display:flex;gap:8px;width:min(320px,100%)}.kana-input{flex:1;min-width:0;padding:10px 14px;border:2px solid var(--border);border-radius:10px;font:inherit;font-size:22px;text-align:center;color:var(--ink);background:var(--panel)}.kana-input:focus{outline:none;border-color:var(--accent)}.kana-question--correct{border-color:var(--lv-green);background:var(--lv-green-bg)}.kana-question--correct .kana-input{border-color:var(--lv-green)}.kana-question--wrong{border-color:var(--lv-red);background:var(--lv-red-bg)}.kana-question--wrong .kana-input{border-color:var(--lv-red)}.kana-feedback{margin:0;font-weight:600}.kana-feedback p{margin:0 0 10px}.kana-feedback--correct{color:var(--lv-green)}.kana-feedback--wrong{color:var(--lv-red)}.kana-feedback--wrong strong{font-size:20px}.kana-speed-ready p{margin:0;color:var(--muted);max-width:380px}.kana-speed-ready h3{margin:0;font-size:22px}.kana-speed__top{display:flex;justify-content:space-between;width:100%;font-weight:700;font-variant-numeric:tabular-nums}.kana-speed__timer{font-size:22px}.kana-speed__timer[data-low=true]{color:var(--lv-red)}.kana-speed__score{color:var(--lv-green)}.kana-speed__track{display:block;width:100%;height:6px;border-radius:3px;background:var(--border);overflow:hidden}.kana-speed__track span{display:block;height:100%;background:var(--accent);transition:width .2s linear}.kana-results h3{margin:0;font-size:24px}.kana-results h4{align-self:stretch;margin:8px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left}.kana-results__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px}.kana-results__stats div{display:flex;flex-direction:column}.kana-results__stats strong{font-size:30px;font-variant-numeric:tabular-nums}.kana-results__stats span{font-size:12px;color:var(--muted)}.kana-changes{align-self:stretch;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;text-align:left;font-size:13px}.kana-changes li{display:flex;align-items:center;gap:10px}.kana-changes li>span:nth-child(2){flex:1}.kana-chip{display:inline-flex;align-items:baseline;gap:4px;padding:3px 10px;border:1px solid var(--lv);border-radius:8px;background:var(--lv-bg);font-size:18px}.kana-chip small{font-size:11px;color:var(--muted)}.kana-up{color:var(--lv-green)}.kana-down{color:var(--lv-red)}.kana-missed{align-self:stretch;display:flex;flex-wrap:wrap;gap:6px}.kana-empty{text-align:center;color:var(--muted)}.quiz{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--accent);border-radius:12px;background:var(--panel)}.quiz--page{flex:1 1 300px;min-width:260px;position:sticky;top:0}.quiz--chapter{max-width:640px;margin:0 auto;padding:22px}.quiz__hint-btn{align-self:flex-start;padding:6px 12px;border:1px dashed var(--accent);border-radius:999px;background:var(--accent-soft);font:inherit;font-size:13px;color:var(--ink);cursor:pointer}.quiz__hint{margin:0;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.quiz__hint-image{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.quiz__hint-image img{display:block;width:100%;height:auto;border-radius:6px}.quiz__hint figcaption{padding-top:6px;font-size:12px;color:var(--muted)}.quiz__head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.quiz__head span{display:flex;align-items:center;gap:10px;color:var(--muted);font-variant-numeric:tabular-nums}.quiz__close{border:0;background:none;color:var(--muted);font-size:14px;cursor:pointer}.quiz__track{display:block;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.quiz__track span{display:block;height:100%;background:var(--accent);transition:width .2s}.quiz__body{display:flex;flex-direction:column;gap:10px}.quiz__prompt{margin:0;font-weight:600;line-height:1.45}.quiz__jp{margin:0;font-size:24px;text-align:center;padding:8px;border-radius:8px;background:var(--bg)}.quiz__audio{align-self:flex-start;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font:inherit;font-size:13px;cursor:pointer}.quiz__options{display:flex;flex-direction:column;gap:6px}.quiz__option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font:inherit;font-size:15px;color:var(--ink);text-align:left;cursor:pointer}.quiz__option:hover:not(:disabled){border-color:var(--accent)}.quiz__option:disabled{cursor:default}.quiz__option.is-correct{border-color:var(--lv-green);background:var(--lv-green-bg)}.quiz__option.is-wrong{border-color:var(--lv-red);background:var(--lv-red-bg)}.quiz__option.is-dim{opacity:.5}.quiz__key{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:6px;background:var(--panel);border:1px solid var(--border);font-size:11px;color:var(--muted)}.quiz__feedback{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:8px}.quiz__feedback p{margin:0}.quiz__feedback.is-correct{background:var(--lv-green-bg);color:var(--ok-ink)}.quiz__feedback.is-wrong{background:var(--lv-red-bg);color:var(--bad-ink)}.quiz__explain{font-size:13px;color:var(--ink)}.quiz__feedback .btn-primary{align-self:flex-end}.quiz__results{display:flex;flex-direction:column;gap:12px}.quiz__score{display:flex;flex-direction:column;align-items:center;padding:14px;border-radius:10px}.quiz__score strong{font-size:34px;font-variant-numeric:tabular-nums}.quiz__score.is-pass{background:var(--lv-green-bg);color:var(--ok-ink)}.quiz__score.is-fail{background:var(--lv-red-bg);color:var(--bad-ink)}.quiz__missed{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;font-size:13px}.quiz__missed li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;background:var(--bg)}.quiz__missed strong{color:var(--ok-ink)}.quiz__actions{display:flex;justify-content:flex-end;gap:8px}.chapter-quiz-btn{margin-top:8px;padding:6px 12px;border:1px solid var(--accent);border-radius:999px;background:var(--panel);color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.chapter-quiz-btn:disabled{border-color:var(--border);color:var(--muted);cursor:default}.chapter-quiz-btn--done{border-color:var(--lv-green);background:var(--lv-green-bg);color:var(--ok-ink)}.vocab-big{font-size:44px;line-height:1.2;font-weight:500}.vocab-kana{font-size:18px;color:var(--muted)}.vocab-romaji{font-size:20px;font-weight:700;color:var(--accent)}.vocab-en{font-size:18px}.vocab-instruction{margin:0;font-size:13px;color:var(--muted)}.vocab-prompt-en{font-size:26px;font-weight:600}.vocab-options{display:flex;flex-direction:column;gap:6px;width:min(380px,100%)}.vocab-option--jp{font-size:18px}.vocab-missed{align-self:stretch;margin:0;padding:0;list-style:none;text-align:left;font-size:13px;display:flex;flex-direction:column;gap:4px}.vocab-missed span{color:var(--muted)}.vocab-gate{border-color:var(--border)}.vocab-gate__bar{display:block;height:6px;margin-top:4px;border-radius:3px;background:var(--border);overflow:hidden}.vocab-gate__bar span{display:block;height:100%;background:var(--lv-yellow)}.vocab-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:8px}.vocab-toolbar .kana-legend{margin:0}.vocab-hide{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}.vocab-group{margin-top:18px}.vocab-group h3{margin:0 0 8px;font-size:14px}.vocab-group h3 small{color:var(--muted);font-weight:400}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.vocab-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--lv);border-left-width:4px;border-radius:8px;background:var(--panel);font:inherit;color:inherit;text-align:left;cursor:pointer}.vocab-card__jp{font-size:17px;font-weight:600}.vocab-card__kana{font-size:11px;color:var(--muted)}.vocab-card__en{font-size:13px;margin-top:4px}.vocab-card__romaji{font-size:11px;color:var(--muted)}.vocab-locked{margin:8px 0 0;font-size:13px;color:var(--muted)}ruby{ruby-align:center}rt{ruby-align:center;font-size:max(.5em,7px);font-weight:400;letter-spacing:-.04em;margin-inline:-1em;opacity:.85}.kana-prompt-romaji{font-size:56px;font-weight:700;line-height:1.2;letter-spacing:.02em}.kana-prompt-meaning{max-width:420px;font-size:30px;text-align:center}.kana-options--words .kana-option{font-size:16px;text-align:center}.kana-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(420px,100%)}.kana-option{display:flex;align-items:center;justify-content:center;position:relative;min-height:60px;padding:10px 12px;border:2px solid var(--border);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;font-size:22px;font-weight:600;cursor:pointer;touch-action:manipulation}.kana-options--kana .kana-option{font-size:34px;font-weight:500;min-height:76px}.kana-option:hover:not(:disabled){border-color:var(--accent)}.kana-option:disabled{cursor:default}.kana-option .quiz__key{position:absolute;top:6px;left:6px}.kana-option.is-correct{border-color:var(--lv-green);background:var(--lv-green-bg)}.kana-option.is-wrong{border-color:var(--lv-red);background:var(--lv-red-bg)}.kana-option.is-dim{opacity:.45}.kana-feedback__aside{font-weight:400;font-size:13px}.kana-review-row{display:flex;justify-content:center;margin-top:12px}.profile{max-width:1100px;--act-reading: #5b8fd9;--act-quiz: var(--accent);--act-kana: #d4a72c;--act-vocab: #4a9d5b}.profile__header{display:flex;align-items:center;gap:16px}.profile__header h2{margin:0;font-size:26px}.profile__header p{margin:2px 0 0;color:var(--muted)}.profile__avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;font-weight:700}.profile__card{padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.profile__link{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.profile__link:hover{text-decoration:underline}.profile__muted{font-size:13px;color:var(--muted)}.profile__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px}.profile__stat{display:flex;flex-direction:column;gap:2px}.profile__stat strong{font-size:26px}.profile__stat small{font-size:14px;font-weight:500;color:var(--muted)}.profile__stat span{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile__section{margin-top:8px}.profile__time{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}.profile__time-total strong{display:block;font-size:30px}.profile__time-total span{font-size:13px;color:var(--muted)}.profile__time-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0}.profile__time-facts dt{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile__time-facts dd{margin:2px 0 0;font-weight:700}.profile__activities{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.profile__activities li{display:grid;grid-template-columns:150px 1fr 80px;align-items:center;gap:10px;font-size:13px}.profile__activity-label{display:flex;align-items:center;gap:6px}.profile__activity-bar{height:8px;border-radius:4px;background:var(--bg);overflow:hidden}.profile__activity-bar span{display:block;height:100%;border-radius:4px}.profile__activity-time{text-align:right;color:var(--muted)}.profile__dot{width:10px;height:10px;border-radius:50%}.profile__dot--reading,.profile__fill--reading{background:var(--act-reading)}.profile__dot--quiz,.profile__fill--quiz{background:var(--act-quiz)}.profile__dot--kana,.profile__fill--kana{background:var(--act-kana)}.profile__dot--vocab,.profile__fill--vocab{background:var(--act-vocab)}.profile__week{display:flex;flex-direction:column;gap:10px}.profile__week-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:150px}.profile__week-day{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.profile__week-col{display:flex;flex-direction:column-reverse;flex:1;width:100%;max-width:34px;border-radius:6px;background:var(--bg);overflow:hidden}.profile__week-label{font-size:11px;color:var(--muted)}.profile__kana{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.profile__kana-card{display:flex;flex-direction:column;gap:8px}.profile__card-head{display:flex;align-items:baseline;justify-content:space-between}.profile__card-head small{font-weight:500;color:var(--muted)}.profile__kana-card .kana-levelbar{max-width:none}.profile__legend{margin-top:10px}.kana-chart--mini{gap:10px;margin-top:4px}.kana-chart--mini .kana-chart__group h3{margin-bottom:4px;font-size:10px}.kana-chart--mini .kana-chart__grid{gap:3px;max-width:300px}.kana-chart--mini .kana-cell{min-height:26px;border-radius:5px}.kana-chart--mini .kana-cell__char{font-size:14px}.kana-chart--mini .kanji-chart__grid{grid-template-columns:repeat(auto-fill,minmax(24px,1fr));gap:3px;max-width:300px}.profile__vocab-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.profile__filters{display:flex;flex-wrap:wrap;gap:6px}.profile__filter{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.profile__filter small{color:var(--muted)}.profile__filter--on{border-color:var(--accent);background:var(--accent-soft)}.profile__vocab-group h4{margin:16px 0 6px;font-size:13px;color:var(--accent)}.profile__vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 18px;margin:0;padding:0;list-style:none}.profile__vocab-list li{display:grid;grid-template-columns:10px auto 1fr;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px solid var(--border)}.profile__vocab-jp{font-size:16px;white-space:nowrap}.profile__vocab-jp small{font-size:11px;color:var(--muted)}.profile__vocab-en{overflow:hidden;font-size:13px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.profile__empty{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--muted)}.profile__empty-icon{font-size:24px;filter:grayscale(1);opacity:.6}.profile__header{align-items:flex-start}.profile__identity{flex:1;min-width:0}.profile__identity h2{word-break:break-word}.profile__username{margin:2px 0 6px!important;font-size:13px}.profile__name-form{display:flex;flex-direction:column;gap:8px;max-width:560px}.profile__name-form p{margin:0}.profile__name-fields{display:flex;flex-wrap:wrap;gap:10px}.profile__name-fields label{display:flex;flex:1 1 200px;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}.profile__name-fields input{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--ink);font:inherit;font-size:16px}.profile__name-fields input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.profile__name-actions{display:flex;gap:8px}.profile__error{font-size:13px;color:var(--bad-ink)}.profile__fill--ach{background:linear-gradient(90deg,#d4a72c,#e0b84a)}.profile__ach-summary{display:flex;align-items:center;gap:14px;margin-bottom:6px}.profile__ach-summary strong{flex:0 0 auto;font-size:22px}.profile__ach-summary small{font-size:13px;font-weight:500;color:var(--muted)}.profile__ach-summary .profile__activity-bar{flex:1;max-width:360px}.profile__ach-group h4{margin:16px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.profile__ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.ach{display:flex;gap:12px;padding:12px 14px;border:1px dashed var(--border);border-radius:12px;background:var(--panel)}.ach__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:var(--bg);font-size:22px;filter:grayscale(1);opacity:.45}.ach__body{display:flex;flex-direction:column;gap:2px;min-width:0}.ach__body strong{font-size:14px;color:var(--muted)}.ach__body>span{font-size:12px;color:var(--muted)}.ach__date{font-size:11px;color:var(--muted)}.ach__progress{display:flex;align-items:center;gap:8px;margin-top:4px}.ach__progress .profile__activity-bar{flex:1;height:6px}.ach__progress small{flex:0 0 auto;font-size:11px;color:var(--muted)}.ach--earned{border:1px solid var(--lv-yellow);background:linear-gradient(135deg,var(--lv-yellow-bg),var(--panel) 70%)}.ach--earned .ach__icon{background:var(--panel);box-shadow:0 0 0 2px var(--lv-yellow);filter:none;opacity:1}.ach--earned .ach__body strong{color:var(--ink)}.ach--earned .ach__date{color:var(--lv-yellow);font-weight:600}.ach-toasts{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.ach-toast{display:flex;align-items:center;gap:12px;width:min(340px,calc(100vw - 32px));padding:12px 14px;border:1px solid var(--lv-yellow);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;text-align:left;box-shadow:0 10px 30px #0000002e;cursor:pointer;pointer-events:auto;animation:ach-in .35s ease-out}.ach-toast--more{width:auto;padding:6px 12px;font-size:12px;color:var(--muted);cursor:default}.ach-toast__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--lv-yellow-bg);font-size:22px}.ach-toast__body{display:flex;flex-direction:column;min-width:0}.ach-toast__body small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lv-yellow)}.ach-toast__body span{font-size:12px;color:var(--muted)}@keyframes ach-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}@media (prefers-reduced-motion: reduce){.ach-toast{animation:none}}@media (max-width: 800px){.profile__time{grid-template-columns:1fr}.profile__activities li{grid-template-columns:120px 1fr 64px}}.profile__back{margin-bottom:14px}.lesson-view__zoomable{cursor:zoom-in}.page-zoom-btn{position:absolute;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px;font-weight:600;box-shadow:0 4px 14px #00000026;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .15s,transform .15s}.lesson-view__page-image:hover .page-zoom-btn,.page-zoom-btn:focus-visible{opacity:1;transform:none}.page-zoom-btn:hover{border-color:var(--accent);color:var(--accent)}@media (hover: none){.page-zoom-btn{opacity:.92;transform:none}}.page-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;background:#15110e}.page-zoom__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;background:#1f1a15;border-bottom:1px solid rgba(255,255,255,.08);color:#f2ebe2}.page-zoom__label{font-weight:600}.page-zoom__controls{display:flex;align-items:center;gap:6px}.page-zoom__controls button{min-width:38px;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff14;color:#f2ebe2;font:inherit;font-size:17px;cursor:pointer}.page-zoom__controls button:hover:not(:disabled){background:#ffffff2e}.page-zoom__controls button:disabled{opacity:.35;cursor:default}.page-zoom__controls .page-zoom__level{min-width:64px;font-size:13px;font-weight:600}.page-zoom__sep{width:1px;height:22px;margin:0 4px;background:#fff3}.page-zoom__scroll{flex:1;overflow:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));cursor:grab;overscroll-behavior:contain}.page-zoom__scroll:active{cursor:grabbing}.page-zoom__scroll--fit{cursor:zoom-in}.page-zoom__scroll img{display:block;max-width:none;margin:0 auto;border-radius:4px;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .page-zoom__scroll img{filter:brightness(.85) contrast(1.05)}@media (max-width: 800px){.lesson-view__header{margin-bottom:10px}.lesson-view__pager{width:100%;justify-content:space-between}.lesson-view__pager button{padding:10px 16px}.lesson-view__body{gap:12px}.lesson-view__page-image{flex-basis:100%;padding:4px}.lesson-view__section-badge{top:10px;left:10px}.audio-panel{position:static;flex-basis:100%;min-width:0;padding:12px}.audio-track__main{min-height:44px}.transport--active{position:fixed;left:0;right:0;bottom:0;z-index:10;margin:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000014}.transport__controls button{height:40px;min-width:44px}.lesson-view__thumbs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.lesson-view__thumb{flex-shrink:0;width:36px;height:36px}.lesson-view__pager{flex-wrap:wrap}.done-toggle{order:4;flex:1 0 100%;padding:10px!important}.kana-big{font-size:84px}.kana-card{padding:22px 16px}.kana-cell{min-height:50px}.kana-start__options{width:100%}.kana-start__options .btn-primary,.kana-start__options .btn-secondary{flex:1}.quiz--page{position:static;flex-basis:100%;min-width:0}.quiz--chapter{padding:16px}.vocab-big{font-size:36px}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}button{font:inherit}.muted{color:var(--muted)}.link{border:0;padding:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;text-align:left}.link:hover{text-decoration:underline}.btn-lg{padding:12px 22px;font-size:16px;border-radius:10px}.quiz__option.is-picked{border-color:var(--accent);background:var(--accent-soft)}.page-empty{padding:40px 0;color:var(--muted);text-align:center}.page-head{margin-bottom:20px}.page-head h1{margin:0 0 4px;font-size:30px;letter-spacing:.01em}.page-head h1 small{margin-left:6px;font-size:15px;font-weight:500;color:var(--muted)}.page-head p{margin:0;max-width:760px;color:var(--muted);line-height:1.55}.page-head .kana-back{margin-bottom:10px}.card{padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.card__eyebrow,.exam__eyebrow,.day-view__eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sun)}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.tag--pass{background:var(--ok-soft);color:var(--ok-ink)}.tag--fail{background:var(--bad-soft);color:var(--bad-ink)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--panel);color:var(--ink);font-weight:700;font-size:14px}button.chip{cursor:pointer}.chip--streak{border-color:transparent;background:var(--sun-soft);color:var(--sun)}.segmented{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--bg-2)}.segmented button{padding:6px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.segmented button.is-on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.tabs{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--border)}.tabs__tab{padding:10px 14px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-weight:600;cursor:pointer}.tabs__tab--on{border-bottom-color:var(--accent);color:var(--ink)}.shell{display:grid;grid-template-columns:var(--nav-w) minmax(0,1fr);min-height:100vh}.shell__nav{position:sticky;top:0;display:flex;flex-direction:column;gap:18px;height:100vh;padding:20px 14px;border-right:1px solid var(--border);background:var(--panel);overflow-y:auto}.shell__main{min-width:0;padding:28px clamp(16px,4vw,48px) 60px}.shell__main>*{max-width:1120px}.shell__top,.tabbar{display:none}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px;border:0;background:none;color:var(--ink);cursor:pointer;text-align:left}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(160deg,#2c3a8f,#1b2259)}.brand--small .brand__mark{width:34px;height:34px;border-radius:10px}.brand__sun{fill:var(--sun)}.brand__mountain{fill:#f4f1ea}.brand__text strong{display:block;font-size:22px;letter-spacing:.04em}.brand__text small{color:var(--muted);font-size:12px}.nav{display:flex;flex-direction:column;gap:2px}.nav__item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:10px;border:0;border-radius:10px;background:none;color:var(--ink);font-weight:600;text-align:left;cursor:pointer}.nav__item:hover{background:var(--bg)}.nav__item--on{background:var(--accent-soft);color:var(--accent)}.nav__icon{font-size:18px;text-align:center}.nav__jp{color:var(--muted);font-size:11px;font-weight:500}.shell__me{margin-top:auto;display:flex;flex-direction:column;gap:10px}.me{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--ink);text-align:left;cursor:pointer}.me--on{border-color:var(--accent)}.me__text{min-width:0}.me__text strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.me__text small{color:var(--muted)}.shell__tools{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.me--small{padding:0;border:0;background:none}.sync-error{margin-bottom:16px}.avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;line-height:1;-webkit-user-select:none;user-select:none}.avatar--indigo{background:#3a4bb0}.avatar--vermilion{background:#d9573c}.avatar--matcha{background:#5a8f3c}.avatar--sakura{background:#e58aa6}.avatar--sky{background:#3d93c9}.avatar--gold{background:#d39b26}.avatar--plum{background:#8d4f9e}.avatar--slate{background:#5c6378}.xp-toasts{position:fixed;right:24px;top:20px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.xp-chip{padding:6px 12px;border-radius:999px;background:var(--sun);color:#fff;font-weight:800;box-shadow:var(--shadow);animation:xp-rise 2.5s ease forwards}@keyframes xp-rise{0%{opacity:0;transform:translateY(8px) scale(.9)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-14px)}}@media (prefers-reduced-motion: reduce){.xp-chip{animation:none}}.welcome{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,420px);gap:clamp(24px,5vw,72px);align-items:center;min-height:100vh;padding:40px clamp(20px,6vw,96px);background:radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--sun) 22%,transparent),transparent 40%),linear-gradient(180deg,var(--bg-2),var(--bg))}.welcome__pitch h1{margin:12px 0 4px;font-size:clamp(40px,6vw,64px);letter-spacing:.04em}.welcome__pitch h1 span{font-size:.45em;color:var(--muted);letter-spacing:0}.welcome__mark{display:inline-flex;padding:10px;border-radius:18px;background:linear-gradient(160deg,#2c3a8f,#1b2259);color:#f4f1ea}.welcome__mark circle{fill:var(--sun)}.welcome__tag{margin:0 0 22px;font-size:20px;color:var(--muted)}.welcome__points{display:grid;gap:12px;margin:0;padding:0;list-style:none;max-width:560px}.welcome__points li{position:relative;padding-left:28px;line-height:1.5}.welcome__points li:before{content:"▲";position:absolute;left:0;top:1px;color:var(--sun);font-size:13px}.welcome__levels{margin-top:24px;color:var(--muted);font-size:14px;font-weight:600}.welcome__card{padding:28px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.welcome__heading{margin:0 0 16px;font-size:20px}.welcome__submit{width:100%;margin-top:4px;padding:11px}.welcome__divider{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--muted);font-size:13px}.welcome__divider:before,.welcome__divider:after{content:"";flex:1;height:1px;background:var(--border)}.welcome__alt .btn-secondary{width:100%}.today__hello{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}.today__greet{margin:0;color:var(--muted)}.today__hello h1{margin:0;font-size:30px}.today__chips{display:flex;gap:8px}.today__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.today__lesson{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel) 60%)}.today__lesson h2{margin:0;font-size:26px}.today__sub{margin:4px 0 14px;color:var(--muted)}.today__steps{display:grid;gap:6px;margin:0 0 16px;padding:0;list-style:none}.today__steps li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--bg)}.today__steps li>span{text-align:center}.today__steps li small,.today__steps li.is-done{color:var(--muted)}.today__steps li.is-done>span{color:var(--ok);font-weight:800}.today__lesson-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;color:var(--muted)}.today__goal{display:flex;align-items:center;gap:16px}.today__goal p{margin:4px 0 0;color:var(--muted);font-size:14px}.ring{--pct: 0%;flex:0 0 auto;display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:conic-gradient(var(--sun) var(--pct),var(--bg-2) 0)}.ring>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--panel);line-height:1.1}.ring strong{font-size:22px}.ring small{color:var(--muted);font-size:11px}.today__due{display:flex;flex-direction:column;gap:10px}.today__due-counts{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--muted);font-size:14px}.today__due-counts b{color:var(--ink);font-size:18px}.today__exam p{margin:8px 0 6px;font-size:18px}.today__exam p small{display:block;color:var(--muted);font-size:13px}.today__exam-when{color:var(--sun);font-weight:700;font-size:14px}.today__friends,.today__board{min-width:0}.mini-board{display:grid;gap:6px;margin:0;padding:0;list-style:none}.mini-board li{display:grid;grid-template-columns:20px 24px 1fr auto;align-items:center;gap:8px;font-size:14px}.mini-board li.is-you{font-weight:700}.mini-board__rank{color:var(--muted);text-align:right}.mini-board__name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}.mini-board__xp{color:var(--muted)}.readiness__body{display:flex;align-items:center;gap:18px}.readiness__dial{--pct: 0%;flex:0 0 auto;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--accent) var(--pct),var(--bg-2) 0)}.readiness__dial>span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--panel);font-weight:700}.readiness__dial strong{font-size:26px}.readiness__parts{flex:1;display:grid;gap:7px;margin:0;padding:0;list-style:none;font-size:13px}.readiness__parts li{display:grid;grid-template-columns:78px 1fr 36px;align-items:center;gap:8px}.readiness__parts small{color:var(--muted);text-align:right}.readiness__bar,.course-progress__bar,.day-view__bar,.chapter-card__bar,.exam__bar{display:block;height:8px;border-radius:999px;background:var(--bg-2);overflow:hidden}.readiness__bar>span,.course-progress__bar>span,.day-view__bar>span,.chapter-card__bar>span,.exam__bar>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .4s ease}.readiness__note{margin:12px 0 0;font-size:12px}.feed{display:grid;gap:10px;margin:0;padding:0;list-style:none}.feed-item{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.feed--compact{gap:8px}.feed-item--compact{gap:8px;padding:0;border:0;background:none}.feed-item__avatar{height:fit-content;padding:0;border:0;background:none;cursor:pointer}.feed-item__body{flex:1;min-width:0}.feed-item__body p{margin:0 0 2px;line-height:1.45}.feed-item--compact .feed-item__body p{font-size:14px}.feed-item__name{color:var(--ink)}.reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg);font-size:14px;opacity:.55;cursor:pointer}.reaction:hover,.reaction--some{opacity:1}.reaction--mine{border-color:var(--accent);background:var(--accent-soft)}.reaction span{font-size:12px;font-weight:700}.feed-view .segmented{margin-bottom:14px}.feed-view__more{margin-top:12px}.leaderboard__controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.board{display:grid;gap:6px;margin:12px 0 0;padding:0;list-style:none}.board__row{display:grid;grid-template-columns:34px 36px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.board__row--you{border-color:var(--accent);background:var(--accent-soft)}.board__row--top1{background:linear-gradient(90deg,color-mix(in srgb,#f2c94c 22%,var(--panel)),var(--panel) 60%)}.board__rank{color:var(--muted);font-weight:800;font-size:18px;text-align:center}.board__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}.board__day{color:var(--muted);font-size:13px}.board__xp{font-weight:800;font-variant-numeric:tabular-nums}.people__search{width:100%;max-width:420px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit}.people__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;margin:0;padding:0;list-style:none}.person-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.person-card__main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}.person-card__text{min-width:0;display:flex;flex-direction:column}.person-card__text>small{color:var(--muted)}.person-card__stats{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:4px;color:var(--muted);font-size:12px}.follow-btn{flex:0 0 auto;padding:7px 14px}.follow-btn--on{color:var(--ok-ink)}.level-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}.level-tab{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.level-tab strong{display:block;font-size:20px}.level-tab small{color:var(--muted);font-size:12px}.level-tab--on{border-color:var(--accent);background:var(--accent-soft)}.level-tab--soon{border-style:dashed;opacity:.55}.course-progress{display:grid;gap:8px;margin-bottom:22px;color:var(--muted)}.course-progress__bar{height:10px}.course-progress__bar>span{background:linear-gradient(90deg,var(--accent),var(--sun))}.weeks{display:grid;gap:12px;margin:0;padding:0;list-style:none}.week{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.week--done{background:color-mix(in srgb,var(--ok) 6%,var(--panel))}.week--summit{border-style:dashed;opacity:.7}.week__head{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px}.week__head strong{display:block;font-size:17px}.week__head small{color:var(--muted)}.week__n{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-weight:800}.week--done .week__n{background:var(--ok-soft);color:var(--ok-ink)}.week__count{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.week__days{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.day-node{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:8px 4px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--ink);cursor:pointer}.day-node small{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:11px}.day-node__n{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--panel);font-weight:700;font-size:14px}.day-node:hover:not(.day-node--locked){border-color:var(--accent)}.day-node--done .day-node__n{border-color:var(--ok);background:var(--ok);color:#fff}.day-node--current{border-color:var(--sun);background:var(--sun-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--sun) 25%,transparent)}.day-node--current .day-node__n{border-color:var(--sun);background:var(--sun);color:#fff}.day-node--locked{opacity:.5;cursor:default}.day-node--checkpoint:not(.day-node--done) .day-node__n,.day-node--mock:not(.day-node--done) .day-node__n{border-color:var(--sun)}.day-view{max-width:900px}.day-view--block{max-width:1120px}.day-view__head h2{margin:0;font-size:28px}.day-view__sub{margin:4px 0 16px;color:var(--muted)}.day-view__summary{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px;margin-bottom:16px;color:var(--muted);font-size:14px}.block-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.block-row{display:grid;grid-template-columns:32px 34px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.block-row:hover:not(:disabled){border-color:var(--accent)}.block-row__step{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:50%;color:var(--muted);font-weight:700;font-size:14px}.block-row__icon{font-size:22px;text-align:center}.block-row__text strong{display:block}.block-row__text strong small{margin-left:4px;color:var(--muted);font-weight:500}.block-row__text>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:14px}.block-row__time{color:var(--muted);font-size:13px;white-space:nowrap}.block-row--done .block-row__step{border-color:var(--ok);background:var(--ok);color:#fff}.block-row--done .block-row__text strong{color:var(--muted)}.block-row--next{border-color:var(--sun);box-shadow:0 0 0 3px color-mix(in srgb,var(--sun) 20%,transparent)}.block-row--locked{opacity:.55;cursor:default}.day-view__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px}.day-view__done{margin:0 auto 0 0;font-size:18px;font-weight:700}.block-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px}.block-head h2{margin:0;font-size:24px}.block-head h2 small{color:var(--muted);font-size:15px;font-weight:500}.block-panel{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.block-panel__status{margin:0;color:var(--muted)}.block-panel__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.chars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.chars-grid__cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border:1px solid var(--lv, var(--border));border-radius:12px;background:var(--lv-bg, var(--bg));text-align:center}.chars-grid__char{font-size:36px;line-height:1.1}.chars-grid__cell small{color:var(--muted);font-size:12px}.word-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none}.word-list__item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-left:4px solid var(--lv, var(--border));border-radius:8px;background:var(--bg)}.word-list__jp{font-size:18px}.word-list__jp small{color:var(--muted);font-size:13px}.word-list__en{color:var(--muted);font-size:14px}.grammar-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin:0;padding:0;list-style:none}.grammar-pick{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px 14px;border:1px solid var(--border);border-left:4px solid var(--lv, var(--border));border-radius:10px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer}.grammar-pick:hover{border-color:var(--accent)}.grammar-pick strong{font-size:17px}.grammar-pick span,.grammar-pick small{color:var(--muted);font-size:14px}.grammar-lesson{display:flex;flex-direction:column;gap:14px;max-width:820px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.grammar-lesson__head h2{margin:0;font-size:30px}.grammar-lesson__meaning{margin:4px 0 8px;color:var(--muted);font-size:17px}.grammar-lesson__level{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--lv-bg, var(--bg));color:var(--lv, var(--muted));font-size:12px;font-weight:700}.grammar-lesson__explain p{margin:0 0 10px;line-height:1.85}.grammar-lesson__sub{margin:4px 0 0;color:var(--muted);font-size:13px;letter-spacing:.05em;text-transform:uppercase}.grammar-lesson__examples{display:grid;gap:8px;margin:0;padding:0;list-style:none}.grammar-lesson__examples li{padding:12px 14px;border-radius:10px;background:var(--glow)}.grammar-lesson__ex-jp{display:flex;align-items:center;gap:8px;font-size:20px;line-height:1.9}.grammar-lesson__ex-romaji{color:var(--muted);font-size:14px;font-style:italic}.grammar-lesson__ex-en{color:var(--muted)}.speak-btn{flex:0 0 auto;padding:2px 6px;border:1px solid var(--border);border-radius:8px;background:var(--panel);font-size:14px;cursor:pointer}.grammar-library__week h3{margin:22px 0 10px;font-size:16px}.textbook-block{display:flex;flex-direction:column;gap:12px}.textbook-block__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.textbook-block__lesson{font-weight:600}.textbook-block__pages{display:flex;flex-wrap:wrap;gap:6px}.textbook-block__side{flex:1 1 300px;min-width:260px;display:flex;flex-direction:column;gap:12px}.textbook-block__task{display:flex;flex-wrap:wrap;gap:8px}.textbook-block__side .audio-panel{position:static}.exam{display:flex;flex-direction:column;gap:14px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);scroll-margin-top:16px}.exam__intro,.exam__results,.exam--empty{max-width:720px}.exam__intro h2{margin:0;font-size:26px}.exam__intro p{margin:0;color:var(--muted)}.exam__note{padding:10px 12px;border-radius:10px;background:var(--glow)}.exam__actions{display:flex;justify-content:space-between;gap:10px}.exam__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.exam__head-right{display:flex;align-items:center;gap:12px;color:var(--muted);font-variant-numeric:tabular-nums}.exam__timer{padding:3px 10px;border-radius:999px;background:var(--bg-2);color:var(--ink);font-weight:700}.exam__timer--low{background:var(--bad-soft);color:var(--bad-ink)}.exam__layout{display:grid;gap:18px}.exam--passage .exam__layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.exam__passage{position:sticky;top:12px;max-height:calc(100vh - 40px);overflow-y:auto;padding:16px 18px;border-radius:12px;background:var(--glow);font-size:17px;line-height:2}.exam__passage h3{margin:0 0 6px;font-size:16px}.exam__passage p{margin:0 0 6px}.exam__body{display:flex;flex-direction:column;gap:12px;min-width:0}.exam__nav{display:flex;justify-content:space-between;gap:10px;margin-top:4px}.exam__grid{display:flex;flex-wrap:wrap;gap:5px;padding-top:8px;border-top:1px solid var(--border)}.exam__dot{width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted);font-size:12px;cursor:pointer}.exam__dot--answered{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.exam__dot--current{outline:2px solid var(--sun);outline-offset:1px}.listening{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:var(--bg)}.listening__setup{margin:0;line-height:1.9}.listening__play{align-self:flex-start;padding:8px 16px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:700;cursor:pointer}.listening__play:disabled{opacity:.6;cursor:default}.listening__note{margin:0;color:var(--muted);font-size:14px}.listening__script{display:grid;gap:4px;margin:0;padding:10px 12px;border-radius:10px;background:var(--panel);font-size:15px;list-style:none}.listening__who{display:inline-block;width:24px;color:var(--muted)}.exam__score{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:14px;background:var(--bg)}.exam__score strong{font-size:44px;line-height:1}.exam__score strong small{color:var(--muted);font-size:20px}.exam__score.is-pass{background:var(--ok-soft);color:var(--ok-ink)}.exam__score.is-fail{background:var(--bad-soft);color:var(--bad-ink)}.exam__jlpt{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:6px;color:var(--ink);font-size:14px}.exam__sections{display:grid;gap:8px;margin:0;padding:0;list-style:none}.exam__sections li{display:grid;grid-template-columns:minmax(150px,220px) 1fr 52px;align-items:center;gap:10px}.exam__section-name small{color:var(--muted)}.exam__section-score{text-align:right;font-variant-numeric:tabular-nums}.exam__bar>span.is-good{background:var(--ok)}.exam__bar>span.is-ok{background:var(--lv-yellow, #d9b148)}.exam__bar>span.is-weak{background:var(--bad)}.exam__review-btn{align-self:flex-start}.exam__missed li{flex-direction:column;align-items:flex-start}.exam__missed-answers{display:flex;gap:10px}.exam__missed-answers s{color:var(--bad-ink)}.exam-intro h2{margin:0}.exam-intro p{margin:0;line-height:1.6}.exam-intro__history ul{display:grid;gap:4px;margin:6px 0;padding:0;list-style:none}.exam-intro__history li{display:grid;grid-template-columns:70px 1fr auto;gap:10px;font-size:14px}.exams-view__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px}.score-chart__bars{position:relative;display:flex;align-items:flex-end;gap:3px;height:150px;margin:12px 0 8px}.score-chart__bars:after{content:"";position:absolute;left:0;right:0;bottom:calc(18px + (100% - 18px)*.7);border-top:1px dashed var(--muted);opacity:.6;pointer-events:none}.score-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;height:100%}.score-chart__track{flex:1;display:flex;align-items:flex-end;width:100%;border-radius:4px;background:var(--bg-2)}.score-chart__track>span{display:block;width:100%;border-radius:4px}.score-chart__track>span.is-pass{background:var(--accent)}.score-chart__track>span.is-fail{background:var(--bad)}.score-chart__col--checkpoint .score-chart__track>span.is-pass,.score-chart__col--mock .score-chart__track>span.is-pass{background:var(--sun)}.score-chart__col small{height:14px;color:var(--muted);font-size:10px}.score-chart .muted{margin:0;font-size:12px}.exam-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.exam-row{display:grid;grid-template-columns:30px minmax(0,1fr) 70px auto;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.exam-row__icon{font-size:20px;text-align:center}.exam-row__text strong{display:block}.exam-row__text small{color:var(--muted)}.exam-row__score{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.exam-row--passed{border-left:4px solid var(--ok)}.exam-row--locked{opacity:.55}.exam-row__lock{justify-self:center}.drill-grid,.practice__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.drill-card,.practice-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--ink);text-align:left;cursor:pointer}.drill-card:hover:not(:disabled),.practice-card:hover:not(:disabled){border-color:var(--accent)}.practice-card:disabled{opacity:.55;cursor:default}.practice-card__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-size:24px;font-weight:700}.practice-card strong{font-size:18px}.practice-card span,.drill-card span{color:var(--muted)}.practice-card small{margin-top:6px;color:var(--sun);font-weight:700}.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none}.chapter-card{display:flex;flex-direction:column;gap:6px;width:100%;height:100%;color:var(--ink);text-align:left;cursor:pointer}.chapter-card:hover{border-color:var(--accent)}.chapter-card span:not(.chapter-card__bar){color:var(--muted);font-size:14px}.chapter-card small{color:var(--muted)}.chapter-card--done{border-left:4px solid var(--ok)}.textbook>.kana-back{margin-bottom:12px}.profile{--act-grammar: #9b5fc0;--act-exam: var(--sun)}.profile__dot--grammar,.profile__fill--grammar{background:var(--act-grammar)}.profile__dot--exam,.profile__fill--exam{background:var(--act-exam)}.profile__header{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,var(--panel)),var(--panel) 65%)}.profile__header p.profile__bio{margin-top:8px;color:var(--ink)}.profile__header p.profile__social{display:flex;gap:16px;margin-top:8px}.profile__social b{color:var(--ink)}.profile__header-actions{flex:0 0 auto}.profile__two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.profile__course p{margin:6px 0 10px;color:var(--muted)}.exam-history{display:grid;gap:6px;margin:14px 0 0;padding:0;list-style:none}.exam-history li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;font-size:14px}.exam-history__score{font-weight:700;font-variant-numeric:tabular-nums}.profile__editor{display:flex;flex-direction:column;gap:12px}.profile__editor-top{display:flex;align-items:center;gap:16px}.profile__bio-field{display:flex;flex-direction:column;gap:4px;font-weight:600}.profile__bio-field small{color:var(--muted);font-weight:400}.profile__bio-field textarea{padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;resize:vertical}.profile__pickers{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px;font-weight:600}.picker{display:flex;flex-wrap:wrap;gap:6px}.picker__item{width:38px;height:38px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--ink);font-size:18px;cursor:pointer}.picker__swatch{width:30px;height:30px;border:2px solid transparent;border-radius:50%;cursor:pointer}.picker__item.is-on,.picker__swatch.is-on{border-color:var(--ink);box-shadow:0 0 0 2px var(--panel) inset}@media (max-width: 1000px){.today__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.today__lesson{grid-row:auto}.exams-view__top,.profile__two{grid-template-columns:1fr}}@media (max-width: 800px){.shell{display:block;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}.shell__nav{display:none}.shell__top{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shell__top .brand strong{font-size:19px;letter-spacing:.04em}.shell__top-right{display:flex;align-items:center;gap:10px}.shell__main{padding:16px 16px 32px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:grid;grid-template-columns:repeat(6,1fr);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);background:var(--panel)}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:0;border:0;background:none;color:var(--muted);font-size:19px;cursor:pointer}.tabbar__item small{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10.5px;font-weight:600}.tabbar__item--on{color:var(--accent)}.transport--active{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))!important}.xp-toasts{top:auto;right:16px;bottom:calc(var(--tabbar-h) + 16px)}.ach-toasts{bottom:calc(var(--tabbar-h) + 12px)!important}.welcome{grid-template-columns:1fr;min-height:0;padding:28px 16px}.welcome__card{padding:20px}.today__grid{grid-template-columns:1fr}.today__lesson{grid-column:auto}.today__hello h1,.page-head h1{font-size:24px}.level-tabs{grid-template-columns:repeat(5,minmax(64px,1fr));overflow-x:auto}.week__days{grid-template-columns:repeat(3,minmax(0,1fr))}.block-row{grid-template-columns:28px 28px minmax(0,1fr);gap:10px;padding:12px}.block-row__time{display:none}.day-view__summary{grid-template-columns:auto auto}.day-view__summary .day-view__bar{grid-column:1 / -1}.exam{padding:14px}.exam--passage .exam__layout{grid-template-columns:1fr}.exam__passage{position:static;max-height:none}.exam__sections li{grid-template-columns:1fr 52px}.exam__sections .exam__bar{grid-column:1 / -1;grid-row:2}.exam-row{grid-template-columns:26px minmax(0,1fr) auto}.exam-row__score{display:none}.board__row{grid-template-columns:26px 32px minmax(0,1fr) auto;gap:8px;padding:10px}.board__day{display:none}.people__list{grid-template-columns:1fr}.profile__header{flex-wrap:wrap}.profile__pickers{grid-template-columns:1fr}.grammar-lesson{padding:16px}.grammar-lesson__head h2{font-size:24px}}.level-text{white-space:nowrap;font-weight:700}.level-chip{display:inline-flex;align-items:center;gap:4px;width:fit-content;margin-top:8px;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.level-chip--r10,.level-chip--r11{background:var(--sun-soft);color:var(--sun)}.level-full{display:flex;flex-direction:column;gap:8px}.level-full__top{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.level-full__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);font-size:24px}.level-full.level-chip--r10 .level-full__icon,.level-full.level-chip--r11 .level-full__icon{background:var(--sun-soft)}.level-full__text strong{display:block;font-size:17px}.level-full__text small,.level-full__next{color:var(--muted);font-size:13px}.level-full__xp{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.level-full__bar{display:block;height:10px;border-radius:999px;background:var(--bg-2);overflow:hidden}.level-full__bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--sun));transition:width .5s ease}.today__bonus{margin:12px 0 0;color:var(--muted);font-size:14px}.today__bonus b{color:var(--sun)}.profile__climb{display:flex;flex-direction:column;gap:16px;margin-top:16px}.rank-ladder{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}.rank-ladder__step{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 2px;border-radius:10px;background:var(--bg);font-size:18px;opacity:.4}.rank-ladder__step small{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px}.rank-ladder__step.is-past{opacity:.8}.rank-ladder__step.is-here{outline:2px solid var(--sun);background:var(--sun-soft);opacity:1}.xp-chip--bonus small{font-weight:600}.level-toast{display:flex;align-items:center;gap:12px;padding:12px 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#2c3a8f,#1b2259);color:#fff;text-align:left;box-shadow:var(--shadow);cursor:pointer;pointer-events:auto;animation:level-pop .4s ease}.level-toast__icon{font-size:32px}.level-toast small{display:block;color:var(--sun);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:11px}.level-toast strong{display:block;font-size:20px}.level-toast span span{font-size:14px;opacity:.85}@keyframes level-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.level-toast{animation:none}}@media (max-width: 800px){.rank-ladder{grid-template-columns:repeat(6,minmax(0,1fr))}}