:root{color:#17221e;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17221e;--muted:#6f7974;--faint:#98a09c;--paper:#f8f7f3;--surface:#fff;--line:#e5e7e2;--green:#1e6950;--green-dark:#14503d;--green-pale:#e4f1eb;--amber:#c3883e;--amber-pale:#f7edde;--red:#b4524d;--red-pale:#f8e9e7;--shadow:0 14px 36px #1f2d2714;--radius:22px;background:#eeece6;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#eeece6;min-height:100%}body{min-width:320px;min-height:100vh;background:var(--paper);min-height:100dvh;color:var(--ink);overscroll-behavior-y:none;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:3px solid #1e695059}input:focus-visible{outline-offset:2px;outline:3px solid #1e695059}a:focus-visible{outline-offset:2px;outline:3px solid #1e695059}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}.app-shell{width:100%;max-width:620px;min-height:100vh;background:var(--paper);min-height:100dvh;margin:0 auto;position:relative}.page{min-height:100vh;padding:max(24px, env(safe-area-inset-top)) 18px calc(100px + env(safe-area-inset-bottom))}.page-header{margin-bottom:25px}.page-header h1{letter-spacing:-1.2px;margin:3px 0 5px;font-size:clamp(30px,8vw,38px);line-height:1.12}.page-header p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.stacked-header{padding:3px 3px 0}.eyebrow{color:var(--green);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:750;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:300;background:var(--ink);color:#fff;opacity:0;pointer-events:none;border-radius:10px;padding:10px 14px;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.keyboard-navigation .skip-link:focus{opacity:1;pointer-events:auto;transform:none}.primary-button,.soft-button,.danger-button,.text-button,.icon-button,.star-button,.audio-button{cursor:pointer;border:0}.primary-button{background:var(--green);color:#fff;border-radius:15px;min-height:50px;padding:0 22px;font-weight:720;box-shadow:0 8px 18px #1e69502e}.primary-button:active{background:var(--green-dark);transform:translateY(1px)}.primary-button:disabled{box-shadow:none;background:#b6bfba}.primary-button--wide{width:100%}.soft-button{color:#4c5a54;background:#eff2ef;border-radius:13px;min-height:42px;padding:0 15px;font-size:14px;font-weight:650}.soft-button.is-active{color:var(--amber);background:var(--amber-pale)}.icon-button,.star-button{background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;display:grid}.star-button{color:#9ca39f;font-size:22px}.star-button.is-active{color:var(--amber)}.audio-button{background:var(--green-pale);min-height:42px;color:var(--green-dark);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.audio-button--compact{border-radius:50%;width:38px;min-height:38px;padding:0}.audio-waves{letter-spacing:-2px;font-size:12px;display:inline-block;transform:translate(-1px)}.bottom-nav{z-index:50;width:min(100%,620px);min-height:72px;padding:7px 10px max(7px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f6f0;border-top:1px solid #e0e3dee6;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#89918d;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:54px;display:flex}.bottom-nav button>span{min-height:23px;font-size:20px;font-weight:700;line-height:23px}.bottom-nav button small{font-size:10px;font-weight:650}.bottom-nav button.is-active{color:var(--green);background:#e4f1ebb3}.toast{z-index:300;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));color:#fff;background:#17221ef0;border-radius:12px;width:max-content;max-width:calc(100vw - 36px);padding:11px 16px;font-size:13px;animation:.2s ease-out toast-in;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000002e}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.onboarding{width:100%;max-width:620px;min-height:100vh;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 22px max(18px, env(safe-area-inset-bottom));background:radial-gradient(circle at 85% 8%, #c7dace99, transparent 32%), var(--paper);flex-direction:column;margin:0 auto;display:flex}.onboarding-art{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;height:clamp(170px,27vh,240px);display:flex;position:relative}.onboarding-art:before{content:"";background:var(--green);z-index:-1;border-radius:50%;width:142px;height:142px;position:absolute;box-shadow:0 26px 54px #1e695042}.onboarding-art strong{color:#fff;letter-spacing:-2px;font-size:42px}.onboarding-art small{color:#ffffffb8;letter-spacing:4px;font-size:8px;font-weight:750}.art-orbit{border:1px solid #1e69502e;border-radius:50%;width:190px;height:190px;position:absolute;transform:rotate(-20deg)scaleY(.42)}.art-orbit:after{content:"";background:var(--amber);border-radius:50%;width:10px;height:10px;position:absolute;top:86px;right:-5px}.art-orbit--two{width:215px;height:215px;transform:rotate(48deg)scaleY(.42)}.art-orbit--two:after{background:#91ad9e;width:7px;height:7px}.onboarding-copy h1{letter-spacing:-1.8px;margin:6px 0 12px;font-size:clamp(32px,9vw,44px);line-height:1.14}.onboarding-copy p{max-width:490px;color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.65}.goal-picker{border:0;margin:0 0 18px;padding:0}.goal-picker legend{margin-bottom:10px;font-size:14px;font-weight:700}.goal-picker>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.goal-picker label{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:17px;flex-direction:column;align-items:center;min-height:104px;padding:13px 8px;display:flex;position:relative}.goal-picker label.is-selected{border-color:var(--green);background:var(--green-pale);box-shadow:inset 0 0 0 1px var(--green)}.goal-picker input{opacity:0;position:absolute}.goal-picker label>strong{font-size:25px;line-height:1}.goal-picker label>strong small{margin-left:2px;font-size:11px}.goal-picker label>span{flex-direction:column;align-items:center;margin-top:8px;font-size:12px;font-weight:650;display:flex}.goal-picker label>span small{color:var(--muted);margin-top:2px;font-size:9px;font-weight:500}.goal-picker label i{border:1px solid #c6cbc8;border-radius:50%;width:13px;height:13px;position:absolute;top:8px;right:8px}.goal-picker label.is-selected i{border:4px solid var(--green);background:#fff}.onboarding-start{margin-top:auto}.privacy-note{color:var(--faint);text-align:center;margin:10px 0 0;font-size:10px}.pronunciation-intro{background:#ffffffc7;border:1px solid #dbe3dd;border-radius:17px;width:100%;margin:0 0 18px;overflow:hidden}.pronunciation-intro summary{cursor:pointer;min-height:58px;color:var(--green);justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;list-style:none;display:flex}.pronunciation-intro summary::-webkit-details-marker{display:none}.pronunciation-intro summary span{flex-direction:column;gap:2px;display:flex}.pronunciation-intro summary strong{font-size:12px}.pronunciation-intro summary small{color:var(--muted);font-size:9px;font-weight:400}.pronunciation-intro summary i{font-size:20px;font-style:normal;transition:transform .2s}.pronunciation-intro[open] summary i{transform:rotate(45deg)}.pronunciation-intro ol{color:var(--muted);margin:0;padding:0 20px 16px 35px;font-size:10px;line-height:1.65}.pronunciation-intro li+li{margin-top:7px}.pronunciation-intro li strong{color:var(--ink)}.pronunciation-intro code{background:var(--green-pale);color:var(--green-dark);font:inherit;border-radius:5px;padding:1px 4px}.pronunciation-intro.is-compact{background:var(--surface);margin-top:12px}.boot-screen{width:100%;min-height:100vh;background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:30px;display:flex}.boot-screen h1{margin:22px 0 8px;font-size:26px}.boot-screen p{color:var(--muted);font-size:13px}.boot-logo{gap:5px;display:flex}.boot-logo span,.boot-mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:42px;height:54px;font-size:24px;font-weight:750;display:grid}.boot-logo span:nth-child(2),.boot-logo span:nth-child(4){color:var(--green-dark);background:#dceae3}.loading-line{background:#e2e5e1;border-radius:4px;width:150px;height:3px;margin-top:18px;overflow:hidden}.loading-line span{background:var(--green);width:45%;height:100%;animation:1.2s ease-in-out infinite alternate loading;display:block}@keyframes loading{0%{transform:translate(-10%)}to{transform:translate(135%)}}.error-screen .boot-mark{background:var(--red);border-radius:50%}.today-header{justify-content:space-between;align-items:flex-start;display:flex}.today-header p{color:var(--muted);font-size:12px}.today-header h1{margin-top:2px}.streak-pill{background:var(--amber-pale);color:#8e622b;border-radius:18px;align-items:center;gap:4px;min-height:36px;padding:0 12px;font-size:11px;display:flex}.streak-pill>span{color:var(--amber);margin-right:2px;font-size:17px}.today-hero{color:#fff;background:radial-gradient(circle at 92% 6%,#ffffff24,#0000 30%),linear-gradient(145deg,#1c684f,#144a39);border-radius:26px;padding:23px;position:relative;overflow:hidden;box-shadow:0 18px 40px #144a3933}.today-hero .eyebrow{color:#ffffffad}.today-hero-copy{padding-right:92px}.today-hero h2{letter-spacing:-.5px;margin:6px 0 7px;font-size:24px}.today-hero h2 strong{color:#d8b272;font-size:30px}.today-hero-copy>p{color:#ffffffb3;margin:0;font-size:12px}.goal-ring{--progress:0%;background:conic-gradient(#dab36f var(--progress), #ffffff24 0);border-radius:50%;justify-content:center;align-items:baseline;width:72px;height:72px;padding-top:25px;display:flex;position:absolute;top:23px;right:21px}.goal-ring:before{content:"";background:#1a5c47;border-radius:50%;position:absolute;top:6px;bottom:6px;left:6px;right:6px}.goal-ring strong,.goal-ring span{position:relative}.goal-ring strong{font-size:18px}.goal-ring span{color:#ffffffa6;font-size:10px}.task-breakdown{grid-template-columns:1fr 1fr;gap:8px;margin:25px 0 17px;display:grid}.task-breakdown>div{color:#ffffffc2;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-height:50px;padding:0 12px;font-size:11px;display:grid}.task-breakdown strong{color:#fff;font-size:16px}.task-dot{background:#80b8a0;border-radius:50%;width:7px;height:7px}.task-dot--new{background:#d7b06e}.hero-start{color:var(--green-dark);box-shadow:none;background:#f8faf8}.hero-start:active{background:#eaf0ec}.hero-start:disabled{color:#ffffffb3;background:#ffffff29}.section-block{border-radius:var(--radius);background:var(--surface);border:1px solid #e2e4dfd9;margin-top:28px;padding:21px}.section-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px;display:flex}.section-title-row h2{letter-spacing:-.3px;margin:3px 0 0;font-size:19px}.section-number{color:var(--green);padding-top:9px;font-size:17px;font-weight:750}.linear-progress{background:#e8ebe7;border-radius:7px;width:100%;height:7px;overflow:hidden}.linear-progress>span{border-radius:inherit;background:var(--green);min-width:0;height:100%;display:block}.overview-numbers{grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.overview-numbers>div{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.overview-numbers>div:last-child{border-right:0}.overview-numbers strong{font-size:19px}.overview-numbers span{color:var(--muted);margin-top:2px;font-size:10px}.compact-practice{background:0 0;border:0;padding:0}.practice-buttons{gap:9px;display:grid}.practice-button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;display:grid}.practice-button:disabled{opacity:.52}.practice-icon{background:var(--green-pale);width:38px;height:38px;color:var(--green);border-radius:12px;place-items:center;font-size:18px;font-weight:750;display:grid}.practice-button>span:nth-child(2){flex-direction:column;display:flex}.practice-button strong{font-size:13px}.practice-button small{color:var(--muted);margin-top:2px;font-size:10px}.search-box{border:1px solid var(--line);background:var(--surface);border-radius:15px;align-items:center;gap:9px;height:50px;padding:0 14px;display:flex}.search-box>span{color:var(--muted);font-size:21px}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-box input::-webkit-search-cancel-button{display:none}.search-box button{width:28px;height:28px;color:var(--muted);background:#eff1ee;border:0;border-radius:50%}.segment-control{background:#e9ebe7;border-radius:13px;grid-template-columns:repeat(3,1fr);margin-top:14px;padding:3px;display:grid}.segment-control button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-size:11px;font-weight:650}.segment-control button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #1c272212}.stage-scroller{scrollbar-width:none;gap:7px;margin:13px -18px 0;padding:0 18px 4px;display:flex;overflow-x:auto}.stage-scroller::-webkit-scrollbar{display:none}.stage-scroller button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--muted);border-radius:17px;flex:none;padding:0 13px;font-size:11px}.stage-scroller button.is-active{border-color:var(--green);background:var(--green);color:#fff}.result-count{color:var(--faint);margin:14px 2px 7px;font-size:10px}.speed-listen-panel{background:var(--green-pale);border:1px solid #d9e7de;border-radius:16px;margin-bottom:10px;padding:12px}.speed-listen-panel.is-active{z-index:35;top:max(8px, env(safe-area-inset-top));position:sticky;box-shadow:0 8px 24px #1c4a3724}.speed-listen-idle,.speed-listen-playing{justify-content:space-between;align-items:center;gap:10px;display:flex}.speed-listen-idle>span,.speed-listen-copy{flex-direction:column;min-width:0;display:flex}.speed-listen-idle strong,.speed-listen-copy strong{color:var(--ink);font-size:13px}.speed-listen-idle small,.speed-listen-copy small,.speed-listen-copy>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;line-height:1.4;overflow:hidden}.speed-listen-idle>button,.speed-listen-actions button{background:var(--green);color:#fff;border:0;border-radius:12px;flex:none;min-height:42px;padding:0 13px;font-size:11px;font-weight:700}.speed-listen-actions{flex:none;gap:7px;display:flex}.speed-listen-actions button:last-child{background:var(--surface);color:var(--green);border:1px solid #c8d9cf}.word-list{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.word-row{border-bottom:1px solid #edf0ec;align-items:center;min-height:91px;margin:0 15px;display:flex}.word-row.is-speed-listening{background:var(--green-pale);box-shadow:-15px 0 0 var(--green-pale), 15px 0 0 var(--green-pale), inset 3px 0 0 var(--green)}.word-row:last-of-type{border-bottom:0}.word-row-main{text-align:left;background:0 0;border:0;flex:1;align-self:stretch;min-width:0;padding:12px 5px 12px 0}.word-row-copy{flex-direction:column;min-width:0;display:flex}.word-title-line{align-items:baseline;gap:8px;display:flex}.word-title-line strong{font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:600}.word-title-line small{color:var(--faint);font-size:10px}.word-meaning{color:#4f5a55;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:11px;overflow:hidden}.word-status{color:var(--faint);align-items:center;gap:5px;margin-top:7px;font-size:9px;display:flex}.status-dot{background:#c8ceca;border-radius:50%;width:5px;height:5px}.status-dot.learning{background:var(--amber)}.status-dot.mastered{background:var(--green)}.word-row-actions{align-items:center;display:flex}.word-row-actions .audio-button--compact,.word-row-actions .star-button{background:0 0;width:36px;height:36px;min-height:36px}.library-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:12px;display:grid}.library-pagination>button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--green);border-radius:13px;font-size:11px;font-weight:700}.library-pagination>button:disabled{color:#aeb7b2;background:#f0f2ef}.library-pagination label{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);white-space:nowrap;border-radius:13px;align-items:center;gap:4px;padding:0 9px;font-size:11px;display:flex}.library-pagination select{min-width:45px;height:32px;color:var(--ink);text-align:center;background:#f7f8f6;border:1px solid #dbe0dc;border-radius:9px;outline:0;padding:0 5px;font-size:16px;font-weight:700}.empty-state{text-align:center}.library-empty{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:10px;padding:54px 24px}.library-empty>span{color:#b4bcb7;font-size:48px}.library-empty h2{margin:12px 0 6px;font-size:18px}.library-empty p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.modal-backdrop{z-index:90;padding-top:max(44px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10181561;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.word-detail{width:min(100%,620px);max-height:90vh;max-height:90dvh;padding:9px 21px max(22px, env(safe-area-inset-bottom));background:var(--paper);border-radius:25px 25px 0 0;animation:.24s ease-out sheet-in;overflow-y:auto;box-shadow:0 -18px 50px #0e191433}@keyframes sheet-in{0%{opacity:0;transform:translateY(28px)}}.modal-handle{background:#d6d9d5;border-radius:4px;width:34px;height:4px;margin:0 auto 15px}.detail-header{justify-content:space-between;align-items:flex-start;display:flex}.detail-header h2{letter-spacing:-1px;margin:3px 0 0;font-family:Georgia,Times New Roman,serif;font-size:37px;font-weight:600}.detail-header .icon-button{color:var(--muted);background:#e9ece8;font-size:23px}.phonetic{color:var(--muted);margin:4px 0 0;font-size:13px}.detail-actions{gap:8px;margin:16px 0;display:flex}.definition-block{background:var(--green-pale);border-radius:16px;padding:16px}.part-of-speech{color:var(--green);font-size:10px;font-weight:750}.definition-block .meaning{margin:5px 0 0;font-size:17px;font-weight:600;line-height:1.5}.detail-section{border-bottom:1px solid var(--line);padding:18px 1px}.detail-section h3{margin:0 0 9px;font-size:12px}.detail-section p{margin-bottom:5px;line-height:1.55}.section-heading-row{justify-content:space-between;align-items:center;display:flex}.example-en{font-family:Georgia,Times New Roman,serif;font-size:16px}.example-zh{color:var(--muted);font-size:12px}.phrase-list{margin:0;padding:0;list-style:none}.phrase-list li{justify-content:space-between;gap:15px;padding:7px 0;font-size:13px;display:flex}.phrase-list small{color:var(--muted);text-align:right}.record-note{color:var(--muted);background:#eceeeb;border-radius:13px;justify-content:space-between;gap:12px;margin-top:17px;padding:13px 15px;font-size:10px;display:flex}.record-note strong{color:var(--green)}.session-shell{z-index:100;width:100%;max-width:620px;min-height:100vh;background:var(--paper);min-height:100dvh;margin:0 auto;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.session-topbar{z-index:2;min-height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 17px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f7f3f2;grid-template-columns:60px 1fr 60px;align-items:center;display:grid;position:sticky;top:0}.text-button{min-height:40px;color:var(--muted);text-align:left;background:0 0;padding:0;font-size:12px}.session-phase{text-align:center;font-size:12px;font-weight:700}.session-progress{z-index:3;top:calc(52px + env(safe-area-inset-top));background:#e2e6e2;height:3px;position:sticky}.session-progress span{background:var(--green);height:100%;transition:width .25s;display:block}.study-card-wrap{height:calc(100dvh - 55px - env(safe-area-inset-top));min-height:calc(100dvh - 56px - env(safe-area-inset-top));padding:18px 17px max(20px, env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:hidden}.study-card{border:1px solid var(--line);background:var(--surface);min-height:0;box-shadow:var(--shadow);-webkit-overflow-scrolling:touch;border-radius:24px;flex:1;padding:20px;overflow-y:auto}.study-card-meta{color:var(--green);justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.word-hero{text-align:center;padding:35px 0 31px}.word-hero h1{letter-spacing:-2px;overflow-wrap:anywhere;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(43px,13vw,64px);font-weight:600}.pronunciation-row{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:7px;font-size:13px;display:flex}.card-definition{background:var(--green-pale);border-radius:17px;padding:17px}.card-definition p{margin:5px 0 0;font-size:17px;font-weight:600;line-height:1.5}.card-example{border-bottom:1px solid var(--line);padding:20px 3px 15px}.card-example .section-heading-row>span{color:var(--faint);font-size:10px;font-weight:700}.card-example p{margin-bottom:5px}.card-extra{padding:13px 3px 0}.card-extra p{color:var(--muted);margin:5px 0;font-size:10px;line-height:1.5}.card-extra strong{color:var(--ink);margin-right:8px}.rating-panel{padding-top:17px}.rating-panel>p{color:var(--muted);text-align:center;margin-bottom:9px;font-size:11px}.rating-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.rating-button{border:1px solid var(--line);background:var(--surface);border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:59px;padding:8px 4px;display:flex}.rating-button strong{font-size:13px}.rating-button span{color:var(--muted);margin-top:3px;font-size:8px}.rating-again{color:var(--red);background:var(--red-pale);border-color:#eed5d2}.rating-hard{color:#98672e;background:var(--amber-pale);border-color:#eadbc5}.rating-good{color:var(--green);background:var(--green-pale);border-color:#cfe3d8}.quiz-wrap{min-height:calc(100dvh - 56px - env(safe-area-inset-top));padding:26px 17px max(22px, env(safe-area-inset-bottom))}.quiz-card{min-height:calc(100dvh - 108px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:var(--surface);border-radius:24px;flex-direction:column;padding:24px 20px;display:flex}.quiz-card>h1,.quiz-card>h2{text-align:center;margin:35px 0}.quiz-card>h1{font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:600}.quiz-card>h2{font-size:21px;line-height:1.55}.listen-prompt{flex-direction:column;justify-content:center;align-items:center;min-height:145px;display:flex}.listen-prompt .audio-button{border-radius:50%;flex-direction:column;width:74px;height:74px}.listen-prompt p{color:var(--muted);margin:12px 0 0;font-size:10px}.choice-list{gap:9px;display:grid}.choice-button{border:1px solid var(--line);background:var(--paper);color:#34413b;text-align:left;border-radius:14px;width:100%;min-height:54px;padding:11px 14px;font-size:13px;line-height:1.4}.choice-button.is-correct{border-color:var(--green);background:var(--green-pale);color:var(--green-dark)}.choice-button.is-wrong{border-color:var(--red);background:var(--red-pale);color:var(--red)}.spelling-form{flex-direction:column;gap:11px;margin-top:30px;display:flex}.spelling-form label{color:var(--muted);font-size:11px}.spelling-form input{background:var(--paper);height:58px;color:var(--ink);border:1px solid #cdd4cf;border-radius:15px;padding:0 16px;font-family:Georgia,Times New Roman,serif;font-size:24px}.answer-result{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:19px;display:flex}.answer-result>div{flex-direction:column;font-size:13px;display:flex}.answer-result span{color:var(--muted);margin-top:3px;font-size:10px}.answer-result.is-correct strong{color:var(--green)}.answer-result.is-wrong strong{color:var(--red)}.session-summary{min-height:calc(100dvh - 55px - env(safe-area-inset-top));padding:45px 24px max(25px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.summary-mark{background:var(--green-pale);width:90px;height:90px;color:var(--green);border-radius:50%;place-items:center;margin-bottom:28px;font-size:38px;display:grid;box-shadow:0 15px 35px #1e69501f}.session-summary h1{margin:7px 0 9px;font-size:28px}.session-summary>p{max-width:330px;color:var(--muted);font-size:12px;line-height:1.6}.summary-stats{border:1px solid var(--line);background:var(--surface);border-radius:17px;grid-template-columns:1fr 1fr;width:100%;max-width:340px;margin:25px 0 30px;padding:17px;display:grid}.summary-stats>div{flex-direction:column;display:flex}.summary-stats>div:first-child{border-right:1px solid var(--line)}.summary-stats strong{font-size:23px}.summary-stats span{color:var(--muted);font-size:9px}.session-summary .primary-button{max-width:340px}.session-empty{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.time-card{color:#fff;background:linear-gradient(145deg,#1c684f,#144a39);border-radius:24px;padding:22px 20px;box-shadow:0 18px 38px #144a392e}.time-card .eyebrow{color:#ffffffa6}.time-card .section-title-row h2{font-size:20px}.streak-block{flex-direction:column;align-items:flex-end;display:flex}.streak-block strong{color:#e0b874;font-size:27px}.streak-block span{color:#fff9;font-size:8px}.bar-chart{grid-template-columns:repeat(7,1fr);gap:8px;height:118px;margin:20px 0 17px;display:grid}.bar-column{color:#ffffff80;grid-template-rows:14px 1fr 15px;justify-items:center;gap:3px;min-width:0;font-size:8px;display:grid}.bar-value{font-size:7px}.bar-track{background:#ffffff1a;border-radius:8px;width:8px;height:100%;position:relative;overflow:hidden}.bar-track i{border-radius:inherit;background:#d7b06e;position:absolute;bottom:0;left:0;right:0}.bar-column .is-today{color:#fff;font-weight:750}.time-summary{border-top:1px solid #ffffff1f;grid-template-columns:repeat(3,1fr);padding-top:16px;display:grid}.time-summary>div{border-right:1px solid #ffffff1f;flex-direction:column;align-items:center;display:flex}.time-summary>div:last-child{border-right:0}.time-summary span{color:#ffffff8c;font-size:8px}.time-summary strong{margin-top:3px;font-size:11px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.metric-grid>div{text-align:center;background:#f1f3ef;border-radius:14px;flex-direction:column;align-items:center;min-width:0;padding:15px 5px;display:flex}.metric-grid strong{color:var(--green);font-size:21px}.metric-grid span{margin-top:3px;font-size:10px;font-weight:650}.metric-grid small{color:var(--faint);margin-top:3px;font-size:7px}.route-line+.route-line{margin-top:23px}.route-line>div:first-child,.stage-progress-item>div:first-child{justify-content:space-between;gap:10px;margin-bottom:9px;font-size:11px;display:flex}.route-line>div:first-child span,.stage-progress-item>div:first-child span{color:var(--muted)}.route-line small{color:var(--faint);text-align:right;margin-top:6px;font-size:8px;display:block}.route-line--full .linear-progress span{background:var(--amber)}.stage-progress-list{gap:19px;display:grid}.stage-progress-item .linear-progress{height:5px}.settings-group{margin-top:26px}.settings-group>h2{color:var(--muted);margin:0 3px 9px;font-size:11px}.setting-card,.setting-list{border:1px solid var(--line);background:var(--surface);border-radius:18px}.setting-card{justify-content:space-between;align-items:center;gap:12px;min-height:84px;padding:15px;display:flex}.setting-card--stack{flex-direction:column;align-items:stretch}.setting-copy{flex-direction:column;display:flex}.setting-copy strong{font-size:13px}.setting-copy span{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.4}.option-row{background:#eceeeb;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.option-row button{min-height:32px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:9px}.option-row button.is-active{background:var(--surface);color:var(--green);font-weight:750;box-shadow:0 2px 6px #19262014}.toggle-card{cursor:pointer;margin-top:8px;position:relative}.toggle-input{opacity:0;position:absolute}.toggle-ui{background:#c9cfcb;border-radius:15px;flex:0 0 45px;width:45px;height:27px;transition:background .2s;position:relative}.toggle-ui:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000026}.toggle-input:checked+.toggle-ui{background:var(--green)}.toggle-input:checked+.toggle-ui:after{transform:translate(18px)}.toggle-input:focus-visible+.toggle-ui{outline:3px solid #1e695059}.setting-list{padding:0 15px;overflow:hidden}.setting-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:68px;padding:10px 1px;display:flex}.setting-list button:last-of-type{border-bottom:0}.setting-list button>span:first-child{flex-direction:column;display:flex}.setting-list strong{font-size:12px}.setting-list small{color:var(--muted);margin-top:3px;font-size:9px}.settings-hint{color:var(--faint);margin:8px 4px 0;font-size:8px;line-height:1.5}.visually-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.danger-button{background:var(--red-pale);width:100%;min-height:48px;color:var(--red);border-radius:14px;font-size:11px;font-weight:700}.clear-confirm{background:var(--red-pale);border:1px solid #edceca;border-radius:17px;padding:17px}.clear-confirm strong{color:var(--red);font-size:13px}.clear-confirm p{color:#7b5b58;margin:5px 0 14px;font-size:10px;line-height:1.5}.clear-confirm>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clear-confirm .danger-button,.clear-confirm .soft-button{min-height:42px}.about-footer{color:var(--muted);flex-direction:column;align-items:center;margin-top:38px;padding:20px;display:flex}.about-footer strong{color:var(--ink);font-size:13px}.about-footer span{margin-top:5px;font-size:9px}.about-footer small{color:var(--faint);margin-top:3px;font-size:8px}.about-footer a{color:var(--muted);text-underline-offset:2px;margin-top:9px;font-size:9px}@media (min-width:621px){body{background:#e8e6e0}.app-shell,.onboarding,.session-shell{box-shadow:0 0 50px #19251f14}}@media (max-width:360px){.page{padding-left:14px;padding-right:14px}.stage-scroller{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.today-hero,.study-card,.quiz-card{padding-left:16px;padding-right:16px}.today-hero-copy{padding-right:76px}.goal-ring{width:66px;height:66px;padding-top:22px;right:16px}.task-breakdown>div{padding:0 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}