.dictionary-feedback.lesson-feedback.result-box.good{background:#e1f7ef;color:#087b59;border-color:#b8e8d6}.dictionary-feedback.lesson-feedback.result-box.bad{background:#fff0f3;color:#b82146;border-color:#f4c8d3}.dictionary-practice .dictionary-skip{min-height:44px;min-width:94px;padding:8px;flex:none;font-size:14px}.dictionary-feedback.lesson-feedback.result-box{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:10px;background:#f4f7ff;color:#17174f;border:1px solid #dce7fa}.dictionary-feedback.lesson-feedback .result-copy{max-height:none;overflow:visible;font-size:14px;line-height:1.4}.dictionary-feedback.lesson-feedback>button{justify-self:end;min-height:44px;background:#0866ff;color:#fff}.dictionary-practice.is-graded .prompt-card,.dictionary-practice.is-graded .study-hint,.dictionary-practice.is-graded .lesson-image{display:none}.dictionary-practice .option-button{overflow-wrap:anywhere;white-space:normal}@media(max-width:420px)and (max-height:740px){.dictionary-practice.active-lesson{gap:6px}.dictionary-practice .lesson-head{margin-bottom:0;flex-wrap:nowrap;gap:6px;align-items:center}.dictionary-practice .lesson-head h3{font-size:14px;line-height:1.25}.dictionary-practice.active-lesson .session-progress{margin-bottom:6px}.dictionary-practice.active-lesson .prompt-card{gap:3px;margin-bottom:6px}.dictionary-practice .lesson-word-row>strong{font-size:17px;line-height:1.25}.dictionary-practice .word-romanization,.dictionary-practice .transcription{font-size:12px;line-height:1.3;margin-block:2px}.dictionary-practice.active-lesson .option-grid{gap:5px}.dictionary-practice.active-lesson .option-button{min-height:44px;padding:6px 10px;font-size:14px;line-height:1.25}.dictionary-practice.active-lesson .quiz-panel{gap:5px}.dictionary-practice .lesson-image{max-height:60px;object-fit:contain}.dictionary-practice .speech-practice .button-row{gap:6px}.dictionary-practice .quiz-panel>.secondary-button{min-height:40px;padding:7px 12px}.dictionary-feedback.lesson-feedback.result-box{margin-bottom:6px;padding:8px 10px}.dictionary-feedback.lesson-feedback .result-copy{font-size:13px;line-height:1.3}}.dictionary-practice .speech-utility-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dictionary-practice .speech-utility-actions>button{min-height:44px;font-size:14px;line-height:1.3;padding:6px 8px}.dictionary-practice .speech-practice{gap:8px}.number-lesson .number-question{gap:20px}.number-lesson .number-step-label{margin:0}.number-lesson .number-prompt-value{font-size:clamp(40px,12vw,64px);line-height:1.15;font-weight:750;margin:0;font-variant-numeric:tabular-nums}.number-lesson .number-target-display{display:grid;gap:6px;font-size:24px;line-height:1.5;overflow-wrap:anywhere}.number-lesson .number-target-display>.muted{font-size:17px}.number-lesson .number-inline-display{display:inline-flex;flex-wrap:wrap;gap:0 .35em}.number-lesson .number-theory-text{margin:0;white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}.number-lesson .number-components{gap:12px}.number-lesson .number-components p{margin:0}.number-lesson .number-context{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.number-lesson .number-options{grid-template-columns:repeat(2,minmax(0,1fr))}.number-lesson .number-options .option-button{text-align:center;font-size:30px;font-variant-numeric:tabular-nums;padding:22px 14px}.number-lesson .number-ungraded{margin:0;padding:16px;border-radius:16px;background:var(--soft-blue, #f1f6ff);color:var(--ink, #17174d)}.number-lesson .feedback-card .number-target-display{font-size:20px}@media(max-height:620px){.number-lesson .number-question{gap:16px}.number-lesson .number-prompt-value{font-size:44px}.number-lesson .number-options .option-button{padding:16px 12px}}.number-lesson .progress-track{height:6px;border-radius:20px;overflow:hidden;background:#d9e9ff}.number-lesson .progress-track>span{display:block;height:100%;background:var(--accent, #0865f9)}.number-lesson .number-audio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.number-lesson .number-audio-actions .word-audio{min-width:0}.number-lesson .number-audio-actions .secondary-button{width:100%;height:100%;padding:12px 10px;font-size:14px}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/manrope-0.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/manrope-1.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/static/fonts/manrope-2.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/static/fonts/manrope-3.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/static/fonts/manrope-4.ttf) format("truetype")}:root{--bg: #fff;--bg-deep: #0865f9;--brand-coral: #ff684b;--brand-yellow: #ffbd29;--brand-cream: #fff8ec;--surface: #fff;--surface-soft: #f3f7fc;--surface-strong: #fff;--ink: #14164a;--ink-soft: #5f7597;--line: #e5edf7;--line-strong: #d1deef;--success: #159b72;--danger: #cc3d55;--shadow: 0 6px 24px rgba(23, 58, 105, .05)}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;color:var(--ink);background:var(--bg);font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:var(--bg-deep);text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #80b3ff;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.1;letter-spacing:-.035em}h1{font-size:32px}h2{font-size:28px}h3{font-size:17px}small{font-size:12px;color:var(--ink-soft)}.icon{display:inline-block;flex:0 0 auto;width:24px;height:24px;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.warm-icon{color:#e99d13}.success-icon{color:var(--success)}.boot-screen{height:100dvh;display:grid;place-items:center;color:var(--bg-deep);font-weight:700}.app-shell{height:100dvh;display:flex;flex-direction:column;overflow:hidden;width:100%;padding-top:env(safe-area-inset-top,0px)}.app-stage{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 22px 28px}.screen-stack{display:grid;gap:24px}.glass-card{background:var(--surface);border:0;border-radius:16px;box-shadow:none}.compact-section,.learn-card,.empty-card{padding:20px 0}.screen-heading{margin:4px 0 20px}.overline{color:var(--ink-soft);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:6px}.lead{color:var(--ink-soft);line-height:1.6}.lead.compact{font-size:14px;max-width:60ch;margin-top:6px}.topbar{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px 8px;background:#fff}.topbar-brand,.brand-lockup,.topbar-actions,.section-head,.button-row,.study-meta,.headline-row,.word-item-head{display:flex;align-items:center}.topbar-brand{gap:12px;min-width:0}.brand-name{font-size:13px;letter-spacing:.13em;font-weight:800}.app-title{font-size:28px}.desktop-page-title{display:none}.logo-mark{width:42px;height:42px;overflow:hidden;border-radius:12px;flex:none}.logo-mark img{width:100%;height:100%;display:block;object-fit:cover}.profile-badge{width:42px;height:42px;border-radius:50%;background:var(--surface-soft);border:0;padding:0;overflow:hidden;display:grid;place-items:center;color:var(--bg-deep)}.profile-badge img{width:100%;height:100%;object-fit:cover}.profile-badge .icon{width:32px;height:32px}.language-chip{background:#edf5ff;color:#284b7c;display:flex;align-items:center;gap:8px;border:0;border-radius:30px;padding:8px 12px;font-size:12px;flex-basis:auto;margin-right:60%;white-space:nowrap}.language-chip .icon{width:17px;height:17px}.language-chip .icon:last-child{width:12px}.primary-button,.secondary-button,.danger-button,.option-button,.segment-button{border:1px solid transparent;border-radius:12px;min-height:46px;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px;line-height:1.35;text-align:center;transition:background .15s,border-color .15s}.primary-button{background:var(--bg-deep);color:#fff}.primary-button:hover:not(:disabled){background:#0c55c9}.secondary-button{background:#f3f7fd;color:var(--bg-deep);border-color:var(--line)}.secondary-button:hover:not(:disabled){background:#e7f0ff}.danger-button{background:#fff1f2;color:var(--danger)}.text-button{border:0;background:transparent;color:var(--bg-deep);padding:8px 0;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.text-button .icon{width:19px;height:19px}.icon-button{display:inline-grid;place-items:center;border:0;color:var(--bg-deep);background:#eff5ff;width:42px;height:42px;padding:0;border-radius:50%;flex:none}.icon-button>.icon{width:22px;height:22px;display:block}.header-action{min-height:42px}.header-action .icon{width:22px}.hero-button{width:100%;margin-top:18px;min-height:52px}.hero-button .icon{width:20px}.hero-button .icon:last-child{margin-left:auto;width:17px}.section-head{justify-content:space-between;gap:12px;margin-bottom:18px}.section-head-wrap{flex-wrap:wrap}.button-row{gap:10px;flex-wrap:wrap}.button-row>*{min-width:0}input,select,textarea{color:var(--ink);background:#f6f9fe;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 12px;width:100%;max-width:100%}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:1}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--bg-deep);flex:none}input[type=file]{font-size:13px}.stack-form,.stack-label,.draft-card{display:grid;gap:12px}.stack-label>span{font-weight:600}.notice{margin:8px 22px;padding:12px 14px;border-radius:10px;background:#edf5ff;color:#255080;font-size:13px;flex:none}.nav-grid-bottom{flex:none;z-index:30;background:#fff;border-top:1px solid var(--line);padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px))}.nav-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.nav-pill{border:0;background:transparent;color:#7187a6;padding:7px 2px;border-radius:10px;min-height:54px;display:flex;flex-direction:column;align-items:center;gap:4px}.nav-pill.active{color:var(--bg-deep);background:#edf5ff}.nav-icon{width:22px;height:22px}.nav-label{line-height:1.2;font-size:10px;font-weight:600;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}.nav-pill.active .nav-label{font-weight:800}.sidebar-brand,.sidebar-footer,.nav-grid-bottom.is-hidden{display:none}.daily-stats{display:flex;gap:28px;margin-bottom:28px}.daily-stats>div{display:flex;align-items:center;gap:12px}.daily-stats>div+div{border-left:1px solid var(--line);padding-left:25px}.daily-stats .icon{width:30px;height:30px;color:var(--bg-deep)}.daily-stats .warm-icon{color:#e99d13}.daily-stats span{display:grid;gap:2px}.daily-stats strong{font-size:27px;line-height:1.1;letter-spacing:-.04em}.daily-stats small{font-size:11px}.continue-section h3{margin-bottom:14px}.continuation-image{display:block;width:100%;height:154px;object-fit:cover;border-radius:12px;margin-bottom:12px}.continuation-word{display:block;font-size:27px;font-weight:800;line-height:1.2;letter-spacing:-.03em}.continuation-translation{color:var(--ink-soft);font-size:13px;margin-top:4px}.today-support{display:grid;gap:24px;margin-top:28px}.today-support h3{margin-bottom:12px}.today-support .section-head{margin:0}.achievement-row{width:100%;display:flex;align-items:center;gap:12px;padding:16px;border:0;border-radius:12px;background:#f2f7fd;color:var(--ink);text-align:left;font-size:13px}.achievement-row+.achievement-row{margin-top:8px}.achievement-row>strong{flex:1}.achievement-row>.icon:last-child{width:17px;color:var(--ink-soft)}.achievement-row .warm-icon{width:30px;height:30px}.achievement-row .success-icon{color:var(--success)!important}.today-progress-summary,.today-next{display:none}.progress-numbers{display:flex;gap:24px;justify-content:space-between}.progress-numbers>span{display:grid;gap:3px}.progress-numbers>span:last-child{text-align:right}.progress-numbers strong{font-size:42px;font-weight:800;line-height:1.2;letter-spacing:-.05em}.progress-numbers small{font-size:13px}progress{display:block;width:100%;height:10px;border:0;border-radius:8px;overflow:hidden;background:#d9eaff;accent-color:var(--bg-deep)}progress::-webkit-progress-bar{background:#d9eaff;border-radius:8px}progress::-webkit-progress-value{background:var(--bg-deep);border-radius:8px}progress::-moz-progress-bar{background:var(--bg-deep);border-radius:8px}.dictionary-progress{margin-top:20px;height:16px}.streak-row{display:flex;gap:14px;align-items:center;padding:28px 0;margin-top:6px;border-bottom:1px solid var(--line)}.streak-row .icon{width:38px;height:38px}.streak-row span{display:grid}.streak-row strong{font-size:29px;line-height:1.1}.progress-details{display:grid;gap:30px}.progress-details h3,.milestone{margin-bottom:18px}.milestone>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:13px}.milestone span{white-space:nowrap;color:var(--ink-soft)}.ranking-row{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:13px}.segment-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:12px;background:#f1f6fd}.segment-wrap.main-segment{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.segment-button{background:transparent;color:var(--ink-soft);min-height:40px;font-size:13px;padding:10px;font-weight:500}.segment-button.active{background:#dceaff;color:var(--bg-deep);font-weight:800}.segment-button:hover{background:#e6effb}.dictionary-filters{padding:0}.filters{display:flex;gap:10px}.filters input{flex:1;min-width:0}.filters select{width:106px;font-size:12px;padding:10px 6px}.word-list{display:block}.word-item{border-bottom:1px solid var(--line);padding:14px 0;background:#fff}.word-item:first-child{border-top:1px solid var(--line)}.word-item-head{gap:12px}.word-row-main{flex:1;min-width:0;background:none;border:0;color:var(--ink);padding:0;text-align:left}.word-row-main strong{display:block;font-size:16px;font-weight:800;overflow-wrap:anywhere}.word-row-translation{color:var(--ink-soft);font-size:14px;margin-top:2px}.word-status{flex:none;width:22px;height:22px;color:var(--success);display:grid;place-items:center}.word-status .icon{width:22px;height:22px}.learning-dot{width:18px;height:18px;border:1px solid #aabddd;border-radius:50%}.word-item-extra{display:grid;gap:12px;padding-top:18px}.word-item-extra .button-row{margin-top:8px}.word-image-preview img{max-width:100%;max-height:300px;border-radius:12px;object-fit:contain}.word-item-actions{flex-wrap:wrap}.word-audio{position:relative}.word-audio>audio{display:none}.audio-button{width:36px;height:36px;padding:9px}.audio-button .icon{width:20px;height:20px}.audio-error{display:block;position:absolute;right:0;top:40px;width:220px;z-index:10;padding:10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);font-size:12px}.active-lesson{padding:6px 0 0}.lesson-head{margin:0 0 12px}.lesson-head h3{font-size:15px}.status-tag,.mode-pill,.achievement-pill{display:inline-flex;align-items:center;border-radius:30px;background:#edf4fd;color:var(--ink-soft);padding:6px 10px;font-size:12px}.status-tag.good{color:var(--success);background:#ecfbf4}.session-progress{height:6px;margin-bottom:24px}.prompt-card{display:grid;gap:7px;margin-bottom:16px}.lesson-word-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.prompt-card strong{font-size:32px;font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere}.transcription,.word-romanization,.word-item-romanization{color:var(--ink-soft);font-size:14px}.study-hint{color:var(--ink-soft);font-size:12px}.lesson-image{width:100%;height:175px;object-fit:cover;border-radius:12px;margin-top:6px}.lesson-image[hidden]{display:none}.option-grid{display:grid;grid-template-columns:1fr;gap:9px}.option-button{min-height:48px;background:#f8fbff;color:var(--ink);border:1px solid #d4e1f3;justify-content:flex-start;font-weight:500;text-align:left;width:100%}.option-button:hover:not(:disabled){background:#eaf3ff;border-color:#80adf8}.option-button.is-correct{background:#e2f8ef;border-color:#68c8a4;color:#0a7651;opacity:1}.option-button.is-wrong{background:#ffedf0;border-color:#df8194;color:#a31e3a;opacity:1}.quiz-panel{display:grid;gap:12px}.quiz-panel>.secondary-button{color:var(--bg-deep);border:0;background:transparent}.active-toggle-button{background:#dceaff!important}.result-box{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:12px;margin-top:16px;font-size:14px}.result-box.good{background:#e5f8ef;color:#087852}.result-box.bad{background:#fff0f3;color:#a52742}.result-copy{display:grid;gap:5px}.points-burst{font-size:12px}.practice-result-box{position:sticky;bottom:0;z-index:10}.audio-player{width:100%;max-width:100%;height:42px}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.learn-card:not(.active-lesson){padding-top:0}.study-layout{display:grid;gap:18px}.study-main{display:grid;gap:10px}.card-visual{overflow:hidden;border-radius:12px}.card-visual img{display:block;width:100%;max-height:250px;object-fit:cover}.study-meta{justify-content:space-between;color:var(--ink-soft);font-size:12px}.study-word{font-size:30px}.example{color:var(--ink-soft);font-size:14px}.study-side{display:grid;gap:12px;background:#f4f8fe;border-radius:12px;padding:16px}.card-nav-row{display:flex;flex-direction:row}.nav-arrow{min-width:42px;padding:8px}.empty-state,.empty-card{color:var(--ink-soft)}.empty-card{display:grid;gap:16px}.inline-note{padding:14px;background:#f4f8ff;border-radius:12px;font-size:13px;margin:10px 0}.inline-note .primary-link{display:block;margin-top:8px;font-weight:700}.settings-screen{max-width:760px}.settings-profile{display:flex;align-items:center;gap:16px;padding:14px 0 28px}.settings-profile>div{display:grid;gap:3px}.settings-profile strong{font-size:20px}.settings-profile span{color:var(--ink-soft);font-size:13px}.settings-profile small{color:var(--bg-deep)}.settings-avatar-preview{width:72px;height:72px;border-radius:50%;object-fit:cover}.profile-placeholder{width:72px;height:72px;color:#82a8db}.settings-form{display:grid;gap:0}.setting-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row>.icon{width:22px;color:#45648d}.setting-row>span{font-size:13px}.setting-row select{max-width:150px;width:auto;padding:8px 4px;min-height:34px;background:none;border:0;color:#486789;text-align:right;font-size:12px}.setting-row input[type=number]{width:65px;min-height:34px;padding:6px 9px}.premium-details{margin:20px 0;background:#edf5ff;border-radius:12px;padding:16px}.premium-details summary,.advanced-settings summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.premium-details summary::-webkit-details-marker,.advanced-settings summary::-webkit-details-marker{display:none}.premium-details summary>span:not(.icon){flex:1;display:grid;gap:3px}.premium-details summary>.icon{color:var(--bg-deep)}.premium-details summary .icon:first-child{width:30px;height:30px}.premium-details summary strong{color:var(--bg-deep);font-size:15px}.premium-details summary .icon:last-child,.advanced-settings summary .icon:last-child{width:16px;margin-left:auto}.premium-details .button-row{padding-top:16px}.save-settings{width:100%}.advanced-settings{border-bottom:1px solid var(--line);padding:17px 0}.advanced-settings summary>.icon:first-child{width:22px;color:#45648d}.settings-form>.save-settings{margin-top:24px}.advanced-settings summary{color:var(--ink);font-size:13px}.advanced-settings summary>.icon:last-child{color:var(--ink-soft)}.settings-grid{display:grid;gap:20px;padding:24px 0}.settings-grid label{display:grid;gap:8px}.settings-grid label>span{font-size:13px;font-weight:600}.logout-button{color:var(--danger);margin-top:8px}.practice-overview-card{padding:20px;background:#f6f9fe}.practice-overview-card .button-row,.practice-overview-card .segment-wrap{margin-top:18px}.practice-filter-row{margin:8px 0}.simple-list{display:grid;gap:0}.simple-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.simple-row span{color:var(--ink-soft)}.four-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mini-audio-button{border:0;color:var(--bg-deep);background:#e8f2ff;padding:8px;border-radius:8px}.pack-card-list{display:grid;gap:12px}.lesson-topbar .topbar-actions{width:100%;justify-content:space-between}.answer-sound-toggle{flex-shrink:0}.all-materials-catalog .pack-card.has-cover{grid-template-columns:64px minmax(0,1fr) auto;padding:12px;gap:10px}.all-materials-catalog .pack-card.has-cover>.pack-card-cover{grid-column:1;grid-row:1;width:64px;height:64px;aspect-ratio:1}.all-materials-catalog .pack-card.has-cover>.pack-card-copy{grid-column:2;grid-row:1;min-width:0}.all-materials-catalog .pack-card.has-cover>.pack-open-button{grid-column:3;grid-row:1;padding:10px}.all-materials-catalog .pack-card.has-cover>.pack-card-meta{grid-column:1 / -1;grid-row:2}.all-materials-catalog .pack-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pack-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;border:1px solid var(--line);border-radius:14px;padding:18px}.pack-card.active{border-color:#9ebffd;background:#f8fbff}.pack-card-title-row{display:flex;align-items:center;gap:10px}.pack-card-description{color:var(--ink-soft);font-size:13px;margin-top:6px}.pack-card-meta{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.pack-card>.pack-scenario-list,.pack-card>.pack-level-note,.pack-card>.pack-prerequisite-note,.pack-card>.pack-word-grid,.pack-card>.batch-save-row{grid-column:1 / -1;min-width:0}.pack-card>.batch-save-row{position:static}.pack-badge{font-size:11px;color:var(--ink-soft);background:#edf4ff;padding:4px 8px;border-radius:8px}.pack-badge-success{color:var(--success);background:#e5f8f1}.pack-list,.pack-level-list{display:grid;gap:12px;margin-top:16px}.pack-scenario-list{display:grid;gap:12px}.pack-scenario-card{padding:16px;border:1px solid var(--line);border-radius:12px}.pack-scenario-card.active{background:#edf5ff}.pack-scenario-head,.pack-scenario-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-scenario-meta{font-size:12px;color:var(--ink-soft);margin:10px 0}.pack-word-grid{display:grid;gap:2px}.pack-word-row{display:flex;gap:10px;padding:10px 0;align-items:center;border-bottom:1px solid var(--line)}.pack-word-row input{width:18px;min-height:18px}.pack-word-row span{flex:1;min-width:0;overflow-wrap:anywhere}.pack-word-main{display:grid;gap:3px}.pack-word-row em,.pack-word-state{font-size:11px;color:var(--ink-soft)}.pack-word-row.muted{opacity:.65}.pack-level-note{margin:12px 0}.pack-manual-button{max-width:180px}.wizard-steps{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.active-pill{color:var(--bg-deep);background:#dfeeff}.draft-preview-grid,.batch-draft-list{display:grid;gap:20px;margin-top:16px}.draft-card{padding:18px;border:1px solid var(--line);border-radius:12px}.draft-action-row,.batch-save-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.draft-action-row>*{flex:1}.batch-save-row{position:sticky;bottom:0;background:#fff;padding:12px 0}.toggle-row{display:flex;align-items:center;gap:12px}.active-inline{color:var(--bg-deep)}.is-loading{opacity:.7}.auth-layout{overflow:auto;display:block;background:#fff;padding:24px}.auth-stage{max-width:1050px;margin:0 auto}.agreement-card{display:grid;gap:16px;max-width:560px;margin:0 auto}.agreement-links{display:flex;flex-wrap:wrap;gap:8px 20px}.agreement-card>.primary-button{width:100%;margin-top:8px;min-height:48px}.auth-shell{display:grid;gap:40px;align-items:center;min-height:calc(100dvh - 100px)}.auth-copy{display:grid;gap:24px}.brand-lockup{gap:12px}.auth-copy h1{font-size:38px}.auth-method-panel{display:grid;gap:16px}.auth-method-panel>.primary-button{width:100%}.auth-sync-note{color:var(--ink-soft);font-size:12px}.auth-preview{display:none}.auth-actions{display:flex;gap:12px}.onboarding-premium-card{display:grid;gap:20px}.onboarding-premium-list,.onboarding-premium-prices,.onboarding-premium-actions{display:grid;gap:12px}.achievement-toast{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:100;width:min(360px,calc(100vw - 30px));display:flex;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 35px #12355c26;border-radius:14px}.achievement-toast-badge{color:#e99d13}.achievement-toast-copy{display:grid}.achievement-toast-overline{font-size:11px;color:var(--ink-soft)}@media(min-width:900px){.app-shell:not(.auth-layout){padding:0 0 0 230px}.topbar{padding:28px 40px 20px;border-bottom:1px solid var(--line);min-height:96px}.topbar-brand>.logo-mark,.topbar-brand>.brand-name{display:none}.topbar-brand>.desktop-page-title{display:block;font-size:30px;font-weight:800;letter-spacing:-.04em}.topbar-brand>.app-title+.desktop-page-title{display:none}.topbar .language-chip{display:none}.app-stage{padding:32px 40px 48px}.app-stage>*{max-width:1040px;margin-left:auto;margin-right:auto}.nav-grid-bottom{position:fixed;left:0;top:0;bottom:0;width:230px;padding:28px 20px;border:0;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f7faff}.nav-grid-bottom.is-hidden{display:flex}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 0 30px}.sidebar-brand strong{font-size:13px;letter-spacing:.1em}.sidebar-brand .logo-mark{width:40px;height:40px}.nav-items{display:grid;grid-template-columns:1fr;gap:9px}.nav-pill{flex-direction:row;justify-content:flex-start;gap:14px;min-height:49px;padding:12px 16px}.nav-label{font-size:13px}.nav-pill.active{background:#e3efff}.sidebar-footer{display:grid;gap:20px;margin-top:auto}.sidebar-language{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:12px;font-size:12px}.sidebar-language .icon{width:18px}.sidebar-language .icon:last-child{margin-left:auto;width:13px}.sidebar-profile{display:flex;gap:10px;padding:0;text-align:left;background:none;border:0;color:var(--ink)}.sidebar-profile img{width:38px;height:38px;border-radius:50%;object-fit:cover}.sidebar-profile>.icon{width:38px;height:38px;color:var(--bg-deep)}.sidebar-profile span{display:grid;min-width:0}.sidebar-profile strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{font-size:10px}.today-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:36px}.screen-heading{display:none}.daily-stats{gap:32px;margin-bottom:28px}.continuation-image{height:280px}.today-support{margin-top:76px;gap:24px;align-content:start}.today-support>section{padding:20px;border:1px solid var(--line);border-radius:14px}.today-support .achievement-row{padding:14px 0;background:none}.today-support .today-progress-summary,.today-support .today-next{display:grid;gap:12px}.today-progress-summary .progress-numbers strong{font-size:30px}.choice-lesson{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,1fr);gap:0 36px}.choice-lesson .lesson-head,.choice-lesson .session-progress{grid-column:1/-1}.choice-lesson .prompt-card{grid-column:1;grid-row:3}.choice-lesson .quiz-panel{grid-column:2;grid-row:3;align-content:start;padding-top:6px}.choice-lesson .result-box{grid-column:1/-1}.lesson-image{height:300px;margin-top:16px}.prompt-card strong{font-size:38px}.option-button{min-height:64px;font-size:16px}.session-progress{margin-bottom:32px}.lesson-head h3{font-size:24px}.study-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:32px}.card-visual img{max-height:380px}.study-side{align-content:start;padding:24px}.progress-screen{max-width:800px}.progress-details{grid-template-columns:1fr 1fr;gap:32px}.progress-numbers strong{font-size:58px}.settings-grid{grid-template-columns:1fr 1fr}.settings-screen{margin-right:auto}.auth-shell{grid-template-columns:1fr 1fr;gap:80px}.auth-preview{display:grid;gap:24px;padding:36px;border-radius:18px;background:#f3f8ff}.auth-preview>.icon{width:50px;height:50px;color:var(--bg-deep)}.auth-copy h1{font-size:44px}.practice-overview-card{padding:28px}.pack-word-grid{grid-template-columns:1fr 1fr;column-gap:24px}.draft-preview-grid{grid-template-columns:1.4fr 1fr}}@media(max-width:360px){.app-stage,.topbar{padding-left:16px;padding-right:16px}.daily-stats{gap:16px}.daily-stats>div+div{padding-left:16px}.daily-stats small{font-size:10px}.setting-row{gap:8px}.setting-row select{max-width:125px}.setting-row>span{font-size:12px}.filters{flex-wrap:wrap}.pack-card{padding:14px}.pack-open-button{font-size:12px;padding:8px}}@media(max-height:720px)and (max-width:899px){.topbar{padding-top:10px}.app-stage{padding-top:8px}.lesson-image{height:135px}.session-progress{margin-bottom:16px}.prompt-card strong{font-size:28px}.option-button{min-height:44px;padding:10px 14px}.nav-pill{min-height:48px}.continuation-image{height:130px}.daily-stats{margin-bottom:20px}.today-support{margin-top:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.flashcard-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;color:var(--ink-soft);font-size:13px}.card-visual img[hidden]{display:none}.list-mode .dictionary-filters{order:-1}.app-stage:has(.list-mode){-webkit-overflow-scrolling:auto;transform:translateZ(0);isolation:isolate}@media(min-width:900px){.choice-lesson .prompt-card{display:flex;flex-direction:column}.choice-lesson .lesson-image{order:-1;height:340px;margin-top:0;margin-bottom:10px}.lesson-head h3{font-size:30px}}@media(max-height:720px)and (max-width:899px){.topbar{padding-top:6px;padding-bottom:4px}.active-lesson .lesson-image{height:100px}.active-lesson .session-progress{margin-bottom:12px}.active-lesson .prompt-card{gap:5px;margin-bottom:12px}.active-lesson .option-grid{gap:6px}.active-lesson .option-button{min-height:42px}.active-lesson .quiz-panel{gap:8px}}.language-flag{width:22px;height:17px;flex:0 0 auto;object-fit:cover;border-radius:3px}.lesson-word-row>strong,.study-word{min-width:0;overflow-wrap:anywhere;line-height:1.3}.phrase-lesson .lesson-word-row>strong{font-size:24px;letter-spacing:-.02em}.word-romanization,.transcription,.example{overflow-wrap:anywhere}.practice-overview-card{padding:18px 0 24px;background:#fff;border-radius:0;border-bottom:1px solid var(--line)}.practice-overview{gap:12px}.practice-section-icon{color:var(--bg-deep);margin-bottom:12px}.practice-overview-card h3{font-size:22px}.practice-overview-card .button-row{gap:10px}@media(max-width:899px){.lesson-topbar{padding-top:6px;padding-bottom:0;justify-content:flex-start}.lesson-topbar .topbar-brand{display:none}.lesson-topbar .icon-button{width:44px;height:44px}.phrase-lesson .study-hint{display:none}}@media(max-height:720px)and (max-width:899px){.phrase-lesson .lesson-word-row>strong{font-size:21px}.phrase-lesson .lesson-image{height:78px}.phrase-lesson .word-romanization,.phrase-lesson .transcription{font-size:12px;line-height:1.4}.phrase-lesson .option-button{font-size:13px;padding:8px 12px}.dictionary-card .card-visual img{max-height:150px}.dictionary-card .study-word{font-size:24px}}@media(min-width:900px){.phrase-lesson .lesson-word-row>strong{font-size:30px}.practice-overview-card{padding:22px;border:1px solid var(--line);border-radius:14px}}.today-welcome{display:flex;align-items:center;justify-content:space-between;min-height:140px;padding:18px;border-radius:18px;background:var(--brand-cream);margin:4px 0 22px;overflow:hidden}.today-welcome-copy{min-width:0;flex:1}.today-welcome .overline{font-size:9px;letter-spacing:.2em;font-weight:800}.today-welcome h2{font-size:30px;margin:6px 0}.today-welcome p{font-size:14px;color:var(--ink-soft);line-height:1.35}.today-welcome-mascot{width:124px;height:132px;margin:-10px -8px -18px 4px}.today-main>.hero-button{width:100%;margin:0 0 24px}.continue-section{padding:0;margin:0}.continue-section h3{margin-bottom:10px}.continuation-word-row{display:flex;align-items:center;gap:12px}.continuation-word-row>strong{flex:1;min-width:0;overflow-wrap:anywhere}.continuation-word-row .word-audio{flex:none}.today-support{margin-top:22px}.practice-heading h1{font-size:30px;margin-bottom:8px}.practice-heading .lead{margin:0}.segment-button.active{background:var(--bg-deep);color:#fff}@media(min-width:900px){.continue-section>.hero-button{order:1;margin-top:18px;margin-bottom:0}}.four-cols>*{min-width:0;overflow-wrap:anywhere}.alphabet-audio-cell{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}.alphabet-audio-cell .mini-audio-button{flex:none;min-height:32px;padding:5px}.alphabet-audio-cell .icon{width:18px;height:18px}.supplement-practice .section-head{margin-bottom:18px}@media(max-width:899px){.supplement-practice .compact-section{padding-top:8px}.supplement-practice .four-cols{grid-template-columns:.65fr 1fr 1fr 1.5fr;gap:8px;font-size:12px}.supplement-practice .result-box{flex-wrap:wrap}}.pack-card-cover{grid-column:1 / -1;display:block;width:100%;aspect-ratio:16 / 9;max-height:200px;object-fit:cover;border-radius:10px}.pack-open-button{align-self:start;min-height:42px}.pack-scenario-card{text-align:left;color:var(--ink);background:#fff}.pack-scenario-card.active{border-color:#8eb9fa}@media(min-width:600px){.pack-scenario-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.pack-card.has-cover{grid-template-columns:240px minmax(0,1fr) auto;align-items:start}.pack-card.has-cover>.pack-card-cover{grid-column:1;grid-row:1 / span 2;max-height:none}.pack-card.has-cover>.pack-card-copy{grid-column:2;grid-row:1}.pack-card.has-cover>.pack-open-button{grid-column:3;grid-row:1}.pack-card.has-cover>.pack-card-meta{grid-column:2 / -1;grid-row:2}}.scenario-grid,.scenario-practice,.speech-practice,.scenario-step,.scenario-preparation{display:grid;gap:16px;min-width:0}.scenario-catalog-heading{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:var(--brand-cream);margin-bottom:4px}.scenario-catalog-heading>div{flex:1;min-width:0}.scenario-catalog-heading h3{margin-bottom:5px;font-size:18px}.scenario-catalog-heading .lead.compact{margin:0;font-size:13px;line-height:1.4}.scenario-grid{gap:0}.scenario-card{display:grid;grid-template-columns:minmax(0,1fr) 88px;align-items:start;gap:14px;padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;color:inherit;width:100%}.scenario-card>img,.scenario-card>.scenario-card-placeholder{grid-column:2;grid-row:1;width:88px;height:88px;border-radius:14px;object-fit:cover}.scenario-card>.scenario-card-placeholder{padding:24px;color:var(--bg-deep)}.scenario-card>.scenario-card-copy{grid-column:1;grid-row:1;display:grid;gap:4px;min-width:0}.scenario-card-copy strong{font-size:16px;line-height:1.35}.scenario-card-copy small{color:var(--ink-soft);font-size:12px;line-height:1.4}.scenario-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;max-width:100%;padding:9px 14px;min-height:40px;border-radius:9px;margin-top:3px;background:var(--bg-deep);color:#fff;font-size:12px;line-height:1.3}.scenario-cta.is-premium{background:#edf5ff;color:var(--bg-deep)}.scenario-cta .icon{width:16px;height:16px}.scenario-card>.scenario-card-arrow{display:none}.scenario-card:focus-visible{outline:3px solid var(--bg-deep);outline-offset:3px}.scenario-catalog.is-compact .scenario-catalog-heading{padding:0;background:none}.scenario-catalog.is-compact .scenario-card{grid-template-columns:88px minmax(0,1fr) 20px}.scenario-catalog.is-compact .scenario-card>img,.scenario-catalog.is-compact .scenario-card>.scenario-card-placeholder{grid-column:1}.scenario-catalog.is-compact .scenario-card>.scenario-card-copy{grid-column:2}.scenario-catalog.is-compact .scenario-card>.scenario-card-arrow{display:block;grid-column:3;grid-row:1;align-self:center;width:20px;height:20px}.scenario-catalog.is-compact .scenario-cta{background:none;color:var(--bg-deep);padding:0;min-height:0}.scenario-reviews{padding:12px 0}@media(max-width:380px){.scenario-card{grid-template-columns:minmax(0,1fr) 76px;gap:12px}.scenario-card>img,.scenario-card>.scenario-card-placeholder{width:76px;height:84px}.scenario-catalog.is-compact .scenario-card{grid-template-columns:64px minmax(0,1fr) 16px;gap:10px}.scenario-catalog.is-compact .scenario-card>img,.scenario-catalog.is-compact .scenario-card>.scenario-card-placeholder{width:64px;height:76px}.today-welcome{padding:14px}.today-welcome-mascot{width:96px;height:124px}}@media(min-width:900px){.today-welcome{min-height:174px}.today-welcome-mascot{width:168px;height:168px}.today-support{margin-top:4px}.today-support>.scenario-catalog{padding:0;border:0}.scenario-card{grid-template-columns:minmax(0,1fr) 120px}.scenario-catalog.is-compact .scenario-card{grid-template-columns:120px minmax(0,1fr) 20px}.scenario-card>img,.scenario-card>.scenario-card-placeholder{width:120px;height:120px}}.scenario-phrase{padding:15px 0;border-bottom:1px solid #e5eaf1;display:grid;gap:8px}.scenario-phrase>strong{font-size:21px}.scenario-phrase p{margin:0}.scenario-hint{background:#edf4ff;border-radius:12px;padding:12px}.speech-practice audio{width:100%;max-width:100%}.settings-advanced{padding:14px 0;border-top:1px solid var(--line)}.settings-advanced summary{cursor:pointer;font-weight:600}.speech-text-label{display:grid;gap:8px;font-size:14px}.scenario-phrase-check input{width:18px;height:18px}.speech-text-label input{width:100%;min-width:0}.transcript-preview{background:#edf4ff;border-radius:14px;padding:16px}.scenario-reviews,.scenario-summary{display:grid;gap:12px}.scenario-phrase-check{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start}.scenario-phrase-check small{grid-column:2}.scenario-step .option-button small{display:block;margin-top:8px}.scenario-preparation .segment-wrap{flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.brand-name img{display:block;width:128px;height:auto;object-fit:contain}.brand-mascot{display:block;object-fit:contain;flex:none}.auth-mascot{width:100px;height:100px;margin:16px 0}.mascot-welcome{display:flex;align-items:center;gap:16px;margin-bottom:12px}.mascot-welcome h3{margin:0}@media(max-height:680px){.auth-mascot{width:72px;height:72px;margin:8px 0}.mascot-welcome .brand-mascot{width:64px;height:64px}}.boot-brand{display:flex;flex-direction:column;align-items:center;gap:16px}.boot-brand .logo-mark{width:72px;height:72px;border-radius:20px}.practice-overview{gap:14px}.practice-heading h1{line-height:1.15;margin-bottom:6px}.practice-heading .lead{font-size:13px;line-height:1.3}.scenario-catalog-heading{padding:12px 14px}.scenario-catalog-heading .lead.compact{font-size:12px;line-height:1.35}.scenario-card{padding:6px 0}.scenario-card>.scenario-card-copy{gap:3px}.scenario-card-copy strong{font-size:14px;line-height:1.25}.scenario-card-copy small{line-height:1.3}.scenario-card-copy small:nth-of-type(2){font-size:11px}.scenario-cta{min-height:28px;padding:6px 12px;margin-top:2px}.scenario-all-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;margin:8px 0;border:0;border-radius:12px;background:#edf5ff;color:var(--bg-deep);text-align:left}.scenario-all-button span{display:grid;gap:3px}.scenario-all-button strong{font-size:14px}.scenario-all-button small{font-size:11px;color:var(--ink-soft)}.scenario-all-button .icon{flex:none;width:18px;height:18px}.today-main>.hero-button{margin-bottom:16px}.today-welcome{margin-bottom:16px}.today-support{margin-top:16px}@media(max-width:760px){.today-welcome{min-height:128px;padding:14px;margin:0 0 12px}.today-main .daily-stats{margin-bottom:18px}.today-main>.hero-button{margin-bottom:12px}.continue-section h3{margin-bottom:6px}.today-support{margin-top:12px}.scenario-catalog.is-compact .scenario-all-button small{display:none}}.scenario-response-example{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:16px}.scenario-response-example>small,.scenario-answer-example>small{display:block;color:var(--ink-soft);overflow-wrap:anywhere}.scenario-answer-example{background:var(--bg-soft, #f0f6ff);padding:12px;border-radius:12px;overflow-wrap:anywhere}.scenario-practice{gap:10px}.scenario-practice>.compact-section{padding:8px 0}.scenario-practice>.scenario-pilot{padding:0;font-size:13px}.scenario-practice .section-head{margin-bottom:10px;gap:8px}.scenario-practice .section-head h2{font-size:22px}.scenario-preparation{display:grid;gap:8px}.scenario-preparation>p{font-size:14px;line-height:1.4}.scenario-preparation .segment-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-preparation .segment-button{min-height:44px;padding:6px 4px;font-size:12px}.scenario-practice .scenario-phrase{padding:10px 0;gap:5px}.scenario-practice .scenario-phrase>strong{font-size:18px;line-height:1.35}.scenario-practice .scenario-response-example{margin:4px 0;padding:10px}.scenario-practice .scenario-answer-example{padding:10px}.scenario-practice .scenario-phrase .button-row button{min-height:44px;padding:8px 12px}.scenario-preparation-task{display:grid;gap:10px;min-width:0}.scenario-preparation-task audio{width:100%}.scenario-preparation-task input{width:100%;min-width:0}.premium-value{display:grid;gap:10px;padding:12px 0;font-size:14px;line-height:1.45}.premium-value ul{padding-left:20px;margin:0}.premium-value li+li{margin-top:6px}.lesson-feedback.result-box{flex:none;width:min(calc(100% - 44px),1040px);align-self:center;margin:0 22px 10px;min-height:64px;padding:10px 14px}.lesson-feedback .result-copy{min-width:0;max-height:min(24dvh,150px);overflow:auto;overflow-wrap:anywhere}.lesson-feedback>button{flex:none;min-width:90px}@media(max-width:360px){.lesson-feedback.result-box{margin-inline:16px;padding:10px;gap:8px}}.card-review-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.card-mode-switch{display:flex;padding:4px;border-radius:12px;background:#eff5ff;max-width:100%}.card-mode-switch button{border:0;background:transparent;color:var(--ink-soft);border-radius:9px;padding:10px 12px;min-height:42px;font:inherit;font-size:13px;cursor:pointer}.card-mode-switch button[aria-pressed=true]{background:#0866ff;color:#fff}.card-mode-switch button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.card-mode-switch button:disabled{cursor:wait;opacity:.7}.audio-recall-prompt{display:grid;justify-items:center;align-content:center;gap:18px;min-height:180px;padding:18px;background:#fff8e8;border-radius:16px;text-align:center}.audio-recall-prompt>svg{width:48px;height:48px;color:#0866ff}.topbar:has(.header-language){flex-wrap:nowrap;gap:8px;padding:14px 22px 8px}.topbar-actions{gap:8px}.header-language{position:relative;flex:none}.header-language-button{width:44px;height:44px;padding:7px;border:1px solid var(--line);border-radius:50%;background:var(--surface-soft);display:grid;place-items:center}.header-language-button .language-flag{width:28px;height:22px;border-radius:2px;object-fit:cover}.header-language-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:40;min-width:200px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 24px #14164a18;display:grid;gap:6px}.header-language-menu>strong{padding:0 8px 4px;font-size:13px}.header-language-menu>button{display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;border-radius:9px;padding:8px;text-align:left;color:var(--ink)}.header-language-menu>button[aria-pressed=true]{background:var(--surface-soft)}.header-language-menu>button span{flex:1}.journey-heading h1{font-size:28px;line-height:1.1;margin:0 0 5px}.journey-heading p{color:var(--ink-soft);font-size:14px;line-height:1.35;margin:0}.journey-today,.journey-practice{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.journey-progress{display:grid;gap:12px;padding:12px;border:0;border-radius:16px;background:var(--surface-soft);text-align:left;color:inherit;width:100%}.journey-progress-heading{display:flex;align-items:center;justify-content:space-between}.journey-progress-heading strong{font-size:17px}.journey-progress-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.journey-progress-stats>span{display:flex;gap:7px;align-items:center;min-width:0}.journey-progress-stats>span+span{border-left:1px solid var(--line);padding-left:8px}.journey-progress-stats>span>span{display:grid;gap:2px;min-width:0}.journey-progress-stats .icon{width:25px;height:25px;flex:none;color:var(--bg-deep)}.journey-progress-stats .warm-icon{color:#ffab25}.journey-progress-stats strong{font-size:20px}.journey-progress-stats small{color:var(--ink-soft);font-size:11px;line-height:1.2}.journey-continuation{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border-radius:16px;background:var(--brand-cream)}.journey-continuation>img{width:108px;height:108px;object-fit:cover;border-radius:12px}.journey-continuation-copy{min-width:0;display:grid;gap:10px}.journey-continuation h3{font-size:16px;line-height:1.3;margin:0}.journey-continuation .primary-button{padding:10px 8px;width:100%;gap:4px;font-size:12px;min-height:44px}.journey-continuation .primary-button .icon{width:14px;height:14px;flex:none}.journey-word-preview{grid-column:1 / -1;display:flex;align-items:center;gap:10px}.journey-word-preview>span{display:grid;gap:3px;flex:1;min-width:0;overflow-wrap:anywhere}.journey-word-preview small{color:var(--ink-soft);font-size:12px}.journey-shortcut{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:14px;text-align:left;color:inherit;background:var(--surface-soft);min-height:64px}.journey-shortcut>.icon:first-child{width:30px;height:30px;color:var(--bg-deep);flex:none}.journey-shortcut>span:not(.icon):not(.journey-entry-icon){display:grid;gap:3px;flex:1;min-width:0}.journey-shortcut strong{font-size:14px;line-height:1.3}.journey-shortcut small{font-size:12px;color:var(--ink-soft);line-height:1.3}.journey-practice-menu{display:grid}.journey-practice-entry{width:100%;display:flex;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:inherit;padding:12px 0;text-align:left;min-height:74px}.journey-practice-entry>.journey-entry-icon{width:46px;height:46px;flex:none;color:var(--bg-deep);background:var(--surface-soft);padding:10px}.journey-practice-entry>span:not(.icon):not(.journey-entry-icon){display:grid;gap:3px;flex:1;min-width:0}.journey-practice-entry strong{font-size:16px;line-height:1.3}.journey-practice-entry small{color:var(--ink-soft);font-size:13px}.journey-today .scenario-catalog,.journey-practice .scenario-catalog{display:grid;gap:0}.journey-today .scenario-catalog-heading,.journey-practice .scenario-catalog-heading{padding:0;margin-bottom:8px;background:none}.journey-today .scenario-catalog-heading h3,.journey-practice .scenario-catalog-heading h3{font-size:22px;line-height:1.15;margin-bottom:5px}.journey-today .scenario-catalog-heading p,.journey-practice .scenario-catalog-heading p{font-size:13px}.journey-today .scenario-card,.journey-practice .scenario-card{grid-template-columns:68px minmax(0,1fr) 18px;gap:12px;padding:8px 0;min-height:80px;align-items:center}.journey-today .scenario-card>img,.journey-practice .scenario-card>img,.journey-today .scenario-card>.scenario-card-placeholder,.journey-practice .scenario-card>.scenario-card-placeholder{grid-column:1;width:68px;height:64px;border-radius:10px}.journey-today .scenario-card>.scenario-card-copy,.journey-practice .scenario-card>.scenario-card-copy{grid-column:2}.journey-today .scenario-card-copy strong,.journey-practice .scenario-card-copy strong{font-size:14px;line-height:1.25}.journey-today .scenario-card-copy small,.journey-practice .scenario-card-copy small{font-size:12px}.journey-today .scenario-cta,.journey-practice .scenario-catalog.is-compact .scenario-cta{font-size:12px;line-height:1.2}.journey-today .scenario-all-button,.journey-practice .scenario-all-button{margin-top:6px;min-height:44px;padding:10px 14px}.journey-today .scenario-all-button strong,.journey-practice .scenario-all-button strong{font-size:16px}@media(min-width:900px){.topbar:has(.header-language){padding:22px 40px}.journey-today{grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.journey-today .journey-heading{grid-column:1 / -1}.journey-today .journey-progress,.journey-today .journey-continuation,.journey-today .journey-alphabet,.journey-today .journey-dictionary{grid-column:1}.journey-today .scenario-catalog{grid-column:1 / -1;grid-row:auto}.journey-practice{max-width:740px}.journey-practice-entry{min-height:84px}.journey-practice-entry strong{font-size:18px}.journey-continuation{grid-template-columns:140px minmax(0,1fr)}.journey-continuation>img{width:140px;height:140px}.journey-continuation h3{font-size:20px}.journey-continuation .primary-button{font-size:14px}}@media(max-width:360px){.topbar:has(.header-language){padding-left:16px;padding-right:16px}.topbar:has(.header-language) .brand-name img{width:105px}.topbar:has(.header-language) .topbar-brand{gap:6px}.journey-progress-stats>span{flex-direction:column;align-items:flex-start}.journey-progress-stats .journey-stat-icon{display:none}.journey-continuation{grid-template-columns:82px minmax(0,1fr);gap:10px}.journey-continuation>img{width:82px;height:98px}.journey-continuation h3{font-size:14px}}.journey-entry-icon{display:grid;place-items:center;border-radius:14px}.journey-entry-icon .icon{width:28px;height:28px;background:currentColor}.journey-shortcut>.icon:last-child,.journey-practice-entry>.icon:last-child{width:20px;height:20px;flex:none}.journey-today .scenario-card>.scenario-card-arrow,.journey-practice .scenario-card>.scenario-card-arrow{flex:none}.journey-progress{gap:8px;padding:10px 12px}.journey-progress-heading{line-height:1.2}.journey-progress-stats strong{line-height:1.1}.journey-today{gap:8px}.journey-shortcut{min-height:56px;padding:10px 12px}.journey-continuation{grid-template-columns:92px minmax(0,1fr)}.journey-continuation>img{width:92px;height:92px}.journey-today .scenario-card{min-height:72px}.journey-today .scenario-card>img{height:56px}.journey-practice .scenario-card:has(.scenario-cta){position:relative;grid-template-columns:68px minmax(0,1fr);padding-right:116px}.journey-practice .scenario-card:has(.scenario-cta)>.scenario-card-arrow{display:none}.journey-practice .scenario-catalog.is-compact .scenario-cta{position:absolute;right:0;top:50%;transform:translateY(-50%);width:104px;padding:10px 12px;min-height:44px;margin:0;background:var(--surface-soft);border-radius:10px;color:var(--bg-deep)}@media(min-width:900px){.journey-continuation{grid-template-columns:140px minmax(0,1fr)}.journey-continuation>img{width:140px;height:140px}}@media(max-width:360px){.journey-continuation{grid-template-columns:82px minmax(0,1fr)}.journey-continuation>img{width:82px;height:98px}.journey-practice .scenario-card:has(.scenario-cta){padding-right:0;grid-template-columns:64px minmax(0,1fr) 16px}.journey-practice .scenario-catalog.is-compact .scenario-cta{position:static;transform:none;width:auto;background:var(--surface-soft);min-height:40px;padding:8px 12px;justify-content:center}}.journey-progress-stats .journey-stat-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e1efff;flex:none}.journey-stat-icon.is-streak{background:#fff0e9}.journey-stat-icon.is-achievement{background:#fff0d5}.journey-stat-icon.is-streak .icon{color:#ff8c35}.journey-stat-icon.is-achievement .icon{color:#f5a300}.journey-progress-stats .journey-stat-icon .icon{width:23px;height:23px}.journey-progress-stats strong{font-size:24px}.journey-shortcut>.journey-entry-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;background:#e4f0ff;color:var(--bg-deep);border-radius:12px}.journey-shortcut>span:not(.icon):not(.journey-entry-icon){flex:1}.journey-continuation{grid-template-columns:100px minmax(0,1fr)}.journey-continuation>img{width:100px;height:100px}.journey-continuation h3{font-size:17px}.journey-continuation .primary-button{font-size:13px}.journey-practice-menu{border-top:1px solid var(--line)}.journey-practice-entry>.journey-entry-icon{width:50px;height:50px;border-radius:15px;background:#e4f0ff}.scenario-card-meta{display:flex;align-items:center;gap:5px}.journey-today .scenario-all-button,.journey-practice .scenario-all-button{justify-content:center;gap:10px}.journey-today .scenario-all-button>span,.journey-practice .scenario-all-button>span{flex:none}.journey-today .scenario-card>img,.journey-today .scenario-card>.scenario-card-placeholder{width:76px;height:60px}.journey-today .scenario-card{grid-template-columns:76px minmax(0,1fr) 18px}.journey-today .scenario-card-copy strong{font-size:15px}@media(min-width:900px){.journey-continuation{grid-template-columns:140px minmax(0,1fr)}.journey-continuation>img{width:140px;height:140px}.journey-continuation h3{font-size:20px}}@media(max-width:360px){.journey-continuation{grid-template-columns:82px minmax(0,1fr)}.journey-continuation>img{width:82px;height:98px}.journey-continuation h3{font-size:15px}.journey-continuation .primary-button{font-size:12px}.journey-today .scenario-card{grid-template-columns:64px minmax(0,1fr) 18px}.journey-today .scenario-card>img{width:64px;height:56px}}@media(min-width:900px){.topbar:has(.header-language){justify-content:flex-end;padding:12px 40px;min-height:68px}.topbar:has(.header-language) .topbar-brand{display:none}.journey-today{column-gap:24px;row-gap:12px}.journey-today .scenario-catalog.is-compact .scenario-card{grid-template-columns:76px minmax(0,1fr) 18px}.journey-practice .scenario-catalog.is-compact .scenario-card:not(:has(.scenario-cta)){grid-template-columns:68px minmax(0,1fr) 18px}}.phrase-preparation{display:grid;gap:12px}.phrase-preparation h3,.phrase-preparation p{margin:0}.phrase-preparation .prompt-card strong{font-size:clamp(22px,5vw,30px);overflow-wrap:anywhere}.phrase-preparation input{width:100%;min-width:0;padding:12px;border:1px solid #dce7fa;border-radius:14px;font:inherit}.phrase-recall-success{color:#087d57;font-weight:700}.phrase-built-answer,.phrase-word-bank{display:flex;flex-wrap:wrap;gap:8px}.phrase-built-answer{min-height:52px;align-items:center;padding:10px;border:1px solid #dce7fb;border-radius:14px;background:#f7faff}.phrase-built-answer small{color:#64799e}.phrase-word-chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #cdddf8;border-bottom-width:3px;border-radius:12px;color:#17204e;background:#fff;font:inherit;cursor:pointer}.phrase-word-chip:disabled{color:#8694ae;background:#edf2f9;border-color:#e2e9f2;cursor:default}.phrase-word-chip.is-selected{color:#0759df;background:#eaf3ff;animation:phrase-word-in .15s ease-out}.phrase-word-chip:focus-visible{outline:2px solid #0866ff;outline-offset:2px}@keyframes phrase-word-in{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.phrase-word-chip.is-selected{animation:none}}.all-materials-catalog{--catalog-cover-size: 72px}.all-materials-catalog .pack-card.has-cover{grid-template-columns:var(--catalog-cover-size) minmax(0,1fr) auto}.all-materials-catalog .pack-card.has-cover>.pack-card-cover,.all-materials-catalog .scenario-card>img,.all-materials-catalog .scenario-card>.scenario-card-placeholder{grid-column:1;grid-row:1;width:var(--catalog-cover-size);height:var(--catalog-cover-size);border-radius:12px;object-fit:cover}.all-materials-catalog .scenario-grid{display:grid;gap:12px}.all-materials-catalog .scenario-card{grid-template-columns:var(--catalog-cover-size) minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.all-materials-catalog .scenario-card>.scenario-card-copy{grid-column:2;grid-row:1}.all-materials-catalog .pack-card-title-row strong,.all-materials-catalog .scenario-card-copy strong{font-size:15px;line-height:1.3}.all-materials-catalog .scenario-card-copy small{font-size:13px;line-height:1.4}.all-materials-catalog .scenario-card-copy>small:first-of-type{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(max-width:360px){.all-materials-catalog{--catalog-cover-size: 64px}}@media(min-width:900px){.all-materials-catalog{--catalog-cover-size: 80px}}.scenario-reply-targets{display:grid;gap:8px}.scenario-reply-targets ul{margin:0;padding-left:20px}.scenario-reply-targets li+li{margin-top:6px}.scenario-practice.is-answer-step{gap:4px}.topic-preview .pack-badge{justify-self:start;width:fit-content}.pack-card.active{scroll-margin-top:80px}.is-answer-step>.compact-section{padding:4px 0}.is-answer-step .section-head,.is-answer-step .scenario-step>.study-hint:first-child,.is-answer-step .scenario-hint{display:none}.is-answer-step .scenario-step{gap:8px}.is-answer-step .scenario-step>h3{font-size:17px;line-height:1.35}.is-answer-step .scenario-step>.option-grid:empty{display:none}.is-answer-step .scenario-latin{font-size:12px}.is-answer-step .scenario-reply-targets{gap:4px;font-size:14px}.is-answer-step .scenario-reply-targets li+li{margin-top:2px}.speech-practice.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.speech-practice.is-compact>:not(.button-row):not(button){grid-column:1 / -1}.speech-practice.is-compact>.button-row{display:contents}.speech-practice.is-compact .speech-label-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.speech-practice.is-compact .speech-text-label{gap:0}.speech-practice.is-compact button,.speech-practice.is-compact input,.is-answer-step .scenario-step>.button-row button{min-height:44px;padding:8px 10px;font-size:13px}.course-lesson{gap:12px}.course-lesson .learn-card{gap:12px;padding-block:12px}.course-lesson-feedback-host{display:flex;flex:none;justify-content:center}.course-lesson-feedback-host .lesson-feedback{display:flex;align-items:center;gap:12px}.course-lesson-feedback-host .lesson-feedback>span{min-width:0;flex:1;max-height:20dvh;overflow:auto;overflow-wrap:anywhere}.lesson-dictionary-choice{display:grid;gap:10px;margin-block:16px}.lesson-dictionary-choice .pack-word-grid{max-height:min(230px,30dvh);overflow-y:auto;overscroll-behavior:contain}.lesson-dictionary-choice .pack-word-row{padding:10px}.lesson-completion-actions{width:100%;max-width:1100px;padding:8px 20px;border-top:1px solid var(--line);background:#fff}.lesson-example{display:grid;gap:5px;padding:12px 14px;margin-block:12px;border-radius:14px;background:var(--surface-soft, #f1f6ff);overflow-wrap:anywhere}.lesson-example p{margin:0;font-size:15px;line-height:1.45}.lesson-example-label{color:var(--muted);font-size:12px}.lesson-example-phrase{font-weight:600}.lesson-example .word-romanization{font-size:13px}.lesson-material-actions .primary-button{width:100%}.lesson-choice-option{display:grid;gap:4px;overflow-wrap:anywhere}.lesson-choice-option .word-romanization{margin:0;font-size:13px;line-height:1.35;font-weight:400}.pack-topic-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.all-materials-catalog .pack-card.has-cover>.pack-topic-actions{padding:0}.pack-topic-actions button{padding:10px}.premium-entry{display:flex;align-items:center;gap:12px;width:100%;padding:16px;border:1px solid #dbe8ff;border-radius:18px;background:#edf5ff;color:var(--accent, #0663ff);text-align:left}.premium-entry>span:not(.icon){flex:1;min-width:0;display:grid;gap:4px}.premium-entry small{color:#607a9d;font-weight:400;line-height:1.4}.premium-entry>.icon{flex-shrink:0}.premium-entry+.premium-entry{margin-top:12px}.settings-profile>div{min-width:0}.settings-profile strong,.settings-profile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-screen .premium-value{padding:0}.premium-screen .button-row{margin-top:16px}.premium-prompt{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid #dbe8ff;border-radius:24px;padding:24px;background:#fff;color:#18164e;box-sizing:border-box}.premium-prompt::backdrop{background:#0c173473}.premium-prompt-close{position:absolute;top:12px;right:12px}.premium-prompt-icon{width:36px;height:36px;color:#0663ff}.premium-prompt h2{margin:16px 0 12px;font-size:23px;line-height:1.2;padding-right:12px}.premium-prompt p{margin:12px 0;line-height:1.45}.premium-prompt-actions{display:grid;gap:8px;margin-top:20px}.premium-prompt[open]{display:flex;flex-direction:column;overflow:hidden}.premium-prompt-body{min-height:0;overflow-y:auto}.premium-prompt-actions{flex-shrink:0}.premium-prompt>.premium-plans-summary{flex-shrink:0;margin-top:12px}.premium-plans-summary{display:grid;gap:6px;padding:12px;border-radius:14px;background:#f2f6ff}.premium-plans-summary p{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:15px}.premium-plans-summary small{color:#61789f;font-size:12px;line-height:1.4}.premium-topic-composition{margin:14px 0;font-size:14px;line-height:1.4}.premium-topic-composition summary{color:#0663ff;cursor:pointer}.premium-topic-composition ol{padding-left:22px}.lesson-next-topic,.lesson-premium-offer{margin-top:16px;padding:16px;border-radius:16px;background:#f2f6ff}.lesson-premium-offer{background:#f8f5ff}@media(max-height:600px){.premium-prompt{padding:18px}.premium-prompt h2{font-size:20px;margin-top:10px}.premium-prompt-actions{margin-top:12px}}.premium-limits{margin-top:20px}.premium-limits summary{color:#0863ff;cursor:pointer;padding:10px 0}.premium-highlights{padding-left:20px;line-height:1.45;margin:14px 0}.premium-highlights li+li{margin-top:6px}.difficulty-easy{color:#166534;background:#dcfce7}.difficulty-medium{color:#92400e;background:#fef3c7}.difficulty-hard{color:#6b21a8;background:#f3e8ff}.difficulty-neutral{color:#475569;background:#f1f5f9}.pack-scenario-meta .pack-badge-difficulty{display:inline-block;margin-right:6px;font-style:normal}.lesson-theory{display:grid;gap:12px;padding-block:8px}.lesson-theory h3,.lesson-theory p{margin:0}.lesson-theory h3{font-size:22px;line-height:1.2}.lesson-theory p{font-size:15px;line-height:1.45}.lesson-theory-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lesson-theory-example{display:grid;align-content:start;gap:5px;padding:12px;border:1px solid var(--line);border-radius:16px;overflow-wrap:anywhere}.lesson-theory-example>small{color:var(--muted);font-size:12px}.lesson-theory-example .lesson-word-row{gap:6px;align-items:center}.lesson-theory-example .lesson-word-row strong{font-size:18px;min-width:0}.lesson-theory-example .word-romanization{color:var(--muted);font-size:13px}.lesson-theory-takeaway{padding:12px;border-radius:14px;background:var(--surface-soft, #f1f6ff)}@media(max-width:480px){.lesson-theory-examples{grid-template-columns:minmax(0,1fr)}.lesson-theory{gap:10px}.lesson-theory-example{padding:10px 12px}}.course-lesson.is-theory{gap:10px}.course-lesson.is-theory>.section-head{gap:6px 10px;margin:0}.course-lesson.is-theory>.section-head h2{font-size:20px;line-height:1.2}.course-lesson.is-theory>.study-hint{margin:0;font-size:12px}.course-lesson.is-theory>.session-progress{margin:0}.course-lesson.is-theory .lesson-theory h3{font-size:19px}.scenario-choice-feedback{position:sticky;bottom:8px;z-index:2}.scenario-choice-feedback>span{min-width:0;overflow-wrap:anywhere}.scenario-choice-feedback>button{flex:none}.referral-balance{display:grid;gap:4px;padding:16px;margin-block:16px;border-radius:14px;background:var(--surface-soft)}.referral-balance strong{font-size:28px;color:var(--bg-deep)}.referral-balance span,.referral-link{color:var(--ink-soft)}.referral-link{display:grid;gap:6px;margin-block:16px}.referral-link input{width:100%;min-width:0}.referral-steps{padding-left:22px}.referral-steps li+li{margin-top:8px}.referral-list{list-style:none;padding:0}.referral-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:12px;border-bottom:1px solid var(--line)}.referral-list strong{color:var(--bg-deep)}.journey-practice .scenario-catalog.is-compact .scenario-card{grid-template-columns:68px minmax(0,1fr) 18px;gap:10px}.journey-practice .scenario-catalog.is-compact .scenario-card:has(.scenario-cta){grid-template-columns:68px minmax(0,1fr);padding-right:114px}@media(max-width:360px){.journey-practice .scenario-catalog.is-compact .scenario-card,.journey-practice .scenario-catalog.is-compact .scenario-card:has(.scenario-cta){grid-template-columns:64px minmax(0,1fr) 18px;padding-right:0}.journey-practice .scenario-catalog.is-compact .scenario-card>img,.journey-practice .scenario-catalog.is-compact .scenario-card>.scenario-card-placeholder{width:64px}}.pack-description-toggle{display:inline-flex;align-items:center;min-height:44px;padding:4px 0;color:var(--bg-deep);background:transparent;border:0;font-size:12px;font-weight:600;text-align:left}.pack-description-toggle:focus-visible{outline:2px solid var(--bg-deep);outline-offset:2px;border-radius:4px}.pack-description-full{grid-column:1 / -1;min-width:0;margin:0;color:var(--ink-soft);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.pack-description-full[hidden]{display:none}.journey-word-preview{align-items:flex-start;gap:12px}.journey-word-preview>span{flex:0 1 auto}.journey-word-preview>.word-audio{flex:none}.settings-form>.advanced-settings .settings-grid{padding-bottom:0}.achievement-expand-button{margin-top:12px}.ranking-preview{border-top:1px solid var(--line);padding-top:18px}.ranking-preview .section-head{margin-bottom:8px}.ranking-preview h3{font-size:18px}.all-materials-catalog .pack-card.has-cover{align-items:start;grid-template-columns:var(--catalog-cover-size) minmax(0,1fr) 112px}.pack-card-title-row{align-items:flex-start}.pack-card-title-row strong{min-width:0;overflow-wrap:anywhere}.pack-description-summary{grid-column:1 / -1;min-width:0}.pack-description-summary .pack-card-description{margin:0;line-height:1.45}.all-materials-catalog .pack-card.has-cover>.pack-card-meta{grid-row:auto}.pack-card>.pack-prerequisite-note{margin:0;padding:12px 14px;border-radius:12px;background:#edf5ff;color:#34557b;font-size:13px;line-height:1.45}.pack-prerequisite-note strong{display:block;color:var(--ink);margin-bottom:4px}.pack-prerequisite-note p{margin:0;font-size:12px}@media(max-width:380px){.all-materials-catalog .pack-card.has-cover{grid-template-columns:64px minmax(0,1fr)}.all-materials-catalog .pack-card.has-cover>.pack-card-cover{width:64px;height:64px}.all-materials-catalog .pack-card.has-cover>.pack-topic-actions{grid-column:1 / -1;grid-row:auto}}.premium-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:10px;background:#f0eaff;color:#6543a4;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}.premium-badge .icon{width:14px;height:14px;flex:none}.pack-card-copy>.premium-badge{margin-top:6px}.scenario-card-meta{flex-wrap:wrap;row-gap:4px}.achievements-catalog h3,.progress-screen>.achievement-section h3{margin-bottom:14px}.achievements-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start}.achievement-pending{padding:16px;border-radius:12px;background:#f7f9fd;margin-bottom:10px}.achievement-pending>div{align-items:flex-start}.achievement-pending strong{min-width:0;overflow-wrap:anywhere}.achievement-pending span{flex:none}.scenario-card-meta .premium-badge{gap:4px;padding:2px 6px;border-radius:7px;font-size:11px;font-weight:500;line-height:1.3}.scenario-card-meta .premium-badge .icon{width:12px;height:12px}.pack-description-summary .pack-description-full{display:block;-webkit-line-clamp:unset;overflow:visible}.library-screen:has(.dictionary-card){gap:12px}.library-screen:has(.dictionary-card) .main-segment{margin-bottom:0}.dictionary-card{--card-image-size: clamp(88px, 28vw, 112px);padding-bottom:0}.dictionary-card .card-review-toolbar{gap:8px}.dictionary-card .card-practice-button{min-height:44px;padding:8px 14px;font-size:13px}.dictionary-card .card-mode-switch{padding:2px}.dictionary-card .card-mode-switch button{min-height:44px;padding:8px 12px}.dictionary-card .study-hint{margin:8px 0 12px;line-height:1.4}.dictionary-card .study-layout{gap:12px}.dictionary-card .study-main{align-content:start;gap:12px}.dictionary-card .study-main:has(.card-visual){grid-template-columns:var(--card-image-size) minmax(0,1fr);align-items:start}.dictionary-card .card-visual{background:#fff9ef}.dictionary-card .card-visual img{width:var(--card-image-size);height:var(--card-image-size);max-height:none;object-fit:contain}.dictionary-card .card-source{min-width:0;display:grid;gap:4px}.dictionary-card .card-source p{margin:0;line-height:1.4}.dictionary-card .study-word{font-size:24px}.dictionary-card .lesson-word-row{gap:8px}.dictionary-card .lesson-word-row .icon-button{width:36px;height:36px}.dictionary-card .word-romanization,.dictionary-card .transcription,.dictionary-card .example{font-size:13px}.dictionary-card .study-side{padding:12px;gap:8px}.dictionary-card .study-side .primary-button{min-height:44px;padding:10px 14px}.dictionary-card .flashcard-navigation{margin-top:10px}.dictionary-card .flashcard-navigation .icon-button{width:44px;height:44px}.dictionary-card .audio-recall-prompt{min-height:100px;gap:8px;padding:8px}@media(min-width:900px){.dictionary-card{--card-image-size: 160px}.dictionary-card .study-word{font-size:30px}}@media(max-height:720px)and (max-width:899px){.dictionary-card{--card-image-size: 96px}.dictionary-card .study-main:has(.card-visual){gap:10px}.dictionary-card .study-word{font-size:20px}.dictionary-card .study-hint{margin:6px 0 8px}.dictionary-card .study-side{padding:8px}.dictionary-card .flashcard-navigation{margin-top:6px}}@media(max-height:600px)and (max-width:899px){.dictionary-card{--card-image-size: 80px}}.dictionary-card>.card-practice-button{margin-top:8px;width:100%}.premium-plan-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.premium-plan-option{min-width:0}.premium-plan-option>button{width:100%}.referral-campaign{margin-top:24px}.referral-campaign .referral-list li{align-items:flex-start;flex-wrap:wrap}.referral-campaign .referral-list strong{overflow-wrap:anywhere}@media(max-width:420px){.premium-plan-options{grid-template-columns:1fr}}.quota-resource-list{list-style:none;padding:0;margin:12px 0}.quota-resource-list li{display:grid;gap:5px;padding-block:12px;border-bottom:1px solid var(--line)}.quota-resource-list span,.quota-resource-list small{color:var(--muted);overflow-wrap:anywhere}.annual-saving{display:grid;gap:6px;margin-top:8px}.annual-saving-badge{justify-self:start;border-radius:9px;padding:5px 9px;background:#e2f5ef;color:#14644d;font-size:13px;line-height:1.4;font-weight:600}.annual-saving>small{color:#61789f;font-size:12px;line-height:1.45}.annual-saving.compact{margin-top:2px}.app-stage:has(>.alphabet-review){padding-top:4px}.alphabet-review{gap:8px}.alphabet-review>.text-button{padding-block:4px;min-height:32px;justify-self:start}.alphabet-review>.supplement-practice>.compact-section{padding-top:0}.learning-reminder-prompt{box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;margin:auto;padding:22px;border:1px solid #dce8fc;border-radius:20px;background:#f3f7ff;color:#19164e}.learning-reminder-heading{display:flex;align-items:center;gap:10px}.learning-reminder-heading .icon{color:#0866ff;flex:0 0 24px}.learning-reminder-heading h3{margin:0;font-size:1.05rem}.learning-reminder-prompt p{margin:10px 0;color:#617a9f;line-height:1.45}.learning-reminder-time{display:flex;align-items:center;gap:12px;margin-block:14px 6px}.learning-reminder-time input{width:112px;min-height:44px;padding:8px;border:1px solid #cdddfa;border-radius:12px;background:#fff;color:inherit;font:inherit}.learning-reminder-prompt small{display:block;color:#617a9f;overflow-wrap:anywhere}.learning-reminder-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px}.learning-reminder-actions .primary-button{padding:12px 16px;font-size:.95rem;min-height:44px}.learning-reminder-actions .text-button{min-height:44px}@media(max-width:360px){.learning-reminder-prompt{padding:14px}.learning-reminder-actions{flex-direction:column;align-items:stretch}}.learning-reminder-prompt::backdrop{background:#14164a61}.topic-progress{grid-column:1 / -1;min-width:0}.topic-progress-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:var(--ink-soft);font-size:12px}.topic-progress-label>span:first-child{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}.topic-progress-label .icon{width:16px;height:16px}.topic-progress-track{height:5px;border-radius:6px;background:#e7eef9;overflow:hidden}.topic-progress-track>div{height:100%;border-radius:inherit;background:var(--accent, #0865f9)}.topic-progress.complete .topic-progress-label{color:#16764b}.topic-progress.complete .topic-progress-track>div{background:#239b68}.pack-card.topic-completed:not(.active){border-color:#c9e9d9}.pack-card>.lesson-count-note{grid-column:1 / -1;margin:0;color:var(--ink-soft);font-size:11px;line-height:1.45}.pack-card>.pack-scenario-list{grid-template-columns:minmax(0,1fr);gap:0}.pack-scenario-list>.lesson-progress-row{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;column-gap:10px;padding:13px 0;min-width:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.lesson-row-copy{display:grid;min-width:0;gap:5px}.lesson-row-copy>strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.lesson-row-counts{font-size:12px;line-height:1.45;color:var(--ink-soft)}.lesson-row-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#16764b}.lesson-row-status .icon{width:15px;height:15px;flex:none}.lesson-row-status.in-progress{color:#0865f9}.lesson-row-arrow{width:16px;height:16px;color:var(--ink-soft)}.lesson-progress-row:focus-visible{outline:2px solid #0865f9;outline-offset:3px;border-radius:8px}.lesson-listening{display:grid;gap:16px}.lesson-listening-form{display:grid;gap:10px}.lesson-listening-form input{width:100%;min-width:0}.today-recommendation{background:#fff8ed;border-radius:20px;padding:16px;display:grid;gap:14px;min-width:0}.today-recommendation-heading{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start}.today-recommendation-heading>img{width:88px;height:96px;object-fit:cover;border-radius:14px}.today-recommendation.has-mascot img{object-fit:contain}.today-recommendation h2{font-size:20px;line-height:1.25;margin:0 0 6px;overflow-wrap:anywhere}.today-recommendation p{color:var(--muted);font-size:14px;line-height:1.45;margin:0}.today-recommendation .primary-button,.today-recommendation .secondary-button{width:100%;min-height:48px;padding:12px 16px;font-size:16px}.today-recommendation progress{width:100%;height:6px;display:block;margin-top:8px;accent-color:#0865f9}.today-alternative{background:#f2f6fd;border:0;border-radius:16px;padding:14px;width:100%;text-align:left;min-width:0}.today-alternative strong{overflow-wrap:anywhere}.today-completed{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:5px;font-size:14px}.today-completed li{display:flex;gap:6px;align-items:center}.today-completed .icon{width:16px;color:#128341}.today-alphabet-link{display:flex;gap:8px;align-items:center;font-size:14px;justify-self:start}.adaptive-today .journey-heading p{margin-bottom:0}@media(max-width:380px),(max-height:700px){.today-recommendation{padding:12px;gap:12px}.today-recommendation-heading{grid-template-columns:72px minmax(0,1fr);gap:12px}.today-recommendation-heading>img{width:72px;height:80px}.today-recommendation h2{font-size:18px}}.adaptive-today .primary-button{background:#0865f9;border-color:#0865f9}.today-topics-heading{width:100%;display:flex;justify-content:space-between;align-items:center;color:var(--text);padding:0;text-align:left}.today-topics-heading h3{margin:0}.adaptive-today .scenario-catalog-heading>div{width:100%}.lesson-feedback-translation{display:block;margin-top:4px;font-size:14px;line-height:1.45}.speech-answer-feedback{display:grid;gap:12px;padding:14px;border-radius:14px;background:var(--brand-cream);min-width:0;overflow-wrap:anywhere}.speech-answer-feedback p{display:grid;gap:4px;margin:0}.speech-answer-feedback small{color:var(--muted);font-size:12px}.alphabet-learning{display:grid;gap:10px;min-width:0}.alphabet-view-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4px;padding:4px;border-radius:16px;background:var(--surface-soft)}.alphabet-view-toggle .segment-button{min-height:44px}.alphabet-letter-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:20px;border-radius:24px;background:var(--brand-cream);min-width:0;touch-action:pan-y}.alphabet-letter-hero{display:contents}.alphabet-letter-card>:not(.alphabet-letter-hero):not(.alphabet-letter-name){grid-column:1 / -1}.alphabet-letter-glyph{grid-column:1;grid-row:1;color:var(--ink);font-size:clamp(110px,34vw,172px);font-weight:800;line-height:1;letter-spacing:-.035em}.alphabet-letter-glyph.is-latin{font-size:clamp(64px,20vw,110px)}.alphabet-letter-hero img{grid-column:2;grid-row:1 / span 2;align-self:center;width:100%;height:220px;object-fit:contain}.alphabet-letter-name{grid-column:1;grid-row:2;display:grid;gap:3px}.alphabet-letter-name>small,.alphabet-word-example small{color:var(--ink-soft);font-size:13px}.alphabet-letter-name>strong{font-size:24px;line-height:1.2}.alphabet-letter-sound{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.4;overflow-wrap:anywhere}.alphabet-letter-audio{width:100%;min-height:46px;gap:10px}.alphabet-word-example{border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.alphabet-word-example>div:first-child{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}.alphabet-word-example strong{font-size:24px;line-height:1.2}.alphabet-word-example .study-hint{margin:0}.alphabet-card-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.alphabet-card-navigation>div{display:grid;gap:3px;text-align:center}.alphabet-card-navigation small{color:var(--ink-soft);font-size:12px}.alphabet-nav-arrow{width:46px;height:46px;background:#edf4ff;color:var(--bg-deep)}.alphabet-start-test{width:100%;min-height:46px;gap:10px}.alphabet-letter-list{display:grid;gap:8px}.alphabet-letter-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:6px 0}.alphabet-letter-list-row.is-selected{background:#f2f6fd;border-radius:12px}.alphabet-list-select{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:var(--ink);padding:10px;min-height:50px}.alphabet-list-select>strong{font-size:24px}.alphabet-list-select>span{display:grid;gap:3px;overflow-wrap:anywhere}.alphabet-list-select small{color:var(--ink-soft);font-size:12px}@media(max-height:740px){.alphabet-learning{gap:10px}.alphabet-letter-card{gap:8px;padding:14px;border-radius:20px}.alphabet-letter-glyph{font-size:clamp(86px,23vw,120px)}.alphabet-letter-hero img{height:160px}.alphabet-letter-name>strong,.alphabet-word-example strong{font-size:21px}.alphabet-letter-name .study-hint,.alphabet-word-example .study-hint{font-size:13px}.alphabet-word-example{padding-top:8px}.alphabet-card-navigation small{display:none}}@media(max-width:899px){.app-stage:has(>.alphabet-review){display:flex;flex-direction:column;overflow:hidden;padding-bottom:12px}.alphabet-review,.alphabet-review>.supplement-practice,.alphabet-review .alphabet-learning{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.alphabet-review .alphabet-letter-card{flex:0 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-content:start}.alphabet-review .alphabet-letter-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.alphabet-view-toggle,.alphabet-card-navigation,.alphabet-start-test{flex-shrink:0}}@media(max-width:899px)and (max-height:740px){.alphabet-review .alphabet-letter-card{grid-template-columns:72px minmax(0,1fr) 80px;gap:6px;padding:10px}.alphabet-review .alphabet-letter-glyph{font-size:60px;align-self:center}.alphabet-review .alphabet-letter-glyph.is-latin{font-size:40px}.alphabet-review .alphabet-letter-hero img{grid-column:3;grid-row:1;height:80px}.alphabet-review .alphabet-letter-name{grid-column:2;grid-row:1;align-self:center;padding-left:0;gap:1px;overflow-wrap:anywhere}.alphabet-review .alphabet-letter-name>small{font-size:11px}.alphabet-review .alphabet-letter-name>strong{font-size:18px}}@media(max-width:899px){.progress-screen:not(.achievements-catalog){gap:18px}.progress-screen .progress-overview h3{font-size:16px;margin-bottom:4px}.progress-screen .progress-numbers{gap:16px}.progress-screen .progress-numbers strong{font-size:32px;line-height:1.15}.progress-screen .progress-numbers>span{min-width:0}.progress-screen .progress-overview>.study-hint{margin-top:4px;line-height:1.45}.progress-screen .dictionary-progress{margin-top:12px;height:8px}.progress-screen .streak-row{gap:10px;padding:14px 0;margin-top:4px}.progress-screen .streak-row .icon{width:28px;height:28px}.progress-screen .streak-row strong{font-size:24px}}.support-screen{max-width:640px;margin:0 auto;width:100%}.support-screen h2{margin:8px 0 12px}.support-form{display:flex;flex-direction:column;gap:14px}.support-form label{display:flex;flex-direction:column;gap:8px;color:var(--ink)}.support-form input:not([type=file]),.support-form textarea{width:100%;border:1px solid #dce7f6;border-radius:14px;background:#f4f8ff;color:var(--ink);padding:14px;font:inherit;box-sizing:border-box}.support-form textarea{min-height:150px;resize:vertical}.support-form small{color:var(--ink-soft)}.support-form h3,.support-form p{margin:0}.support-files{list-style:none;padding:0;margin:0;display:grid;gap:8px}.support-files li{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f1f6ff;border-radius:12px;padding:8px 12px}.support-files span{min-width:0;overflow-wrap:anywhere}.support-files button{flex:none;font-size:24px}.support-error{color:#a72e36}.support-receipt{background:#e4f7ef;border-radius:16px;padding:18px;overflow-wrap:anywhere}.exercise-report{margin:16px 0;scroll-margin-top:12px;scroll-margin-bottom:150px}.exercise-report>button{font-size:14px;text-decoration:underline}.exercise-report-panel{padding:18px;margin-top:12px;background:#f2f7ff;border-left:3px solid #0865f9;border-radius:4px 14px 14px 4px}.exercise-report-panel textarea{min-height:100px}@media(max-height:680px){.support-form{gap:10px}.support-form textarea{min-height:110px}}.support-screen.screen-stack{gap:16px}.support-screen>.lead{margin:0 0 8px;font-size:16px;line-height:1.45}.premium-selected-task,.pack-continuation-offer{padding:16px;border-radius:18px;background:#f3f7ff}.premium-task{display:grid;gap:10px}.premium-task h3,.premium-task p{margin:0}.premium-task-picker{margin-top:14px}.premium-task-picker summary,.premium-topic-composition summary{cursor:pointer}.premium-task-choices{display:grid;gap:6px;margin-top:10px}.premium-task-choices button{text-align:left;white-space:normal}.premium-task-choices button[aria-pressed=true]{font-weight:750}.pack-continuation-offer{grid-column:1 / -1;display:grid;gap:10px}.pack-continuation-offer p{margin:0}.pack-continuation-offer button{justify-self:start}.today-course-review{width:100%;white-space:normal;text-align:center}.course-review-screen progress{width:100%}.course-review-screen .option-button{display:grid;gap:4px;white-space:normal}.course-review-screen{gap:10px}.course-review-screen p,.course-review-screen h3{margin:0}.course-review-screen.has-feedback>.study-hint,.course-review-screen.has-feedback>div:has(>progress){display:none}.course-review-screen h3{font-size:16px;line-height:1.4}.course-review-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.course-review-tools .text-button{min-height:44px;padding:8px 4px}.course-review-display{display:grid;gap:4px;overflow-wrap:anywhere}.course-review-display .muted{font-size:14px;line-height:1.35}.course-review-feedback .course-review-result{display:grid;gap:4px;margin:0;padding:8px 12px}.course-review-result p{margin:0}.course-review-feedback .course-review-result{max-height:30dvh;overflow-y:auto}.course-review-actions{display:flex;gap:8px;align-items:stretch}.course-review-actions>button{flex:1;min-width:0;min-height:44px;white-space:normal}.course-review-feedback .course-review-result{position:relative;padding-right:60px}.course-review-result>.word-audio{position:absolute;top:8px;right:8px}.course-review-screen form.screen-stack{gap:8px}@media(max-width:360px){.lesson-in-progress:has(.course-review-screen) .topbar{column-gap:8px}}@media(max-height:650px){.course-review-screen{gap:8px}.course-review-screen .option-grid{gap:6px}.course-review-screen .option-button{min-height:44px;padding:8px 12px;font-size:15px}}@media(min-width:640px)and (max-height:480px){.course-review-screen>.study-hint{display:none}.course-review-screen{gap:4px}.course-review-screen h3{font-size:15px}.course-review-screen>div:has(>progress)>p{font-size:14px;line-height:1.2}.course-review-display{gap:2px;line-height:1.25}.course-review-display .muted{line-height:1.25}.course-review-screen .word-audio button{min-height:44px;padding:8px 12px;line-height:1.2}.course-review-screen .option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-in-progress:has(.course-review-screen) .app-stage{padding-top:6px;padding-bottom:4px}}.lesson-action-result{display:grid;gap:12px}.lesson-action-result h3,.lesson-action-result p{margin:0}.lesson-action-result summary{cursor:pointer}.lesson-result-details{color:var(--muted);font-size:.9rem}.course-results-today{margin:0;padding:12px 14px;background:#f0f7ff;border-radius:14px}.course-results-today small{display:block;color:var(--muted);margin-top:4px;font-size:.8rem}.lesson-review-plan p{color:#426a54}.app-shell:has(.course-lesson.is-completed),.app-shell:has(.course-lesson.is-completed) .topbar,.app-stage:has(>.course-lesson.is-completed){background:var(--brand-cream)}.app-stage:has(>.course-lesson.is-completed){padding-top:0}.app-shell:has(.course-lesson.is-completed) .lesson-completion-dock{background:var(--brand-cream)}.course-lesson.is-completed{gap:0}.course-lesson .lesson-completed-card{min-width:0;padding:0 0 8px;border:0;border-radius:0;background:transparent;box-shadow:none}.lesson-completed-card .lesson-action-result{max-width:560px;margin-inline:auto;gap:8px;text-align:center}.lesson-result-mascot{display:block;width:100%;height:clamp(135px,18dvh,150px);object-fit:contain;margin:0 auto}.lesson-action-result .lesson-result-title{font-size:clamp(28px,8.5vw,36px);line-height:1.12;letter-spacing:-.045em}.lesson-result-eyebrow{color:var(--ink-soft);font-size:13px}.lesson-action-result .lesson-result-summary{font-size:17px;font-weight:450;line-height:1.35;color:#485d82;overflow-wrap:anywhere}.lesson-result-hints{display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:18px;background:#edf4ff;text-align:left;font-size:16px;line-height:1.4}.lesson-result-hints .icon{color:var(--bg-deep);width:28px;height:28px}.lesson-result-next,.lesson-review-plan .secondary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;white-space:normal;line-height:1.35;font-size:16px}.lesson-result-next{margin:0;padding-block:10px}.lesson-result-next .icon{width:20px;height:20px}.lesson-review-plan .secondary-button .icon{width:24px;height:24px}.lesson-review-plan p{padding:12px;border-radius:14px;background:#edf7ee;color:#426a54;font-size:14px;line-height:1.45}.lesson-action-result .lesson-result-details,.lesson-action-result>details{text-align:left;font-size:15px;color:var(--ink)}.lesson-result-details summary,.lesson-action-result>details>summary,.lesson-dictionary-choice>summary{padding-block:10px;min-height:40px;cursor:pointer}.lesson-result-details p{margin-top:10px;color:var(--ink-soft)}.lesson-result-details .lesson-result-source{font-weight:750;color:var(--ink)}.lesson-result-details .text-button{margin-top:8px}.lesson-completed-card .lesson-dictionary-choice,.lesson-completed-card .lesson-premium-offer,.lesson-completed-card .lesson-next-topic{margin-top:22px;padding-top:14px;border-top:1px solid var(--line-strong)}.lesson-action-result .lesson-dictionary-choice{display:grid;gap:4px;margin:0;padding-top:16px;text-align:left}.lesson-dictionary-choice h3{margin:0;font-size:clamp(21px,5.6vw,24px);line-height:1.1;letter-spacing:-.035em}.lesson-dictionary-description,.lesson-dictionary-independent{color:var(--ink-soft);font-size:14px;line-height:1.3}.lesson-phrase-list{display:grid}.lesson-phrase-row{display:flex;gap:16px;align-items:center;min-height:58px;padding-block:8px;border-bottom:1px solid var(--line-strong);cursor:pointer}.lesson-phrase-row:last-child{border-bottom:0}.lesson-phrase-row input{flex:0 0 auto;width:25px;height:25px;margin:0;accent-color:var(--bg-deep);cursor:pointer}.lesson-phrase-row .pack-word-main{display:grid;gap:2px;min-width:0}.lesson-phrase-row strong{font-size:16px;font-weight:500;line-height:1.35;overflow-wrap:anywhere}.lesson-phrase-row small{font-size:14px;color:var(--ink-soft);line-height:1.35}.lesson-phrase-row em{font-size:13px;color:var(--ink-soft);font-style:normal}.lesson-dictionary-other{justify-self:start;padding:0;min-height:24px;font-size:16px;text-decoration:underline;text-underline-offset:4px}.lesson-dictionary-success{color:#137754;font-size:16px;line-height:1.4}.lesson-dictionary-independent{font-size:13px;text-align:center}.lesson-action-result .lesson-result-details{border-top:1px solid var(--line-strong);padding-top:0}.lesson-result-details>summary{padding-block:4px}@media(max-height:680px){.lesson-completed-card .lesson-action-result{gap:10px}.lesson-result-mascot{height:145px}.lesson-action-result .lesson-result-title{font-size:30px}.lesson-action-result .lesson-result-summary{font-size:17px}.lesson-result-hints{padding:12px 16px;font-size:15px}.lesson-result-next,.lesson-review-plan .secondary-button{min-height:48px;font-size:16px}}.app-shell:has(.course-lesson.is-speaking) .topbar{display:none}.course-lesson.is-speaking{min-height:100%;gap:0}.voice-lesson-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:20px;margin-bottom:28px}.voice-lesson-header p{color:var(--ink-soft);font-size:13px;margin:0 0 6px}.voice-lesson-header .session-progress{display:block;width:100%;height:10px;margin:0}.voice-lesson-header .voice-close{color:var(--ink);background:none}.voice-lesson-header .voice-close .icon{width:26px;height:26px}.course-lesson .voice-lesson-card{display:flex;flex:1;flex-direction:column;gap:0;padding:0}.voice-lesson-card h3{font-size:22px;line-height:1.25;margin:0 0 20px}.voice-lesson-card .voice-target{font-size:30px;line-height:1.3;overflow-wrap:anywhere}.voice-lesson-card .word-romanization{font-size:18px;margin:2px 0 8px}.voice-lesson-card>p:not(.word-romanization){font-size:20px;margin:0 0 16px;overflow-wrap:anywhere}.voice-lesson-card>.word-audio>button{background:none;border:0;padding:8px 12px;margin-left:-12px;border-radius:12px;min-height:44px;font-size:17px;font-weight:700;justify-content:flex-start}.voice-direct{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:16px}.voice-recorder-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:8px 0 16px}.voice-record-control{display:block;padding:0;border:0;background:#fff;width:100%;max-width:360px;border-radius:20px}.voice-record-control img{display:block;width:100%;height:auto}.voice-timer{margin:4px 0 0;min-height:30px;font-size:15px;font-weight:700;text-align:center}.is-recording .voice-timer{font-size:20px;font-variant-numeric:tabular-nums}.voice-direct .voice-help{text-align:center;margin:0;font-size:13px}.voice-direct>.text-button{align-self:center;min-height:44px}.voice-direct .voice-text-switch{font-size:15px}.voice-direct .voice-skip{font-size:12px;color:var(--ink-soft)}.voice-direct .speech-text-label{margin-top:12px}.voice-transcript{color:var(--ink-soft);font-size:13px!important;margin-top:16px!important}@media(max-height:650px){.voice-lesson-header{margin-bottom:16px;gap:12px}.voice-lesson-card h3{margin-bottom:12px;font-size:20px}.voice-lesson-card .voice-target{font-size:26px}.voice-lesson-card>p:not(.word-romanization){font-size:17px;margin-bottom:8px}.voice-direct{padding-top:4px;gap:4px}.voice-recorder-stage{min-height:110px;padding:4px 0 8px}.voice-record-control{max-width:250px}}.course-lesson-v5 .v5-prompt,.course-lesson-v5 .v5-material>strong{font-size:1.5rem;line-height:1.4;overflow-wrap:anywhere}.course-lesson-v5 .v5-prompt>span{display:block}.course-lesson-v5 .progress-track{height:6px;border-radius:8px;background:#dce7fc;overflow:hidden}.course-lesson-v5 .progress-track>span{display:block;height:100%;background:#0065ff}.course-lesson-v5 .feedback-card{display:grid;gap:12px;padding:18px;border-radius:20px;background:#e3f7ee}.course-lesson-v5 .feedback-card.is-wrong{background:#fff1f3}.lesson-in-progress .topbar{padding-top:8px;padding-bottom:8px;min-height:0}.lesson-in-progress .topbar-brand{gap:8px}.lesson-in-progress .app-title{font-size:23px}.lesson-in-progress .app-stage{padding-top:10px;padding-bottom:16px}.lesson-topbar-back{flex:none}.lesson-session-header{display:flex;align-items:center;min-width:0}.lesson-session-heading{flex:1;min-width:0}.lesson-session-heading p{color:var(--ink-soft);font-size:12px;line-height:1.4;margin:0 0 8px}.lesson-session-heading .progress-track{height:5px}.course-lesson-v5,.number-lesson{gap:20px}.course-lesson-v5>.screen-stack,.number-lesson .number-question{gap:14px}.course-lesson .lesson-task-title{font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.4;margin:0;color:var(--ink-soft)}.course-lesson-v5 p,.number-lesson p{margin:0}.course-lesson-v5 .v5-prompt{display:grid;gap:6px;font-size:26px;line-height:1.35}.course-lesson-v5 .v5-prompt>strong{font-weight:700;letter-spacing:-.025em}.course-lesson-v5 .v5-prompt .muted{font-size:16px;line-height:1.4}.course-lesson-v5 .v5-prompt p{font-size:17px;line-height:1.4}.course-lesson-v5 form.screen-stack,.number-lesson form.screen-stack{gap:10px}.course-lesson-v5 form label,.number-lesson form label{font-size:14px;font-weight:500;line-height:1.4;color:var(--ink-soft)}.course-lesson-v5 .answer-input,.number-lesson .answer-input{min-height:48px;padding:12px 14px;font-size:18px;line-height:1.4}.lesson-audio-actions{display:flex;gap:8px}.lesson-audio-actions>.word-audio,.number-audio-actions>.word-audio{flex:1;min-width:0}.lesson-audio-actions .word-audio>button,.number-audio-actions .word-audio>button{width:100%;min-height:44px;padding:8px 10px;font-size:14px;font-weight:600;line-height:1.25;gap:6px}.lesson-audio-actions .word-audio .icon,.number-audio-actions .word-audio .icon{width:20px;height:20px;flex:none}.course-lesson-v5 .option-grid,.number-lesson .option-grid{gap:8px}.course-lesson-v5 .option-button{min-height:46px;padding:11px 14px;font-size:16px;line-height:1.35}.lesson-utilities{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-utilities:empty{display:none}.lesson-utilities .text-button{min-height:44px;padding:4px 0;font-size:13px;line-height:1.35}.lesson-action-dock{width:100%;max-width:960px;display:grid;gap:8px;padding:12px 22px;background:#fff;border-top:1px solid var(--line,#e3eaf5)}.lesson-action-dock>.primary-button{width:100%;min-height:48px;padding:12px 16px;font-size:16px}.lesson-action-dock .text-button{min-height:36px;font-size:14px}.lesson-result{display:flex;align-items:center;gap:10px;padding:12px;border-radius:16px;min-width:0}.lesson-result.is-correct{background:#e3f7ee;color:#087b56}.lesson-result.is-wrong{background:#fff1f3;color:#b92548}.lesson-result-copy{flex:1;min-width:0;display:grid;gap:4px}.lesson-result-copy>strong{font-size:16px}.lesson-result-copy small{font-size:12px}.lesson-result-answer{display:grid;gap:4px;max-height:16dvh;overflow:auto;overflow-wrap:anywhere;font-size:15px;line-height:1.4}.lesson-result-answer .number-target-display{display:grid;gap:4px;font-size:18px;line-height:1.35}.lesson-result-answer .muted{font-size:14px}.lesson-result .primary-button{min-height:44px;padding:10px 14px;font-size:15px;flex:none}.lesson-result .audio-button{width:40px;height:44px;min-width:40px;padding:8px}.lesson-partial-hint{font-size:16px;letter-spacing:.04em;overflow-wrap:anywhere}.number-lesson .study-hint{font-size:13px;line-height:1.4}.course-lesson-v5 .voice-recorder-stage,.number-lesson .voice-recorder-stage{min-height:0;padding:0}.course-lesson-v5 .voice-record-control,.number-lesson .voice-record-control{max-width:320px}.course-lesson-v5 .voice-direct,.number-lesson .voice-direct{padding-top:0}.app-shell.keyboard-open{height:var(--visual-viewport-height,100dvh);min-height:0}@media(max-height:650px){.course-lesson-v5,.number-lesson{gap:14px}.course-lesson-v5>.screen-stack,.number-lesson .number-question{gap:10px}.course-lesson-v5 .v5-prompt{font-size:23px;gap:4px}.lesson-action-dock{padding:8px 16px;gap:4px}.lesson-result{padding:8px;gap:6px}.lesson-result .primary-button{max-width:118px}.course-lesson-v5 .option-grid{gap:6px}.course-lesson-v5 .option-button{min-height:44px;padding:8px 12px;font-size:15px}.lesson-audio-actions .word-audio>button,.number-audio-actions .word-audio>button{font-size:13px;padding:8px}.course-lesson-v5 .voice-record-control,.number-lesson .voice-record-control{max-width:240px}.course-lesson-v5 .voice-timer,.number-lesson .voice-timer{font-size:12px;min-height:18px}.number-lesson .number-prompt-value{font-size:32px}}.lesson-hint-panel{display:grid;gap:6px;padding:12px 14px;background:#f3f7ff;border-radius:14px;font-size:17px;line-height:1.4}.lesson-hint-panel .muted,.lesson-hint-panel p{font-size:14px}.number-lesson .number-help{gap:6px;padding:12px 14px;background:#f3f7ff}.voice-record-control{position:relative}.voice-stop-mark{position:absolute;width:22px;height:22px;border-radius:5px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #0865f9}.lesson-action-dock.voice-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.voice-actions .text-button{min-height:44px}.voice-actions .secondary-button{width:100%}.voice-actions .voice-recorder-stage{flex-basis:100%;width:100%;min-height:0;padding:0;gap:4px}.voice-actions .voice-record-control{max-width:320px}.voice-actions .voice-timer{margin:0;min-height:18px;font-size:14px;line-height:1.4}@media(max-height:650px){.voice-actions .voice-record-control{max-width:240px}.voice-actions .voice-timer{font-size:13px}}.course-lesson-legacy:not(.is-completed):not(.is-speaking){gap:16px}.course-lesson-legacy:not(.is-completed):not(.is-speaking) .learn-card{padding:0}.course-lesson-legacy .lesson-listening h3,.course-lesson-legacy form.learn-card h3{font-size:16px;font-weight:600;line-height:1.4;color:var(--ink-soft)}.course-lesson-legacy form.learn-card label{font-size:14px;color:var(--ink-soft)}.course-lesson-legacy .lesson-listening-form{gap:10px}@media(max-height:650px){.course-lesson-v5.is-dense{gap:10px}.course-lesson-v5.is-dense>.screen-stack{gap:6px}.course-lesson-v5.is-dense .v5-prompt{font-size:18px;line-height:1.35;gap:3px}.course-lesson-v5.is-dense .v5-prompt .muted{font-size:13px;line-height:1.35}.course-lesson-v5.is-dense .v5-prompt p{font-size:14px;line-height:1.35}.course-lesson-v5.is-dense .option-button{font-size:14px;line-height:1.3;padding:7px 10px}.course-lesson-v5.is-dense .lesson-task-title{font-size:15px}.course-lesson-legacy:not(.is-completed):not(.is-speaking){gap:10px}.course-lesson-legacy .lesson-choice-option{font-size:14px;padding:8px 10px;min-height:44px}}.lesson-task-toolbar{display:flex;align-items:center;gap:8px}.lesson-task-toolbar .lesson-task-title{flex:1;min-width:0}.lesson-task-toolbar .lesson-audio-actions{flex:none}.lesson-task-toolbar .word-audio>.icon-button{width:44px}@media(max-height:650px){.lesson-in-progress:has(.course-lesson-v5.is-dense) .app-stage{padding-top:6px;padding-bottom:4px}.course-lesson-v5.is-dense{gap:8px}.course-lesson-v5.is-dense>.screen-stack{gap:4px}.course-lesson-v5.is-dense .v5-prompt{font-size:16px;line-height:1.3}.course-lesson-v5.is-dense .v5-prompt>strong{font-weight:650}.course-lesson-v5.is-dense .v5-prompt .muted{font-size:13px;line-height:1.3}.course-lesson-v5.is-dense .option-button{line-height:1.25;padding:6px 10px}.voice-actions.is-dense .voice-record-control{max-width:160px}}.lesson-result{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.lesson-result-copy{grid-column:1 / -1}.lesson-result-answer{max-height:none;overflow:visible}.lesson-result>.word-audio{grid-column:1}.lesson-result>.primary-button{grid-column:2;width:100%;max-width:none}.lesson-result-copy+.primary-button{grid-column:1 / -1}.course-lesson-feedback-host .lesson-feedback{display:grid;grid-template-columns:minmax(0,1fr)}.course-lesson-feedback-host .lesson-feedback>span{max-height:none;overflow:visible}@media(max-height:650px){.course-lesson-legacy.is-speaking.is-dense .voice-lesson-header{margin-bottom:8px}.course-lesson-legacy.is-speaking.is-dense .voice-lesson-card h3{font-size:15px;font-weight:600;color:var(--ink-soft);margin:0 0 6px}.course-lesson-legacy.is-speaking.is-dense .voice-target{font-size:16px;line-height:1.3}.course-lesson-legacy.is-speaking.is-dense .word-romanization{font-size:13px;line-height:1.3;margin:4px 0}.course-lesson-legacy.is-speaking.is-dense .voice-lesson-card>p:not(.word-romanization){font-size:14px;line-height:1.3;margin:0 0 6px}.course-lesson-legacy.is-speaking.is-dense .voice-lesson-card>.word-audio>button{font-size:13px;padding:8px 12px}}.lesson-task-toolbar>.text-button{flex:none;min-height:44px;padding:6px;font-size:13px;line-height:1.3;max-width:112px}.voice-lesson-card .lesson-task-toolbar{margin-bottom:8px}.voice-lesson-card .lesson-task-toolbar h3{flex:1;margin:0}.voice-lesson-card .lesson-task-toolbar .icon-button{padding:12px;width:44px;height:44px}.course-lesson-legacy .learn-card>.lesson-task-toolbar h3{flex:1;margin:0}.course-lesson-v5 .option-button.is-revealed-answer{border-color:#159b72;background:#e3f7ee;color:#087b56}.course-lesson-legacy:not(.is-speaking) .learn-card>.lesson-task-toolbar h3{font-size:16px;font-weight:600;line-height:1.35;color:var(--ink-soft)}.lesson-task-toolbar .lesson-audio-actions>.word-audio:has(.icon-button){flex:0 0 44px}.lesson-task-toolbar .lesson-audio-actions>.word-audio:not(:has(.icon-button)){flex:0 0 116px}@media(max-height:650px){.course-lesson-v5.is-dense .option-button{padding-block:4px}.course-lesson-v5.is-dense .option-grid{gap:5px}.course-lesson-legacy .lesson-choice-option{padding-block:7px}}@media(max-height:650px){.lesson-in-progress:has(.course-lesson-v5.is-dense .option-grid) .topbar{padding-block:4px}.lesson-in-progress:has(.course-lesson-v5.is-dense .option-grid) .app-stage{padding-top:0}.course-lesson-v5.is-dense:has(.option-grid){gap:4px}.course-lesson-v5.is-dense:has(.option-grid)>.screen-stack{gap:2px}.course-lesson-v5.is-dense:has(.option-grid) .v5-prompt{gap:2px}.course-lesson-v5.is-dense .option-grid{gap:4px}.course-lesson-v5.is-dense .option-button{padding-block:2px}}.lesson-opening{gap:16px}.lesson-opening h2{margin:0;font-size:24px;line-height:1.25}.lesson-opening p{margin:0;font-size:16px;line-height:1.5;color:var(--ink-soft)}.lesson-question-context{gap:8px}.course-lesson-v5 .lesson-question-context .v5-prompt{font-size:18px;line-height:1.35;gap:4px}@media(max-height:650px){.lesson-opening h2{font-size:22px}.lesson-question-context{gap:4px}.course-lesson-v5 .lesson-question-context .v5-prompt{font-size:16px;line-height:1.3}.course-lesson-v5 .lesson-question-context .v5-prompt .muted{font-size:13px}}.guided-production{gap:10px;min-width:0}.guided-production p{margin:0}.guided-support-label{font-weight:700;color:var(--text)}.guided-composition{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:54px;padding:10px;border:1px solid var(--line, #dce5ef);border-radius:14px;background:#f5f9ff}.guided-wordbank{display:flex;flex-wrap:wrap;gap:8px}.guided-wordbank>button{min-height:44px;padding:8px 12px;overflow-wrap:anywhere}.guided-wordbank>button:disabled{opacity:.4}.guided-selected{display:inline-flex;flex-direction:column;max-width:100%;border:1px solid #bbcde6;border-radius:10px;background:#fff;overflow:hidden}.guided-selected>button{min-height:40px;padding:7px 12px;background:transparent;border:0;font:inherit;overflow-wrap:anywhere}.guided-move{display:flex;border-top:1px solid #e3eaf5}.guided-move>button{flex:1;min-width:38px;min-height:28px;border:0;background:transparent;color:#245ca5}.guided-reset{justify-self:start}@media(max-height:650px){.guided-production{gap:6px}.guided-production .study-hint{font-size:13px;line-height:1.3}.guided-composition{padding:6px;gap:6px}.guided-wordbank{gap:6px}}.guided-model{padding:10px 12px;border-radius:12px;background:#f3f7ff}.guided-model-text{display:grid;gap:3px;font-size:19px;line-height:1.4;overflow-wrap:anywhere}.guided-model-text small{font-size:14px}.guided-model .text-button{min-height:32px;padding:4px 0;font-size:13px}.guided-wordbank>button,.guided-selected>button{display:grid;gap:2px}.guided-wordbank small,.guided-selected small{font-size:12px;font-weight:400}@media(max-height:650px){.guided-model{padding:6px 10px}.guided-model-text{font-size:16px}}