@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--bg:#f5f3ee;--paper:#fffefa;--ink:#28332f;--muted:#7e8983;--line:#e9e8e1;--green:#426d5e;--green-soft:#e9f0eb;--ochre:#c79658;--serif:Georgia,'Noto Serif SC',serif;--sans:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;background:#f0eee8;border-right:1px solid var(--line);padding:28px 18px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 36px;text-decoration:none;color:inherit}.brand-mark{width:38px;height:38px;background:var(--green);color:#fff;border-radius:13px;display:grid;place-items:center;font:italic 25px var(--serif)}.brand b{display:block;font-size:15px;letter-spacing:.05em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.side-label,.eyebrow{font-size:10px;letter-spacing:.14em;color:#9a9f98;font-weight:700}.side-label{padding:0 12px 10px}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#68736d;text-align:left;width:100%;border-radius:10px;padding:11px 12px;display:flex;gap:12px;align-items:center;font:500 13px var(--sans);cursor:pointer}.nav-item span{font-size:18px;width:19px;text-align:center}.nav-item:hover,.nav-item.active{background:#e2e9e2;color:#355d50}.nav-item.active{font-weight:700}.sidebar-note{margin:auto 3px 18px;padding:16px 14px;border-radius:13px;background:#e7ebe4}.note-icon{font-size:18px;color:var(--ochre);margin-bottom:10px}.sidebar-note b{font-size:12px}.sidebar-note p{font-size:11px;color:#748078;line-height:1.7;margin:6px 0 0}.sidebar-footer{border-top:1px solid #dfdfd6;padding:14px 7px 0;color:#849088;font-size:10px;display:flex;gap:7px;align-items:center}.sync-dot{width:7px;height:7px;border-radius:50%;background:#79a286}.main-area{margin-left:244px;width:calc(100% - 244px);max-width:1400px;padding:0 54px 24px;margin-right:auto}.topbar{height:68px;display:flex;align-items:center;justify-content:flex-end;gap:14px;border-bottom:1px solid var(--line);color:#8b938d;font-size:11px}.icon-button{border:1px solid var(--line);background:var(--paper);width:34px;height:34px;border-radius:10px;color:#6c7971;font-size:17px;cursor:pointer}.mobile-brand{display:none}.view{display:none;padding-top:38px;animation:fade .22s ease}.view.active{display:block}@keyframes fade{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start}.welcome-row h1,.page-heading h1{font:500 31px/1.3 var(--serif);letter-spacing:-.03em;margin:9px 0 8px}.intro{color:#7d8981;margin:0;line-height:1.8;font-size:13px}.streak-card{display:flex;gap:10px;align-items:center;margin-top:10px;padding:11px 14px;background:#fffefa;border:1px solid var(--line);border-radius:12px}.streak-emoji{font-size:22px;color:var(--ochre)}.streak-card b,.streak-card small{display:block}.streak-card b{font-size:13px}.streak-card small{font-size:10px;color:var(--muted);margin-top:3px}.goal-banner{margin:25px 0 32px;padding:17px 19px;display:flex;align-items:center;gap:14px;border:1px solid #e3e9e1;background:#eef2eb;border-radius:13px}.goal-icon{color:#8b9c72;background:#fff9;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;font-size:17px}.goal-banner b{font-size:12px}.goal-banner p{font-size:11px;color:#78847a;margin:5px 0 0}.text-button{border:0;background:none;color:var(--green);font:600 11px var(--sans);cursor:pointer;white-space:nowrap}.goal-banner .text-button{margin-left:auto}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-heading h2{font:500 20px var(--serif);margin:5px 0 0}.quiet-label{font-size:10px;color:#8b958e;background:#eeede7;padding:6px 10px;border-radius:20px}.lesson-card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:15px}.lesson-card{padding:22px 24px 0}.lesson-top{display:flex;justify-content:space-between}.lesson-tag{display:inline-block;font-size:10px;color:#547463;background:#edf2ec;padding:6px 9px;border-radius:20px}.lesson-top h3{font:500 21px var(--serif);margin:11px 0 5px}.lesson-top p{color:#87918a;font-size:11px;margin:0}.lesson-art{height:82px;width:116px;background:#f5ead9;border-radius:14px;display:grid;place-items:center;position:relative;color:#6c8172;font:italic 22px var(--serif);transform:rotate(2deg)}.lesson-art i{position:absolute;font:normal 22px var(--sans);color:#c79658;right:12px;top:8px}.task-list{margin-top:17px}.task-row{min-height:48px;display:flex;align-items:center;gap:12px;border-top:1px solid #f0efe9;color:#4e5b54;font-size:12px}.task-row:first-child{border-top:1px solid var(--line)}.task-check{appearance:none;border:1.5px solid #c9cec6;border-radius:6px;width:17px;height:17px;margin:0;cursor:pointer;position:relative;flex:none}.task-check:checked{background:var(--green);border-color:var(--green)}.task-check:checked:after{content:'✓';position:absolute;color:#fff;font-size:11px;left:3px;top:0}.task-time{margin-left:auto;font-size:10px;color:#a2a8a1}.task-row.done .task-label{text-decoration:line-through;color:#9da59e}.lesson-bottom{padding:13px 0;display:flex;justify-content:space-between;align-items:center;color:#8a938d;font-size:10px}.muted{color:#9ba39c}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-top:17px}.panel{padding:19px}.panel-heading{align-items:center;margin-bottom:20px}.panel-heading h3,.milestone-panel h3{font:500 17px var(--serif);margin:5px 0 0}.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.day-cell{text-align:center;color:#9aa19b;font-size:9px}.day-bubble{width:28px;height:28px;margin:7px auto 0;border-radius:50%;border:1px solid #e9eae3;display:grid;place-items:center;color:#a4aaa3;background:#fbfaf6}.day-cell.today .day-bubble{border-color:#c79658;color:#9c7745;background:#fbf2e5}.day-cell.completed .day-bubble{border-color:#6c8c77;color:#fff;background:#6c8c77}.week-foot{display:flex;gap:13px;align-items:center;font-size:9px;color:#929a94;margin-top:16px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6c8c77;margin-right:4px}.legend-dot.today{background:#c79658}.week-target{margin-left:auto}.milestone-panel>p{font-size:11px;line-height:1.75;color:#838e86;margin:9px 0 16px}.progress-line{height:5px;border-radius:6px;background:#eeeee8;overflow:hidden}.progress-line span{display:block;height:100%;background:#718d77;border-radius:6px;transition:width .3s}.progress-caption{display:flex;justify-content:space-between;color:#969f98;font-size:9px;margin:7px 0 16px}.outline-button{background:transparent;border:1px solid #dfe4dc;border-radius:9px;color:var(--green);padding:9px 12px;font:600 10px var(--sans);cursor:pointer}.full{width:100%}.gentle-tip{display:flex;gap:12px;align-items:flex-start;margin:17px 2px;color:#919990}.gentle-tip>span{font-size:18px;color:#c49a64}.gentle-tip b{font-size:10px;color:#77827a}.gentle-tip p{font-size:10px;margin:4px 0;line-height:1.7}.page-heading{margin:0 0 22px}.page-heading h1{margin-top:8px}.plan-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:24px 0}.plan-summary>div{display:flex;align-items:center;gap:11px;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.summary-icon{height:34px;width:34px;border-radius:10px;background:#edf1e9;display:grid;place-items:center;color:var(--green);font-size:16px}.plan-summary b,.plan-summary small{display:block}.plan-summary b{font-size:11px}.plan-summary small{font-size:9px;color:#929b94;margin-top:4px}.phase-list{display:grid;gap:12px}.phase-card{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:14px}.phase-card.current{border-color:#cbd9ca;box-shadow:0 4px 18px #5974600a}.phase-marker{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e9efe8;color:#58715e;font:500 14px var(--serif)}.phase-card:not(.current) .phase-marker{background:#f1f0ea;color:#a4a79e}.phase-meta{display:flex;gap:9px;align-items:center;font-size:9px;color:#a0a69f}.phase-status{color:#557460;background:#eff3ec;border-radius:20px;padding:5px 8px;font-weight:700}.phase-status.later{background:#f2f1ec;color:#90978f}.phase-content h2{font:500 18px var(--serif);margin:10px 0 5px}.phase-content>p{font-size:11px;color:#7e8981;margin:0 0 12px;line-height:1.7}.phase-chips{display:flex;flex-wrap:wrap;gap:6px}.phase-chips span{border:1px solid #e9eae3;border-radius:20px;padding:5px 8px;color:#78837b;font-size:9px}.phase-detail{background:#f8f7f2;border-radius:9px;padding:11px 12px;margin-top:13px}.phase-detail b{font-size:10px}.phase-detail p{color:#7e8981;font-size:10px;line-height:1.7;margin:5px 0 0}.british-box{display:flex;gap:16px;align-items:center;padding:19px;background:#edf1e9;border-radius:14px;margin:15px 0 0}.british-stamp{font:italic 22px var(--serif);color:#fff;background:#728977;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex:none}.british-box h3{margin:5px 0;font:500 15px var(--serif)}.british-box p{margin:0;color:#758078;font-size:10px;line-height:1.8}.practice-feature{display:grid;grid-template-columns:1fr 220px;background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden}.practice-copy{padding:24px}.practice-copy h2{font:500 21px var(--serif);margin:11px 0 5px}.practice-copy>p{font-size:11px;color:#818c84;margin:0}.sample-speech{padding:13px 15px;background:#f7f6f1;border-radius:11px;margin-top:17px}.sample-speech p{font-size:13px;margin:7px 0;color:#36483e}.blank{color:#9a815e;border-bottom:1px dashed #c8b28f}.sample-translation{font-size:10px;color:#939b94;margin:8px 0 15px}.audio-row{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;gap:10px}.play-button{border:0;border-radius:50%;width:36px;height:36px;background:var(--green);color:white;cursor:pointer}.audio-row b,.audio-row small{display:block}.audio-row b{font-size:10px}.audio-row small{font-size:9px;color:#9ba39c;margin-top:3px}.switch-label{margin-left:auto;display:flex;align-items:center;gap:6px;color:#879189;font-size:9px}.switch-label input{display:none}.switch{width:27px;height:15px;border-radius:10px;background:#d7ddd6;position:relative}.switch:after{content:'';width:11px;height:11px;background:#fff;border-radius:50%;position:absolute;left:2px;top:2px;transition:transform .2s}.switch-label input:checked+.switch{background:#78907d}.switch-label input:checked+.switch:after{transform:translateX(12px)}.practice-side{background:#eef1e9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px}.practice-illustration{font-size:67px;color:#94a38d;position:relative}.practice-illustration span{position:absolute;top:9px;left:27px;font:italic 17px var(--serif);color:#bd9665}.practice-tip{font-size:10px;line-height:1.7;color:#78847b;margin-top:15px}.practice-tip b{color:#4d6455}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.topic-card{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:13px;cursor:pointer;color:var(--ink)}.topic-card:hover{border-color:#b7c8b8}.topic-card span,.topic-card b,.topic-card small{display:block}.topic-card span{color:#b19a77;font-size:9px;margin-bottom:9px}.topic-card b{font:500 13px var(--serif)}.topic-card small{color:#929a93;font-size:9px;margin-top:5px}.journal-entry{margin-top:20px;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:17px}.journal-entry label{font-size:11px;font-weight:700}.journal-entry textarea{display:block;width:100%;margin-top:10px;border:1px solid var(--line);border-radius:9px;background:#fcfbf7;padding:12px;font:12px/1.7 var(--sans);resize:vertical;color:var(--ink);outline:none}.journal-entry textarea:focus{border-color:#98b09d}.field-hint{font-size:9px;color:#a0a69f;margin-top:7px}.journal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0 16px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:17px}.stat-card span{display:block;font-size:10px;color:#8f9891}.stat-card b{display:block;font:500 25px var(--serif);margin-top:6px}.stat-card b span{display:inline;font:10px var(--sans);color:#8f9891}.history-list{display:grid}.history-item{display:flex;align-items:center;gap:12px;border-top:1px solid #f0efe9;padding:12px 2px}.history-date{width:45px;color:#9ba29c;font-size:10px}.history-desc{font-size:11px;flex:1}.history-duration{font-size:10px;color:#8f9991}.history-check{color:#6e8c73}.empty-history{text-align:center;padding:26px 0;color:#9da49e;font-size:11px}.sync-help{display:flex;gap:13px;margin-top:15px;padding:17px;border:1px solid #eadfcf;border-radius:12px;background:#faf5ec;color:#b08b5d}.sync-help>span{font-size:19px}.sync-help b{font-size:11px;color:#665e50}.sync-help p{font-size:10px;color:#827a6e;line-height:1.7;margin:6px 0 0}.main-footer{border-top:1px solid var(--line);margin-top:35px;padding:17px 2px;color:#a0a69f;font-size:9px;display:flex;justify-content:space-between}.main-footer span{letter-spacing:.12em}.settings-dialog{border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);width:min(430px,calc(100% - 28px));padding:27px;box-shadow:0 20px 80px #273b2d24}.settings-dialog::backdrop{background:#26342e77;backdrop-filter:blur(2px)}.settings-dialog form{position:relative}.dialog-close{position:absolute;right:0;top:0;border:0;background:transparent;color:#89938b;font-size:25px;cursor:pointer}.settings-dialog h2{font:500 21px var(--serif);margin:9px 0 4px}.settings-dialog p{font-size:11px;color:#879189;line-height:1.7}.settings-dialog label{display:block;margin-top:14px;font-size:10px;color:#66736b}.settings-dialog select,.settings-dialog input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fffefa;color:var(--ink);font:12px var(--sans)}.primary-button{border:0;border-radius:9px;background:var(--green);color:#fff;padding:11px 15px;font:600 11px var(--sans);cursor:pointer}.save-settings{width:100%;margin-top:18px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#314e40;color:white;padding:10px 15px;border-radius:9px;font-size:11px;transition:.2s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}
@media(max-width:1000px){.main-area{padding:0 32px 22px}.sidebar{width:215px}.main-area{margin-left:215px;width:calc(100% - 215px)}.dashboard-grid{grid-template-columns:1fr}.milestone-panel{min-height:190px}}
@media(max-width:700px){body{font-size:13px}.sidebar{display:none}.main-area{margin:0;width:100%;padding:0 17px 88px}.topbar{height:55px;justify-content:space-between}.mobile-brand{display:flex;align-items:center;gap:8px;color:#405448}.mobile-brand .brand-mark{width:29px;height:29px;border-radius:10px;font-size:20px}.mobile-brand b{font-size:13px}.date-label{margin-left:auto;margin-right:4px}.view{padding-top:27px}.welcome-row h1,.page-heading h1{font-size:25px}.welcome-row{gap:7px}.intro{font-size:11px}.streak-card{padding:8px 9px;gap:7px;margin-top:5px}.streak-emoji{font-size:17px}.streak-card b{font-size:11px}.streak-card small{font-size:9px}.goal-banner{margin:19px 0 25px;padding:13px;gap:10px;align-items:flex-start}.goal-icon{width:29px;height:29px;flex:none}.goal-banner b{font-size:10px}.goal-banner p{font-size:9px;line-height:1.6}.goal-banner .text-button{font-size:0;padding:4px 0}.goal-banner .text-button span{font-size:15px}.section-heading h2{font-size:18px}.lesson-card{padding:16px 15px 0}.lesson-top h3{font-size:18px}.lesson-top p{max-width:230px;line-height:1.7}.lesson-art{width:70px;height:64px;font-size:16px;flex:none}.lesson-art i{font-size:17px}.task-row{font-size:10px;min-height:45px}.task-time{font-size:9px}.dashboard-grid{gap:11px}.panel{padding:15px}.panel-heading h3,.milestone-panel h3{font-size:15px}.week-foot{gap:8px;font-size:8px}.week-target{font-size:8px}.gentle-tip p{font-size:9px}.plan-summary{grid-template-columns:1fr;gap:7px;margin:17px 0}.plan-summary>div{padding:10px}.summary-icon{width:30px;height:30px}.phase-card{grid-template-columns:33px 1fr;gap:9px;padding:14px}.phase-marker{width:31px;height:31px;border-radius:10px;font-size:12px}.phase-content h2{font-size:16px}.phase-meta{font-size:8px;gap:5px}.phase-detail{padding:9px}.british-box{padding:13px;gap:11px;align-items:flex-start}.british-stamp{width:40px;height:40px;font-size:17px}.british-box h3{font-size:13px}.practice-feature{grid-template-columns:1fr}.practice-copy{padding:16px}.practice-side{display:none}.practice-copy h2{font-size:18px}.sample-speech p{font-size:11px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card{padding:11px}.journal-stats{gap:7px}.stat-card{padding:12px 9px}.stat-card b{font-size:20px}.stat-card>span{font-size:9px}.sync-help{padding:13px;gap:9px}.sync-help p{font-size:9px}.main-footer{font-size:8px;margin-top:27px}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;z-index:10;background:#fffefa;border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{border:0;background:none;color:#929b94;display:grid;justify-items:center;gap:3px;font:10px var(--sans);padding:3px 13px}.mobile-nav button span{font-size:18px}.mobile-nav button.active{color:var(--green);font-weight:700}.settings-dialog{padding:22px}.history-item{gap:8px}}
.hidden{display:none!important}.launch-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:-14px 0 25px;border:1px solid #eadfcf;background:#faf5ec;border-radius:12px}.launch-icon{font-size:20px;color:#b08b5d}.launch-banner b{font-size:11px;color:#665e50}.launch-banner p{font-size:10px;color:#827a6e;margin:4px 0 0}.launch-banner .outline-button{margin-left:auto;white-space:nowrap}.task-row.locked{opacity:.55}.session-record{padding:14px 0 15px;border-top:1px solid var(--line)}.session-fields{display:grid;grid-template-columns:180px 1fr;gap:11px}.session-fields label,.add-phrase label,.assessment-card label{display:block;font-size:10px;color:#6f7a72;font-weight:600}.session-fields input,.session-fields textarea,.add-phrase input,.add-phrase textarea,.assessment-card input,.assessment-card textarea,.error-entry input{width:100%;margin-top:6px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--ink);font:11px/1.6 var(--sans);outline:none}.session-fields input:focus,.session-fields textarea:focus,.add-phrase input:focus,.add-phrase textarea:focus,.assessment-card input:focus,.assessment-card textarea:focus,.error-entry input:focus{border-color:#98b09d}.session-record>.primary-button{margin-top:10px}.session-record>.field-hint{margin-bottom:0}.primary-button:disabled{opacity:.55;cursor:not-allowed}.schedule-panel{margin:0 0 19px}.schedule-panel h3,.add-phrase h3,.due-phrases h3,.all-phrases h3,.error-panel h3{font:500 16px var(--serif);margin:6px 0 14px}.schedule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.schedule-grid>div{display:flex;flex-direction:column;gap:5px;padding:11px;border:1px solid #eeede7;border-radius:9px;background:#fcfbf7}.schedule-grid b{font-size:10px;color:#58715e}.schedule-grid span{font-size:10px;line-height:1.5;min-height:30px}.schedule-grid small{font-size:9px;color:#9ba39c}.schedule-grid .rest-day{background:#f1f0eb}.schedule-grid .rest-day b{color:#92988f}.baseline-note{background:#edf2eb;border-radius:11px;padding:14px 16px;margin-bottom:14px}.baseline-note b{font-size:11px;color:#4e6755}.baseline-note p{font-size:10px;line-height:1.7;color:#78847b;margin:5px 0 0}.assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.assessment-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:17px}.assessment-number{font-size:9px;letter-spacing:.12em;color:#a1845d;font-weight:700}.assessment-card h3{font:500 16px var(--serif);margin:8px 0 5px}.assessment-card>p{font-size:10px;line-height:1.7;color:#7e8981;margin:0 0 10px}.assessment-card .reading-sample{padding:11px;background:#f7f6f1;border-radius:8px;color:#44544a;font:12px/1.8 var(--serif)}.rating-label{margin-top:9px}.rating-label select{display:block;width:100%;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--ink)}.transcript{margin:10px 0;color:#77837b;font-size:10px}.transcript summary{cursor:pointer}.transcript p{font:12px/1.8 var(--serif);padding:8px;background:#f7f6f1;border-radius:8px}.baseline-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.review-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.add-phrase,.due-phrases,.all-phrases,.error-panel{margin-bottom:13px}.add-phrase label{margin-top:10px}.add-phrase .primary-button{margin-top:12px}.due-phrases .panel-heading{margin-bottom:12px}.due-card{padding:13px;border:1px solid #e9eae3;background:#fcfbf7;border-radius:10px;margin-bottom:9px}.due-hint{font-size:9px;color:#9ba39c}.due-meaning{font:500 16px var(--serif);margin:8px 0}.revealed-phrase{font:500 13px var(--serif);color:#426d5e;margin:5px 0}.due-card>small{font-size:9px;color:#9ba39c}.grade-row{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.grade-row button{border:1px solid #e4e7df;background:#fffefa;border-radius:7px;color:#5d6d62;padding:6px 8px;font:10px var(--sans);cursor:pointer}.grade-row button:hover{background:#edf2eb}.phrase-list{display:grid}.phrase-row{padding:10px 2px;border-top:1px solid #f0efe9;display:flex;align-items:center;justify-content:space-between;gap:8px}.phrase-row b,.phrase-row small{display:block}.phrase-row b{font-size:11px;font-weight:600}.phrase-row small{font-size:9px;color:#929b94;margin-top:3px}.error-entry{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:center}.error-entry input{margin:0}.error-entry .outline-button{white-space:nowrap}
@media(max-width:700px){.launch-banner{padding:11px;gap:8px;margin:-10px 0 20px;align-items:flex-start}.launch-banner b{font-size:9px}.launch-banner p{font-size:8px;line-height:1.5}.launch-banner .outline-button{font-size:9px;padding:7px;margin-left:auto}.session-fields{grid-template-columns:1fr}.schedule-grid{grid-template-columns:repeat(2,1fr)}.assessment-grid{grid-template-columns:1fr}.assessment-card{padding:14px}.review-layout{grid-template-columns:1fr}.error-entry{grid-template-columns:1fr}.error-entry .outline-button{justify-self:start}.mobile-nav button{padding-left:6px;padding-right:6px;font-size:9px}.mobile-nav button span{font-size:16px}.baseline-actions{align-items:flex-start;flex-direction:column}}
.baseline-history{margin-top:14px}.baseline-history h3{font:500 15px var(--serif);margin:6px 0 11px}.baseline-record{display:grid;grid-template-columns:90px 1fr;gap:6px;padding:11px 2px;border-top:1px solid #f0efe9;align-items:start}.baseline-record>b{font-size:10px}.baseline-record>span{font-size:10px;color:#7e8981;line-height:1.6}.baseline-record details{grid-column:2;font-size:9px;color:#869087}.baseline-record summary{cursor:pointer}.baseline-record details p{line-height:1.6;overflow-wrap:anywhere}
@media(max-width:700px){.baseline-record{grid-template-columns:65px 1fr;gap:5px}.baseline-record>span{font-size:9px}}

.materials-tabs{display:flex;gap:7px;overflow-x:auto;padding:4px 1px 12px;margin:0 0 13px;scrollbar-width:thin}.materials-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--paper);color:#6e7c72;border-radius:9px;padding:10px 13px;font:600 11px var(--sans);cursor:pointer}.materials-tabs button.active{background:var(--green);border-color:var(--green);color:white}.materials-tabs small{font-size:9px;opacity:.75;margin-left:4px}.materials-status,.material-note{padding:12px 14px;background:#edf2eb;border-radius:10px;color:#66766a;font-size:11px;line-height:1.7;margin:0 0 13px}.material-toolbar{display:flex;align-items:end;gap:10px;padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:13px}.material-toolbar label{font-size:10px;color:#68766d;min-width:160px}.material-toolbar select,.material-toolbar input{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--ink);font:11px var(--sans)}.material-toolbar .material-search{flex:1}.material-count{font-size:10px;color:#8c968f;white-space:nowrap;padding:10px 2px}.chunk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-card,.material-lesson,.quiz-card{background:var(--paper);border:1px solid var(--line);border-radius:12px}.chunk-card{padding:15px}.chunk-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.chunk-title h3{font:500 15px var(--serif);margin:0;color:#40564a}.sound-button{border:0;background:#edf2eb;color:var(--green);border-radius:50%;width:31px;height:31px;cursor:pointer;flex:none}.chunk-ipa{font-size:10px;color:#a1815b;margin-top:6px}.chunk-card>p{font-size:11px;margin:8px 0;color:#616f65}.chunk-card blockquote,.pattern-card blockquote{margin:0;padding:9px 11px;background:#f7f6f1;border-radius:8px;color:#657168;font:11px/1.7 var(--serif)}.chunk-card .text-button{margin-top:8px;font-size:10px}.material-accordion{display:grid;gap:9px}.material-lesson{overflow:hidden}.material-lesson>summary{cursor:pointer;list-style:none;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.material-lesson>summary::-webkit-details-marker{display:none}.material-lesson>summary:after{content:'＋';color:#819184;font-size:15px}.material-lesson[open]>summary:after{content:'−'}.material-lesson>summary span{font:500 14px var(--serif);color:#44584b}.material-lesson>summary small{margin-left:auto;color:#929b93;font-size:10px;text-align:right}.lesson-material-body{border-top:1px solid var(--line);padding:15px}.lesson-material-body h4{font-size:11px;margin:16px 0 8px;color:#53685a}.lesson-material-body h4:first-child{margin-top:0}.pattern-card{padding:11px;border:1px solid #eeede7;border-radius:9px;margin:7px 0}.pattern-card>b{font-size:11px}.pattern-card p,.answer-card p{font-size:10px;line-height:1.7;color:#727e75;margin:6px 0}.material-list,.pronunciation-list{padding-left:20px;margin:7px 0;color:#68766d;font-size:10px;line-height:1.8}.material-list li{padding:3px 0}.material-list b{color:#40564a;margin-right:8px}.reading-passage{font:12px/1.9 var(--serif);color:#4e5d53;background:#f8f7f2;border-radius:9px;padding:13px}.answer-card{margin:8px 0;padding:10px 12px;border:1px solid #eeede7;border-radius:8px;font-size:10px;color:#627168}.answer-card summary{cursor:pointer}.dialogue-lines{display:grid;gap:7px;margin-bottom:13px}.dialogue-line{display:grid;grid-template-columns:95px 1fr auto;align-items:start;gap:8px;padding:9px 10px;border-radius:9px;background:#f8f7f2}.dialogue-line>b{font-size:10px;color:#54705c}.dialogue-line p{font:11px/1.7 var(--serif);margin:0;color:#4d5e53}.dialogue-line button{font-size:9px}.quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-card{padding:14px}.quiz-question{font:500 12px/1.7 var(--serif);color:#405449;margin:0 0 10px}.quiz-options{display:grid;gap:6px}.quiz-options label{display:flex;align-items:flex-start;gap:7px;padding:8px;border:1px solid #eeede7;border-radius:8px;color:#647168;font-size:10px;line-height:1.6;cursor:pointer}.quiz-options label:has(input:checked){border-color:#9eb19e;background:#f0f4ed}.quiz-options input{margin:2px 0 0;accent-color:var(--green);flex:none}.quiz-card>.outline-button{margin:9px 0}.quiz-feedback{font-size:10px;line-height:1.6;margin:0 0 7px}.quiz-feedback.correct{color:#4b7953}.quiz-feedback.incorrect,.quiz-feedback.needs-answer{color:#a16e45}.quiz-summary{padding:12px;color:#7c887e;font-size:10px;text-align:right}.materials-content>.section-heading{margin-top:23px}
@media(max-width:700px){.materials-tabs{gap:5px}.materials-tabs button{font-size:10px;padding:9px 10px}.material-toolbar{align-items:stretch;flex-wrap:wrap;gap:7px}.material-toolbar label{min-width:calc(50% - 5px);flex:1}.material-toolbar .material-search{min-width:100%}.material-count{padding:3px 1px}.chunk-grid,.quiz-grid{grid-template-columns:1fr}.chunk-card{padding:13px}.material-lesson>summary{padding:12px}.lesson-material-body{padding:12px}.dialogue-line{grid-template-columns:1fr auto;gap:5px}.dialogue-line>b{grid-column:1/-1}.dialogue-line p{grid-column:1}.dialogue-line button{grid-column:2;grid-row:2}.reading-passage{font-size:11px}}
.day-goal{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 15px;background:#edf2eb;border-radius:11px;margin:16px 0 9px}.day-goal .lesson-tag{display:inline-block}.day-goal b{display:block;margin-top:8px;font:600 13px var(--serif);color:#4d6653}.day-goal p{margin:5px 0 0;font-size:10px;line-height:1.7;color:#748078}.day-goal .text-button{white-space:nowrap;font-size:9px}.how-to-start{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid #e8e4d9;border-radius:9px;background:#fffdf8;color:#788278;font-size:10px;line-height:1.7}.how-to-start b{white-space:nowrap;color:#826e4f}.guided-task{padding:3px 0 9px;border-bottom:1px solid #efeee8}.guided-task .task-row{border:0}.guided-task.done .task-label{color:#91a095}.guided-task-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px 2px 29px}.guided-task-actions>span{font-size:9px;color:#9ba39c;line-height:1.6}.guided-task-actions .outline-button{white-space:nowrap;padding:7px 9px;font-size:9px}.task-workspace{margin:13px 0 0;border-color:#dfe6dc}.task-workspace .panel-heading{margin-bottom:8px}.task-workspace .panel-heading h3{font:500 15px var(--serif);margin:5px 0}.task-instruction{font-size:10px;line-height:1.8;color:#78847c;background:#f7f6f1;border-radius:8px;padding:10px 12px}.today-phrase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.today-phrase{padding:10px;border:1px solid #eeede7;border-radius:9px;background:#fffefa}.today-phrase>span{display:block;font-size:8px;color:#a88e68}.today-phrase>b{display:block;font:500 13px var(--serif);color:#536b59;margin:5px 0}.today-phrase details summary{font-size:9px;color:#8d968e;cursor:pointer}.today-phrase details strong{display:block;font-size:11px;color:#465a4d;margin-top:6px}.today-phrase details p{font:10px/1.6 var(--serif);color:#68756c}.input-chunks{display:grid;gap:7px}.input-chunks article{display:grid;grid-template-columns:minmax(120px,.8fr) 1fr;gap:4px 9px;padding:9px 10px;background:#f8f7f2;border-radius:8px}.input-chunks b{font:500 11px var(--serif);color:#4b6653}.input-chunks span{font-size:9px;color:#8a958c}.input-chunks p{grid-column:1/-1;margin:0;font:10px/1.6 var(--serif);color:#68756c}.activity-answer{display:block;margin:11px 0;font-size:10px;line-height:1.6;color:#66746a}.activity-answer input,.activity-answer textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--ink);font:11px/1.7 var(--sans);resize:vertical}.activity-answer input:focus,.activity-answer textarea:focus{outline:none;border-color:#98b09d}.task-finish-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:11px;margin-top:12px}.task-finish-row>span{font-size:9px;color:#9aa39b}.coach-result{margin:9px 0;padding:11px 12px;background:#edf2eb;border-radius:9px;color:#627167}.coach-result>b{font-size:10px;color:#4d6653}.coach-result p{font-size:10px;line-height:1.75}.coach-result .field-hint{font-size:9px}.roadmap-phase{padding:18px;margin:12px 0;background:var(--paper);border:1px solid var(--line);border-radius:14px}.roadmap-phase.current{border-color:#cbd9ca}.phase-header{display:flex;align-items:flex-start;gap:11px}.phase-header h3{font:500 16px var(--serif);margin:2px 0 5px}.phase-header p{font-size:10px;line-height:1.7;color:#7f8982;margin:0}.roadmap-outcome{padding:12px;margin:13px 0;background:#f0f3ed;border-radius:9px}.roadmap-outcome b{font-size:10px;color:#536b59}.roadmap-outcome p{font-size:10px;line-height:1.8;color:#68756c;margin:5px 0 0}.roadmap-weeks{display:grid;gap:7px}.roadmap-week{padding:10px;border:1px solid #eeede7;border-radius:8px}.roadmap-week summary{display:grid;gap:4px;cursor:pointer;list-style:none}.roadmap-week summary::-webkit-details-marker{display:none}.roadmap-week summary b{font-size:10px;color:#556d5b}.roadmap-week summary span,.roadmap-week p{font-size:9px;line-height:1.7;color:#879188}.roadmap-week p{margin:7px 0 0}.roadmap-list{padding-left:21px;margin:13px 0}.roadmap-list li{padding:6px 0;color:#536b59}.roadmap-list li b,.roadmap-list li span{display:block;font-size:10px}.roadmap-list li span{font-size:9px;color:#879188;line-height:1.6;margin-top:3px}.target-input,.reflection-label{display:block;margin:10px 0;font-size:10px;color:#637168}.target-input textarea,.reflection-label textarea,.speaking-review textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--ink);font:11px/1.7 var(--sans);resize:vertical}.method-note{padding:14px 16px;margin:13px 0;background:#faf5ec;border:1px solid #eadfcf;border-radius:11px}.method-note b{font-size:11px;color:#665e50}.method-note p{font-size:10px;line-height:1.8;color:#827a6e}.tools-panel{margin-top:14px}.tools-panel h3{font:500 16px var(--serif);margin:6px 0 12px}.tool-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-links article{padding:12px;border:1px solid #eeede7;border-radius:9px}.tool-links b{font-size:11px;color:#4e6555}.tool-links p{font-size:10px;line-height:1.7;color:#79847c}.tool-links a{font-size:10px;color:var(--green);font-weight:700}.speed-control{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:9px;color:#78847c}.speed-control select{padding:6px 7px;border:1px solid var(--line);border-radius:7px;background:#fffefa;color:var(--ink);font:10px var(--sans)}.speaking-review{margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.speaking-review>label{font-size:10px;color:#4f6555}.speaking-review .outline-button{margin:7px 0}.weekly-review-panel{margin:0 0 15px}.weekly-review-panel .panel-heading h3{font:500 16px var(--serif);margin:5px 0}.weekly-summary{padding:13px;background:#f0f3ed;border-radius:9px}.weekly-summary>b{font-size:10px;line-height:1.7;color:#5e7063}.weekly-progress{height:6px;background:#e2e8df;border-radius:9px;margin:10px 0 6px;overflow:hidden}.weekly-progress span{display:block;height:100%;background:#728d77;border-radius:9px}.weekly-summary small{font-size:9px;color:#89938a}.week-evidence{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:10px 0}.week-evidence-day{padding:8px 5px;border:1px solid #eeede7;border-radius:7px;text-align:center}.week-evidence-day b,.week-evidence-day span,.week-evidence-day small{display:block}.week-evidence-day b{font-size:9px;color:#5d725f}.week-evidence-day span{font-size:8px;color:#7d8980;margin:4px 0}.week-evidence-day small{font-size:7px;color:#9da49e;line-height:1.4;overflow-wrap:anywhere}.weekly-review-panel>.primary-button{margin:2px 0}
.phase-learning-progress{padding:0 0 5px}.phase-learning-progress>b,.phase-learning-progress>small{display:block;font-size:9px;color:#7d8980}.phase-learning-progress .progress-line{margin:7px 0}.phase-learning-progress>small{line-height:1.6}
.phrase-answer{display:block;margin:8px 0 4px;color:#344f3f;font-size:14px}.today-phrase>p{font:10px/1.6 var(--serif);color:#68756c}.task-check-button{white-space:nowrap;padding:7px 9px;border:1px solid #dfe4dc;border-radius:9px;background:#f4f6f1;color:#53715b;font:600 9px var(--sans);cursor:pointer}.task-check-button:disabled{color:#a3a89f;background:#f4f3ef;cursor:not-allowed}.rubric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.rubric-grid>div{padding:9px 7px;border:1px solid #dce5d9;border-radius:8px;background:#f9fbf7}.rubric-grid b,.rubric-grid strong{display:block}.rubric-grid b{font-size:8px;color:#718076}.rubric-grid strong{margin-top:5px;font-size:12px;color:#405e49}.record-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:7px 0}.record-controls>span{font-size:9px;line-height:1.6;color:#879188;flex:1 1 190px}.record-controls button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:700px){.day-goal{padding:11px;gap:5px}.day-goal b{font-size:11px}.day-goal .text-button{font-size:0}.day-goal .text-button:after{content:'→';font-size:14px}.guided-task-actions{padding-left:28px}.guided-task-actions>span{font-size:8px}.today-phrase-grid{grid-template-columns:1fr 1fr}.task-workspace{padding:13px}.input-chunks article{grid-template-columns:1fr}.input-chunks span{grid-row:2}.input-chunks p{grid-row:3}.roadmap-phase{padding:13px}.tool-links{grid-template-columns:1fr}.week-evidence{gap:3px}.week-evidence-day{padding:7px 2px}.week-evidence-day small{font-size:6px}.speed-control{flex-wrap:wrap}.weekly-review-panel{padding:13px}}
@media(max-width:700px){.guided-task-actions{flex-wrap:wrap}.guided-task-actions>span{flex:1 1 100%}.task-check-button,.guided-task-actions .outline-button{flex:1 1 auto}.today-phrase-grid{grid-template-columns:1fr}.rubric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.day-cell.start-date .day-bubble{border:2px solid var(--ochre);color:#866940;background:#fbf2e5;font-weight:700}
.backup-tools{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0 4px}.backup-import{display:inline-flex;align-items:center;cursor:pointer}.backup-import input{display:none}.week-foot .legend-dot.start{background:var(--ochre)}
.settings-dialog{max-height:calc(100dvh - 24px);overflow:auto}.cloud-sync-settings{border-top:1px solid var(--line);margin-top:22px;padding-top:19px}.cloud-sync-settings h3{font:500 17px var(--serif);margin:7px 0}.cloud-sync-settings label{margin-top:10px}.cloud-sync-settings input{font-size:11px}.cloud-sync-settings .field-hint{line-height:1.7}.cloud-status{padding:10px 12px;border-radius:9px;background:#edf2ec;color:#557460!important;font-size:10px!important;line-height:1.65}.cloud-sync-choices{display:grid;gap:9px;margin-top:12px;padding:12px;border:1px solid #e9dfcf;border-radius:10px;background:#faf6ef}.cloud-sync-choices p{margin:0 0 3px;font-size:10px}.cloud-sync-settings .hidden{display:none}