:root{--ink:#242a45;--muted:#737b91;--blue:#4756c8;--blue-dark:#3443ac;--blue-pale:#edf0ff;--canvas:#f7f8fc;--line:#e6e9f2;--white:#fff;--green:#297866;--red:#b34552;--jp:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);font-synthesis:none;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:var(--canvas);margin:0}[hidden]{display:none!important}button,input,select,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}button,a,input,select{outline-offset:4px}:focus-visible{outline:3px solid #929ae7}a{color:inherit;text-decoration:none}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:21px;height:21px;display:block}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.3px;font-size:38px;font-weight:600;line-height:1.2}h2{letter-spacing:-.5px;font-size:23px;font-weight:600;line-height:1.3}h3{font-size:17px;font-weight:600;line-height:1.4}p{line-height:1.65}button{transition:background .15s,color .15s}.skip-link{z-index:50;background:var(--blue);color:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.app-shell{grid-template-columns:222px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:34px 22px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:28px;font-weight:650;display:flex}.brand-mark{background:var(--blue);color:#fff;width:42px;height:45px;font:27px var(--jp);border-radius:13px;place-items:center;display:grid}.brand-caption{color:var(--muted);margin-top:12px;padding-left:3px;font-size:11px}.desktop-navigation{flex-direction:column;gap:7px;margin-top:51px;display:flex}.nav-item{color:#7b8297;border-radius:9px;align-items:center;gap:14px;padding:13px 15px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:#f5f6fc}.nav-item.active{background:var(--blue-pale);color:var(--blue);font-weight:650}.nav-item svg{width:19px}.sidebar-note{color:#8a90a3;margin:auto 15px 34px;padding-top:35px;font-size:12px;line-height:1.7}.tiny-wave{align-items:center;gap:4px;height:27px;margin-bottom:13px;display:flex}.tiny-wave i{background:#b7bce0;border-radius:3px;width:3px;height:11px}.tiny-wave i:nth-child(2n){height:21px}.tiny-wave i:nth-child(3){height:27px}.language-switch{border-top:1px solid var(--line);align-items:center;gap:10px;padding:20px 2px 0;display:flex}.language-switch>svg{color:var(--blue);width:19px}.language-switch>svg:last-child{width:15px;color:var(--muted);margin-left:auto}.language-switch strong{font-size:13px;font-weight:600;display:block}.language-switch small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.main-column{min-width:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;height:78px;padding:0 42px;display:flex}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb>span{color:#bcc2d0;margin:0 12px}.top-language{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.top-language svg{width:16px;height:16px}.top-note{color:var(--muted);margin-left:auto;font-size:12px}.mobile-brand{display:none}#main-content{outline:none;max-width:1220px;margin:0 auto;padding:40px 44px 55px}.has-player #main-content{padding-bottom:145px}.overline{color:var(--blue);margin-bottom:10px;font-size:12px;font-weight:550}.view-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:31px;display:flex}.view-heading p:not(.overline){color:var(--muted);max-width:600px;margin-top:12px;font-size:14px}.count-badge{color:#707891;background:#edeff8;border-radius:7px;flex-shrink:0;padding:9px 12px;font-size:12px;display:block}.section-title{justify-content:space-between;align-items:center;gap:20px;margin:33px 0 19px;display:flex}.section-title h2{font-size:21px}.section-title>span{color:var(--muted);font-size:12px}.section-description{color:var(--muted);max-width:640px;margin:-8px 0 20px;font-size:13px}.button{background:var(--blue);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 20px;font-size:13px;font-weight:550;line-height:1.4;display:inline-flex}.button:hover{background:var(--blue-dark)}.button svg{width:17px;height:17px}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.button.secondary:hover{background:#f1f3fb}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.text-link,.back-link{color:var(--blue);background:0 0;align-items:center;gap:7px;padding:5px 0;font-size:12px;font-weight:550;display:inline-flex}.text-link:hover,.back-link:hover{color:var(--blue-dark)}.text-link svg,.back-link svg{width:16px;height:16px}.back-link{color:var(--muted);margin:-6px 0 22px}.hint,.small-note,.footnote{color:var(--muted);font-size:12px;line-height:1.7}.footnote{max-width:760px;margin-top:25px}.small-note{margin-top:10px}.empty-state{text-align:center;color:var(--muted);padding:45px 20px}.empty-state p{max-width:540px;margin:14px auto 23px}.empty-state .text-link{margin-left:16px}.loading{color:var(--muted);text-align:center;padding:60px 0}.positive{color:var(--green)}.negative{color:var(--red)}.progress-line{background:#e9ecf5;border-radius:4px;height:4px;overflow:hidden}.progress-line i{background:var(--blue);border-radius:inherit;min-width:0;height:100%;display:block}.save-status{color:#765721;background:#fff0d4;border-radius:8px;margin:14px 30px;padding:12px 16px;font-size:13px}.home-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.home-heading h1{letter-spacing:-1.7px;font-size:44px;line-height:1.15}.home-heading p:not(.overline){color:var(--muted);margin-top:13px;font-size:14px}.home-language{font:48px var(--jp);letter-spacing:12px;color:#d0d5eb;writing-mode:vertical-rl;-webkit-user-select:none;user-select:none;margin-right:26px}.continue-panel{background:var(--blue);color:#fff;border-radius:17px;justify-content:space-between;align-items:center;min-height:206px;padding:28px 35px;display:flex;position:relative;overflow:hidden}.continue-caption{color:#dce0ff;font-size:12px}.continue-panel h2{letter-spacing:-.8px;margin:9px 0 20px;font-size:28px}.continue-button{color:var(--blue);background:#fff;border-radius:7px;align-items:center;gap:14px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex}.continue-button svg{width:17px}.sound-waves{justify-content:center;align-items:center;gap:7px;height:160px;display:flex}.sound-waves i{width:6px;height:var(--bar);opacity:.22;background:currentColor;border-radius:10px}.continue-panel .sound-waves{color:#fff;margin-right:13px}.track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.track-card{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;min-height:290px;padding:24px 23px 22px;display:flex;position:relative}.track-card:hover{border-color:#b8c0ed}.track-icon{width:43px;height:43px;color:var(--blue);background:#edf0ff;border-radius:11px;place-items:center;margin-bottom:20px;display:grid}.track-audio .track-icon{color:#a57b46;background:#f6eee5}.track-stories .track-icon{color:#48846d;background:#e8f3ed}.track-card h3{margin-bottom:7px;font-size:19px}.track-card .track-kicker{color:#4e5571;margin-bottom:9px;font-size:12px;font-weight:500}.track-card p:not(.track-kicker){color:var(--muted);font-size:12px;line-height:1.8}.track-bottom{margin-top:auto;padding-top:23px}.track-bottom>span{color:var(--muted);font-size:11px}.track-bottom .progress-line{margin-top:10px}.track-arrow{color:#a1a8c1;position:absolute;top:31px;right:21px}.track-arrow svg{width:17px;height:17px}.home-progress{border-top:1px solid var(--line);align-items:center;gap:30px;margin-top:32px;padding-top:27px;display:flex}.home-progress>div:first-child{flex:1}.home-progress .overline{margin-bottom:5px}.home-progress h2{letter-spacing:-.2px;font-size:17px}.home-progress strong{font-size:23px;font-weight:600;line-height:1.2;display:block}.home-progress div>span:not(.overline){color:var(--muted);font-size:11px}.home-progress>.text-link{margin-left:5px}.language-welcome{max-width:640px;margin:56px auto 70px}.language-welcome h1{letter-spacing:-2px;font-size:53px;line-height:1.13}.language-welcome>p:not(.overline):not(.small-note){color:var(--muted);max-width:400px;margin:21px 0 32px;font-size:15px}.language-options{max-width:540px}.language-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:22px;padding:22px;display:flex}.language-card:hover{border-color:#aeb7ef}.language-emblem{width:92px;height:92px;color:var(--blue);font:24px var(--jp);background:#ecedfb;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.language-card h2{margin-bottom:7px;font-size:22px}.language-card p{color:var(--muted);font-size:12px}.round-arrow{width:37px;height:37px;color:var(--blue);background:#edf0fb;border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.round-arrow svg{width:16px;height:16px}.language-welcome>.small-note{margin-top:22px}.practice-shortcuts{grid-template-columns:1fr 1fr;gap:17px;display:grid}.practice-shortcuts>a{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:15px;padding:20px;display:flex}.practice-shortcuts>a>svg{color:var(--blue)}.practice-shortcuts>a>svg:last-child{color:#aab0c3;width:15px;margin-left:auto}.practice-shortcuts strong{margin-bottom:4px;font-size:14px;display:block}.practice-shortcuts span{color:var(--muted);font-size:12px}.lesson-list{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.lesson-row{border-bottom:1px solid var(--line);align-items:center;gap:21px;padding:23px 25px;display:flex}.lesson-row:last-child{border-bottom:0}.lesson-row:hover{background:#fafbff}.lesson-number{width:44px;height:44px;color:var(--blue);background:#eff1fa;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:550;display:grid}.completed .lesson-number{color:var(--green);background:#e8f3ee}.lesson-body{flex:1;min-width:0}.lesson-body h3{font-size:15px}.lesson-body>p{color:var(--muted);margin:6px 0 10px;font-size:12px}.lesson-body>.progress-line{max-width:270px;height:3px}.lesson-meta{text-align:right;min-width:90px;color:var(--muted);font-size:11px}.lesson-meta strong{color:var(--blue);justify-content:flex-end;align-items:center;gap:9px;margin-top:8px;font-size:12px;font-weight:550;display:flex}.lesson-meta svg{width:14px;height:14px}.study-layout{grid-template-columns:minmax(0,1fr) 230px;gap:24px;display:grid}.study-aside{border:1px solid var(--line);background:#fff;border-radius:12px;height:fit-content;padding:24px}.study-aside h3{margin-bottom:14px}.study-aside p:not(.overline){color:var(--muted);margin:17px 0;font-size:12px}.study-aside .text-link{margin-top:13px;display:flex}.word-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px 27px}.card-top{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.status-pill{color:#7a82a2;background:#f1f3fa;border-radius:5px;padding:5px 9px}.word-face{text-align:center;padding:28px 0 15px}.sound-button{background:var(--blue-pale);color:var(--blue);border-radius:50%;place-items:center;width:51px;height:51px;margin:0 auto 22px;display:grid}.sound-button:hover{background:#dfe4ff}.sound-button svg{width:23px;height:23px}.target-word{font:42px/1.5 var(--jp);overflow-wrap:anywhere;margin:0 auto 7px}.reading{font:13px/1.8 var(--jp);color:var(--muted)}.meaning{min-height:25px;margin:14px 0 22px;font-size:15px}.phrase{background:#f7f8fc;border-radius:9px;max-width:440px;margin:0 auto;padding:20px}.phrase>p:first-child{font:20px/1.8 var(--jp)}.phrase-translation{color:var(--muted);margin-top:5px;font-size:12px}.phrase .text-link{justify-content:center;margin-top:13px}.card-actions{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:10px;padding-top:18px;display:flex}.settings-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:18px;font-size:11px;display:flex}.toggle-label{color:#686f87;cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.toggle-label input{accent-color:var(--blue);cursor:pointer;width:15px;height:15px}.settings-row>.hint{text-align:center;width:100%}.completion-card,.round-intro,.round-summary{border:1px solid var(--line);text-align:center;background:#fff;border-radius:15px;padding:45px 35px}.completion-mark{width:65px;height:65px;color:var(--green);background:#e8f3ee;border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.completion-card>p,.round-intro>p{color:var(--muted);max-width:450px;margin:16px auto 24px;font-size:13px}.completion-card .button-row,.round-summary .button-row{justify-content:center;margin-top:25px}.round-intro .settings-row{margin-bottom:25px}.large-icon{background:var(--blue-pale);width:70px;height:70px;color:var(--blue);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.large-icon svg{width:30px;height:30px}.quiz-card{max-width:760px;margin:0 auto}.quiz-card>.progress-line{margin-top:15px}.quiz-card .word-face{padding-top:20px}.quiz-card .target-word{font-size:33px}.quiz-card .sound-button{margin-bottom:11px}.answer-heading{color:var(--muted);justify-content:space-between;margin:18px 0 12px;font-size:12px;display:flex}.answer-heading strong{color:var(--blue)}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.answer-option{text-align:left;background:#fff;border:1px solid #dfe3ef;border-radius:8px;align-items:center;gap:10px;min-height:61px;padding:15px 16px;font-size:13px;display:flex}.answer-option:hover:not(:disabled){border-color:var(--blue);background:#f5f6ff}.answer-option kbd{color:#969db4;background:#f1f3fa;border-radius:3px;padding:3px 5px;font:11px inherit}.answer-option.correct{color:var(--green);opacity:1;background:#eef7f2;border-color:#72ae91}.answer-option.incorrect{color:var(--red);opacity:1;background:#fdf0f0;border-color:#d998a0}.answer-option:disabled{opacity:.6}.answer-option>small{color:var(--muted);font-size:11px;display:block}.round-feedback{justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.round-feedback strong{font-size:13px;font-weight:600}.round-feedback p{color:var(--muted);margin-top:5px;font-size:12px}.round-feedback .button{flex-shrink:0}.listening-status{text-align:center;color:var(--muted);padding:18px;font-size:12px}.error-message{color:var(--red);margin-top:12px;font-size:12px}.score-number{letter-spacing:-2px;color:var(--blue);margin-bottom:16px;font-size:62px;font-weight:600;display:block}.score-number small{color:var(--muted);letter-spacing:0;font-size:17px;font-weight:400}.summary-metrics{justify-content:center;gap:45px;margin:28px 0;display:flex}.summary-metrics strong{letter-spacing:-.5px;font-size:25px;font-weight:550;display:block}.summary-metrics span{color:var(--muted);margin-top:5px;font-size:11px;display:block}.result-list{margin-top:20px}.result-list>div{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:15px 5px;font-size:13px;display:flex}.result-list>div>strong{min-width:80px;font-family:var(--jp);font-weight:500}.result-list>div>span:nth-child(2){color:var(--muted);flex:1}.search-input{border:1px solid var(--line);width:100%;max-width:400px;color:var(--ink);background:#fff;border-radius:8px;margin-bottom:18px;padding:12px 14px;font-size:12px;display:block}.word-list{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.word-row{text-align:left;border-bottom:1px solid var(--line);background:0 0;grid-template-columns:30px 1fr 1fr 2fr 18px;align-items:center;gap:15px;width:100%;padding:17px 19px;font-size:12px;display:grid}.word-row:last-child{border:0}.word-row:hover{background:#f7f8fd}.word-row strong{font:17px var(--jp)}.word-row>.entry-no{color:#9ba1b4;font-size:10px}.word-row>svg{width:16px;color:var(--blue)}.listening-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.listening-card{background:#f0f1fb;border-radius:12px;align-items:center;gap:18px;padding:25px;display:flex}.listening-card:nth-child(2){background:#f4efe8}.listening-card h3{font-size:16px}.listening-card p{color:var(--muted);margin-top:6px;font-size:12px}.listening-card div>span{color:#8790a6;margin-top:10px;font-size:11px;display:block}.listening-icon{color:#868ebb;flex-shrink:0}.listening-icon svg{width:29px;height:29px}.listening-card .round-arrow{background:#ffffffbf}.audio-session{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:230px 1fr;display:grid;overflow:hidden}.audio-session-art{color:var(--blue);background:#eeeffb;justify-content:center;align-items:center;min-height:280px;display:flex;position:relative;overflow:hidden}.audio-session-art>svg{stroke-width:1.1px;z-index:1;width:68px;height:68px}.audio-session-art .sound-waves{opacity:.45;position:absolute}.audio-session-main{padding:34px}.audio-session-main>p:not(.overline){color:var(--muted);max-width:550px;margin:13px 0 21px;font-size:13px}.audio-session-main>.audio-cue{min-height:21px;color:var(--blue);margin:18px 0 0;font-size:12px}.audio-word-list{background:var(--line);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.audio-word-list button{text-align:left;background:#fff;align-items:center;gap:15px;padding:19px;display:flex}.audio-word-list strong{font:19px var(--jp);min-width:45px}.audio-word-list span{color:var(--muted);font-size:12px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;display:grid}.story-card{border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden}.story-card:hover{border-color:#b8c1e2}.story-art{background:#eceff9;justify-content:center;align-items:center;height:137px;display:flex;position:relative;overflow:hidden}.story-color-1 .story-art{background:#e9f2ef}.story-color-2 .story-art{background:#f5efe5}.story-color-3 .story-art{background:#f0ebf5}.story-glyph{font:78px var(--jp);color:#c2cbe4;letter-spacing:15px;-webkit-user-select:none;user-select:none;transform:translateY(18px)}.story-color-1 .story-glyph{color:#bed4cd}.story-color-2 .story-glyph{color:#dfceb1}.story-color-3 .story-glyph{color:#d2c5e2}.story-number{color:#7b88ab;font-size:10px;position:absolute;top:17px;left:21px}.art-play{color:#777e9b;background:#ffffffd9;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:18px;right:19px}.art-play svg{width:15px;height:15px}.story-card-body{padding:23px}.story-theme{color:var(--muted);margin-bottom:9px;font-size:11px}.story-card h2{font:22px/1.5 var(--jp)}.story-card-body>p:not(.story-theme){color:var(--muted);margin-top:6px;font-size:12px}.story-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin-top:21px;font-size:11px;display:flex}.story-meta>span{align-items:center;gap:5px;display:flex}.story-meta svg{width:13px;height:13px}.story-listen-panel{border:1px solid var(--line);background:#fff;border-radius:14px;gap:32px;display:flex;overflow:hidden}.story-listen-art{min-width:205px;font:64px var(--jp);color:#9ba8d1;letter-spacing:5px;background:#eff0fa;align-self:stretch;place-items:center;display:grid}.story-listen-copy{padding:32px 32px 32px 0}.story-listen-copy>p{color:var(--muted);margin:12px 0 22px;font-size:13px}.story-tools{justify-content:space-between;align-items:center;gap:14px;margin:19px 0 30px;display:flex}.story-tools>span{color:var(--muted);font-size:11px}.transcript-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.transcript-heading{background:0 0;justify-content:space-between;align-items:center;width:100%;padding:21px 0;font-size:13px;display:flex}.transcript-heading>span{align-items:center;gap:10px;display:flex}.transcript-heading>span:last-child{color:var(--blue);font-size:11px}#transcript-body{padding:0 0 25px}.transcript-text{font:20px/2.15 var(--jp);margin:20px 0}.transcript-text>p{border-radius:5px;padding:8px 11px;line-height:2.15}.transcript-text>p.current-sentence{background:var(--blue-pale)}.transcript-word{font:inherit;color:var(--blue);background:0 0;border-bottom:1px dotted #a4aace;padding:0}.story-quiz{margin-top:35px}.quiz-intro{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:27px;display:flex}.quiz-intro p:not(.overline){color:var(--muted);margin-top:9px;font-size:12px}.quiz-intro .button{flex-shrink:0}.quiz-question-heading{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px;display:flex}.story-question{font:23px/1.7 var(--jp);margin-bottom:14px}.question-subtitle{color:var(--muted);margin:-5px 0 19px;font-size:13px}.story-quiz .answer-option{flex-direction:column;justify-content:center;align-items:flex-start}.story-quiz>.hint{margin-top:16px}.quiz-summary{border:1px solid var(--line);background:#fff;border-radius:12px;padding:30px}.quiz-summary>h2{color:var(--blue);margin:10px 0;font-size:45px}.quiz-summary>h2>span{color:var(--muted);font-size:21px}.quiz-summary>p{color:var(--muted);font-size:13px}.quiz-summary .button-row{margin-top:24px}.metrics-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;padding:26px 0;display:grid}.metrics-strip>div{border-left:1px solid var(--line);padding-left:18px}.metrics-strip>div:first-child{border:0;padding-left:0}.metrics-strip>div>span{color:var(--muted);font-size:11px}.metrics-strip strong{letter-spacing:-1px;margin:8px 0 4px;font-size:31px;font-weight:550;display:block}.metrics-strip small{color:var(--muted);letter-spacing:0;margin-left:5px;font-size:12px;font-weight:400}.metrics-strip p{color:var(--muted);font-size:10px}.track-progress-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.track-progress-grid a{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px;display:block}.track-progress-grid strong{margin-bottom:8px;font-size:14px;display:block}.track-progress-grid span{color:var(--muted);margin-bottom:16px;font-size:11px;display:block}.practice-stats{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:28px;padding:23px}.practice-stats .section-title{margin:0 0 17px}.practice-stats .section-title h2{font-size:17px}.practice-stats .summary-metrics{justify-content:space-between;gap:15px;margin:24px 0}.practice-stats .hint{font-size:10px}.segmented{background:#eaeef6;border-radius:7px;gap:3px;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border-radius:5px;padding:7px 10px;font-size:11px}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1a22530c}.exposure-table{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.exposure-table-head,.exposure-row{text-align:right;grid-template-columns:minmax(160px,2.6fr) repeat(4,minmax(45px,1fr));align-items:center;gap:12px;width:100%;padding:15px 20px;display:grid}.exposure-table-head{color:var(--muted);background:#f2f4fa;font-size:10px}.exposure-table-head>span:first-child,.exposure-row>span:first-child{text-align:left}.exposure-row{border-top:1px solid var(--line);background:0 0;font-size:12px}.exposure-row:hover{background:#f9faff}.exposure-row strong{font:17px var(--jp);margin-bottom:5px;display:block}.exposure-row small{color:var(--muted);font-size:10px;display:block}.exposure-row>span:last-child{color:var(--blue);font-weight:550}.story-stats-list{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.story-stats-list>a{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr 16px;align-items:center;gap:15px;padding:19px 20px;font-size:12px;display:grid}.story-stats-list>a:last-child{border:0}.story-stats-list strong{font-size:14px;font-weight:550;display:block}.story-stats-list div>span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.story-stats-list>a>span{color:var(--muted);font-size:11px}.story-stats-list svg{width:14px;color:var(--muted)}.persistent-player{z-index:20;background:#fff;border-top:1px solid #dfe3ef;align-items:center;gap:21px;min-height:87px;padding:19px 27px;display:flex;position:fixed;bottom:0;left:222px;right:0;box-shadow:0 -5px 22px #242a4508}.player-track{flex:1;align-items:center;gap:11px;min-width:150px;max-width:250px;display:flex}.player-track-icon{background:var(--blue-pale);width:38px;height:38px;color:var(--blue);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.player-track-icon svg{width:19px}.player-track>div{min-width:0}.player-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;display:block;overflow:hidden}.player-track span:not(.player-track-icon){color:var(--muted);margin-top:4px;font-size:10px;display:block}.player-transport{align-items:center;gap:13px;display:flex}.player-toggle{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.player-toggle svg{width:17px;height:17px}.icon-button{color:#7d859b;background:0 0;border-radius:5px;place-items:center;padding:7px;display:grid}.icon-button:hover{background:#f0f2fa}.icon-button svg{width:18px;height:18px}.player-transport .icon-button svg{width:16px}.player-timeline{flex:1.5;align-items:center;gap:8px;min-width:100px;display:flex}.player-timeline>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}#player-seek{accent-color:var(--blue);cursor:pointer;width:100%;min-width:40px;height:3px}#player-speed{border:1px solid var(--line);color:#717992;background:#f8f9fc;border-radius:5px;padding:6px 4px;font-size:11px}#player-error{color:var(--red);background:#fff2f1;padding:8px 16px;font-size:11px;position:absolute;bottom:100%;left:0;right:0}.bottom-navigation{display:none}dialog{color:var(--ink);border:1px solid var(--line);border-radius:15px;width:calc(100% - 32px);max-width:530px;max-height:85vh;padding:30px;box-shadow:0 20px 70px #20264020}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#242a4566}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.dialog-heading h2{font:38px/1.5 var(--jp)}.dialog-heading .overline{margin-bottom:3px}.detail-meaning{margin:0 0 10px;font-size:17px}dialog>p:not(.detail-meaning){color:var(--muted);font-size:13px}.detail-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0;padding:22px 0;display:grid}.detail-metrics strong{font-size:23px;font-weight:550;display:block}.detail-metrics span{color:var(--muted);font-size:10px}.source-breakdown{margin-bottom:25px}.source-breakdown p{justify-content:space-between;gap:15px;margin:10px 0;font-size:11px;display:flex}.source-breakdown span{color:var(--muted)}.character-words{flex-wrap:wrap;gap:9px;margin:15px 0 25px;display:flex}.character-words button{background:var(--blue-pale);color:var(--blue);font:15px var(--jp);border-radius:6px;padding:8px 12px}@media (width>=1500px){#main-content{padding-top:49px}.home-heading h1{font-size:49px}.track-card{min-height:310px}.continue-panel{min-height:220px}}@media (width<=1100px){.app-shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:18px;padding-right:18px}#main-content{padding:30px 29px 45px}.topbar{padding:0 29px}.persistent-player{gap:13px;padding:16px 18px;left:195px}.home-progress{gap:19px}.home-progress>.text-link{font-size:10px}.home-progress h2{font-size:15px}.track-grid{gap:12px}.track-card{min-height:300px;padding:21px 18px}.track-arrow{right:17px}.continue-panel .sound-waves{gap:5px;margin-right:0}.continue-panel .sound-waves i{width:5px}.study-layout{grid-template-columns:1fr}.study-aside{display:none}.listening-card{gap:12px;padding:21px 18px}.listening-card .listening-icon{display:none}.metrics-strip{gap:12px}.metrics-strip strong{font-size:26px}.metrics-strip>div{padding-left:12px}.practice-stats .section-title{flex-direction:column;align-items:flex-start}.player-timeline{flex:1}.player-track{max-width:200px}}@media (width<=800px){.app-shell{display:block}.sidebar{display:none}.topbar{background:#fff;height:69px;padding:0 24px}.mobile-brand{letter-spacing:-.7px;align-items:center;gap:8px;font-size:22px;font-weight:650;display:flex}.mobile-brand .brand-mark{border-radius:10px;width:32px;height:35px;font-size:21px}.topbar .breadcrumb{font-size:10px;display:flex}.top-language{font-size:11px}#main-content{max-width:720px;padding:30px 24px 100px}.has-player #main-content{padding-bottom:220px}.home-heading h1{font-size:42px}.home-language{letter-spacing:7px;margin-right:18px;font-size:39px}.track-card{min-height:290px}.home-progress{flex-wrap:wrap}.home-progress>div:first-child{flex-basis:100%}.home-progress>.text-link{margin-left:auto;font-size:12px}.bottom-navigation{z-index:22;border-top:1px solid var(--line);padding:10px 10px max(11px,env(safe-area-inset-bottom));background:#fff;justify-content:space-around;min-height:67px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-navigation>a{color:#969db0;flex-direction:column;flex:1;align-items:center;gap:5px;padding:2px;font-size:9px;display:flex}.bottom-navigation>a svg{width:20px;height:20px}.bottom-navigation .active{color:var(--blue)}.persistent-player{left:0;bottom:calc(67px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px 18px;min-height:98px;padding:12px 20px}.player-track{flex:1;max-width:none}.player-track-icon{width:31px;height:31px}.player-transport{order:2;gap:10px}.player-timeline{flex-basis:100%;order:5;padding-right:0}#player-speed{order:3}.player-close{order:4}.player-track strong{max-width:240px}.selecting-language+.bottom-navigation{display:none}.language-welcome{max-width:560px;margin:45px auto}.language-welcome h1{font-size:48px}.story-listen-art{min-width:175px}.story-listen-copy{padding:26px 22px 26px 0}}@media (width<=560px){h1{letter-spacing:-1px;font-size:30px}h2{font-size:20px}#main-content{padding:26px 20px 98px}.topbar{padding:0 20px}.view-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:25px}.view-heading p:not(.overline){margin-top:10px;font-size:13px}.count-badge{padding:7px 10px;font-size:10px}.home-heading{margin-bottom:24px}.home-heading h1{letter-spacing:-1.3px;font-size:37px}.home-language{letter-spacing:6px;margin-right:2px;font-size:30px}.home-heading p:not(.overline){font-size:12px}.continue-panel{min-height:180px;padding:26px}.continue-panel h2{margin-bottom:20px;font-size:24px}.continue-caption{font-size:10px}.continue-panel .sound-waves{opacity:.6;gap:5px;position:absolute;right:-30px}.continue-panel>div:first-child{z-index:1;position:relative}.continue-panel .sound-waves i{width:5px}.section-title{gap:12px;margin-top:28px}.section-title h2{font-size:19px}.section-title>span{display:none}.section-title .text-link{font-size:10px}.track-grid{flex-direction:column;gap:13px;display:flex}.track-card{grid-template-columns:43px 1fr;gap:0 16px;min-height:auto;padding:21px 20px;display:grid}.track-icon{grid-row:1/4;margin:0}.track-card h3{margin-bottom:4px;font-size:17px}.track-card .track-kicker{margin:0 20px 6px 0;font-size:11px}.track-card p:not(.track-kicker){grid-column:2;font-size:11px}.track-bottom{grid-column:2;padding-top:13px}.track-bottom>span{font-size:10px}.track-bottom .progress-line{margin-top:7px}.track-arrow{top:25px;right:14px}.track-arrow svg{width:14px}.home-progress{gap:22px;margin-top:27px;padding-top:23px}.home-progress>.text-link{font-size:10px}.home-progress strong{font-size:22px}.practice-shortcuts{gap:10px}.practice-shortcuts>a{align-items:flex-start;gap:10px;padding:16px 14px}.practice-shortcuts>a>svg{width:18px;height:18px;margin-top:2px}.practice-shortcuts>a>svg:last-child{display:none}.practice-shortcuts strong{font-size:12px}.practice-shortcuts span{font-size:10px;line-height:1.6;display:block}.lesson-row{gap:13px;padding:20px 17px}.lesson-number{width:35px;height:35px;font-size:12px}.lesson-body h3{font-size:13px}.lesson-body>p{margin:6px 0 9px;font-size:10px}.lesson-meta{min-width:60px;font-size:9px}.lesson-meta strong{gap:4px;font-size:10px}.word-card{padding:20px}.target-word{font-size:36px}.word-face{padding-top:24px}.phrase{padding:17px 14px}.phrase>p:first-child{font-size:18px}.phrase-translation{font-size:11px}.card-actions .button{padding:11px 12px;font-size:11px}.settings-row{gap:9px 14px}.toggle-label{font-size:11px}.settings-row>.hint{font-size:10px}.round-intro,.round-summary,.completion-card{padding:30px 22px}.answer-grid{grid-template-columns:1fr}.answer-option{min-height:51px;padding:13px;font-size:12px}.quiz-card .word-face{padding-top:16px;padding-bottom:5px}.quiz-card .phrase{padding:12px}.round-feedback{flex-direction:column;align-items:flex-start}.round-feedback .button{align-self:flex-end}.summary-metrics{gap:20px}.summary-metrics strong{font-size:22px}.summary-metrics span{font-size:10px}.result-list>div{gap:12px;font-size:11px}.result-list>div>strong{min-width:50px}.word-row{grid-template-columns:20px 1fr 2fr 14px;gap:10px;padding:16px 13px}.word-row>.reading{display:none}.word-row strong{font-size:16px}.word-row{font-size:10px}.listening-grid{grid-template-columns:1fr;gap:13px}.listening-card .listening-icon{display:block}.listening-card{gap:16px;padding:23px 20px}.listening-card h3{font-size:15px}.audio-session{display:block}.audio-session-art{min-height:145px}.audio-session-art>svg{width:49px;height:49px}.audio-session-main{padding:26px}.audio-word-list{grid-template-columns:1fr}.audio-word-list button{padding:17px}.story-grid{grid-template-columns:1fr 1fr;gap:15px}.story-art{height:103px}.story-glyph{letter-spacing:5px;font-size:54px}.story-number{top:12px;left:14px}.art-play{width:27px;height:27px;bottom:12px;right:12px}.art-play svg{width:12px}.story-card-body{padding:16px 14px}.story-theme{margin-bottom:7px;font-size:9px}.story-card h2{font-size:17px}.story-card-body>p:not(.story-theme){font-size:10px}.story-meta{gap:8px;margin-top:15px;font-size:9px}.story-meta>span:nth-child(2){display:none}.story-listen-panel{gap:0;display:block}.story-listen-art{height:120px;font-size:56px}.story-listen-copy{padding:25px}.story-listen-copy>p{font-size:12px}.story-tools .text-link,.story-tools>span{font-size:10px}.transcript-text{font-size:18px}.transcript-text>p{padding:6px}.quiz-intro{flex-direction:column;align-items:flex-start;padding:23px}.quiz-intro h2,.story-question{font-size:20px}.quiz-question-heading{gap:10px;font-size:11px}.metrics-strip{grid-template-columns:1fr 1fr;gap:25px 18px;padding:24px 0}.metrics-strip>div{border:0;padding-left:0}.metrics-strip strong{font-size:29px}.track-progress-grid{gap:8px}.track-progress-grid a{padding:15px 12px}.track-progress-grid strong{font-size:12px}.track-progress-grid span{margin-bottom:12px;font-size:9px;line-height:1.7}.practice-stats{padding:20px 17px}.practice-stats .summary-metrics{grid-template-columns:1fr 1fr;gap:24px;display:grid}.segmented button{padding:7px 8px;font-size:10px}.practice-stats .hint{line-height:1.8}.exposure-table-head,.exposure-row{grid-template-columns:minmax(86px,2fr) repeat(4,minmax(28px,.7fr));gap:7px;padding:14px 12px;font-size:10px}.exposure-table-head{font-size:9px}.exposure-row strong{font-size:16px}.exposure-row small{font-size:9px;line-height:1.5}.story-stats-list>a{grid-template-columns:1.5fr .5fr 1fr 12px;gap:12px;padding:17px 14px}.story-stats-list strong{font-size:12px}.story-stats-list>a>span,.story-stats-list div>span{font-size:9px}.story-stats-list>a>div:first-child>span{display:none}.player-track strong{max-width:140px}.player-transport{gap:4px}.player-transport .icon-button{padding:6px}.persistent-player{gap:7px 10px;padding:12px 14px}.player-track{min-width:120px}.player-toggle{width:32px;height:32px}.player-track-icon{display:none}#player-speed{font-size:10px}.player-close{padding:5px}.player-close svg{width:15px}.player-track span:not(.player-track-icon){font-size:9px}.language-welcome{margin:40px auto}.language-welcome h1{letter-spacing:-1.5px;font-size:41px}.language-welcome>p:not(.overline):not(.small-note){font-size:13px}.language-card{gap:16px;padding:20px 17px}.language-emblem{width:67px;height:76px;font-size:19px}.language-card h2{font-size:20px}.language-card p{font-size:10px}.language-card .round-arrow{width:28px;height:28px}dialog{padding:25px}.detail-metrics{gap:10px}.detail-metrics strong{font-size:22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.auth-card{max-width:380px;margin:12vh auto 0}.auth-card form{flex-direction:column;align-items:stretch;gap:12px;display:flex}.auth-card input{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:9px;padding:12px 14px}.auth-card [role=alert]{color:#b3261e;margin:12px 0 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.catalog-list{gap:16px;display:grid}.catalog-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.catalog-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:22px;padding:28px;display:flex}.catalog-card:hover{background:#fcfcff;border-color:#a8b1e4}.catalog-card .track-icon{flex-shrink:0;margin:0}.catalog-card>div{flex:1}.catalog-card h2{font-size:21px}.catalog-card p{color:var(--muted);margin-top:8px;font-size:13px}.catalog-card>svg{color:var(--blue);width:17px}.catalog-modes .catalog-card{flex-direction:column;align-items:flex-start;gap:17px;min-height:230px;position:relative}.catalog-modes .catalog-card>svg{position:absolute;top:38px;right:24px}.catalog-continue{background:var(--blue);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:26px 30px;display:flex}.catalog-continue .overline{color:#e0e4ff}.catalog-continue>span{align-items:center;gap:12px;font-size:13px;display:flex}.shared-progress{border:1px solid var(--line);background:#fff;border-radius:14px;margin:30px 0;padding:0 26px 22px}.shared-progress .section-title{margin-top:24px}.shared-progress .hint{margin-top:15px}.shared-progress small{color:var(--muted);font-size:13px}.content-switch{border-top:1px solid var(--line);flex-direction:column;gap:5px;margin-top:auto;padding:20px 12px;display:flex}.content-switch .overline{margin:0;font-size:10px}.content-switch strong{font-size:13px}.content-switch small{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.language-switch{margin-top:auto}.content-switch+.language-switch{margin-top:0}.analytics-filters{flex-wrap:wrap;gap:12px;margin-bottom:25px;display:flex}.analytics-filters label{min-width:145px;color:var(--muted);flex-direction:column;flex:1;gap:7px;font-size:11px;display:flex}.analytics-filters select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:8px;padding:8px;font-size:12px}.analytics-detail{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:16px;padding:22px}.analytics-detail summary{cursor:pointer;font-size:16px;font-weight:600}.analytics-detail[open] summary{margin-bottom:25px}.breadcrumb{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.breadcrumb>span{margin:0 3px}.breadcrumb a:hover{color:var(--blue)}@media (width<=900px){.catalog-modes{grid-template-columns:1fr}.catalog-modes .catalog-card{flex-direction:row;align-items:center;min-height:0;padding:24px}.catalog-modes .catalog-card>svg{position:static}.topbar{height:auto;min-height:78px;padding-top:15px;padding-bottom:15px}}@media (width<=640px){.catalog-card{gap:16px;padding:20px}.catalog-card h2{font-size:18px}.catalog-continue{padding:22px}.catalog-continue h2{font-size:20px}.shared-progress{padding:0 18px 20px}.shared-progress .section-title{align-items:flex-start;gap:10px}.shared-progress .section-title h2{font-size:18px}.analytics-detail{padding:16px}.analytics-filters label{min-width:130px}.topbar{flex-wrap:wrap}.topbar .breadcrumb{width:100%;font-size:10px;line-height:1.7;display:flex}.bottom-navigation a span{font-size:9px}}.flashcard-actions{flex-wrap:wrap;justify-content:center}.flashcard-actions .button{flex:1;min-width:65px}.practice-shortcuts+.study-layout{margin-top:24px}.topbar .breadcrumb{font-size:10px;display:flex}.top-language{font-size:11px}.study-focus{height:100dvh;overflow:hidden}.study-focus .sidebar,.study-focus .topbar,.study-focus #bottom-navigation,.study-focus #persistent-player{display:none!important}.study-focus .app-shell{height:100dvh;min-height:0;display:block}.study-focus .main-column{height:100%}.study-focus #main-content{max-width:840px;height:100%;padding:16px 24px max(16px,env(safe-area-inset-bottom));box-sizing:border-box}.study-focus #view{flex-direction:column;height:100%;display:flex;position:relative}.focus-header{min-height:44px;color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.focus-header>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.focus-header a,.focus-header button{white-space:nowrap;min-height:44px}.focus-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px 0;display:flex}.focus-card{box-sizing:border-box;flex-direction:column;width:100%;max-width:660px;height:min(620px,100%);min-height:0;padding:24px;display:flex}.focus-card .card-top{flex-shrink:0}.focus-card .word-face{overscroll-behavior:contain;flex-direction:column;flex:1;justify-content:safe center;align-items:center;min-height:0;padding:16px 0;display:flex;overflow-y:auto}.focus-card .target-word{flex-shrink:0;font-size:clamp(36px,7vh,64px);line-height:1.3}.focus-card .meaning{flex-shrink:0;min-height:0;margin:12px 0 18px}.focus-card .phrase{box-sizing:border-box;flex-shrink:0;width:100%;padding:14px}.focus-audio{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px 18px;min-height:44px;display:flex}.focus-audio button{min-height:44px;font-size:13px}#study-audio-status{color:var(--muted);font-size:11px}.focus-card .flashcard-actions{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px;padding-top:14px;display:grid}.focus-card .flashcard-actions .button{justify-content:center;min-height:48px;padding:12px 6px}.focus-card #show-answer{grid-column:1/-1}.focus-options{z-index:5;border:1px solid var(--line);background:#fff;border-radius:12px;max-width:360px;max-height:calc(100% - 64px);padding:20px;position:absolute;top:52px;right:0;overflow:auto;box-shadow:0 12px 32px #242a4518}.focus-options .settings-row{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:18px;margin-top:0}.focus-options .hint{display:none}.focus-links{border-top:1px solid var(--line);color:var(--blue);gap:14px;margin-top:20px;padding-top:18px;font-size:13px;display:grid}.study-focus .completion-card{margin:auto 0}@media (width<=640px){.study-focus #main-content{padding:8px 12px max(12px,env(safe-area-inset-bottom))}.focus-header{gap:8px;font-size:11px}.focus-header .text-link{font-size:12px}.focus-stage{padding:8px 0 0}.focus-card{border-radius:14px;height:100%;padding:16px}.focus-card .word-face{padding:12px 0}.focus-card .meaning{margin:10px 0 14px;font-size:14px}.focus-card .phrase>p:first-child{font-size:19px}.focus-card .flashcard-actions .button{min-height:48px;font-size:13px}}@media (height<=550px){.focus-card{padding:12px}.focus-card .target-word{font-size:32px}.focus-card .word-face{justify-content:flex-start;padding:8px 0}.focus-card .flashcard-actions{margin-top:4px;padding-top:8px}}