:root{--bg:#f7f4ef;--surface:#fffefa;--ink:#253247;--muted:#626d7c;--line:#dedbd3;--accent:#ad4938;--accent-soft:#fff0eb;--navy:#263b4b;--green:#397765;--red:#bb4e47;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Segoe UI,Arial,Noto Sans,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{min-width:0;max-width:100%;font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-1.2px;font-size:clamp(1.8rem,2.5vw,2.35rem);font-weight:700;line-height:1.22}h2{letter-spacing:-.6px;font-size:1.55rem;line-height:1.3}h3{font-size:1.1rem;line-height:1.4}p{color:var(--muted)}small{color:var(--muted);font-size:.8rem}svg{flex-shrink:0}button{background:0 0;border:none}input,select,textarea{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:9px;min-height:44px;padding:12px 14px}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--accent)}textarea{resize:vertical;width:100%;min-height:170px}input::placeholder,textarea::placeholder{color:var(--muted)}.hidden{display:none}.foreign{font-family:Segoe UI,Yu Gothic,Microsoft YaHei,sans-serif;font-size:1.35rem}.boot{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;display:flex}.boot svg{color:var(--accent)}.boot strong{font-size:2rem}.app-shell{overflow-wrap:anywhere;min-height:100dvh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);z-index:35;flex-direction:column;width:245px;padding:28px 17px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{letter-spacing:-1px;align-items:center;gap:10px;padding:0 15px 30px;font-size:1.65rem;font-weight:750;display:flex}.brand-cat{background:var(--accent-soft);color:var(--accent);border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand-dot,.greeting-dot{color:var(--accent)}.workspace-label,.nav-label,.eyebrow{letter-spacing:1.2px;color:var(--muted);font-size:.7rem;font-weight:700}.workspace-label{padding:0 15px 9px}.side-language{border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;margin:0 9px 22px;padding:12px;display:flex}.side-language strong{font-size:.88rem}.side-language small{margin-top:2px;display:block}.flag{background:#fff;border:1px solid #e5e5e5;border-radius:3px;flex-shrink:0;width:22px;height:16px;display:inline-block;position:relative}.flag.jp:after{content:"";background:#ce4d4d;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:6px}.flag.cn{background:#dd5548;border-color:#dd5548}.flag.cn:after{content:"★";color:#ffdc70;font-size:9px;position:absolute;top:-1px;left:3px}.nav-item{color:#738093;text-align:left;border-radius:9px;align-items:center;gap:12px;width:100%;min-height:43px;margin:3px 0;padding:9px 14px;font-size:.87rem;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.nav-label{padding:18px 14px 6px;font-size:.65rem}.nav-count{background:var(--accent);color:#fff;text-align:center;border-radius:5px;min-width:23px;margin-left:auto;font-size:.75rem}.sidebar-bottom{margin-top:auto;padding-top:28px}.profile{border-top:1px solid var(--line);text-align:left;align-items:center;gap:9px;width:100%;padding:20px 2px;display:flex}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong{overflow-wrap:anywhere;font-size:.8rem;display:block}.profile small{font-size:.67rem}.avatar{color:#526c81;background:#eaf0f4;border:1px solid #dde5ed;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.7rem;font-weight:700;display:grid}.version{text-align:center;padding:0 0 18px;font-size:.64rem;display:block}.main{width:calc(100% - 245px);min-width:0;margin-left:245px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;height:82px;padding:0 42px;display:flex}.topbar-left,.topbar-right{align-items:center;gap:17px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:9px;font-size:.8rem;display:flex}.breadcrumb strong{color:var(--ink);font-weight:600}.language-switch{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:3px;padding:4px;display:flex}.language-switch button{min-height:34px;color:var(--muted);border-radius:7px;align-items:center;gap:8px;padding:5px 13px;font-size:.78rem;display:flex}.language-switch .selected{background:var(--surface);color:var(--ink);font-weight:650;box-shadow:0 2px 4px #19294109}.icon-button{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-height:38px;padding:7px;display:inline-flex}.icon-button:hover{background:var(--bg)}.menu-button{display:none}.content{max-width:1450px;margin:auto;padding:37px 42px 20px}.greeting{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.greeting .eyebrow{margin-bottom:11px}.greeting p{margin-top:11px;font-size:.87rem}.date-label{text-align:right;color:var(--muted);font-size:.78rem}.date-label span{color:var(--accent);justify-content:flex-end;gap:6px;margin-top:9px;font-weight:600;display:flex}.home-grid{grid-template-columns:minmax(0,1fr) 265px;gap:23px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.course-feature{background:var(--navy);color:#fff;border-radius:var(--radius);min-height:302px;padding:30px 32px;display:flex;position:relative;overflow:hidden}.feature-copy{z-index:1;width:min(76%,490px)}.course-label{letter-spacing:.8px;color:#d8e2e8;align-items:center;gap:9px;font-size:.68rem;font-weight:600;display:flex}.course-level{color:#fff;background:#ffffff16;border:1px solid #ffffff20;border-radius:5px;margin-left:5px;padding:3px 8px}.course-feature h2{letter-spacing:-.7px;margin:21px 0 10px;font-size:clamp(1.6rem,2.3vw,2.05rem);font-weight:650;line-height:1.28}.course-feature p{color:#b6c7d3;max-width:370px;margin-bottom:22px;font-size:.85rem}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 18px;font-size:.82rem;font-weight:650;transition:background .15s,transform .15s;display:inline-flex}.button.primary,.button.coral{background:var(--accent);color:#fff}.button.primary:hover,.button.coral:hover{background:#c65643}.button.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.button.secondary:hover{background:var(--bg)}.button.muted{color:var(--muted);background:var(--bg)}.button.danger{color:#fff;background:var(--red)}.button.full{width:100%}.course-progress{color:#b6c7d3;justify-content:space-between;gap:12px;margin-top:25px;margin-bottom:9px;font-size:.72rem;display:flex}.progress-track{background:var(--line);border-radius:4px;height:5px;overflow:hidden}.progress-track>div{background:var(--accent);border-radius:4px;height:100%;transition:width .25s}.course-feature .progress-track{background:#ffffff14}.course-feature .progress-track>div{background:#eab096}.language-typography{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:34px;right:24px}.language-typography>span{color:#ffffff0e;font-family:Yu Mincho,SimSun,serif;font-size:10rem;font-weight:300;line-height:1.15}.language-typography small{color:#ffffff35;letter-spacing:8px;margin-top:15px;font-size:1.1rem}.daily-goal{text-align:center;padding:21px 21px 17px}.section-mini{color:var(--muted);letter-spacing:.9px;align-items:center;gap:9px;font-size:.66rem;font-weight:650;display:flex}.section-mini>.icon-button{width:28px;min-height:28px;margin-left:auto}.goal-ring{border-radius:50%;place-items:center;width:135px;height:135px;margin:20px auto 15px;padding:7px;display:grid}.goal-ring>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.goal-ring strong{letter-spacing:-1px;font-size:2.2rem;font-weight:650}.goal-ring strong small{margin-left:3px;font-size:1.05rem;font-weight:500}.goal-ring span{color:var(--muted);font-size:.72rem}.daily-goal p{font-size:.73rem}.text-button{min-width:44px;min-height:44px;color:var(--accent);align-items:center;gap:7px;padding:6px 0;font-size:.8rem;font-weight:600;display:inline-flex}.daily-goal .text-button{margin-top:8px}.quick-stats{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:1fr 1fr 1.2fr;margin:23px 0 33px;display:grid}.quick-stats>div{border-right:1px solid var(--line);align-items:center;gap:13px;padding:17px 24px;display:flex}.quick-stats>div:last-child{border:none}.stat-icon{color:#be6e58;background:#fff1eb;border-radius:10px;place-items:center;width:41px;height:41px;display:grid}.stat-icon.green{color:#458775;background:#eef7f2}.stat-icon.purple{color:#7672a8;background:#f2f1f8}.quick-stats strong{font-size:1.2rem;font-weight:650}.quick-stats strong small{font-size:.76rem;font-weight:400}.quick-stats div div>span{color:var(--muted);margin-top:1px;font-size:.69rem;display:block}.quick-stats .text-button{margin-left:auto;font-size:.7rem}.section-title{justify-content:space-between;align-items:center;gap:15px;margin:0 0 19px;display:flex}.section-title .eyebrow{margin-bottom:5px}.section-title h2{font-size:1.45rem}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.activity-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;background:var(--surface);min-width:0;padding:23px 21px 16px;transition:transform .18s,border-color .18s}.activity-card:hover{border-color:#d0d7e0;transform:translateY(-3px)}.activity-top{color:#a0a9b7;justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.activity-glyph{border-radius:12px;place-items:center;width:48px;height:48px;font-size:1.6rem;font-weight:500;display:grid}.red .activity-glyph{color:#c26957;background:#fff0ec}.green .activity-glyph{color:#548674;background:#edf6f1}.blue .activity-glyph{color:#5c80a3;background:#edf3fa}.gold .activity-glyph{color:#b09055;background:#faf4e8}.activity-card h3{font-size:.97rem;font-weight:650}.activity-card p{min-height:40px;margin-top:8px;font-size:.76rem;line-height:1.6}.activity-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;font-size:.67rem;display:flex}.bottom-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;margin-top:25px;display:grid}.week-panel,.word-panel{padding:23px 25px}.section-title.compact{margin-bottom:15px}.section-title.compact h3{font-size:1rem}.section-title.compact p{margin-top:4px;font-size:.74rem}.week-chart{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;display:grid}.week-chart>div{color:var(--muted);flex-direction:column;align-items:center;gap:9px;font-size:.7rem;display:flex}.week-chart small{font-size:.65rem}.bar-area{background:var(--bg);border-radius:5px;align-items:flex-end;width:22px;height:61px;display:flex}.bar-area span{background:#d6e3dd;border-radius:5px;width:100%;display:block}.week-chart .today{color:var(--accent);font-weight:650}.today .bar-area span{background:var(--accent)}.word-panel .eyebrow{font-size:.65rem}.word-of-day{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.word-of-day h3{font-size:2.15rem;font-weight:500;line-height:1.2}.word-of-day p{margin-top:4px;font-size:.7rem}.word-panel>p{margin-top:9px;font-size:.85rem}.word-panel>.text-button{margin-top:5px;font-size:.73rem}.page-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:35px;padding-top:20px;font-size:.65rem;display:flex}.page-footer>span{align-items:center;gap:7px;display:flex}.page-footer>span:first-child{font-weight:650}.mobile-nav{display:none}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-heading .eyebrow{margin-bottom:10px}.page-heading p{margin-top:11px;font-size:.87rem}.search-box{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:9px;flex-shrink:0;align-items:center;padding:0 13px;display:flex}.search-box input{background:0 0;border:0;width:190px;font-size:.85rem}.filter-row{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:40px;padding:9px 16px;font-size:.8rem}.chip.selected{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.roadmap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:25px 0;padding:24px}.roadmap-caption{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.roadmap-caption>span{gap:10px;font-weight:600;display:flex}.level-track{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:9px;display:grid}.level-track button{border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:13px}.level-track button span,.level-track button small{display:block}.level-track button span{font-weight:650}.level-track button.active{background:var(--accent-soft);border-color:var(--accent)}.notice{color:#5a6e86;background:#edf2f7;border-radius:9px;align-items:flex-start;gap:12px;margin:18px 0;padding:15px 18px;font-size:.81rem;line-height:1.6;display:flex}.notice.warm{color:#91713d;background:#fff6e9}.notice svg{margin-top:3px}.module-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.module-row{border-bottom:1px solid var(--line);align-items:center;gap:21px;padding:21px 25px;display:flex}.module-row:last-child{border:none}.module-number{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;font-weight:650;display:grid}.module-number.complete{color:var(--green);background:#edf6f0}.module-copy{flex:1}.module-copy h3{margin:2px 0 5px;font-size:1rem}.module-copy p{font-size:.82rem}.module-row.locked .module-number{background:var(--bg);color:var(--muted)}.module-row.locked h3{color:var(--muted)}.level-selector{align-items:center;gap:15px;margin-bottom:24px;display:flex}.level-selector label{font-size:.85rem;font-weight:600}.level-selector select{min-width:125px}.level-selector span{color:var(--muted);font-size:.8rem}.quiz-banner{border-radius:var(--radius);background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:30px;display:flex}.quiz-banner h2{margin:12px 0}.quiz-banner p{color:#b8cad6;font-size:.9rem}.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.practice-tile{text-align:left;align-items:center;gap:19px;padding:23px;display:flex}.practice-glyph{background:var(--bg);width:49px;height:49px;color:var(--accent);border-radius:9px;flex-shrink:0;place-items:center;font-size:1.3rem;display:grid}.practice-tile>svg{margin-left:auto}.practice-tile p{margin-top:6px;font-size:.8rem}.subheading{margin:30px 0 18px;font-size:1.25rem}.vocab-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:15px;display:grid}.vocab-card{padding:20px}.flex-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.vocab-card strong{font-size:1.4rem}.vocab-card small{margin-top:4px;display:block}.vocab-card p{margin-top:9px;font-size:.88rem}.vocab-card .text-button{margin-top:10px}.srs-intro{align-items:center;gap:35px;padding:40px;display:flex}.srs-stack{background:var(--accent-soft);border:1px solid var(--line);width:120px;height:145px;color:var(--accent);border-radius:13px;flex-shrink:0;place-items:center;display:grid;transform:rotate(-6deg)}.srs-intro h2{margin:10px 0 12px}.srs-intro p{margin-bottom:23px}.srs-controls{justify-content:space-between;align-items:center;gap:20px;margin:25px 0;font-size:.85rem;display:flex}.srs-controls>span{color:var(--muted);align-items:center;gap:7px;font-size:.8rem;display:flex}.toggle{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:.81rem;display:inline-flex}.saved-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.saved-row{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:16px 22px;font-size:.85rem;display:flex}.saved-row:last-child{border:0}.saved-row strong{min-width:100px}.saved-row span{color:var(--muted);flex:1}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.library-card{text-align:left;flex-direction:column;align-items:flex-start;padding:25px;transition:transform .15s;display:flex}.library-card:hover,.reading-card:hover{transform:translateY(-2px)}.library-icon{color:#5c80a3;background:#edf3fa;border-radius:12px;margin-bottom:18px;padding:15px}.small-tag{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:3px 7px;font-size:.68rem;line-height:1.5;display:inline-flex}.library-card h3{margin:14px 0 6px}.library-card p{font-size:.84rem}.library-foot{width:100%;color:var(--accent);border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:25px;padding-top:18px;font-size:.76rem;display:flex}.exam-card,.resource-card{padding:27px}.exam-label{letter-spacing:1px;color:var(--muted);font-size:.66rem}.exam-card h2{margin:12px 0;font-size:2.2rem}.exam-card p{font-size:.82rem}.exam-meta{color:var(--muted);flex-wrap:wrap;gap:18px;margin:20px 0;font-size:.76rem;display:flex}.exam-meta span{align-items:center;gap:5px;display:flex}.exam-card .button{width:100%}.reading-card{text-align:left;padding:0;transition:transform .15s;overflow:hidden}.reading-preview{letter-spacing:5px;color:#8d9da9;background:#eaf0f3;height:150px;padding:24px;font-family:Yu Mincho,SimSun,serif;font-size:1.15rem;line-height:2.1;overflow:hidden}.reading-preview span{opacity:.55;display:block}.reading-card-content{padding:24px}.reading-card h3{margin:13px 0 7px}.reading-card p{font-size:.78rem}.grammar-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.grammar-row{justify-content:space-between;align-items:flex-start;gap:15px;padding:24px;display:flex}.grammar-row h3{margin:12px 0 7px}.formula{color:var(--accent);margin-bottom:9px;font-size:.86rem}.grammar-actions{flex-direction:column;align-items:flex-end;gap:15px;display:flex}.bookmarked{color:var(--accent)}.listening-hero{text-align:center;padding:45px}.listening-hero>svg{color:var(--accent)}.listening-hero h2{margin:15px 0 12px}.listening-hero .button{margin:25px 0}.listening-hero small{display:block}.tracker-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.tracker-stats>div{flex-direction:column;align-items:flex-start;padding:27px;display:flex}.tracker-stats svg{color:var(--accent)}.tracker-stats strong{margin-top:12px;font-size:2.5rem}.tracker-stats span{color:var(--muted);font-size:.85rem}.tracker-week,.study-plan{padding:27px}.tracker-week .week-chart{margin-top:30px}.tracker-week .bar-area{width:32px;height:160px}.study-plan>p{margin:10px 0 20px;font-size:.85rem}.study-plan>div{align-items:flex-start;gap:15px;margin:20px 0;display:flex}.study-plan>div>span{color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:8px;font-size:.78rem}.study-plan strong,.study-plan small{display:block}.study-plan strong{color:var(--ink);font-size:.88rem}.study-plan small{margin-top:3px}.language-progress{margin:25px 0;padding:25px}.language-progress>div{align-items:center;gap:15px;margin:15px 0;display:flex}.language-progress .progress-track{flex:1}.language-progress strong{min-width:90px;font-size:.85rem}.language-progress>div>span:last-child{color:var(--muted);font-size:.8rem}.history-list{overflow:hidden}.history-list>div{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:18px 23px;display:flex}.history-list>div:last-child{border:none}.history-icon{background:var(--bg);color:var(--muted);border-radius:9px;place-items:center;padding:10px;display:grid}.history-list strong{font-size:.85rem;display:block}.history-list small{margin-top:3px;display:block}.score-tag{color:var(--green);white-space:nowrap;background:#edf6f0;border-radius:6px;margin-left:auto;padding:5px 10px;font-size:.75rem}.resource-card>svg{color:var(--accent);margin-bottom:19px;display:block}.resource-card h3{margin:15px 0 8px}.resource-card p{min-height:44px;font-size:.85rem}.resource-card>.button{margin-top:24px}.notes-panel{margin-top:25px;padding:27px}.notes-panel p{margin:10px 0 18px;font-size:.85rem}.notes-panel small{text-align:right;margin-top:7px;display:block}.settings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:25px;display:grid}.settings-panel{margin-bottom:23px;padding:29px}.settings-panel p{margin:13px 0 22px;font-size:.85rem}.settings-panel label{margin:17px 0 9px;font-size:.85rem;font-weight:600;display:block}.input-with-button{gap:10px;display:flex}.input-with-button input{flex:1;min-width:0}.settings-panel>select{width:100%}.settings-panel .setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.setting-row label{margin:0;font-weight:400}.setting-row select{font-size:.85rem}.import-preview{background:var(--bg);border-radius:10px;margin-top:20px;padding:20px}.import-preview p{margin:10px 0;font-size:.8rem}.empty{text-align:center;margin:20px 0;padding:40px}.empty svg{color:var(--muted);margin-bottom:15px}.empty p{max-width:480px;margin:auto;font-size:.9rem}.modal-backdrop{z-index:60;background:#14223680;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.modal{overscroll-behavior:contain;background:var(--surface);border-radius:18px;outline:none;flex-direction:column;width:min(100%,580px);max-height:calc(100dvh - 52px);display:flex;overflow:hidden;box-shadow:0 20px 70px #15203225}.modal.wide{width:min(100%,760px)}.modal-head{border-bottom:1px solid var(--line);background:var(--surface);z-index:3;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:15px 24px;font-size:.87rem;display:flex;position:sticky;top:0}.modal-head>span{overflow-wrap:anywhere;min-width:0}.modal-head>button{flex-shrink:0}.modal-content{overscroll-behavior:contain;min-height:0;overflow:auto}.modal-audio-slot{flex-shrink:0}.lesson-body,.quiz-body,.flashcard-body{padding:30px 34px}.lesson-body h2{margin:10px 0 22px;font-size:1.8rem}.lesson-body>p{margin:15px 0;font-size:.94rem}.formula-box{border:1px solid var(--line);background:var(--accent-soft);color:var(--accent);border-radius:10px;margin:18px 0;padding:20px;font-size:1.2rem}.example-box{background:var(--bg);border-radius:12px;margin:23px 0;padding:23px;position:relative}.example-box>.icon-button{position:absolute;top:16px;right:15px}.example-box>.foreign{padding-right:42px;display:block}.example-box small{margin:10px 0;display:block}.example-box p{margin-top:8px;font-size:.9rem}.lesson-vocab{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0 28px;display:grid}.lesson-vocab button{border:1px solid var(--line);text-align:left;border-radius:10px;padding:17px;position:relative}.lesson-vocab strong,.lesson-vocab small,.lesson-vocab span{display:block}.lesson-vocab strong{font-size:1.3rem}.lesson-vocab small{margin:4px 0}.lesson-vocab span{color:var(--muted);font-size:.84rem}.lesson-vocab svg{color:var(--muted);position:absolute;top:16px;right:14px}.button-row{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.quiz-status{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;font-size:.8rem;display:flex}.timer{align-items:center;gap:6px;display:inline-flex}.timer.warning{color:var(--red)}.question-title{margin:30px 0;font-size:1.6rem;line-height:1.6}.choices{grid-template-columns:1fr;gap:13px;display:grid}.choices.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.answer-choice{border:1.5px solid var(--line);text-align:left;background:var(--surface);border-radius:10px;align-items:center;gap:16px;min-height:56px;padding:15px 18px;font-size:1rem;display:flex}.answer-choice>span{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;font-size:.8rem;display:grid}.answer-choice svg{margin-left:auto}.answer-choice.correct{color:#39705a;opacity:1;background:#eaf6ee;border-color:#67a185}.answer-choice.incorrect{opacity:1;background:#ffefec;border-color:#d18c7c}.answer-label{margin-bottom:9px;font-size:.85rem;font-weight:600;display:block}.answer-input{width:100%;padding:17px;font-size:1.2rem}.input-hint{color:var(--muted);margin:10px 0;font-size:.78rem;display:block}.audio-controls{flex-wrap:wrap;gap:10px;margin:0 0 25px;display:flex}.audio-controls details{width:100%;color:var(--muted);font-size:.8rem}.audio-controls summary{cursor:pointer;padding-block:12px;min-height:44px;padding:9px 0}.audio-controls details p{margin:10px 0}.token-answer{min-height:90px;color:var(--muted);border:1px dashed #c7cfda;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:17px;display:flex}.token-answer button,.token-options button{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;padding:12px 17px;font-size:1.2rem;display:flex}.token-answer button{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.token-options{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.token-options button:disabled{opacity:.25}.match-grid{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.match-grid>div{flex-direction:column;gap:12px;display:flex}.match-grid button{border:1px solid var(--line);background:var(--surface);border-radius:9px;justify-content:space-between;align-items:center;min-height:54px;padding:12px;font-size:1rem;display:flex}.match-grid button.selected{background:var(--accent-soft);border-color:var(--accent)}.match-grid button.matched{color:var(--green);opacity:1;background:#edf7f0;border-color:#bcd8c7}.inline-error{color:var(--red);font-size:.8rem}.answer-feedback{border-radius:11px;margin:22px 0;padding:19px 22px;font-size:.85rem}.answer-feedback.good{color:var(--green);background:#eaf5ee}.answer-feedback.bad{color:#795239;background:#fff1e8}.answer-feedback strong{align-items:center;gap:9px;display:flex}.answer-feedback p{color:inherit;margin:10px 0}.answer-feedback small{color:inherit;line-height:1.65;display:block}.quiz-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding-top:20px;display:flex}.quiz-bottom>span{color:var(--muted);font-size:.76rem}.result-body{text-align:center;padding:40px}.result-icon{color:var(--green);background:#edf6f0;border-radius:50%;place-items:center;width:85px;height:85px;margin:0 auto 22px;display:grid}.result-body h2{margin:12px 0}.result-body>svg{color:var(--accent);margin-bottom:18px}.result-score{color:var(--accent);letter-spacing:-3px;font-size:4.2rem;font-weight:650}.result-score span{margin-left:5px;font-size:1.5rem}.result-body .button-row{justify-content:center;margin-top:27px}.review-list{text-align:left;margin-top:24px}.review-list>div{border-top:1px solid var(--line);padding:20px 0}.review-list strong{align-items:flex-start;gap:8px;font-size:.9rem;display:flex}.review-list p{margin:10px 0;font-size:.85rem}.review-list small{font-size:.8rem}.flashcard{border:1px solid var(--line);background:var(--bg);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;margin:24px 0 13px;padding:32px;transition:background .15s;display:flex}.flashcard strong{overflow-wrap:anywhere;font-size:2.7rem;font-weight:500;line-height:1.5}.flashcard.flipped strong{font-size:1.6rem}.flashcard small{margin-top:12px;font-size:.9rem}.flashcard p{color:var(--ink);margin-top:20px;font-size:1.1rem}.flashcard>span{color:var(--muted);margin-top:30px;font-size:.7rem}.rating-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px;display:grid}.rating-grid button{border:1px solid var(--line);border-radius:9px;padding:13px 5px}.rating-grid strong,.rating-grid small{display:block}.rating-grid strong{font-size:.88rem}.rating-grid small{margin-top:5px;font-size:.68rem}.rating-grid .again{color:#904637;background:#fff1ed}.rating-grid .hard{color:#705a2e;background:#fff8e9}.rating-grid .good{color:#487963;background:#edf6f0}.rating-grid .easy{color:#405e80;background:#edf3fb}.dialog-lines{margin:26px 0}.dialog-line{align-items:flex-start;gap:14px;margin:20px 0;display:flex}.speaker{color:#435b75;background:#ecf1f7;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.8rem;display:grid}.dialog-line>div{background:var(--bg);border-radius:0 13px 13px;flex:1;min-width:0;padding:20px}.dialog-line.right>div{background:var(--accent-soft)}.dialog-line small{margin:10px 0;font-size:.85rem;display:block}.dialog-line p{font-size:.88rem}.roleplay-reveal{text-align:left;width:100%;color:var(--muted);padding:0}.roleplay-reveal small{color:var(--accent);font-size:.76rem}.reading-text{letter-spacing:.8px;background:var(--bg);overflow-wrap:anywhere;border-radius:12px;margin:20px 0;padding:24px;font-size:1.5rem;line-height:2.4}.reading-text button{min-width:44px;min-height:44px;font-size:inherit;border-bottom:1px dashed var(--accent);color:var(--accent);line-height:inherit;padding:0 2px}.gloss-popup{border:1px solid var(--line);background:var(--accent-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:20px;padding:15px;display:flex}.gloss-popup strong{font-size:1.25rem}.gloss-popup span{flex:1;font-size:.82rem}.translation-box{background:var(--bg);color:var(--muted);border-radius:10px;padding:20px;font-size:.9rem}.character-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:11px;margin:24px 0;display:grid}.character-grid button{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;padding:15px 5px;display:flex}.character-grid strong{font-size:1.85rem;font-weight:500}.character-grid small{text-align:center;margin-top:5px;font-size:.65rem}.character-grid .selected{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.kana-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.kana-grid button{padding:10px 4px}.kana-grid strong{font-size:1.55rem}.writing-layout{grid-template-columns:1fr 1.15fr;gap:25px;display:grid}.character-detail,.writing-pad{padding:28px}.character-detail h2{margin:25px 0;font-family:Yu Mincho,SimSun,serif;font-size:6rem;font-weight:400}.character-detail h3{margin-bottom:10px;font-size:1.4rem}.character-detail p{margin:14px 0;font-size:.9rem}.character-detail small{margin-bottom:20px;display:block}.character-detail .button{margin-bottom:12px;margin-right:8px}.radical-label{background:var(--bg);border-radius:9px;justify-content:space-between;margin:20px 0;padding:15px;font-size:.85rem;display:flex}.canvas-wrap{aspect-ratio:1;background:linear-gradient(90deg, transparent 49.8%, var(--line) 49.8%, var(--line) 50.2%, transparent 50.2%), linear-gradient(transparent 49.8%, var(--line) 49.8%, var(--line) 50.2%, transparent 50.2%);border:1px solid var(--line);width:min(100%,360px);margin:24px auto;position:relative}.canvas-glyph{color:#d6dce4;pointer-events:none;place-items:center;font:260px/1 Yu Mincho,SimSun,serif;display:grid;position:absolute;inset:0}.canvas-wrap canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.writing-pad .button-row{justify-content:center;gap:8px}.writing-pad .button{padding:9px 12px;font-size:.75rem}.writing-pad>small{text-align:center;display:block}.tone-layout{grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;display:grid}.tone-card{text-align:center;padding:35px}.tone-card h2{margin:23px 0 8px;font-size:3.3rem}.tone-card h2 span{color:var(--muted);margin-left:10px;font-size:2rem}.tone-chart{width:100%;max-width:350px;margin:25px 0}.tone-card h3{margin:5px 0 15px}.tone-card .button{margin:24px 0 0}.tone-options{grid-template-columns:1fr 1fr;gap:17px;display:grid}.tone-options button{text-align:left;padding:23px}.tone-options strong,.tone-options span{display:block}.tone-options strong{margin-bottom:8px;font-size:1.7rem}.tone-options span{color:var(--muted);font-size:.82rem}.tone-options .selected{border-color:var(--accent);background:var(--accent-soft)}.pinyin-guide{padding:25px}.pinyin-guide p{margin-top:15px;font-size:.85rem}.kana-quiz{text-align:center;margin-top:25px;padding:30px}.kana-test-glyph{margin:20px;font-size:5rem;font-weight:400;display:block}.kana-quiz form{justify-content:center;gap:12px;display:flex}.kana-quiz p{margin-top:20px}.kana-quiz .text-button{margin-left:15px}.toast{background:var(--ink);color:var(--surface);z-index:100;border-radius:12px;align-items:center;gap:12px;max-width:calc(100% - 35px);padding:16px 20px;font-size:.87rem;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #25324722}.toast span{overflow-wrap:anywhere}.toast button{color:inherit;flex-shrink:0;min-width:44px;min-height:44px;padding:12px;display:flex}[data-theme=dark]{--bg:#19222f;--surface:#202c3b;--ink:#e3e9f1;--muted:#9aabc0;--line:#344357;--accent:#e59b86;--accent-soft:#393035;--navy:#2a3c4c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .notice{color:#b4c9e1;background:#2b3d50}[data-theme=dark] .notice.warm{color:#cdb384;background:#3c362a}[data-theme=dark] .reading-preview{background:#293b4c}[data-theme=dark] .avatar{color:#bdcfdf;background:#34465a;border-color:#445971}[data-theme=dark] .activity-glyph,[data-theme=dark] .stat-icon,[data-theme=dark] .library-icon{background:#2b3949}[data-theme=dark] .answer-choice.correct,[data-theme=dark] .answer-feedback.good,[data-theme=dark] .rating-grid .good,[data-theme=dark] .score-tag,[data-theme=dark] .match-grid button.matched{color:#b0d5bc;background:#284036}[data-theme=dark] .answer-feedback.bad,[data-theme=dark] .rating-grid .again,[data-theme=dark] .answer-choice.incorrect{color:#edb8a8;background:#49322f}[data-theme=dark] .rating-grid .hard{color:#d2c395;background:#403b2f}[data-theme=dark] .rating-grid .easy{color:#b3cae5;background:#2e3f54}[data-theme=dark] .canvas-glyph{color:#3b4b60}@media (width>=1500px){.content{padding-left:55px;padding-right:55px}.course-feature{min-height:330px;padding:36px}.course-feature h2{font-size:2.35rem}.daily-goal{padding-top:26px}.goal-ring{margin-top:28px}.activity-card{padding:27px}}@media (width<=1200px){.sidebar{width:220px;padding-left:13px;padding-right:13px}.main{width:calc(100% - 220px);margin-left:220px}.content{padding:30px 28px 20px}.topbar{padding:0 28px}.home-grid{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.course-feature{padding:27px}.feature-copy{width:82%}.language-typography{right:10px}.language-typography>span{font-size:8rem}.quick-stats>div{padding:17px}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card p{min-height:auto}.activity-footer{margin-top:15px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-list{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kana-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.quick-stats .text-button{display:none}.brand{padding-left:10px;font-size:1.45rem}.breadcrumb{font-size:.75rem}}@media (width<=950px){.sidebar{width:210px}.main{width:calc(100% - 210px);margin-left:210px}.topbar{height:75px;padding:0 22px}.content{padding:28px 22px 20px}.breadcrumb{display:none}.topbar-right{justify-content:flex-end;gap:12px;width:100%}.home-grid{grid-template-columns:1fr}.daily-goal{align-items:center;gap:20px;padding:18px;display:flex}.daily-goal .section-mini{flex-shrink:0;width:135px}.goal-ring{flex-shrink:0;width:85px;height:85px;margin:0;padding:5px}.goal-ring strong{font-size:1.6rem}.goal-ring strong small{font-size:.8rem}.goal-ring span{font-size:.58rem}.daily-goal .text-button{white-space:nowrap;margin-left:auto}.daily-goal>p{display:none}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-stats>div{flex-direction:column;align-items:flex-start;gap:8px;padding:15px}.quick-stats div div>span{font-size:.65rem}.date-label{display:none}.bottom-grid{grid-template-columns:1fr}.week-chart .bar-area{height:70px}.practice-grid{grid-template-columns:1fr}.quiz-banner{flex-direction:column;align-items:flex-start}.settings-grid,.writing-layout,.tone-layout{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.search-box,.search-box input{width:100%}.srs-intro{gap:25px;padding:28px}.srs-stack{width:90px;height:120px}.srs-controls{flex-direction:column;align-items:flex-start}.tracker-stats{gap:12px}.tracker-stats>div{padding:20px}.tracker-stats strong{font-size:2rem}.tracker-stats span{font-size:.75rem}.page-footer>span:last-child{display:none}.library-card{padding:20px}.character-grid,.kana-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.character-grid small{font-size:.6rem}}@media (width<=760px){.sidebar{visibility:hidden;width:255px;box-shadow:none;transition:transform .2s;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:translate(0);box-shadow:10px 0 35px #1d2b3920}.main{width:100%;margin-left:0}.menu-shade{z-index:30;background:#15253b66;position:fixed;inset:0}.menu-button{display:inline-flex}.topbar{height:70px;padding:0 18px}.topbar-left{gap:0}.topbar-right{gap:9px;width:auto}.language-switch button{min-height:36px;padding:5px 10px;font-size:.75rem}.top-avatar{display:none}.theme-button{width:34px}.mobile-nav{background:var(--surface);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:25;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:54px;min-height:47px;font-size:.64rem;display:flex}.mobile-nav button.active{color:var(--accent)}.content{padding:27px 20px 95px}.greeting{margin-bottom:23px}.greeting h1{font-size:1.85rem}.greeting p{max-width:300px;font-size:.8rem;line-height:1.7}.eyebrow{font-size:.64rem}.course-feature{min-height:290px;padding:27px 25px}.course-feature h2{font-size:1.85rem}.feature-copy{width:83%}.course-feature p{max-width:270px;font-size:.8rem}.course-label{font-size:.63rem}.language-typography{bottom:35px;right:15px}.language-typography>span{font-size:8.5rem}.language-typography small{font-size:.8rem}.daily-goal{gap:12px;padding:16px}.daily-goal .section-mini{gap:6px;width:auto;max-width:120px;font-size:.58rem}.daily-goal .section-mini>.icon-button{display:none}.goal-ring{width:76px;height:76px}.daily-goal .text-button{font-size:.72rem}.quick-stats{margin:20px 0 27px}.quick-stats>div{padding:14px 11px}.stat-icon{border-radius:8px;width:33px;height:33px}.stat-icon svg{width:17px}.quick-stats strong{font-size:1.1rem}.quick-stats strong small{font-size:.64rem}.quick-stats div div>span{font-size:.61rem;line-height:1.6}.section-title h2{font-size:1.25rem}.section-title>.text-button{text-align:right;max-width:100px;font-size:.7rem;line-height:1.6}.activity-grid{gap:13px}.activity-card{padding:19px 16px 14px}.activity-card h3{font-size:.88rem}.activity-top{margin-bottom:15px}.activity-glyph{width:42px;height:42px;font-size:1.45rem}.activity-card p{min-height:43px;font-size:.71rem}.activity-footer{gap:5px;padding-top:12px;font-size:.6rem}.activity-footer svg{width:16px}.bottom-grid{gap:17px;margin-top:20px}.week-panel,.word-panel{padding:21px}.week-chart{gap:10px}.page-footer{align-items:flex-start;margin-top:28px;font-size:.58rem}.page-footer>span:nth-child(2){text-align:right;max-width:150px}.page-heading h1{font-size:1.85rem}.page-heading p{font-size:.85rem}.chip{min-height:44px;padding:9px 14px}.module-row{flex-wrap:wrap;gap:13px;padding:18px 17px}.module-number{width:41px;height:41px;font-size:.85rem}.module-copy h3{font-size:.92rem}.module-copy p{font-size:.74rem}.module-row .button{width:calc(100% - 54px);margin-left:54px}.level-track{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap{padding:20px}.roadmap-caption{font-size:.9rem}.notice{padding:14px;font-size:.78rem}.level-selector{flex-wrap:wrap;gap:10px}.level-selector span{width:100%;font-size:.75rem}.quiz-banner{padding:25px}.quiz-banner h2{font-size:1.4rem}.practice-tile{gap:14px;padding:18px}.practice-tile h3{font-size:.97rem}.practice-tile p{font-size:.75rem}.vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vocab-card{padding:16px}.vocab-card small,.vocab-card .text-button{font-size:.72rem}.library-grid{grid-template-columns:1fr;gap:16px}.library-card{padding:25px}.library-card h3{font-size:1.1rem}.grammar-row{padding:20px}.grammar-row h3{font-size:.96rem}.grammar-row .formula{font-size:.8rem}.grammar-actions .button{padding:9px 13px;font-size:.75rem}.srs-intro{text-align:center;flex-direction:column;gap:25px;padding:32px 25px}.srs-stack{width:80px;height:90px}.srs-stack svg{width:36px}.srs-intro p{font-size:.88rem}.srs-intro .eyebrow{font-size:.6rem}.srs-controls{font-size:.78rem}.saved-row{flex-wrap:wrap;gap:8px;padding:15px}.saved-row strong{min-width:80px}.saved-row span{font-size:.75rem}.saved-row small{text-align:right;width:100%}.tracker-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tracker-stats>div{padding:17px 12px}.tracker-stats span{font-size:.66rem}.tracker-stats strong{font-size:1.85rem}.tracker-week,.study-plan{padding:22px}.tracker-week .bar-area{width:23px}.history-list>div{flex-wrap:wrap;gap:10px;padding:16px}.history-list strong{font-size:.78rem}.history-list .score-tag{margin-left:47px;font-size:.7rem}.history-list small{font-size:.7rem}.settings-panel{padding:22px}.settings-panel .button{padding:10px 13px;font-size:.76rem}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kana-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.character-grid small{font-size:.68rem}.character-detail,.writing-pad{padding:24px}.canvas-glyph{font-size:clamp(160px,60vw,260px)}.tone-options{gap:12px}.tone-options button{padding:20px}.tone-options span{font-size:.76rem}.tone-card{padding:28px}.writing-pad .button{min-height:44px}.writing-pad .toggle{font-size:.72rem}.kana-quiz form{flex-wrap:wrap}.kana-quiz input{width:100%}.listening-hero{padding:35px 25px}.listening-hero h2{font-size:1.5rem}.listening-hero p{font-size:.88rem}.modal-backdrop{padding:12px}.modal{border-radius:14px;max-height:calc(100dvh - 24px)}.modal-head{padding:12px 17px;font-size:.8rem}.lesson-body,.quiz-body,.flashcard-body{padding:23px 20px}.lesson-body h2{font-size:1.45rem}.lesson-body>p{font-size:.9rem}.formula-box{padding:18px;font-size:1.1rem}.example-box{padding:20px}.foreign{font-size:1.22rem}.lesson-vocab{gap:10px}.lesson-vocab button{padding:15px}.question-title{margin:23px 0;font-size:1.3rem}.quiz-status{font-size:.7rem}.answer-choice{padding:14px 15px;font-size:.95rem}.quiz-bottom{flex-direction:column;align-items:stretch;gap:13px}.quiz-bottom>span{text-align:center}.rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rating-grid strong{font-size:.78rem}.rating-grid small{font-size:.75rem}.flashcard strong{font-size:2.3rem}.flashcard.flipped strong{font-size:1.4rem}.result-body{padding:30px 22px}.result-body h2{font-size:1.45rem}.result-score{font-size:3.7rem}.dialog-line{gap:8px}.dialog-line>div{padding:16px}.dialog-line .foreign{font-size:1.12rem}.dialog-line .icon-button{width:44px}.dialog-line small{font-size:.76rem}.dialog-line p{font-size:.8rem}.speaker{width:27px;height:27px;font-size:.68rem}.reading-text{padding:18px;font-size:1.3rem;line-height:2.3}.gloss-popup span{flex-basis:70%}.match-grid{gap:12px}.match-grid button{min-height:54px;font-size:.85rem}.toast{width:max-content;font-size:.8rem;bottom:95px}.icon-button{min-width:38px;min-height:44px}.text-button{min-height:44px}}.learning-map{max-width:850px;margin:30px auto}.map-stage{margin-bottom:26px;margin-left:30px;padding:28px 28px 28px 48px;position:relative}.map-stage:not(:last-child):before{content:"";background:var(--line);z-index:0;width:2px;height:calc(100% + 28px);position:absolute;top:56px;left:-1px}.map-node{background:var(--accent-soft);border:5px solid var(--bg);width:50px;height:50px;color:var(--accent);z-index:1;border-radius:50%;place-items:center;font-weight:650;display:grid;position:absolute;top:28px;left:-25px}.map-node.complete{color:var(--green);background:#edf6ef}.map-stage-body>p{margin:10px 0 18px;font-size:.86rem}.map-lessons{margin:22px 0}.map-lessons button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:12px;width:100%;padding:14px 0;font-size:.85rem;display:flex}.map-lessons button>svg:first-child{color:var(--accent)}.map-lessons button>svg:last-child{margin-left:auto}.placement-panel{text-align:center;max-width:750px;margin:30px auto;padding:45px}.placement-mark{background:var(--accent-soft);color:var(--accent);border-radius:23px;place-items:center;width:90px;height:90px;margin:0 auto 27px;display:grid}.placement-panel h2{margin:15px 0}.placement-panel>p{max-width:520px;margin:auto;font-size:.95rem}.placement-facts{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:18px;margin:28px 0;font-size:.82rem;display:flex}.placement-panel>.notice{text-align:left;margin-top:30px}.placement-result{background:var(--bg);border-radius:12px;margin:20px 0;padding:25px}.placement-result h3{color:var(--accent);margin:10px 0;font-size:2rem}.placement-result p{margin-bottom:15px;font-size:.84rem}.menu-close{position:absolute;top:14px;right:12px}.journal-layout{grid-template-columns:1.2fr 1fr;gap:25px;display:grid}.journal-editor{padding:28px}.journal-editor>p{margin:12px 0;font-size:.86rem}.journal-prompts{flex-direction:column;gap:10px;margin:22px 0;display:flex}.journal-prompts button{text-align:left;border-left:3px solid var(--accent);background:var(--bg);border-radius:0 8px 8px 0;padding:13px 15px}.journal-prompts span,.journal-prompts small{display:block}.journal-prompts span{font-size:.95rem}.journal-prompts small{margin-top:4px;font-size:.75rem}.journal-editor label{margin:20px 0 10px;font-size:.85rem;font-weight:600;display:block}.journal-editor textarea{min-height:220px;font-size:1.1rem;line-height:1.9}.journal-history-title{margin:10px 0 19px}.journal-entry{margin-bottom:20px;padding:23px}.journal-entry p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:13px 0;font-size:1rem}@media (width<=950px){.journal-layout{grid-template-columns:1fr}.placement-panel{padding:32px}.map-stage{padding:23px 23px 23px 38px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}[data-theme=dark] .button.primary,[data-theme=dark] .button.coral{color:#1b2635}[data-theme=dark] .button.primary:hover,[data-theme=dark] .button.coral:hover{background:#efaf9a}.mascot{object-fit:contain;vertical-align:middle;flex-shrink:0;max-width:100%;height:auto}.brand-cat{background:0 0;width:48px;height:48px}.avatar:has(.mascot){background:0 0;border:0}.content{max-width:1370px}.eyebrow,.workspace-label,.nav-label{letter-spacing:.035em;text-transform:none}.workspace-label{font-size:.72rem}.sidebar{padding-top:22px}.brand{padding:0 9px 22px;font-size:1.5rem}.sidebar nav{padding-bottom:12px}.nav-item{color:var(--muted);min-height:44px}.topbar{background:var(--bg);border-bottom:1px solid var(--line);height:78px}.top-avatar{display:none}.icon-button{width:44px;min-height:44px}.chip{min-width:44px;min-height:44px}.flag.fr{background:linear-gradient(90deg,#244a9b 0 33%,#fff 33% 66%,#c84943 66%)}.flag.fr:after{content:none}.language-switch button,.button{min-height:44px}.page-heading h1,.study-greeting h1{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:500}.page-heading h1{font-size:clamp(2rem,3vw,2.8rem)}.page-heading p{max-width:620px}.foreign,.question-title{line-height:1.7}.panel{box-shadow:none}.library-card,.reading-card,.grammar-card{border-color:var(--line)}.module-grid{grid-template-columns:1fr}.module-card{grid-template-columns:42px 1fr auto;gap:0 20px;min-height:120px;padding:24px;display:grid}.module-card .module-index{grid-row:1/5}.module-card h3,.module-card p{grid-column:2}.module-card .module-meta{grid-area:2/3/4}.module-card .small-tag{grid-column:2;justify-self:start}.result-icon{background:0 0;height:auto}.result-icon .mascot{width:120px;height:144px}.boot .mascot{height:130px}.empty .mascot{height:106px}.study-home{gap:32px;display:grid}.study-greeting{justify-content:space-between;align-items:center;gap:20px;display:flex}.study-greeting h1{margin:9px 0 12px;font-size:clamp(2.1rem,3.6vw,3.4rem)}.study-greeting>div>span{color:var(--muted);font-size:.83rem}.study-date{color:var(--muted);font-size:.84rem}.next-session{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,1fr) 300px;min-height:310px;display:grid;overflow:hidden}.next-session-copy{align-self:center;max-width:660px;padding:38px 40px}.next-session h2{letter-spacing:-.035em;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,2.4vw,2.4rem);font-weight:500}.next-session-copy p{margin-bottom:25px;font-size:.94rem;line-height:1.8}.next-session-copy .text-button{margin-left:0}.next-session-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.mika-companion{background:#f0ece2;flex-direction:column;justify-content:flex-end;align-items:center;padding:16px 18px;display:flex}.mika-companion .mascot{object-fit:contain;max-width:100%;height:270px}.mika-companion>span{color:#5d665f;padding:6px 0 18px;font-size:.76rem}.study-today{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;padding-bottom:4px;display:grid}.review-invitation{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-bottom:26px;display:flex}.review-invitation>svg{color:var(--muted)}.review-invitation>div{flex:1;min-width:0}.review-invitation h3{font-size:1rem}.review-invitation p{margin-top:5px;font-size:.83rem}.review-invitation .button{white-space:nowrap;font-size:.82rem}.today-meter{border-left:1px solid var(--line);padding:0 0 20px 28px}.today-meter>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:13px;display:flex}.today-meter span{color:var(--muted);font-size:.8rem}.today-meter strong{font-size:1.5rem}.today-meter small{font-size:.78rem;font-weight:400}.today-meter .text-button{margin-top:10px;font-size:.8rem}.practice-menu{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:34px;display:grid}.practice-menu h2{font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:500;line-height:1.4}.practice-menu p{margin-top:10px;font-size:.88rem;line-height:1.7}.practice-menu-list button{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:18px;width:100%;min-height:85px;padding:14px 6px;display:flex}.practice-menu-list button:hover{background:var(--surface)}.practice-menu-list button>span:nth-child(2){flex:1;min-width:0}.practice-menu-list strong{font-size:.95rem;display:block}.practice-menu-list small{margin-top:5px;font-size:.79rem;display:block}.practice-menu-list svg{color:var(--muted)}.practice-open{color:var(--accent);font-size:.82rem}.study-language-shelf{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:24px;display:flex}.study-language-shelf>div{flex:1}.study-language-shelf h3{font-size:.95rem}.study-language-shelf p{margin-top:4px;font-size:.8rem}.study-language-shelf button{border:1px solid var(--line);text-align:left;border-radius:10px;grid-template-columns:24px auto;gap:3px 9px;min-height:76px;padding:12px 16px;display:grid}.study-language-shelf button small{grid-column:2;font-size:.72rem}.study-language-shelf button strong{font-size:.84rem}.study-language-shelf button.selected{border-color:var(--accent);background:var(--accent-soft)}.tools-toolbar{flex-wrap:wrap;align-items:center;gap:15px;margin:0 0 24px;display:flex}.tools-toolbar .search-box{flex:1;min-width:200px}.tools-toolbar>label:not(.search-box){align-items:center;gap:10px;font-size:.85rem;display:flex}.inline-check{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:.87rem;display:flex}.inline-check input{flex-shrink:0}.results-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:22px 0;font-size:.84rem;display:flex}.results-toolbar p{max-width:570px}.results-toolbar .button{font-size:.82rem}.vocabulary-list{border-top:1px solid var(--line)}.vocabulary-row{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr) 70px auto;align-items:center;gap:20px;padding:23px 5px;display:grid}.vocabulary-row strong{font-size:1.45rem;font-weight:550}.vocabulary-row small{font-size:.78rem;display:block}.vocabulary-row p{margin:6px 0 3px;font-size:.88rem}.vocabulary-row b{font-size:.95rem}.vocabulary-row .small-tag{justify-self:start}.vocabulary-row .button{padding:8px 12px;font-size:.78rem}.vocabulary-row .button-row{flex-wrap:wrap}.custom-form{margin-bottom:25px}.custom-form h3{margin-bottom:20px}.form-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.form-columns label,.stack-form label{flex-direction:column;gap:9px;font-size:.87rem;display:flex}.form-columns input{width:100%}.stack-form{gap:17px;margin-top:20px;display:grid}.learning-empty{text-align:center;padding:45px 20px}.learning-empty .mascot{max-height:160px}.learning-empty h3{margin-top:15px}.learning-empty p{max-width:420px;margin:8px auto;font-size:.9rem;line-height:1.8}.mistake-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px;display:grid}.mistake-entry h3{margin:17px 0 12px}.mistake-entry p{margin:9px 0;font-size:.88rem}.mistake-entry>small{line-height:1.8;display:block}.mistake-entry .button-row{margin-top:20px}.planner-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;display:grid}.planner-layout>.panel{align-self:start}.plan-task{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:24px 6px;display:flex}.plan-task input{width:22px;height:22px}.plan-task-check{cursor:pointer;flex-shrink:0;place-items:center;width:44px;min-height:44px;display:grid}.plan-task>div{overflow-wrap:anywhere;flex:1;min-width:0}.plan-task small{margin-top:5px;display:block}.plan-task.done strong{color:var(--muted);text-decoration:line-through}.plan-task .text-button{font-size:.8rem}.planner-layout h4{margin-top:28px}.planner-layout .panel>p{margin:10px 0 15px;font-size:.85rem}.focus-space{text-align:center;max-width:690px;margin:auto;padding:10px 0 35px}.focus-space>.mascot{height:215px;margin:0 auto 20px;display:block}.focus-space h2{margin:18px 0 12px;font-family:Georgia,serif;font-size:2rem;font-weight:500}.focus-space>p{max-width:490px;margin:auto;font-size:.9rem;line-height:1.8}.focus-clock{font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--ink);margin:22px 0 18px;font-size:clamp(4rem,8vw,6rem);font-weight:500}.focus-clock span{color:var(--muted)}.focus-space .button-row{justify-content:center}.focus-duration{justify-content:center;align-items:center;gap:15px;margin:25px 0;font-size:.84rem;display:flex}.media-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;display:grid}.media-layout .notice{margin-bottom:22px;font-size:.88rem;line-height:1.8}.media-row{text-align:left;border-bottom:1px solid var(--line);border-radius:8px;align-items:center;gap:18px;width:100%;padding:24px 14px;display:flex}.media-row.selected{background:var(--surface)}.media-monogram{border:1px solid var(--line);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.media-row h3{margin:5px 0 7px;font-size:1rem}.media-row p{font-size:.84rem}.media-notes{align-self:start}.media-notes>p{margin:12px 0 22px;font-size:.88rem;line-height:1.8}.media-notes>.inline-check{margin:20px 0}.media-notes>label:not(.inline-check){margin:15px 0 10px;font-size:.85rem;display:block}.media-notes>textarea{min-height:250px;margin-bottom:18px}.conjugation-panel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;margin-bottom:30px;display:grid}.conjugation-panel h2{margin:17px 0 20px;font-family:Georgia,serif;font-weight:500}.conjugation-panel label{gap:10px;margin-bottom:24px;font-size:.85rem;display:grid}.conjugation-panel .text-button{margin-top:18px;display:block}.conjugation-cover{background:var(--bg);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.conjugation-cover span{letter-spacing:-.045em;font-family:Georgia,serif;font-size:3.8rem}.conjugation-table{align-content:center;display:grid}.conjugation-table>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 8px;display:flex}.specialist-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.specialist-entry h3{margin:7px 0 12px}.specialist-entry p{font-size:.88rem;line-height:1.8}.specialist-entry blockquote{border-block:1px solid var(--line);margin:23px 0;padding:18px 0}.specialist-entry blockquote strong{font-size:1.2rem;font-weight:550;display:block}.specialist-entry blockquote small{margin:8px 0;display:block}.specialist-entry .button-row{flex-wrap:wrap}.specialist-entry .button{font-size:.8rem}.voice-studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:30px;display:grid}.voice-studio h3{margin:10px 0 15px}.voice-studio p{margin:15px 0;font-size:.88rem;line-height:1.8}.voice-studio audio{width:100%;margin:18px 0 12px;display:block}.voice-studio .foreign{font-size:1.25rem}.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0;display:grid}.sound-card{text-align:left;flex-direction:column;gap:10px;display:flex}.sound-card>span{color:var(--ink);font-size:2rem}.sound-card h3{font-size:1rem}.sound-card p{flex:1;font-size:.82rem;line-height:1.8}.sound-card small{align-items:center;gap:8px;margin-top:6px;display:flex}.sound-card:hover{border-color:var(--accent)}[data-theme=dark] .mika-companion{background:#263441}[data-theme=dark] .mika-companion>span{color:#b5c1cf}[data-theme=dark] .today-meter strong{color:var(--ink)}[data-theme=dark] .practice-menu-list button:hover{background:var(--surface)}@media (width<=1180px){.next-session{grid-template-columns:minmax(0,1fr) 240px}.next-session-copy{padding:32px}.mika-companion .mascot{height:240px}.study-today{grid-template-columns:1fr}.today-meter{border-left:0;padding:0}.review-invitation{padding-bottom:22px}.study-language-shelf{flex-wrap:wrap}.study-language-shelf>div{flex-basis:100%;margin-bottom:7px}.study-language-shelf button{flex:1}.vocabulary-row{grid-template-columns:130px minmax(0,1fr) auto}.vocabulary-row>.small-tag{grid-column:3}.vocabulary-row>.button-row{grid-column:2/4;justify-content:flex-start}.media-layout,.form-columns{grid-template-columns:1fr}}@media (width<=850px){.practice-menu{grid-template-columns:1fr;gap:18px}.planner-layout{grid-template-columns:1fr}.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocabulary-row{grid-template-columns:115px minmax(0,1fr) auto}.mistake-list,.conjugation-panel,.specialist-list{grid-template-columns:1fr}.voice-studio{grid-template-columns:1fr;gap:22px}.language-switch button{min-height:44px}.results-toolbar{flex-wrap:wrap}.study-greeting h1{font-size:2.6rem}}@media (width<=560px){.topbar{gap:8px;height:auto;min-height:70px;padding:12px 14px}.topbar-left{gap:0}.topbar-right{gap:4px}.language-switch{gap:0;padding:2px}.language-switch button{gap:5px;padding:5px 8px;font-size:.75rem}.language-switch .flag{width:16px;height:12px}.language-switch .flag.jp:after{width:6px;height:6px;top:2px;left:4px}.language-switch .flag.cn:after{font-size:7px;top:0;left:2px}.theme-button{width:36px}.content{padding:26px 19px calc(96px + env(safe-area-inset-bottom))}.study-home{gap:25px}.study-greeting{align-items:start}.study-greeting h1{font-size:2.3rem;line-height:1.15}.study-date{display:none}.study-greeting p{font-size:.88rem;line-height:1.7}.next-session{border-radius:16px;min-height:0;display:block;position:relative}.next-session-copy{padding:24px}.next-session h2{max-width:100%;margin:40px 0 13px;font-size:1.55rem;line-height:1.3}.next-session-copy p{margin-bottom:19px;font-size:.9rem;line-height:1.7}.next-session-copy .small-tag{font-size:.64rem}.next-session-copy .button{padding:11px 12px;font-size:.79rem}.next-session-copy .text-button{margin:0;font-size:.76rem;display:block}.mika-companion{background:0 0;justify-content:center;width:60px;padding:0;position:absolute;top:12px;right:14px}.mika-companion .mascot{width:60px;height:auto}.mika-companion>span{display:none}.next-session-actions .button{width:100%;min-height:48px;font-size:.87rem}.next-session-actions .text-button{min-height:44px;margin-inline:auto}.review-invitation{flex-wrap:wrap;gap:12px}.review-invitation>div{flex-basis:calc(100% - 50px)}.review-invitation .button{margin-left:39px}.study-today{gap:20px}.practice-menu h2{font-size:1.6rem}.practice-menu-list button{gap:14px;min-height:95px;padding:18px 0}.practice-menu-list strong{font-size:.91rem}.practice-menu-list small{font-size:.77rem;line-height:1.6}.practice-open{font-size:.75rem}.study-language-shelf{gap:8px;padding:18px}.study-language-shelf button{flex-direction:column;align-items:flex-start;gap:7px;min-width:0;padding:12px 8px;display:flex}.study-language-shelf button strong{font-size:.76rem}.study-language-shelf button small{font-size:.65rem}.vocabulary-row{grid-template-columns:105px minmax(0,1fr);gap:12px}.vocabulary-row>.small-tag{grid-area:2/1}.vocabulary-row>.button-row{grid-area:2/2;gap:6px}.vocabulary-row strong{overflow-wrap:anywhere;font-size:1.22rem}.vocabulary-row b{font-size:.89rem}.vocabulary-row small{overflow-wrap:anywhere;font-size:.72rem}.vocabulary-row p{font-size:.81rem}.vocabulary-row .text-button{font-size:.73rem}.results-toolbar .button-row{flex-wrap:wrap}.results-toolbar .button{font-size:.76rem}.tools-toolbar>.search-box{flex-basis:100%;min-width:0}.tools-toolbar select{max-width:100%}.tools-toolbar{gap:10px}.plan-task{flex-wrap:wrap}.plan-task>.text-button{margin-left:60px}.plan-task>div{flex-basis:calc(100% - 60px)}.media-row{gap:12px;padding:20px 3px}.media-monogram{width:38px;height:44px}.media-row h3{font-size:.93rem}.media-row p{font-size:.8rem}.sound-grid{gap:12px}.sound-card{padding:19px 15px}.sound-card h3{font-size:.88rem}.sound-card p{font-size:.77rem}.conjugation-panel{gap:22px}.focus-space>.mascot{height:175px}.focus-space h2{font-size:1.7rem}.module-card{min-height:auto;padding:22px;display:block}.module-card .module-index{margin-bottom:12px}.module-card .module-meta{margin-top:16px}.page-heading h1{font-size:2.15rem}.foreign,.question-title{overflow-wrap:anywhere}.panel{padding:23px}.library-grid{gap:17px}.button-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.audio-focus-boundary{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.daily-workspace,.dictation-workspace{gap:28px;display:grid}.new-cards-panel{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;padding:25px 0;display:flex}.new-cards-panel h3{margin-bottom:10px}.new-cards-panel p{color:var(--muted);font-size:.83rem;line-height:1.7}.new-cards-panel .button-row{flex-wrap:wrap}.new-cards-panel label{gap:8px;font-size:.8rem;display:grid}.new-cards-panel .button-row{align-items:end}.daily-intro{grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:40px;display:grid}.daily-intro h2,.exam-prep-intro h2{letter-spacing:-.04em;margin:18px 0;font-family:Georgia,serif;font-size:2.3rem;font-weight:500;line-height:1.2}.daily-intro p,.exam-prep-intro p{max-width:680px;color:var(--muted);line-height:1.85}.daily-summary{align-items:center;gap:24px;margin-top:25px;font-size:.83rem;display:flex}.daily-summary>span:last-child{gap:8px;display:flex}.daily-itinerary{border-block:1px solid var(--line)}.daily-itinerary article{border-bottom:1px solid var(--line);grid-template-columns:45px minmax(0,1fr) 65px auto;align-items:center;gap:24px;padding:25px 5px;display:grid}.daily-itinerary article:last-child{border:0}.itinerary-number{color:var(--muted);font-family:Georgia,serif;font-size:1.6rem}.daily-itinerary .done .itinerary-number{color:var(--accent)}.daily-itinerary small{letter-spacing:.06em;color:var(--muted);font-size:.64rem;font-weight:650}.daily-itinerary h3{margin:8px 0;font-size:1.07rem}.daily-itinerary p,.daily-itinerary article>span:nth-last-child(2){color:var(--muted);font-size:.81rem;line-height:1.7}.daily-action{align-items:center;gap:24px;display:flex}.weekly-practice{background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:28px;padding:25px;display:flex}.weekly-practice h3{margin:12px 0}.weekly-practice p{color:var(--muted);font-size:.86rem;line-height:1.8}.lesson-reader{padding:30px 34px}.lesson-reader-title h2{margin:14px 0;font-family:Georgia,serif;font-size:2rem;font-weight:500;line-height:1.3}.lesson-reader-title>.text-button{margin:6px 0 20px}.lesson-reader-layout{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 205px;gap:32px;min-height:320px;padding-block:25px;display:grid}.lesson-part-content h3{margin-bottom:22px;font-size:1.12rem}.lesson-part-content p{margin:18px 0;font-size:.95rem;line-height:1.9}.lesson-reflection{border-left:3px solid var(--accent);margin-top:30px;padding-left:20px}.lesson-reflection strong{font-size:.85rem}.lesson-reflection p{color:var(--muted);margin:10px 0;font-size:.87rem}.lesson-outline{border-left:1px solid var(--line);padding-left:23px}.lesson-outline h3{color:var(--muted);margin:0 0 20px;font-size:.78rem}.lesson-outline button{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:48px;margin-bottom:6px;padding:10px 8px;font-size:.79rem;display:flex}.lesson-outline button span{flex-shrink:0;width:22px}.lesson-outline button.active{background:var(--accent-soft);color:var(--accent);font-weight:650}.lesson-outline small{color:var(--muted);margin:20px 0;font-size:.71rem;line-height:1.8;display:block}.lesson-reader-footer{border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding-top:22px;display:flex}.dictation-setup{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:30px;display:grid}.dictation-setup h2,.dictation-exercise h2{margin-bottom:15px;font-family:Georgia,serif;font-size:1.8rem;font-weight:500;line-height:1.35}.dictation-setup p{color:var(--muted);line-height:1.8}.dictation-setup .filter-row{margin:22px 0}.dictation-setup label,.dictation-exercise label{gap:10px;font-size:.85rem;display:grid}.dictation-exercise h2{margin:28px 0}.dictation-exercise form{margin-top:30px}.dictation-exercise textarea{min-height:145px;margin-bottom:22px;font-size:1.2rem;line-height:1.8}.dictation-exercise .answer-feedback{margin:20px 0}.saved-library article,.sentence-list article{border-bottom:1px solid var(--line);padding:24px 0}.saved-library article h3{margin:13px 0 20px}.sentence-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px;display:grid}.sentence-list .foreign{overflow-wrap:anywhere;font-size:1.4rem;line-height:1.8}.sentence-list p{margin-bottom:12px;line-height:1.8}.sentence-list small{color:var(--muted)}.sentence-list .button-row{margin-top:20px}.exam-prep-intro{grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:30px;padding-bottom:35px;display:grid}.exam-prep-intro .button-row{margin-top:25px}.exam-prep-mark{background:var(--accent-soft);height:180px;color:var(--accent);border-radius:18px;place-content:center;justify-items:center;gap:20px;display:grid}.exam-prep-mark small{font-size:.77rem}.exam-guides{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.exam-guides h3{margin:14px 0;font-size:1.3rem}.exam-guides p{font-size:.88rem;line-height:1.8}.exam-guides small{color:var(--muted);margin:14px 0 23px;line-height:1.8;display:block}.exam-guides .button-row{flex-wrap:wrap}.exam-plan{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;margin-top:30px;display:grid}.exam-plan h3{margin:15px 0}.exam-plan ol{color:var(--muted);padding-left:24px;font-size:.85rem;line-height:2.4}.context-library{gap:32px;margin:30px 0;display:grid}.context-library article{border-bottom:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);column-gap:35px;padding-bottom:30px;display:grid}.context-library h2{grid-area:2/1/4;margin-top:14px;font-family:Georgia,serif;font-size:1.7rem;font-weight:500}.context-library blockquote{grid-area:1/2/3;margin:0}.context-library blockquote .foreign{font-size:1.6rem}.context-library blockquote p{margin:12px 0 20px}.context-library article>p,.context-library .button-row{color:var(--muted);grid-column:2;font-size:.89rem;line-height:1.9}.context-library .button-row{margin-top:22px}.nav-group{margin-top:15px}.nav-group>summary{cursor:pointer;min-height:44px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 15px;font-size:.8rem;font-weight:650;list-style:none;display:flex}.nav-group>summary:after{content:"+";font-size:1rem;font-weight:400}.nav-group[open]>summary:after{content:"−"}.nav-group>summary::-webkit-details-marker{display:none}.language-switch button{white-space:nowrap}.common-mistakes{gap:20px;margin-top:25px;display:grid}.common-mistakes article{border-bottom:1px solid var(--line);padding:20px 0}.common-mistakes h3{margin:12px 0}.common-mistakes p{margin:15px 0;line-height:1.85}.common-mistakes .foreign{font-size:1.25rem}.mobile-menu-shade{background:#19222f61}@media (width<=850px){.daily-intro{grid-template-columns:minmax(0,1fr) 130px;gap:20px}.daily-intro>.mascot{width:130px;height:130px}.daily-intro h2{font-size:1.9rem}.daily-itinerary article{grid-template-columns:35px minmax(0,1fr) auto;gap:15px}.daily-itinerary article>span:nth-last-child(2){display:none}.sentence-workspace,.exam-plan,.lesson-reader-layout{grid-template-columns:1fr}.lesson-outline{border-left:0;flex-wrap:wrap;grid-row:1;gap:5px;padding-left:0;display:flex}.lesson-outline h3,.lesson-outline small{display:none}.lesson-outline button{flex:1;width:auto;min-width:120px;font-size:.75rem}.exam-prep-intro{grid-template-columns:1fr}.exam-prep-mark{display:none}.context-library article{grid-template-columns:1fr}.context-library h2,.context-library blockquote,.context-library article>p,.context-library .button-row{grid-area:auto/1}.context-library h2{margin:14px 0 22px}}@media (width<=560px){.topbar{flex-wrap:nowrap;gap:4px;padding:10px 12px}.topbar-right{gap:3px}.theme-button{width:44px!important}.language-switch button{gap:4px;min-width:44px;padding:4px 7px;font-size:.72rem}.language-switch .flag{display:none}.daily-intro{grid-template-columns:1fr}.daily-intro>.mascot{display:none}.daily-summary{flex-wrap:wrap;gap:15px}.daily-itinerary article{grid-template-columns:30px minmax(0,1fr);gap:15px;padding:22px 0}.daily-itinerary .button{grid-column:2;justify-self:start}.daily-itinerary h3{line-height:1.5}.daily-action{flex-wrap:wrap;gap:20px}.weekly-practice{display:block}.weekly-practice .button{margin-top:18px}.lesson-reader{padding:22px}.lesson-reader-title h2{font-size:1.65rem}.lesson-reader-layout{gap:20px}.lesson-outline button{min-width:calc(50% - 5px)}.lesson-reader-footer{flex-wrap:wrap}.lesson-reader-footer .button{flex:1;font-size:.78rem}.dictation-setup{grid-template-columns:1fr}.dictation-setup>.mascot{width:100px;height:100px}.dictation-setup h2,.dictation-exercise h2{font-size:1.5rem}.exam-guides{grid-template-columns:1fr}.exam-prep-intro h2{font-size:1.8rem}.exam-plan{gap:25px}.exam-plan ol{line-height:2.2}.context-library blockquote .foreign{font-size:1.3rem}.context-library .button-row{flex-wrap:wrap}}.audio-dock{z-index:150;background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(340px,100vw - 32px);padding:12px;position:fixed;bottom:20px;right:24px;box-shadow:0 8px 32px #0002}.audio-dock[hidden]{display:none}.audio-dock>div{align-items:center;gap:12px;display:flex}.audio-dock span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.audio-dock button{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0}.audio-dock audio{width:100%;height:40px}@media (width<=800px){.audio-dock{bottom:80px;right:16px}.new-cards-panel{flex-wrap:wrap}}.modal .audio-dock{width:100%;box-shadow:none;border-width:1px 0 0;border-radius:0;margin-top:0;position:relative;bottom:0;right:auto}.reading-preview{color:var(--muted);background:var(--bg)}[data-theme=dark] .nav-count{color:#253247}.settings-grid>*,.input-with-button input{min-width:0}@media (width<=560px){.settings-grid{grid-template-columns:minmax(0,1fr)}.input-with-button{flex-wrap:wrap}.input-with-button input{flex:100%;width:100%}}@font-face{font-family:Nunito;src:url(/fonts/nunito-variable.ttf)format("truetype");font-weight:200 900;font-style:normal;font-display:swap}:root{--bg:#f5faff;--surface:#fff;--ink:#153854;--muted:#536b80;--line:#d4e3ef;--accent:#1468b7;--action:#1976d2;--accent-soft:#e8f3ff;--green:#2a7359;--press-edge:#12539a;--on-accent:#fff;--soft-edge:#b8cfdf;--route-locked:#eaf1f7;--route-line:#c4d8e8}[data-theme=dark]{--bg:#0f2238;--surface:#172f49;--ink:#edf6ff;--muted:#a8bdd0;--line:#3c5871;--accent:#83beff;--action:#1976d2;--accent-soft:#213f60;--green:#a1dfbd;--press-edge:#0a4b8d;--on-accent:#fff;--soft-edge:#29445e;--route-locked:#20354b;--route-line:#3c5871}body{font-family:Nunito,Segoe UI,Arial,sans-serif;font-weight:600}h1,h2,h3,h4,.page-heading h1,.daily-intro h2,.exam-prep-intro h2,.daily-next h2,.dictation-workspace h2,.focus-space h2,.journal-form h2,.lesson-reader h2,.context-library h2,.reference-title,.section-title h2{letter-spacing:-.025em;font-family:Nunito,Segoe UI,Arial,sans-serif;font-weight:800}.conjugation-panel h2,.conjugation-cover span,.dictation-setup h2,.dictation-exercise h2,.itinerary-number{font-family:Nunito,Segoe UI,Arial,sans-serif;font-weight:800}strong,b{font-weight:800}h1:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:6px}.foreign{font-family:Nunito,Yu Gothic,Microsoft YaHei,sans-serif}.learning-icon{color:var(--icon-tone);overflow:visible}.learning-icon .icon-fill{fill:var(--icon-fill)}[data-theme=dark] .learning-icon{color:#83beff}[data-theme=dark] .learning-icon .icon-fill{fill:#294c70}.sidebar{border-right-width:2px;width:226px;padding:24px 14px 0}.main{width:calc(100% - 226px);margin-left:226px}.brand{color:var(--accent);letter-spacing:-.055em;gap:7px;padding:0 4px 16px;font-size:1.65rem}.brand-dot{display:none}.workspace-label{padding:0 9px 13px;font-size:.78rem;font-weight:700}.side-language{border-width:2px;border-radius:12px;margin:0 0 15px;padding:10px}.side-language small{font-size:.75rem}.quick-nav-item{min-height:55px;color:var(--ink);border:2px solid #0000;border-radius:14px;gap:14px;margin:5px 0;padding:7px 10px;font-size:.98rem;font-weight:800}.nav-item{transition:background .12s}.quick-nav-item.active{background:var(--accent-soft);color:var(--accent);border-color:#b5d5f1}[data-theme=dark] .quick-nav-item.active{border-color:#52789f}.quick-nav-item:hover{background:var(--accent-soft)}.nav-more-label{border-top:2px solid var(--line);color:var(--muted);margin:20px 0 5px;padding:17px 10px 0;font-size:.78rem}.nav-group summary{min-height:44px;padding-inline:10px;font-size:.88rem;font-weight:800}.nav-group .nav-item{padding-left:14px;font-size:.82rem}.profile{padding-block:15px}.profile strong{font-size:.87rem}.profile small,.version{font-size:.73rem}.sidebar-bottom{padding-top:20px}.topbar{background:var(--surface);border-bottom-width:2px;height:76px;padding:0 30px}.breadcrumb{font-size:.83rem}.topbar-right{gap:14px}.streak-button{align-items:center;gap:5px;min-width:44px;min-height:44px;font-size:.84rem;display:flex}.streak-button strong{color:var(--accent);font-size:1.1rem}.streak-button span{color:var(--muted)}.language-switch{background:var(--surface);border-width:2px;border-radius:14px;padding:3px}.language-switch button{min-height:44px;padding-inline:10px;font-size:.85rem;font-weight:800}.language-switch .selected{background:var(--accent-soft);color:var(--accent);box-shadow:none;border-radius:10px}.content{max-width:1240px;padding:30px}.home-content{max-width:1120px}.page-heading h1{letter-spacing:-.03em;font-size:clamp(1.8rem,3vw,2.4rem)}.page-heading p{font-size:.95rem}.eyebrow{font-size:.75rem;font-weight:800}.button{border:2px solid var(--line);border-bottom-width:4px;border-radius:14px;min-height:48px;padding:10px 18px;font-size:.9rem;font-weight:800;transition:background .12s,transform .1s}.button:hover:not(:disabled){transform:none}.button:active:not(:disabled){transform:translateY(2px)}.button.primary,.button.coral,[data-theme=dark] .button.primary,[data-theme=dark] .button.coral{background:var(--action);color:var(--on-accent);border-color:var(--press-edge)}.button.primary:hover,.button.coral:hover,[data-theme=dark] .button.primary:hover,[data-theme=dark] .button.coral:hover{background:var(--action);filter:brightness(.97)}.button.secondary{border-color:var(--line);border-bottom-color:var(--soft-edge);color:var(--ink)}.text-button{min-width:44px;min-height:44px;font-size:.85rem;font-weight:800}.icon-button{border-radius:12px}input,select,textarea{border-width:2px;border-radius:12px}.panel,.library-card,.reading-card,.grammar-card,.roadmap,.quiz-banner{border-width:2px;border-radius:18px}.chip{border-width:2px;border-radius:12px;font-weight:800}.module-number{border-radius:16px;font-weight:900}.module-row{border-bottom-width:2px}.module-copy h3{font-size:1.14rem;font-weight:800}.quiz-banner{background:var(--accent-soft);border-color:var(--line);color:var(--ink)}.quiz-banner p{color:var(--muted)}.quiz-banner svg{color:var(--accent)}.quiz-banner .button svg{color:inherit}.notice.warm{color:var(--ink)}.quiz-banner h2{font-size:1.7rem;font-weight:900}.modal{border:2px solid var(--line);border-radius:20px}.modal-head{border-bottom-width:2px;font-weight:800}.answer-choice,.match-grid button,.order-bank button,.order-answer button{border-width:2px 2px 4px;border-radius:14px}.answer-choice:hover:not(:disabled){background:var(--accent-soft)}.answer-choice.selected{border-color:var(--accent);background:var(--accent-soft)}.answer-choice .option-letter{border-radius:9px;font-weight:800}.flashcard{background:var(--surface);border-width:2px 2px 5px;border-radius:22px}.flashcard strong{font-weight:800}.rating-grid button{border-width:2px 2px 4px;border-radius:14px}.progress-track{border-radius:8px;height:13px}.progress-track>div{border-radius:inherit}.mobile-nav{border-top:2px solid var(--line);background:var(--surface)}.mobile-nav button{font-weight:800}.mobile-nav button.active{color:var(--accent);background:var(--accent-soft);border-radius:12px}.page-footer{font-size:.76rem}.learn-home{gap:24px;display:grid}.learn-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.learn-heading h1{font-size:clamp(1.7rem,2.7vw,2.2rem);font-weight:900;line-height:1.25}.learn-heading p{margin-top:6px;font-size:.91rem}.course-level{color:var(--muted);background:0 0;border:0;border-radius:0;flex-shrink:0;gap:5px;margin:0;padding:0;font-size:.76rem;font-weight:800;display:grid}.course-level select{min-width:95px;color:var(--ink);padding:7px 12px;font-weight:800}.learn-layout{grid-template-columns:minmax(0,1fr) 284px;align-items:start;gap:32px;display:grid}.learning-route{min-width:0}.unit-header{background:var(--action);color:var(--on-accent);border-bottom:5px solid var(--press-edge);border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.unit-header span{font-size:.83rem;font-weight:800}.unit-header h2{margin:5px 0;font-size:1.45rem;font-weight:900;line-height:1.25}.unit-header p{color:inherit;font-size:.8rem}.unit-header button{border:2px solid;border-radius:12px;flex-shrink:0;align-content:center;justify-items:center;gap:3px;min-width:70px;min-height:70px;padding:8px;display:grid}.unit-header button span{font-size:.7rem}.unit-header button:focus-visible{outline-color:var(--on-accent)}.mobile-mika-greeting{display:none}.lesson-trail{margin:0;padding:70px 18px 20px;list-style:none}.trail-step{grid-template-columns:98px minmax(0,1fr);align-items:center;column-gap:22px;min-height:150px;padding:12px 8px 30px;display:grid;position:relative}.trail-step:nth-child(2n){margin-left:46px}.trail-step:nth-child(4n+3){margin-left:20px}.trail-step:not(:last-child):after{content:"";background:var(--route-line);z-index:0;border-radius:4px;width:3px;height:55px;position:absolute;top:109px;left:57px;transform:rotate(-20deg)}.trail-step:nth-child(2n):after{left:37px;transform:rotate(20deg)}.trail-node{background:var(--route-locked);border:3px solid var(--line);border-bottom:8px solid var(--soft-edge);width:90px;height:90px;color:var(--muted);z-index:1;border-radius:50%;place-items:center;transition:transform .1s;display:grid;position:relative}.trail-node:active:not(:disabled){transform:translateY(3px)}.trail-node:disabled{opacity:1}.is-current .trail-node{background:var(--action);border-color:var(--press-edge);color:var(--on-accent);box-shadow:0 0 0 7px var(--bg), 0 0 0 10px var(--line)}.is-current .trail-node .learning-icon{color:var(--on-accent)}.is-current .trail-node .icon-fill{fill:#0000}.is-complete .trail-node{color:var(--green);background:#e5f3e9;border-color:#b1d5be}[data-theme=dark] .is-complete .trail-node{background:#274e43;border-color:#40755c}.start-marker{z-index:2;background:var(--surface);border:2px solid var(--line);color:var(--accent);white-space:nowrap;border-bottom-width:3px;border-radius:10px;padding:6px 10px;font-size:.75rem;font-weight:900;position:absolute;top:-27px;left:1px}.start-marker:after{content:"";background:var(--surface);border-right:2px solid var(--line);border-bottom:2px solid var(--line);width:10px;height:10px;position:absolute;bottom:-7px;left:39px;transform:rotate(45deg)}.trail-copy{min-width:0}.trail-copy>span{color:var(--muted);font-size:.77rem;font-weight:700}.trail-copy h3{margin:4px 0;font-size:1.14rem;font-weight:900;line-height:1.35}.trail-copy small{font-size:.77rem;display:block}.is-current .trail-copy small{color:var(--accent);font-weight:800}.is-complete .trail-copy small{color:var(--green)}.trail-finish{border-top:2px solid var(--line);align-items:center;gap:16px;padding:22px 4px;display:flex}.trail-finish h3{font-size:1rem}.trail-finish p{margin-top:4px;font-size:.82rem}.route-practice{padding-top:28px}.route-practice h2{margin-bottom:10px;font-size:1.15rem}.route-practice>div{display:grid}.route-practice button{text-align:left;border-bottom:2px solid var(--line);align-items:center;gap:14px;min-height:76px;padding:18px 4px;display:flex}.route-practice button>span{flex:1;min-width:0}.route-practice strong,.route-practice small{display:block}.route-practice strong{font-size:.98rem}.route-practice small{font-size:.8rem}.learning-companion{gap:22px;min-width:0;display:grid}.mika-note{text-align:center;justify-items:center;display:grid}.mika-speech{border:2px solid var(--line);background:var(--surface);border-radius:18px;width:100%;padding:15px 20px;position:relative}.mika-speech:after{content:"";background:var(--surface);border-right:2px solid var(--line);border-bottom:2px solid var(--line);width:14px;height:14px;position:absolute;bottom:-9px;left:calc(50% - 7px);transform:rotate(45deg)}.mika-speech h2{font-size:1.2rem}.mika-speech p{margin-top:4px;font-size:.87rem}.mika-note .mascot{object-fit:contain;width:180px;height:174px;margin-top:14px}.mika-name{color:var(--muted);margin:5px 0 0;font-size:.76rem}.quest-panel{border:2px solid var(--line);background:var(--surface);border-radius:18px;padding:19px}.quest-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.quest-panel h2{font-size:1.15rem}.quest-panel .text-button{color:var(--accent)}.quest-row{align-items:center;gap:12px;padding:14px 0;display:flex}.quest-row>div{flex:1;min-width:0}.quest-row strong{font-size:.84rem;display:block}.quest-row small{font-size:.73rem}.quest-track{background:var(--route-locked);border-radius:7px;height:12px;margin:8px 0 3px;overflow:hidden}.quest-track>span{background:var(--green);border-radius:inherit;height:100%;display:block}.quest-panel .button{margin-top:6px;font-size:.82rem}.review-pocket{border:2px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:12px;padding:20px;display:grid}.review-pocket h2{font-size:1rem;line-height:1.35}.review-pocket p{margin-top:5px;font-size:.82rem}.review-pocket .button{grid-column:1/-1;font-size:.83rem}.progress-note{text-align:center}.progress-note button{justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:.83rem;font-weight:800;display:flex}.progress-note p{margin-top:6px;font-size:.74rem}@media (width<=1150px){.breadcrumb{display:none}.learn-layout{grid-template-columns:minmax(0,1fr) 260px;gap:22px}.content{padding-inline:24px}.unit-header{padding:20px}.trail-step{column-gap:14px}.trail-step:nth-child(2n){margin-left:24px}.trail-copy h3{font-size:1.04rem}}@media (width<=1050px) and (width>=761px){.sidebar{width:206px;padding-inline:10px}.main{width:calc(100% - 206px);margin-left:206px}.learn-layout{grid-template-columns:minmax(0,1fr)}.learning-companion{grid-template-columns:1fr 1fr}.mika-note{text-align:left;grid-column:1/-1;grid-template-columns:1fr 130px;align-items:center}.mika-note .mascot{width:130px;height:140px;margin:0}.mika-name,.progress-note{grid-column:1/-1}.unit-header h2{font-size:1.5rem}.trail-copy h3{font-size:1.2rem}}@media (width<=760px){.main{width:100%;margin:0}.sidebar{width:min(300px,86vw);padding-inline:18px}.topbar{z-index:25;gap:8px;height:70px;padding-inline:14px;position:sticky;top:0}.topbar-right{gap:6px}.streak-button{display:none}.language-switch{padding:2px}.language-switch button{padding-inline:8px;font-size:.76rem}.content{padding:24px 18px calc(104px + env(safe-area-inset-bottom))}.learn-heading{align-items:start;gap:12px}.learn-heading h1{font-size:1.65rem}.learn-heading p{margin-top:6px;font-size:.82rem}.course-level{font-size:.7rem}.course-level select{min-width:80px;max-width:100px;font-size:.82rem}.learn-layout{grid-template-columns:minmax(0,1fr);gap:32px}.unit-header{border-radius:16px;gap:15px;padding:18px}.unit-header h2{font-size:1.28rem}.unit-header button{min-width:61px;min-height:61px}.unit-header>div{min-width:0}.mobile-mika-greeting{align-items:center;gap:14px;padding:18px 6px 0;display:flex}.mobile-mika-greeting p{font-size:.83rem}.mobile-mika-greeting .mascot{width:65px;height:70px}.lesson-trail{padding:53px 0 16px}.trail-step{grid-template-columns:85px minmax(0,1fr);column-gap:16px;min-height:151px;padding-inline:5px}.trail-node{width:77px;height:77px}.trail-step:nth-child(2n){margin-left:30px}.trail-step:nth-child(4n+3){margin-left:10px}.trail-step:not(:last-child):after{top:99px;left:48px}.trail-step:nth-child(2n):after{left:28px}.trail-copy h3{font-size:1.04rem}.trail-copy>span,.trail-copy small{font-size:.73rem}.start-marker{padding:5px 9px;font-size:.69rem;top:-20px;left:-4px}.start-marker:after{left:34px}.trail-finish{padding-block:20px}.learning-companion{gap:20px}.mika-note{text-align:left;grid-template-columns:minmax(0,1fr) 105px;align-items:center}.mika-note .mascot{width:105px;height:140px;margin:0}.mika-speech{padding:15px}.mika-speech:after{bottom:calc(50% - 7px);left:auto;right:-9px;transform:rotate(-45deg)}.mika-speech h2{font-size:1.04rem}.mika-speech p{font-size:.82rem}.mika-name{grid-column:1/-1;justify-self:center}.quest-panel{padding:18px}.quest-panel h2{font-size:1.15rem}.quest-row strong{font-size:.92rem}.quest-row small{font-size:.78rem}.quest-panel .button,.review-pocket .button{font-size:.88rem}.review-pocket h2{font-size:1.1rem}.mobile-nav{padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:4px}.mobile-nav button{min-height:54px;padding:7px 4px;font-size:.67rem}.mobile-nav svg{stroke-width:2.5px}.page-heading h1{font-size:1.9rem}.page-heading p{font-size:.9rem}.button{font-size:.86rem}.module-copy h3{font-size:1.1rem}}@media (width<=360px){.topbar{padding-inline:9px}.language-switch button{padding-inline:6px;font-size:.7rem}.topbar-right{gap:3px}.content{padding-inline:14px}.learn-heading h1{font-size:1.45rem}.unit-header{gap:9px;padding:15px}.unit-header h2{font-size:1.15rem}.trail-step{grid-template-columns:78px minmax(0,1fr);column-gap:12px}.trail-step:nth-child(2n){margin-left:18px}.trail-node{width:70px;height:74px}.trail-copy h3{font-size:.98rem}}@media (prefers-reduced-motion:reduce){.button,.trail-node{transition:none}.button:active:not(:disabled),.trail-node:active:not(:disabled){transform:none}}.exam-hub,.exam-practice{gap:20px;min-width:0;display:grid}.prep-studio,.prep-main{gap:18px;min-width:0;display:grid}.prep-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.prep-heading>div{flex:1;min-width:min(100%,240px)}.prep-heading h2,.prep-setup h2{margin:8px 0 12px;font-size:clamp(24px,3vw,34px);line-height:1.2}.prep-kicker{color:var(--accent);margin:0;font-weight:800}.prep-layout{gap:18px;display:grid}.prep-target{align-content:start;gap:10px;padding:22px;display:grid}.prep-target>strong{color:var(--accent);overflow-wrap:anywhere;font-size:clamp(28px,4vw,40px);line-height:1.15}.prep-target p{margin:0}.prep-target small{border-top:1px solid var(--line);color:var(--muted);margin-top:6px;padding-top:14px}.prep-tabs{flex-wrap:wrap;gap:10px;display:flex}.prep-tabs .chip{min-height:44px}.prep-tasks,.prep-stats{min-width:0;padding:20px}.prep-task-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.prep-task-heading h3{margin:0}.prep-task-heading span,.prep-note{color:var(--muted)}.prep-note{font-size:14px;line-height:1.6}.prep-studio progress,.prep-setup progress{width:100%;height:10px;accent-color:var(--accent);margin:14px 0;display:block}.prep-tasks ol{margin:18px 0 0;padding:0;list-style-position:inside}.prep-tasks li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;display:flex}.prep-tasks li>div{flex:1;min-width:min(100%,220px)}.prep-tasks h4{overflow-wrap:anywhere;margin:5px 0;font-size:18px}.prep-tasks li span{color:var(--muted);font-size:14px}.prep-skill{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:18px 0 8px;display:grid}.prep-skill>div{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:10px;display:flex}.prep-skill span,.prep-skill p{color:var(--muted);font-size:14px}.prep-skill p{grid-column:1/-1;margin:0}.prep-skill progress{margin:3px 0}.maru-coach{border:1px solid var(--line);background:var(--accent-soft);border-radius:16px;align-items:flex-start;gap:12px;min-width:0;padding:18px;display:flex}.maru-coach .mascot{object-fit:contain;flex-shrink:0;width:64px;height:64px}.maru-coach-body{flex:1;min-width:0}.maru-coach-body p{overflow-wrap:anywhere;margin:12px 0;line-height:1.65}.maru-coach-body small{color:var(--muted);font-size:12px;display:block}.mentor-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mentor-style{align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.mentor-style select{border:1px solid var(--line);background:var(--surface);max-width:100%;min-height:44px;color:var(--ink);font:inherit;border-radius:12px;padding:8px 10px}.mentor-help{min-height:44px;margin-top:14px;font-size:14px}.prep-setup{min-width:0;padding:clamp(18px,4vw,32px)}.prep-setup-top{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px;display:flex}.prep-setup form{max-width:640px;margin:24px auto 0}.prep-fields{gap:18px;display:grid}.prep-fields>label{gap:8px;font-weight:800;display:grid}.prep-fields input,.prep-fields select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:12px}.prep-choices{border:0;gap:10px;min-width:0;padding:0;display:grid}.prep-choices legend{color:var(--muted);padding-bottom:14px}.prep-choices label{cursor:pointer;border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;min-height:64px;padding:14px;display:flex}.prep-choices label:has(input:checked){border:2px solid var(--accent);background:var(--accent-soft);padding:13px}.prep-choices input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.prep-choices small{color:var(--muted);margin-top:4px;line-height:1.4;display:block}.mentor-preview{align-items:center;gap:14px;padding:12px 0;display:flex}.mentor-preview .mascot{object-fit:contain;width:72px;height:72px}.mentor-preview p{margin:0;line-height:1.65}.prep-setup-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.prep-error{color:var(--ink);border-left:4px solid var(--accent);padding-left:12px}@media (width>=1000px){.prep-layout{grid-template-columns:minmax(180px,.75fr) minmax(0,2fr);align-items:start}}@media (width<=500px){.maru-coach{flex-direction:column;gap:8px;padding:16px}.maru-coach .mascot{width:52px;height:52px}.maru-coach-body{width:100%}.mentor-heading{align-items:flex-start}.mentor-style{justify-content:space-between;width:100%}.prep-tasks li>.button{width:100%}.prep-setup-actions .button{flex-grow:1}.prep-target,.prep-tasks,.prep-stats{padding:18px}}.exam-intro{align-items:center;gap:22px;padding:28px;display:flex}.exam-intro>div{flex:1;min-width:0}.exam-intro h2{max-width:600px;font-size:clamp(24px,3vw,34px)}.exam-intro p{max-width:650px}.exam-scope{color:var(--muted);font-size:14px}.exam-select{flex-wrap:wrap;gap:10px;display:flex}.exam-format{padding:18px}.exam-format summary,.exam-history summary{cursor:pointer;align-content:center;min-height:44px;font-weight:800;display:list-item}.exam-format p{margin-top:16px}.exam-format a{min-height:44px;color:var(--accent);align-items:center;font-weight:800;display:inline-flex}.exam-filter{gap:8px;max-width:300px;display:grid}.exam-pack-list{gap:12px;display:grid}.exam-pack{grid-template-columns:48px 1fr auto;align-items:center;gap:18px;padding:20px;display:grid}.exam-pack>div{min-width:0}.exam-pack h3{margin:5px 0;font-size:21px}.exam-pack p{color:var(--muted);margin:0 0 6px}.exam-pack-icon{color:var(--accent)}.exam-history{gap:12px;display:grid}.exam-history>details{padding:16px 20px}.exam-history-answer{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:18px;padding-top:14px}.exam-history-answer p{white-space:pre-wrap}.exam-practice-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.exam-practice-heading h2{margin:6px 0;font-size:clamp(25px,3vw,34px)}.exam-timer{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:8px;font-size:21px;font-weight:900;display:flex}.exam-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.exam-controls span{max-width:520px;color:var(--muted);font-size:14px}.exam-workspace{gap:20px;min-width:0;display:grid}.exam-workspace.has-source{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.exam-source{min-width:0;padding:24px}.exam-source h3{margin-bottom:14px}.exam-passage{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85}.exam-source details{margin-top:20px}.exam-source summary,.exam-feedback summary{cursor:pointer;align-content:center;min-height:44px}.exam-items{gap:18px;min-width:0;display:grid}.exam-item{overflow-wrap:anywhere;min-width:0;padding:24px}.exam-item h3{margin:10px 0 18px;font-size:20px;line-height:1.55}.exam-item fieldset{border:0;gap:10px;min-width:0;padding:0;display:grid}.exam-item fieldset:disabled{opacity:.7}.exam-option{border:2px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:12px;display:flex}.exam-option.selected{border-color:var(--accent);background:var(--accent-soft)}.exam-option input,.exam-check input{width:20px;height:20px;min-height:20px;accent-color:var(--accent);flex-shrink:0;padding:0}.exam-item>label{margin-bottom:8px;font-weight:800;display:block}.exam-item textarea,.exam-item>input{box-sizing:border-box;width:100%;line-height:1.7}.exam-item textarea{resize:vertical;min-height:130px}.exam-word-count{color:var(--muted);margin-top:8px;font-size:14px}.exam-feedback{border-top:2px solid var(--line);margin-top:20px;padding-top:18px}.exam-feedback>strong{color:var(--accent)}.exam-feedback fieldset{margin-top:18px}.exam-feedback legend{margin-bottom:10px;font-weight:800}.exam-check{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.exam-result{padding:24px}.exam-result h3{font-size:25px}.exam-result .notice{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.exam-result .notice p{flex-basis:100%}.exam-submit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.exam-recorder{gap:10px;margin-top:18px;display:grid}.exam-recorder p{color:var(--muted);font-size:13px}.exam-recorder audio{width:100%;min-width:0}.exam-recorder .button{justify-self:start}.exam-table-wrap{max-width:100%;overflow-x:auto}.exam-table-wrap table{border-collapse:collapse;width:100%;font-size:15px}.exam-table-wrap caption{text-align:left;margin:10px 0;font-weight:800}.exam-table-wrap td,.exam-table-wrap th{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}@media (width<=1050px){.exam-workspace.has-source{grid-template-columns:1fr}}@media (width<=760px){.exam-hub,.exam-practice{gap:16px}.exam-intro{align-items:flex-start;gap:10px;padding:20px}.exam-intro .mascot{display:none}.exam-pack{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:18px}.exam-pack>.button{grid-column:2;justify-self:start}.exam-pack h3{font-size:19px}.exam-item,.exam-source,.exam-result{padding:18px}.exam-practice-heading{flex-wrap:wrap;align-items:flex-start}.exam-practice-heading>div{flex:1;min-width:180px}.exam-practice-heading h2{font-size:25px}.exam-timer{font-size:18px}.exam-select .chip{flex:1;min-width:100px}.exam-submit>.button,.exam-controls>.button{width:100%}.exam-item h3{font-size:18px}}.learning-tool{gap:20px;display:grid}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.learning-tool .grammar-list{grid-template-columns:minmax(0,1fr)}.learning-tool .grammar-row>div:first-child{overflow-wrap:anywhere;min-width:0}.learning-tool .grammar-actions{flex-direction:row;flex-shrink:0;align-items:center;gap:10px}.learning-tool .grammar-actions .button{white-space:nowrap}.tool-filters{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.tool-filters label{color:var(--ink);flex:180px;gap:6px;font-weight:800;display:grid}.tool-filters select,.tool-filters input{width:100%}.expression-entry{gap:12px;padding:26px;display:grid}.expression-entry header{justify-content:space-between;align-items:start;gap:16px;display:flex}.expression-entry header div{min-width:0}.expression-entry h2,.expression-entry blockquote{overflow-wrap:anywhere}.expression-entry blockquote{border-left:4px solid var(--action);background:var(--bg);margin:4px 0;padding:14px 18px}.expression-entry blockquote p{color:var(--ink)}.media-workshop{grid-column:1/-1;gap:14px;padding:24px;display:grid}.media-workshop>label{gap:6px;font-weight:800;display:grid}.media-workshop ol{margin:0;padding-left:24px}.media-workshop li{padding:6px 0}.media-workshop .inline-check{align-items:start}.media-workshop .inline-check span{min-width:0}.media-workshop .inline-check small{margin-top:3px;font-weight:600;display:block}.review-navigation{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.review-navigation .button{flex:140px}.review-session-note{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 18px}@media (width<=760px){.expression-entry,.media-workshop{padding:18px}.tool-filters label{flex-basis:100%}.learning-tool .grammar-actions{flex-wrap:wrap}.learning-tool .grammar-row{flex-direction:column;align-items:start}}.exam-illustration{margin:0}.exam-illustration img{border-radius:12px;width:100%;height:auto;display:block}.exam-illustration figcaption{margin-top:8px;font-size:.85rem}.page-audio-slot .audio-dock{z-index:auto;width:100%;box-shadow:none;margin-bottom:24px;position:relative;bottom:auto;right:auto}.login-page{background:var(--surface);grid-template-columns:1fr 1fr;min-height:100svh;display:grid}.login-side{flex-direction:column;min-width:0;padding:30px clamp(24px,3.2vw,64px) 22px;display:flex}.login-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.login-brand{letter-spacing:-1px;align-items:center;gap:9px;min-height:44px;font-size:25px;font-weight:900;display:flex}.login-brand .brand-dot{color:var(--accent)}.login-form-wrap{width:100%;max-width:430px;margin:auto;padding:65px 0}.login-eyebrow{color:var(--accent);letter-spacing:1.3px;margin-bottom:14px;font-size:12px;font-weight:850;display:block}.login-form-wrap h1{overflow-wrap:anywhere;margin-bottom:16px;font-size:clamp(29px,3.3vw,42px);line-height:1.17}.login-intro{overflow-wrap:anywhere;margin-bottom:26px;line-height:1.65}.login-methods{border:1px solid var(--line);border-radius:12px;gap:6px;margin-bottom:25px;padding:4px;display:flex}.login-methods button{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:14px;font-weight:800;display:flex}.login-methods button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.login-form-wrap label{margin-bottom:8px;font-size:14px;font-weight:800;display:block}.login-form-wrap input:not([type=checkbox]),.login-form-wrap select{border:2px solid var(--line);background:var(--surface);border-radius:10px;width:100%;min-height:52px}.login-form-wrap input::placeholder{color:var(--muted);opacity:1;font-size:14px}.login-field-note{margin:8px 0 22px;font-size:13px;line-height:1.5}.login-submit{justify-content:center;width:100%;min-height:54px;margin-top:20px}.login-copy{cursor:pointer;align-items:flex-start;gap:11px;min-height:44px;margin-top:22px;line-height:1.5;display:flex!important}.login-copy input{width:19px;height:19px;accent-color:var(--accent);flex-shrink:0;margin:2px 0 0}.login-copy small{margin-top:3px;font-size:12px;font-weight:600;display:block}.login-error{border-left:3px solid var(--red);color:var(--red);overflow-wrap:anywhere;margin:15px 0;padding:10px 12px;font-size:14px}[data-theme=dark] .login-error{color:#ffb6aa;border-color:#ffb6aa}.login-privacy{align-items:flex-start;gap:10px;margin-top:25px;font-size:12px;line-height:1.7;display:flex}.login-privacy svg{margin-top:2px}.login-bottom{border-top:1px solid var(--line);margin-top:29px;padding-top:22px}.login-text-button{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;padding:5px 0;font-size:14px;font-weight:800;text-decoration:underline;display:inline-flex}.login-footer{color:var(--muted);font-size:12px}.login-code{text-align:center;letter-spacing:9px;font-size:26px;font-weight:850}.login-code-actions{flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:12px;display:flex}.login-existing{margin-top:26px}.login-unavailable{padding:18px 0 4px}.login-unavailable h2{margin-bottom:10px;font-size:21px}.login-unavailable .button{margin-top:21px}.login-story{color:#fff1d9;background:#293b42;flex-direction:column;justify-content:center;min-width:0;padding:40px clamp(32px,5.5vw,88px) 52px;display:flex}.login-mika-stage{width:255px;max-width:100%;margin:0 0 28px;position:relative}.mika-login{width:100%;height:auto;display:block}.login-motion{color:#fff1d9;border:1px solid #788984;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:8px;right:-35px}.login-language-strip{flex-wrap:wrap;gap:12px 20px;margin-bottom:32px;display:flex}.login-language-strip>span{color:#e3d9ca;align-items:center;gap:8px;font-size:12px;display:flex}.login-language-strip b{color:#fff1d9;border:1px solid #788984;border-radius:10px;place-items:center;width:42px;height:45px;font-size:24px;font-weight:500;display:grid}.login-story h2{letter-spacing:-1.3px;margin-bottom:19px;font-size:clamp(32px,3.4vw,48px);line-height:1.16}.login-story>p{color:#d9d8cd;max-width:460px;font-size:16px;line-height:1.7}.login-benefits{margin:35px 0 0;padding:0;list-style:none}.login-benefits li{border-top:1px solid #576b6c;gap:15px;padding:17px 0;display:flex}.login-benefits li>span{color:#ffac62;padding-top:4px;font-size:12px;font-weight:800}.login-benefits strong{font-size:15px;font-weight:800}.login-benefits p{color:#d9d8cd;margin-top:3px;font-size:13px;line-height:1.65}.login-mobile-mika{display:none}.login-loading{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;min-height:100svh;padding:25px;display:flex}.access-panel{grid-column:1/-1}.access-panel p{margin:12px 0}.access-panel .button{margin-top:10px}@media (width<=900px){.login-side{padding:24px}.login-story{padding:35px 28px}.login-motion{right:0}.login-language-strip{gap:12px}.login-form-wrap{padding:55px 0}}@media (width<=700px){.login-page{display:block}.login-side{min-height:100svh;padding:20px 24px}.login-story{padding:28px 24px}.login-mika-stage,.login-benefits{display:none}.login-story h2{font-size:28px}.login-story>p{font-size:14px}.login-language-strip{margin-bottom:23px}.login-form-wrap{padding:32px 0}.login-mobile-mika{width:94px;margin-bottom:22px;display:block;position:relative}.login-mobile-mika .login-motion{color:var(--muted);border-color:var(--line);background:var(--surface);right:-48px}.login-form-wrap h1{font-size:31px}.login-header .login-brand{font-size:23px}.login-footer{padding-top:15px}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.login-motion{display:none}}.account-page{background:var(--surface);flex-direction:column;min-height:100svh;display:flex}.account-header{justify-content:space-between;align-items:center;gap:16px;width:min(1160px,100%);margin:0 auto;padding:24px 36px;display:flex}.account-header-actions{align-items:center;gap:16px;display:flex}.account-switch,.account-google{border:2px solid var(--line);background:var(--surface);min-height:50px;color:var(--ink);border-bottom-width:4px;border-radius:14px;padding:10px 22px;font-weight:850}.account-switch{color:var(--accent)}.account-switch:hover,.account-google:hover{background:var(--bg)}.account-switch:active,.account-google:active{border-bottom-width:2px;padding-top:12px}.account-layout{grid-template-columns:1fr 430px;align-items:center;gap:clamp(40px,6vw,100px);width:min(1060px,100%);margin:auto;padding:35px 40px 50px;display:grid}.account-story{text-align:center;min-width:0}.account-mika-stage{width:310px;max-width:100%;margin:0 auto 24px;position:relative}.account-motion{border:2px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:-15px}.account-story h2{letter-spacing:-.8px;margin-bottom:16px;font-size:clamp(29px,3vw,38px);line-height:1.18}.account-story-copy>p{max-width:335px;margin:0 auto;font-size:15px;line-height:1.7}.account-languages{text-align:left;grid-template-columns:1fr 1fr;gap:16px 25px;width:max-content;max-width:100%;margin:27px auto 0;padding:0;list-style:none;display:grid}.account-languages li{color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.account-languages .language-flag{width:34px;height:26px}.account-form-section{min-width:0}.account-form-section h1{letter-spacing:-.8px;overflow-wrap:anywhere;margin-bottom:12px;font-size:clamp(28px,3vw,35px);line-height:1.22}.account-intro{margin-bottom:26px;font-size:15px;line-height:1.65}.account-google{justify-content:center;align-items:center;gap:12px;width:100%;font-size:15px;display:flex}.account-google-letter{font-size:21px;font-weight:900}.account-divider{color:var(--muted);align-items:center;gap:14px;margin:22px 0;font-size:13px;display:flex}.account-divider:before,.account-divider:after{content:"";background:var(--line);flex:1;height:2px}.account-field{margin-bottom:18px}.account-field>label,.account-field-heading label{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:800;display:block}.account-field input:not([type=checkbox]),.account-field select{border:2px solid var(--line);background:var(--bg);width:100%;min-height:54px;color:var(--ink);border-radius:12px;padding:12px 14px;font-size:16px}.account-field input::placeholder{color:var(--muted);opacity:1;font-size:14px}.account-field-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-field-heading label{margin:0}.account-forgot{min-height:44px;color:var(--accent);padding:8px 0 8px 6px;font-size:12px;font-weight:800}.account-password{position:relative}.account-password input{padding-right:58px!important}.account-password button{width:44px;height:44px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:5px;right:5px}.account-password button:hover{background:var(--surface);color:var(--ink)}.account-field-note{margin-top:7px;font-size:12px;line-height:1.65}.account-submit{justify-content:center;width:100%;min-height:54px;margin-top:4px}.account-notice{background:var(--bg);border:2px solid var(--line);border-radius:12px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.65}.account-notice button{text-underline-offset:3px;min-height:44px;color:var(--accent);padding:6px 0;font-weight:800;text-decoration:underline;display:inline}.account-confirmation{border:2px solid var(--line);background:var(--bg);border-radius:16px;padding:20px}.account-confirmation h2{margin-bottom:12px;font-size:20px}.account-confirmation p{overflow-wrap:anywhere;margin-bottom:18px;font-size:14px;line-height:1.7}.account-confirmation .account-switch{padding-inline:14px}.account-secondary{min-height:44px;color:var(--muted);text-underline-offset:4px;justify-content:center;align-items:center;gap:8px;padding:8px 4px;font-size:13px;font-weight:750;text-decoration:underline;display:inline-flex}.account-bottom{border-top:2px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 14px;margin-top:24px;padding-top:18px;display:flex}.account-bottom p{flex-wrap:wrap;flex-basis:100%;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.account-bottom p button{color:var(--accent);min-height:44px;padding:8px 4px;font-weight:850}.account-storage-note{text-align:center;margin-top:16px;font-size:12px;line-height:1.6}.account-existing{margin-top:24px}.account-footer{text-align:center;color:var(--muted);padding:18px 24px 24px;font-size:12px}.account-page .login-copy{margin:0 0 18px;font-size:13px}.account-page .login-copy small{font-size:12px}.account-page button:disabled{cursor:default;opacity:.55}@media (width<=900px){.account-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding-inline:28px}.account-header{padding-inline:28px}}@media (width<=700px){.account-header{gap:12px;padding:17px 20px}.account-header .login-brand{gap:5px;font-size:22px}.account-header .login-brand .mascot{width:29px;height:29px}.account-header-actions{gap:8px}.account-header .account-switch{min-height:46px;padding:8px 15px;font-size:13px}.account-header .account-switch:active{padding-top:10px}.account-layout{flex-direction:column;align-items:stretch;gap:24px;max-width:470px;margin:0 auto;padding:12px 24px 25px;display:flex}.account-mika-stage{width:112px;margin:0 auto}.account-motion{bottom:8px;right:-48px}.account-story-copy{display:none}.account-form-section h1,.account-intro{text-align:center}.account-form-section h1{font-size:28px}.account-intro{margin-bottom:23px;font-size:14px}.account-storage-note{margin-top:10px}.account-footer{margin-top:auto}}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.account-motion{display:none}}.approval-page{background:var(--bg);min-height:100dvh;color:var(--ink);padding:24px}.approval-heading{align-items:center;gap:10px;max-width:1160px;margin:0 auto;font-size:24px;font-weight:900;display:flex}.approval-heading .account-switch{margin-left:4px}.approval-theme{margin-left:auto}.approval-wait{text-align:center;max-width:560px;margin:60px auto 20px}.approval-wait>.mascot{margin:0 auto 24px;display:block}.approval-greeting{color:var(--accent-ink);font-weight:800}.approval-wait h1,.approval-admin h1{margin:12px 0 20px;font-size:34px;font-weight:900;line-height:1.2}.approval-wait p{line-height:1.7}.approval-email{overflow-wrap:anywhere;font-weight:800}.approval-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:26px 0 12px;display:flex}.approval-actions button,.approval-row-actions button{min-width:48px;min-height:48px}.approval-row-actions .account-secondary{padding-inline:12px}.approval-admin{max-width:1160px;margin:auto}.approval-admin-title{margin:44px 0 30px}.approval-admin-title p,.approval-list p{color:var(--muted)}.approval-filters{grid-template-columns:200px minmax(0,1fr) auto;align-items:end;gap:20px;display:grid}.approval-filters label{flex-direction:column;gap:9px;font-weight:800;display:flex}.approval-filters input,.approval-filters select{width:100%;min-width:0;min-height:52px;font:inherit;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:12px}.approval-filter-actions{flex-wrap:wrap;gap:10px;display:flex}.approval-filter-actions>.account-switch{min-height:52px}.approval-list{margin:22px 0;padding:0;list-style:none}.approval-list li{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.approval-list li>div:first-child{min-width:0}.approval-list h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:19px}.approval-list p{overflow-wrap:anywhere;margin:0 0 8px}.approval-list small{color:var(--muted)}.approval-row-actions{flex-wrap:wrap;flex-shrink:0;gap:12px;display:flex}.admin-summary{border-block:2px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 28px;padding:24px 0;display:grid}.admin-summary dt{color:var(--muted);font-size:14px;font-weight:700}.admin-summary dd{margin:8px 0 0;font-size:32px;font-weight:900;line-height:1.1}.admin-summary>div:first-child dd{color:var(--accent-ink)}.admin-tabs{flex-wrap:wrap;gap:12px;margin:0 0 32px;display:flex}.admin-tabs button[aria-pressed=true]{border-color:var(--accent-ink);color:var(--accent-ink)}.admin-detail-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-detail-heading h2{margin:0}.admin-detail>h2{overflow-wrap:anywhere;margin:30px 0 8px;font-size:30px}.admin-detail-email{color:var(--muted);overflow-wrap:anywhere}.admin-facts{border-block:2px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:28px 0;display:grid}.admin-facts dt,.admin-events dt{color:var(--muted);font-size:14px;font-weight:700}.admin-facts dd,.admin-events dd{overflow-wrap:anywhere;margin:7px 0 0;font-weight:800}.admin-support,.admin-events{margin:36px 0 0}.admin-support h3,.admin-events h3{margin:0 0 16px;font-size:22px}.admin-support>p{max-width:720px;line-height:1.65}.admin-review-actions,.admin-recovery-confirm .approval-actions{justify-content:flex-start}.admin-recovery-confirm{border:2px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:16px;margin-top:18px;padding:22px}.admin-events ul{padding:0;list-style:none}.admin-events li{border-bottom:2px solid var(--line);grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:24px;padding:24px 0;display:grid}.admin-events li p{color:var(--muted)}.admin-events dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;display:grid}.admin-events dl>div:last-child{grid-column:1/-1}.admin-no-events{background:var(--surface);border-left:4px solid var(--line);padding:24px;line-height:1.7}.admin-entry{min-width:56px;min-height:44px;padding:8px 12px;font-size:14px}.approval-confirm{border:2px solid var(--line);background:var(--surface);border-radius:16px;margin:28px 0;padding:24px}.approval-confirm h2{overflow-wrap:anywhere;font-size:22px}.approval-confirm p{overflow-wrap:anywhere;line-height:1.6}.approval-confirm .approval-actions{justify-content:flex-start}.approval-empty{text-align:center;padding:48px 20px}.approval-empty>.mascot{margin:0 auto 20px}.approval-empty h2{font-size:24px}@media (width<=700px){.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.admin-facts,.admin-events li{grid-template-columns:1fr}.admin-detail-heading{align-items:flex-start}.approval-page{padding:20px}.approval-wait{margin-top:36px}.approval-wait h1,.approval-admin h1{font-size:28px}.approval-heading{flex-wrap:wrap;font-size:22px}.approval-heading .account-switch{padding-inline:12px;font-size:13px}.approval-filters{grid-template-columns:1fr;gap:16px}.approval-filter-actions{justify-self:start}.approval-list li{flex-direction:column;align-items:flex-start;gap:14px}.approval-row-actions{flex-wrap:wrap}.approval-confirm{padding:18px}.approval-wait .approval-actions{flex-direction:column}}.language-flag{vertical-align:middle;flex-shrink:0;width:40px;height:30px;display:inline-block}.side-language .language-flag{width:33px;height:25px}.course-picker{flex-shrink:0;position:relative}.course-picker-trigger{border:2px solid var(--line);background:var(--surface);width:174px;min-height:48px;color:var(--ink);border-bottom-width:4px;border-radius:14px;align-items:center;gap:10px;padding:7px 11px;font-size:15px;font-weight:850;display:flex}.course-picker-trigger>span{text-align:left;flex:1}.course-picker-trigger:hover,.course-picker-trigger[aria-expanded=true]{border-color:var(--soft-edge);background:var(--bg)}.course-picker-trigger:active{border-bottom-width:2px;padding-top:9px}.course-picker-trigger .language-flag{width:35px;height:27px}.course-picker-popover{border:2px solid var(--line);background:var(--surface);width:284px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 100px);box-shadow:0 5px 0 var(--soft-edge);z-index:35;border-radius:18px;padding:8px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.course-picker-title{color:var(--muted);padding:9px 12px 11px;font-size:13px;font-weight:850}.course-picker-popover ul{margin:0;padding:0;list-style:none}.course-picker-option{cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:13px;min-height:62px;padding:9px 11px;display:flex}.course-picker-option+.course-picker-option{margin-top:4px}.course-picker-option>span{flex:1}.course-picker-option strong{font-size:15px;font-weight:850;line-height:1.4;display:block}.course-picker-option small{color:var(--muted);font-size:12px;line-height:1.5;display:block}.course-picker-option.is-selected{border-color:var(--action);background:var(--accent-soft)}.course-picker-option.is-selected>svg:last-child{color:var(--accent)}.course-picker-option:hover{background:var(--bg)}.course-picker-option:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.course-picker-option:active{background:var(--accent-soft)}@media (width<=760px){.course-picker-trigger{gap:7px;width:150px;padding-inline:8px;font-size:14px}.course-picker-trigger .language-flag{width:31px;height:24px}.course-picker-popover{top:80px;right:max(12px, env(safe-area-inset-right));width:272px;position:fixed}}@media (width<=360px){.topbar{gap:4px}.course-picker-trigger{width:138px}}.sidebar .admin-navigation{min-height:44px;color:var(--ink);margin-top:4px;padding:10px;font-size:.88rem;font-weight:800}.header-profile{flex-shrink:0;position:relative}.header-profile-trigger{border:2px solid var(--line);background:var(--surface);min-height:48px;color:var(--ink);border-radius:16px;align-items:center;gap:8px;padding:5px 9px 5px 5px;font-size:.85rem;font-weight:800;display:flex}.header-profile-trigger:hover,.header-profile-trigger[aria-expanded=true]{border-color:var(--accent)}.header-profile-initials{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:.8rem;display:grid}.header-profile-panel{z-index:60;border:2px solid var(--line);background:var(--surface);width:min(324px,100vw - 24px);max-height:calc(100dvh - 104px);color:var(--ink);border-radius:20px;padding:16px;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto;box-shadow:0 12px 28px #092c381a}.header-profile-heading{align-items:flex-start;gap:8px;padding-bottom:12px;display:flex}.header-profile-heading>div{flex:1;min-width:0}.header-profile-heading h2{overflow-wrap:anywhere;margin:0 0 4px;font-size:1.05rem;line-height:1.4}.header-profile-heading p{overflow-wrap:anywhere;color:var(--muted);margin:0;font-size:.82rem}.header-profile-heading small{color:var(--muted);margin-top:3px;font-size:.76rem;display:block}.header-profile-heading .icon-button{flex-shrink:0}.header-profile-action{width:100%;min-height:48px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px;font-size:.88rem;font-weight:800;display:flex}.header-profile-action svg{color:var(--muted);flex-shrink:0}.header-profile-action:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.header-profile-session{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.header-profile-form label{margin-bottom:7px;font-size:.85rem;font-weight:800;display:block}.header-profile-form input{width:100%;min-height:46px}.header-profile-form-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.header-profile-form-actions .button{min-height:44px;padding:9px 12px}.header-profile-panel .header-profile-hint{color:var(--muted);margin:8px 0 0;font-size:.76rem;line-height:1.5}.header-profile-error,.header-profile-message{overflow-wrap:anywhere;margin:12px 0 0;font-size:.82rem;line-height:1.5}.header-profile-error{color:var(--accent)}.header-profile-message{color:var(--ink);font-weight:800}.header-profile button:disabled{opacity:.65;cursor:wait}@media (width>=761px) and (width<=1050px){.sidebar .brand{font-size:1.45rem}.sidebar .brand>span:last-child{white-space:nowrap}.sidebar .brand-cat{width:42px;height:42px}}@media (width<=1000px){.header-profile-label,.header-profile-chevron{display:none}.header-profile-trigger{justify-content:center;width:44px;min-height:44px;padding:3px}}@media (width<=760px){.header-profile-panel{top:80px;right:max(12px, env(safe-area-inset-right));width:min(324px,100% - 24px);position:fixed}.topbar .theme-button{width:44px}}@media (width<=360px){.topbar .course-picker-trigger{gap:4px;width:132px;padding-inline:6px}.topbar .course-picker-trigger>span{white-space:nowrap}.topbar .course-picker-trigger .language-flag{width:26px;height:20px}.topbar .course-picker-trigger>svg:last-child{flex-shrink:0;width:14px}.topbar .topbar-right{gap:3px}.topbar{gap:4px}}:root{--accent-ink:var(--accent);--navy:#153854}[data-theme=dark]{--navy:#1c3a58;--red:#ffb6aa}.brand{letter-spacing:-.055em;gap:9px;font-size:1.5rem}.brand>span:last-child{white-space:nowrap}.brand-cat{flex-shrink:0;width:38px;height:38px}.brand-cat .mascot{width:38px;height:38px}.mascot{object-fit:contain}.login-brand{color:var(--accent);white-space:nowrap}.login-story{background:var(--navy);color:#edf6ff}.login-story>p,.login-language-strip>span,.login-benefits p{color:#bcd1e5}.login-motion,.login-language-strip b{color:#edf6ff;border-color:#7694af}.login-benefits li{border-color:#52718d}.login-benefits li>span{color:#83beff}.login-story button:focus-visible{outline-color:#83beff}.notice.warm,[data-theme=dark] .notice.warm{color:var(--ink);background:var(--accent-soft);border-color:var(--line)}.formula-box,.gloss-popup{border-color:var(--line)}.mika-companion,[data-theme=dark] .mika-companion{background:var(--accent-soft)}.mika-companion>span,[data-theme=dark] .mika-companion>span{color:var(--muted)}.unit-header .button,.unit-header button{color:var(--on-accent)}.result-icon{background:0 0}@media (width>=761px) and (width<=1050px){.sidebar .brand{gap:7px;font-size:1.3rem}.sidebar .brand-cat,.sidebar .brand-cat .mascot{width:34px;height:34px}}@media (width<=700px){.account-header{gap:8px;padding-inline:16px}.account-header .login-brand{gap:6px;font-size:20px}.account-header .account-switch{padding-inline:11px}.account-header-actions{gap:6px}}.video-learning{min-width:0}.video-learning button,.video-learning select,.video-learning input{min-height:44px}.video-learning button{white-space:normal}.video-learning :is(h2,h3,h4,p){overflow-wrap:anywhere}.video-learning :is(input,select,textarea){color:var(--ink);background:var(--surface);border:2px solid var(--line);font:inherit;border-radius:12px;max-width:100%;padding:10px 12px}.video-learning :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.video-learning :is(button[aria-pressed=true],.clip-step-strip .active){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.video-tabs{border-bottom:2px solid var(--line);gap:24px;margin-bottom:28px;display:flex}.video-tabs button{color:var(--muted);font:inherit;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:10px 4px;font-weight:800}.video-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);background:0 0}.video-intro{justify-content:space-between;align-items:center;gap:24px;max-width:860px;margin:8px 0 32px;display:flex}.video-intro h2{margin:8px 0 16px;font-size:clamp(24px,2.4vw,32px);line-height:1.15}.video-intro p{max-width:530px;color:var(--muted);line-height:1.6}.video-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.video-filters label{gap:6px;font-size:14px;font-weight:800;display:grid}.video-filters .video-search{flex:1;min-width:200px;position:relative}.video-search svg{color:var(--muted);position:absolute;top:15px;left:12px}.video-search input{width:100%;padding-left:38px}.video-count,.video-attribution,.clip-saved-note,.clip-source{color:var(--muted);font-size:13px;line-height:1.6}.video-count{margin:16px 0}.video-catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.video-card{border-bottom:2px solid var(--line);min-width:0;padding-bottom:20px}.video-cover{background:var(--route-locked);aspect-ratio:16/9;border:0;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-cover img{object-fit:cover;width:100%;height:100%}.video-cover span{color:#fff;background:#153854;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;bottom:8px;right:8px}.video-card-copy{padding:16px 0 0}.video-card-copy h3{margin:4px 0;font-size:23px}.video-card-copy p{color:var(--muted);margin:4px 0;font-size:15px}.video-card-copy p:first-child{font-size:12px;font-weight:800}.video-card-copy small{color:var(--muted);margin:12px 0;display:block}.video-card-actions{gap:10px;display:flex}.video-card-actions .primary{flex:1}.video-card-actions .secondary{min-width:44px;padding:10px}.video-attribution{margin-top:28px}.video-empty{text-align:center;background:var(--surface);border:2px dashed var(--line);border-radius:16px;padding:32px 20px}.video-empty p{max-width:480px;color:var(--muted);margin:12px auto 20px}.video-empty .button{margin:4px}.clip-back{margin-bottom:20px}.clip-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.clip-heading h2{margin:6px 0;font-size:clamp(22px,2.4vw,30px)}.clip-heading p{color:var(--muted);margin:0;font-size:13px}.clip-heading .button{flex-shrink:0}.clip-workspace{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.clip-frame{aspect-ratio:16/9;background:#0f2238;border-radius:12px;min-height:200px;overflow:hidden}.clip-frame iframe{border:0;width:100%;height:100%;display:block}.clip-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.clip-controls label{align-items:center;gap:8px;font-size:13px;display:flex}.clip-controls .button{padding:10px 12px;font-size:14px}.clip-source a{min-height:44px;color:var(--accent);align-items:center;font-weight:800;display:inline-flex}.clip-error{border-left:3px solid var(--red);padding:0 14px}.clip-step-strip{border-top:2px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:18px;display:flex}.clip-step-strip button{background:var(--surface);border:2px solid var(--line);color:var(--ink);font:inherit;border-radius:12px;align-items:center;gap:6px;padding:10px;font-size:13px;font-weight:800;display:flex}.clip-answer{background:var(--surface);border:2px solid var(--line);border-radius:16px;min-width:0;padding:24px}.clip-answer h3{margin:8px 0 12px;font-size:24px}.clip-answer p{color:var(--muted);line-height:1.6}.clip-step-label{font-size:12px;font-weight:800}.clip-answer form label{margin:20px 0 8px;font-weight:800;display:block}.clip-answer textarea{resize:vertical;width:100%;min-height:120px;line-height:1.7;display:block}.clip-text-button{color:var(--accent);font:inherit;background:0 0;border:0;margin:12px 0;padding:10px 0;font-weight:800;text-decoration:underline}.clip-hint,.clip-feedback,.clip-confirm{border:2px solid var(--line);border-radius:12px;margin-top:16px;padding:16px}.clip-hint p,.clip-feedback p,.clip-confirm p{margin:0 0 10px}.clip-confirm .button{margin:4px 8px 4px 0}.clip-word-feedback{flex-wrap:wrap;gap:8px;display:flex}.clip-word-feedback span{border-bottom:2px solid var(--line);padding:3px}.clip-word-feedback .matched{color:var(--green)}.clip-review{margin-top:24px}.clip-review>strong{color:var(--green)}.clip-review blockquote{border-left:4px solid var(--accent);margin:16px 0;padding-left:16px;font-size:24px;font-weight:800;line-height:1.5}.clip-language-note{border-top:2px solid var(--line);margin-top:20px;padding-top:16px}.clip-language-note h4,.clip-recorder h4{margin:0 0 8px;font-size:17px}.clip-vocabulary{margin:20px 0}.clip-vocabulary>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.clip-vocabulary small{color:var(--muted);margin-top:4px;display:block}.clip-vocabulary .button{padding:10px;font-size:13px}.clip-recorder{border-top:2px solid var(--line);margin-top:20px;padding-top:20px}.clip-recorder audio{width:100%;margin:16px 0;display:block}.clip-recorder small{color:var(--muted);margin-top:12px;line-height:1.6;display:block}.clip-next{border-top:2px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:28px;padding-top:20px;display:flex}.clip-next .button{padding:10px 14px;font-size:14px}.clip-results{text-align:center;max-width:620px;margin:20px auto}.clip-results>p{color:var(--muted);line-height:1.6}.clip-results h2{font-size:30px}.clip-results .clip-controls{justify-content:center}.clip-result-list{text-align:left;border-top:2px solid var(--line);margin:24px 0}.clip-result-list>div{border-bottom:1px solid var(--line);gap:12px;padding:18px 0;line-height:1.6;display:flex}.clip-result-list svg{color:var(--green);flex-shrink:0;margin-top:4px}.clip-result-list small{color:var(--muted);margin-top:8px;display:block}@media (width<=1100px){.video-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-workspace{grid-template-columns:1fr}}@media (width<=600px){.video-tabs{gap:16px;margin-bottom:20px;font-size:14px}.video-intro{gap:12px;margin-bottom:24px}.video-intro .mascot{flex-shrink:0;width:80px;height:80px}.video-intro h2{font-size:22px}.video-catalog{grid-template-columns:1fr;gap:24px}.video-filters{gap:12px}.video-filters .video-search{flex-basis:100%;min-width:0}.video-filters label{flex:1;min-width:0}.video-filters select,.video-filters>button{width:100%}.clip-heading{flex-wrap:wrap;align-items:start}.clip-heading .button{font-size:13px}.clip-answer{padding:18px}.clip-workspace{gap:20px}.clip-frame{aspect-ratio:auto;height:210px;min-height:200px}.clip-review blockquote{font-size:22px}.clip-vocabulary>div{flex-wrap:wrap;align-items:start}.clip-vocabulary .button{flex-shrink:0}.clip-next .button{flex:1}.video-empty{padding:24px 12px}.video-empty .button{justify-content:center;width:100%;margin:10px 0;display:flex}}.shadowing-space{min-width:0}.shadowing-space :is(input,select,textarea){font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:12px;max-width:100%;padding:10px 12px}.shadowing-space :is(button,input,select){min-height:44px}.shadowing-space :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.shadowing-space button{white-space:normal}.shadowing-space p{line-height:1.6}.shadowing-space :is(h2,h3,h4,p,small,strong){overflow-wrap:anywhere}.shadowing-space :is(button[aria-pressed=true],button.active){color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.shadow-intro{justify-content:space-between;align-items:center;gap:24px;max-width:860px;margin:12px 0 24px;display:flex}.shadow-intro h2{margin:8px 0;font-size:clamp(24px,2.2vw,32px);line-height:1.2}.shadow-intro p{color:var(--muted);max-width:560px}.shadow-entry-actions{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.shadow-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.shadow-filters label{gap:6px;min-width:0;font-size:13px;font-weight:800;display:grid}.shadow-filters .shadow-search{flex:1;min-width:220px;position:relative}.shadow-search svg{position:absolute;top:14px;left:12px}.shadow-search input{width:100%;padding-left:38px}.shadow-count,.shadow-footnote{color:var(--muted);margin:16px 0 24px;font-size:13px}.shadow-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.shadow-section-heading h3{margin:0;font-size:20px}.shadow-section-heading small{color:var(--muted);margin-left:10px;font-size:13px;font-weight:600;display:inline-block}.shadow-section-heading .button{font-size:13px}.shadow-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.shadow-card{border-bottom:2px solid var(--line);flex-direction:column;min-width:0;padding-bottom:18px;display:flex}.shadow-cover{aspect-ratio:16/10;background:var(--surface);border:0;border-radius:12px;width:100%;padding:0;position:relative;overflow:hidden}.shadow-cover img{object-fit:cover;width:100%;height:100%}.shadow-cover small{color:#fff;background:#153854;border-radius:6px;padding:4px 7px;font-size:11px;position:absolute;bottom:8px;right:8px}.shadow-cover-audio{background:var(--accent-soft);color:var(--ink);text-align:left;flex-direction:column;justify-content:center;align-items:start;gap:6px;padding:18px 16px 32px;display:flex}.shadow-cover-audio strong{font-size:17px;line-height:1.25}.shadow-cover-audio span{color:var(--muted);font-size:11px}.shadow-card h4{margin:6px 0;font-size:18px;line-height:1.35}.shadow-card p{color:var(--muted);margin:6px 0;font-size:13px}.shadow-card .shadow-card-meta{margin-top:12px;font-size:12px}.shadow-card>small{color:var(--muted);margin:8px 0 16px;font-size:12px}.shadow-card-actions{gap:8px;margin-top:auto;display:flex}.shadow-card-actions .primary{flex:1;padding:10px;font-size:13px}.shadow-card-actions .secondary{min-width:44px;padding:10px}.shadow-catalog-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.shadow-catalog-compact .shadow-card{grid-template-columns:88px minmax(0,1fr);column-gap:16px;display:grid}.shadow-catalog-compact .shadow-cover{aspect-ratio:auto;grid-area:1/1/6;height:96px}.shadow-catalog-compact .shadow-cover-audio{align-items:center;padding:12px 8px}.shadow-catalog-compact .shadow-cover-audio :is(strong,span){display:none}.shadow-catalog-compact .shadow-cover small{text-align:center;padding:3px;font-size:10px;position:static}.shadow-catalog-compact .shadow-card>:not(.shadow-cover){grid-column:2}.shadow-catalog-compact .shadow-card-meta{margin-top:0}.shadow-lesson-heading{align-items:start;margin-top:24px}.shadow-lesson-heading h2{margin:4px 0;font-size:clamp(24px,2.2vw,32px)}.shadow-lesson-heading p{color:var(--muted);margin:8px 0;font-size:14px}.shadow-lesson-heading>button{flex-shrink:0}.shadow-mode-bar{border-bottom:2px solid var(--line);flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:14px;display:flex}.shadow-mode-bar button{font:inherit;color:var(--muted);border:2px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 14px;font-weight:800}.shadow-workspace{grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}.shadow-workspace.without-transcript{grid-template-columns:minmax(0,860px)}.shadow-workspace.is-prepared:not(.without-transcript){grid-template-columns:minmax(0,2fr) minmax(300px,.9fr)}@media (width<=1100px){.shadow-workspace.is-prepared:not(.without-transcript){grid-template-columns:1fr}}.shadow-main{min-width:0}.shadow-main .clip-frame{aspect-ratio:16/9;background:#0f2238;border-radius:12px;min-height:200px;overflow:hidden}.shadow-main .clip-frame iframe{border:0;width:100%;height:100%;display:block}.shadow-main .clip-controls .button{font-size:13px}.shadow-main .clip-controls select{min-height:44px}.shadow-main .clip-source,.shadow-main .clip-saved-note{color:var(--muted);font-size:13px}.shadow-main .clip-source a{min-height:44px;color:var(--accent);align-items:center;display:inline-flex}.shadow-main .clip-error{color:var(--red);padding:12px 0}.shadow-audio-art{background:var(--accent-soft);border-radius:12px;flex-direction:column;justify-content:center;min-height:200px;padding:36px 28px;display:flex}.shadow-audio-art>span{color:var(--accent);font-size:13px;font-weight:800}.shadow-audio-art h3{margin:12px 0;font-size:28px}.shadow-audio-art p{color:var(--muted);margin:0;font-size:13px}.shadow-seek{color:var(--muted);margin-top:16px;font-size:13px;display:block}.shadow-seek input{width:100%;accent-color:var(--action);padding:0;display:block}.shadow-time{color:var(--muted);margin:0;font-size:13px}.shadow-preferences{border-bottom:2px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 0;display:flex}.shadow-preferences label,.shadow-checks label{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.shadow-preferences input,.shadow-checks input{width:20px;height:20px;min-height:20px;accent-color:var(--accent);flex-shrink:0}.shadow-current>p:first-child{color:var(--muted);font-size:13px}.shadow-current{scroll-margin-top:100px;scroll-margin-bottom:90px}.shadow-current progress{width:100%;height:6px;accent-color:var(--action);display:block}.shadow-current h3{margin:20px 0 10px;font-size:clamp(24px,2.5vw,32px);line-height:1.5}.shadow-meaning,.shadow-coach{color:var(--muted);font-size:15px}.shadow-coach{border-left:3px solid var(--accent);margin:20px 0;padding-left:14px}.shadow-words{flex-wrap:wrap;gap:8px;margin:20px 0 10px;display:flex}.shadow-words button{flex-wrap:wrap;font-size:14px}.shadow-words small{font-size:12px;display:block}.shadow-word-detail{border:2px solid var(--line);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;padding:18px;display:flex}.shadow-word-detail>div{flex:1;min-width:120px}.shadow-word-detail h4,.shadow-word-detail p{margin:4px 0}.shadow-word-detail p{color:var(--muted);font-size:14px}.shadow-main .clip-recorder{border-top:2px solid var(--line);padding:20px 0}.shadow-main .clip-recorder h4{margin:0;font-size:20px}.shadow-main .clip-recorder p,.shadow-main .clip-recorder small{color:var(--muted);font-size:14px}.shadow-main .clip-recorder small{margin-top:12px;line-height:1.6;display:block}.shadow-main .clip-recorder audio{width:100%;margin:16px 0;display:block}.shadow-record-result{border:2px solid var(--line);border-radius:12px;padding:16px;font-size:14px}.shadow-checks{border:0;margin:24px 0;padding:0}.shadow-checks legend{font-size:18px;font-weight:800}.shadow-checks p{color:var(--muted);font-size:14px}.shadow-note{font-size:14px;font-weight:800;display:block}.shadow-note textarea{resize:vertical;width:100%;margin-top:8px;display:block}.shadow-complete,.shadow-navigation{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.shadow-navigation{border-top:2px solid var(--line);justify-content:space-between;padding-top:20px}.shadow-main>small{color:var(--muted);font-size:13px;line-height:1.6;display:block}.shadow-transcript{border:2px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:18px}.shadow-transcript-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.shadow-transcript-top h3{margin:0;font-size:20px}.shadow-transcript-top>div{gap:6px;display:flex}.shadow-transcript-top .button{padding:8px 12px;font-size:13px}.shadow-transcript>p,.shadow-transcript>small{color:var(--muted);font-size:12px}.shadow-transcript ol{max-height:660px;margin:20px 0;padding:0;list-style:none;overflow-y:auto}.shadow-transcript li{margin:10px 0}.shadow-transcript li button{width:100%;font:inherit;text-align:left;border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:16px;line-height:1.6}.shadow-transcript li :is(span,strong,small){display:block}.shadow-transcript-number{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex!important}.shadow-transcript li strong{font-size:16px}.shadow-transcript li span:not(.shadow-transcript-number),.shadow-transcript li small{color:var(--muted);margin-top:6px;font-size:13px}.shadow-summary{border-top:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;margin-top:32px;padding:24px 0;display:flex}.shadow-summary>div{flex:1;min-width:200px}.shadow-summary h3{margin:0;font-size:22px}.shadow-summary p{color:var(--muted);font-size:14px}.shadow-confirm{border:2px solid var(--line);border-radius:12px;padding:20px}.shadow-confirm .button{margin:4px 8px 4px 0}.shadow-reference{border-top:2px solid var(--line);margin-top:24px;padding-top:20px}.shadow-reference p{color:var(--muted);font-size:14px}.shadow-reference iframe{border:0;border-radius:12px;width:100%;height:300px;min-height:200px;margin:16px 0;display:block}.shadow-reference a{min-height:44px;color:var(--accent);align-items:center;font-weight:800;display:flex}.shadow-import{background:var(--surface);border:2px solid var(--line);border-radius:16px;max-width:860px;margin:auto;padding:24px}.shadow-import>p,.shadow-import>small{color:var(--muted);font-size:14px;line-height:1.6}.shadow-import-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.shadow-import label{gap:8px;margin:16px 0;font-weight:800;display:grid}.shadow-import .button{margin:4px 8px 4px 0}.shadow-import-preview>div{border-bottom:1px solid var(--line);padding:12px 0}.shadow-import-preview small{color:var(--muted);font-size:12px;display:block}.shadow-import .shadow-error{color:var(--red);border-left:3px solid var(--red);padding-left:12px}.shadow-personal-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@media (width<=1200px){.shadow-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.shadow-workspace{grid-template-columns:1fr}.shadow-transcript ol{max-height:420px}}@media (width<=800px){.shadow-catalog-compact{grid-template-columns:1fr}.shadow-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.shadow-section-heading{flex-wrap:wrap;align-items:start}.shadow-lesson-heading>button{flex-shrink:1}}@media (width<=600px){.shadow-intro{gap:12px;margin-top:4px}.shadow-intro h2{font-size:24px}.shadow-intro .mascot{flex-shrink:0;width:76px;height:76px}.shadow-intro p{font-size:14px}.shadow-entry-actions .button{justify-content:center;width:100%}.shadow-filters{gap:12px}.shadow-filters .shadow-search{flex-basis:100%;min-width:0}.shadow-filters label{flex:42%}.shadow-filters select{width:100%}.shadow-topic{margin:24px 0}.shadow-catalog{grid-template-columns:1fr;gap:24px}.shadow-card h4{font-size:21px}.shadow-cover{aspect-ratio:16/8}.shadow-cover-audio{padding:20px 20px 36px}.shadow-cover-audio strong{font-size:24px}.shadow-catalog-compact .shadow-cover-audio{padding:12px 8px}.shadow-section-heading h3{font-size:19px}.shadow-section-heading small{margin:6px 0 0;display:block}.shadow-section-heading .button{font-size:12px}.shadow-mode-bar button{flex:1;padding:10px;font-size:13px}.shadow-main .clip-frame{aspect-ratio:auto;height:210px}.shadow-audio-art{padding:24px 18px}.shadow-audio-art h3{font-size:24px}.shadow-transcript{padding:16px}.shadow-complete .button{justify-content:center;width:100%}.shadow-navigation .button{flex:1;padding:10px;font-size:13px}.shadow-import{padding:18px}.shadow-import-fields{grid-template-columns:1fr;gap:0}.shadow-import input[type=file]{width:100%;font-size:13px}.shadow-reference iframe{height:210px}.shadow-workspace{gap:24px}.shadow-summary .button{justify-content:center;width:100%}}.page-heading.shadow-in-lesson{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.shadow-personal-entry{color:var(--muted);margin:14px 0 20px;font-size:14px}.shadow-personal-entry>summary,.shadow-note-disclosure>summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-weight:800;display:flex}.shadow-personal-entry>summary:before,.shadow-note-disclosure>summary:before{content:"+"}.shadow-personal-entry[open]>summary:before,.shadow-note-disclosure[open]>summary:before{content:"−"}.shadow-personal-entry .shadow-entry-actions{justify-content:flex-start;margin:8px 0 16px}.shadow-phrase-tokens{flex-wrap:wrap;justify-content:center;gap:14px 20px;margin:24px 0 16px;display:flex}.shadow-phrase-tokens>span{flex-direction:column;align-items:center;gap:6px;min-width:24px;display:flex}.shadow-phrase-tokens strong{border-bottom:2px solid var(--line);font-size:clamp(24px,2.2vw,30px);line-height:1.5}.shadow-phrase-tokens small{color:var(--accent);font-size:14px}.shadow-ipa-hint{text-align:center;color:var(--muted);font-size:12px;display:block}.shadow-prepared-hint{color:var(--muted);font-size:13px;line-height:1.6}.shadow-overall-progress{width:100%;height:8px;accent-color:var(--action)}.shadow-save-phrase{margin-top:12px}.shadow-watch-gap p{color:var(--muted);line-height:1.6}.shadow-note-disclosure{color:var(--muted);margin:16px 0}@media (width<=700px){.shadow-workspace{flex-direction:column;display:flex}.shadow-main{display:contents}.shadow-main>*{order:6}.shadow-main>.clip-player,.shadow-main>.shadow-audio{order:0}.shadow-main>.shadow-preferences{order:1}.shadow-main>.shadow-current{order:2}.shadow-main>.clip-recorder,.shadow-main>.shadow-record-result{order:4}.shadow-workspace>.shadow-transcript{order:5;max-height:none;position:static}.shadow-workspace>.shadow-transcript ol{max-height:300px}.shadow-main>.shadow-navigation{order:3}.shadow-phrase-tokens{gap:12px 16px}.shadow-phrase-tokens strong{font-size:24px}}.shadow-import-banner{justify-content:space-between;align-items:center;gap:20px;margin:12px 0 16px;display:flex}.shadow-import-banner .shadow-entry-actions{flex-shrink:0;gap:8px;margin:0}.shadow-import-banner .button{padding:10px 14px;font-size:13px}.shadow-ability{gap:6px;margin:16px 0;display:flex}.shadow-ability button,.shadow-topic-chips button{border:2px solid var(--line);background:var(--surface);font:inherit;color:var(--muted);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:800}.shadow-topic-chips{flex-wrap:wrap;gap:8px;margin:16px 0 20px;display:flex}.shadow-filters{gap:10px}.shadow-filters label{font-size:12px}.shadow-count{margin:14px 0 24px}.shadow-topic{margin:24px 0}.shadow-section-heading:not(.shadow-lesson-heading){background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;margin-bottom:14px;padding:8px 12px 8px 16px}.shadow-section-heading:not(.shadow-lesson-heading) h3{font-size:18px}.shadow-section-heading:not(.shadow-lesson-heading) .button{box-shadow:none;background:0 0;padding:8px 12px}.shadow-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.shadow-card{border:1px solid var(--line);background:var(--surface);border-bottom-width:2px;border-radius:12px;padding:0 12px 12px}.shadow-cover{aspect-ratio:16/9;border-radius:11px 11px 0 0;width:calc(100% + 24px);margin-left:-12px}.shadow-cover small{font-size:10px;bottom:6px;right:6px}.shadow-cover .shadow-level{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:3px 6px;font-size:12px;font-weight:900;position:absolute;top:7px;right:7px}.shadow-cover .shadow-provider{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:3px 5px;font-size:10px;font-weight:800;position:absolute;bottom:6px;left:6px}.shadow-cover .shadow-provider.is-youtube{color:#a32222;background:#fff0f0}.shadow-thumb-fallback{background:var(--accent-soft);height:100%;color:var(--accent);place-content:center;justify-items:center;gap:8px;font-size:12px;display:grid}.shadow-card h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:44px;margin:12px 0 4px;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.shadow-card .shadow-card-meta{margin:2px 0 6px;font-size:12px}.shadow-card>small{margin:4px 0 12px;font-size:11px}.shadow-card-actions{gap:6px}.shadow-card-actions .button{padding:8px;font-size:12px}.shadow-cover-audio{justify-content:center;align-items:flex-start;padding:14px 12px 26px}.shadow-cover-audio strong{font-size:19px}.shadow-cover-audio>span:not(.shadow-level):not(.shadow-provider){display:none}.shadow-video-time{color:var(--muted);font-size:13px}.shadow-range{border:2px solid var(--line);background:var(--surface);border-radius:14px;margin:20px 0 24px;padding:20px}.shadow-range h3{margin:0;font-size:20px}.shadow-range p{color:var(--muted);font-size:14px}.shadow-range-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px;display:grid}.shadow-range-fields label{gap:6px;font-size:13px;font-weight:800;display:grid}.shadow-range-fields input{width:100%}.shadow-range-fields .button{padding:10px;font-size:12px}.shadow-range-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.shadow-range-actions .button{font-size:13px}.shadow-source-practice>h3{margin:0;font-size:21px}.shadow-source-practice .shadow-note{margin:20px 0 12px}.shadow-source-practice .shadow-note textarea{line-height:1.5}.shadow-source-practice>.button{justify-content:center;width:100%;margin:6px 0 16px;font-size:13px}.shadow-source-practice>small{color:var(--muted);font-size:12px;line-height:1.6;display:block}.shadow-range .shadow-source-error{color:var(--red)}@media (width<=1200px){.shadow-import-banner{flex-direction:column;align-items:flex-start}}@media (width<=850px){.shadow-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.shadow-import-banner{gap:14px}.shadow-import-banner .shadow-entry-actions{width:100%}.shadow-topic-chips{gap:6px}.shadow-topic-chips button{min-height:44px;padding:8px;font-size:12px}.shadow-catalog{gap:12px}.shadow-card{padding:0 10px 10px}.shadow-cover{aspect-ratio:16/9;width:calc(100% + 20px);margin-left:-10px}.shadow-cover-audio{padding:14px 10px 28px}.shadow-cover-audio strong{font-size:17px}.shadow-card h4{font-size:15px}.shadow-card-actions{flex-wrap:wrap}.shadow-card-actions .primary{flex:100%}.shadow-card-actions .secondary{justify-content:center;width:100%}.shadow-section-heading:not(.shadow-lesson-heading){gap:8px;padding:8px 10px 8px 12px}.shadow-section-heading:not(.shadow-lesson-heading) h3{font-size:16px}.shadow-section-heading small{font-size:12px}.shadow-range{padding:16px}.shadow-range-fields{gap:10px}.shadow-range-actions .button{justify-content:center;width:100%}}@media (width<=350px){.shadow-catalog{grid-template-columns:1fr}}.shadow-library-entry{border-bottom:2px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin:16px 0 28px;padding-bottom:20px;display:flex}.shadow-library-entry h2{margin:0 0 6px;font-size:20px}.shadow-library-entry p{margin:0}.shadow-workspace-tools,.shadow-library-toggles{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.shadow-workspace-tools label,.shadow-library-toggles label,.shadow-library-queue label{align-items:center;gap:10px;min-height:44px;display:flex}.shadow-workspace-tools summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.shadow-workspace-tools details p{max-width:540px}.shadow-workspace.is-focused{max-width:1050px;margin-inline:auto;display:block}.shadow-workspace.hide-video .clip-frame{display:none}.shadow-token{color:inherit;font:inherit;border:0;border-bottom:2px solid var(--line);cursor:pointer;background:0 0;min-height:44px;padding:0 3px}.shadow-token:hover{color:var(--accent-ink)}.shadow-token:disabled{opacity:1;cursor:default}.shadow-dictionary,.shadow-dictation{border:2px solid var(--line);background:var(--surface);border-radius:16px;margin:20px 0;padding:24px}.shadow-dictionary input,.shadow-dictation textarea{width:100%;min-width:0}.shadow-dictionary form label,.shadow-dictation form label{margin:12px 0;font-weight:800;display:block}.shadow-dictionary form .shadow-entry-actions{flex-wrap:nowrap}.shadow-dictionary li{margin:10px 0}.shadow-dictation-feedback{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.shadow-dictation-feedback span{border:2px solid var(--line);border-radius:8px;padding:8px}.shadow-dictation-feedback span small{display:block}.shadow-dictation-feedback .matched{border-color:var(--accent-ink)}.shadow-dictation-feedback .missing{border-style:dashed}.shadow-dictation-example{border-top:2px solid var(--line);margin-top:20px;padding-top:16px}.shadow-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.shadow-library-card{border:2px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.shadow-library-card>div{padding:18px}.shadow-library-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.shadow-library-card h3{overflow-wrap:anywhere;margin:10px 0 16px;font-size:18px;line-height:1.5}.shadow-library-card .button{white-space:normal;min-height:44px;margin:4px 4px 4px 0}.shadow-library-card .shadow-entry-actions{gap:4px}.shadow-library-queue{border-top:2px solid var(--line);margin-top:28px;padding-top:20px}.shadow-library-queue li{gap:12px;margin:8px 0;display:flex}.shadow-library-queue li>.button:first-child{white-space:normal;text-align:left;flex:1;justify-content:flex-start}.shadow-public-library>h2,.shadow-public-library h2{overflow-wrap:anywhere}@media (width<=1100px){.shadow-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.shadow-library-entry{flex-direction:column;align-items:stretch}.shadow-library-grid{grid-template-columns:1fr}.shadow-dictionary,.shadow-dictation{padding:16px}.shadow-dictionary form .shadow-entry-actions,.shadow-library-queue li{flex-wrap:wrap}}.shadow-speech-analysis{border-block:2px solid var(--line);margin:20px 0;padding-block:14px}.shadow-speech-analysis summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.shadow-speech-analysis label{align-items:start;gap:12px;min-height:44px;margin:16px 0;display:flex}.shadow-speech-analysis dl{flex-wrap:wrap;gap:20px;display:flex}.shadow-speech-analysis dd{margin:0;font-weight:800}.shadow-library-about{margin:12px 0 20px}.shadow-dictation-gaps{flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0;display:flex}.shadow-dictation-gaps label{gap:4px;width:120px;min-width:0;display:grid}.shadow-dictation-gaps label>span{color:var(--muted);font-size:12px}.shadow-dictation-gaps input{width:100%;min-height:44px}.shadow-dictation-gaps>strong{overflow-wrap:anywhere;padding-block:12px}.shadow-dictation-levels .button{flex:1;width:auto;min-width:0;min-height:44px;padding:10px 8px;font-size:14px}.shadow-library-about summary{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;display:flex}.learning-loop{max-width:900px;color:var(--ink);overflow-wrap:anywhere;margin:0 auto}.learning-loop>h2{margin:8px 0 16px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.learning-loop p{color:var(--muted);line-height:1.65}.loop-kicker{font-size:.9rem;font-weight:800;color:var(--accent)!important}.loop-panel{background:var(--surface);border:2px solid var(--line);border-radius:16px;margin:24px 0;padding:24px}.loop-panel h3{color:var(--ink);margin-top:0}.loop-panel label,.loop-filters label{color:var(--ink);flex-direction:column;gap:8px;min-width:0;margin-bottom:16px;font-weight:800;display:flex}.loop-panel input,.loop-panel select,.loop-filters select{background:var(--bg);width:100%;min-height:48px;color:var(--ink);border:2px solid var(--line);font:inherit;border-radius:12px;min-width:0;padding:10px 12px}.loop-panel .loop-check{flex-direction:row;align-items:flex-start;min-height:44px;font-weight:600}.loop-check input{flex-shrink:0;width:20px;min-height:20px;margin-top:3px}.loop-panel form{gap:16px;margin:20px 0;display:grid}.loop-panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}.loop-panel summary{cursor:pointer;min-height:44px;color:var(--ink);align-content:center;font-weight:800;display:list-item}.loop-filters{grid-template-columns:1fr 2fr 1fr;gap:16px;margin-top:24px;display:grid}.loop-mode{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.loop-mode button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.game-round{max-width:640px}.game-round h3{margin:24px 0;font-size:1.65rem}.game-round progress{width:100%;accent-color:var(--action);appearance:none;background:var(--line);border:0;border-radius:8px;height:12px}.game-round progress::-webkit-progress-bar{background:var(--line);border-radius:8px}.game-round progress::-webkit-progress-value{background:var(--action);border-radius:8px}.game-round progress::-moz-progress-bar{background:var(--action);border-radius:8px}.game-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;display:grid}.game-options button{white-space:normal;text-align:left;min-height:64px}.game-options button:disabled{opacity:1;color:var(--muted)}.game-options button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.game-options button.game-correct{border-color:var(--green);color:var(--green)}.playlist-list{padding-left:24px}.playlist-list li{border-bottom:1px solid var(--line);padding:18px 0}.playlist-list li>div{margin-bottom:12px}.playlist-list small{color:var(--muted);margin-top:6px;display:block}.speech-live{margin:20px 0}.speech-words{flex-wrap:wrap;gap:8px;display:flex}.speech-words span{border:2px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 12px}.speech-words small{font-size:.75rem;display:block}.speech-words .retry{border-color:var(--accent);background:var(--accent-soft)}.loop-panel audio{width:100%;max-width:400px;margin:20px 0;display:block}.room-list{padding:0;list-style:none}.room-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.room-list span{min-width:0}@media (width<=600px){.loop-panel{margin:20px 0;padding:16px}.loop-filters{grid-template-columns:1fr;gap:0}.game-options{grid-template-columns:1fr}.loop-mode{gap:8px}.loop-mode button{flex:100%}.learning-loop .button-row{flex-wrap:wrap;gap:12px;display:flex}.learning-loop .button-row .button{white-space:normal;flex:140px}.learning-loop .button{white-space:normal;max-width:100%;min-height:48px}.game-round h3{font-size:1.4rem}}.maru-live-page{gap:22px;min-width:0;display:grid}.live-layout{align-items:start;gap:20px;display:grid}.live-stage{text-align:center;min-width:0;padding:20px}.live-stage-top{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.live-stage-top [role=timer]{font-variant-numeric:tabular-nums;color:var(--ink);font-size:18px;font-weight:800}.maru-live-character{width:min(100%,300px);height:auto;margin:4px auto 0;display:block;overflow:visible}.maru-live-body{transform-origin:50% 80%;transition:transform .1s linear}.maru-expression-eyes{transform-origin:48% 39%}.maru-live-face{transition:transform .2s cubic-bezier(.77,0,.175,1)}.motion-on.state-listening .maru-live-face{transform:translateY(-6px)}.motion-on.state-thinking .maru-live-face{transform:translate(14px,-8px)}.motion-on.state-speaking .maru-expression-eyes{animation:.85s cubic-bezier(.77,0,.175,1) infinite maru-speaking-eyes}.motion-on.state-speaking .maru-live-smile{transform-origin:46% 48%;animation:.45s cubic-bezier(.77,0,.175,1) infinite maru-speaking-smile}.motion-on.preview-on .maru-live-body{animation:1.1s cubic-bezier(.77,0,.175,1) infinite maru-preview-nod}.motion-off .maru-live-body,.motion-off .maru-live-face{transform:none!important}.live-caption{overflow-wrap:anywhere;max-width:52ch;min-height:3em;margin:4px auto 16px;font-size:clamp(18px,2vw,22px);font-weight:800;line-height:1.5}.live-status{color:var(--accent);margin:10px 0;font-size:14px;font-weight:800}.live-animation-control{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:13px;display:inline-flex}.live-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0;display:flex}.live-controls .button{min-height:48px}.live-options{gap:20px;min-width:0;display:grid}.live-personas h3{margin:0 0 6px;font-size:22px}.live-personas>p{color:var(--muted);margin:0 0 14px;font-size:14px}.persona-choice{text-align:left;width:100%;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:16px;align-items:center;gap:14px;min-height:78px;margin-top:10px;padding:14px;display:flex}.persona-choice.selected{border:2px solid var(--accent);background:var(--accent-soft);padding:13px}.persona-choice:disabled{cursor:default}.persona-choice>span{flex:1;min-width:0}.persona-choice strong{font-size:18px;display:block}.persona-choice small{color:var(--muted);margin-top:4px;font-size:13px;display:block}.persona-choice>svg:last-child{color:var(--accent);flex-shrink:0}.persona-face{width:56px;height:38px;color:var(--accent);flex-shrink:0}.live-config{padding:20px}.live-config>label:first-child{gap:8px;font-weight:800;display:grid}.live-mode{gap:8px;margin-top:16px;font-weight:800;display:grid}.live-text-input{text-align:left;gap:10px;margin:16px 0;display:grid}.live-text-input label{gap:8px;font-size:14px;font-weight:800;display:grid}.live-text-input input{width:100%;min-width:0;min-height:48px;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:12px}.live-config select{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:10px}.live-config>p,.live-config small,.live-preview-note{color:var(--muted);font-size:13px;line-height:1.6}.live-data-note{border-top:1px solid var(--line);color:var(--muted);margin-top:16px;padding-top:8px;font-size:13px;line-height:1.6}.live-data-note summary{cursor:pointer;min-height:44px;color:var(--ink);align-items:center;font-weight:800;display:flex}.live-data-note summary:before{content:"+";margin-right:10px}.live-data-note[open] summary:before{content:"−"}.live-privacy-link{min-height:44px;font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:10px 4px;text-decoration:underline;display:inline-block}.live-consent{text-align:left;cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;margin:16px 0;font-size:13px;line-height:1.6;display:flex}.live-consent input,.live-animation-control input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.live-notice{border-left:3px solid var(--accent);text-align:left;background:var(--accent-soft);margin:14px 0;padding:10px 12px;font-size:14px;line-height:1.6}.live-notice>p{margin:0 0 10px}.live-transcript{min-width:0;padding:20px}.live-transcript h3{margin-top:0}.live-transcript>p{color:var(--muted);font-size:14px}.live-transcript ol{gap:12px;max-height:440px;margin:20px 0;padding:0;list-style:none;display:grid;overflow:auto}.live-transcript li{border:1px solid var(--line);border-radius:12px;margin-right:12%;padding:14px 16px}.live-transcript li.user{background:var(--accent-soft);margin:0 0 0 12%}.live-transcript li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0}@keyframes maru-speaking-eyes{0%,to{transform:scaleY(1)}50%{transform:scaleY(.93)}}@keyframes maru-speaking-smile{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.3)}}@keyframes maru-preview-nod{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@media (width>=1080px){.live-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.8fr)}.live-stage{padding:24px;position:sticky;top:95px}.maru-live-character{width:min(100%,360px)}}@media (width<=500px){.live-stage,.live-config,.live-transcript{padding:16px}.maru-live-character{width:230px}.live-controls{display:grid}.live-controls .button{width:100%}.persona-choice{gap:10px}.persona-face{width:48px}.live-caption{min-height:0}}@media (prefers-reduced-motion:reduce){.maru-live-character *{transition:none!important;animation:none!important}.maru-live-body,.maru-live-face{transform:none!important}}