:root{color:#26343a;font-synthesis:none;text-rendering:optimizelegibility;--ink:#26343a;--muted:#697980;--faint:#93a19d;--paper:#f7faf8;--surface:#fff;--line:#dde7e2;--line-strong:#cedbd5;--green:#32b86b;--green-dark:#258f52;--green-pale:#eaf8f0;--blue:#3b92e8;--blue-dark:#2875b9;--blue-pale:#eaf4ff;--amber:#f3b63d;--amber-dark:#c78a19;--amber-pale:#fff6dd;--red:#e75d5d;--red-dark:#bd4646;--red-pale:#fff0ef;--shadow:0 4px 0 #26343a1a;--radius:20px;background:#eef5f1;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#eef5f1;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 #3b92e859}input:focus-visible{outline-offset:2px;outline:3px solid #3b92e859}a:focus-visible{outline-offset:2px;outline:3px solid #3b92e859}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);font-weight:850;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:1px;text-transform:uppercase;font-size:12px;font-weight:800;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;min-height:54px;box-shadow:0 4px 0 var(--green-dark);border-radius:16px;padding:0 22px;font-size:15px;font-weight:800;transition:transform 80ms,box-shadow 80ms,background 80ms}.primary-button:active{background:var(--green-dark);box-shadow:0 1px 0 var(--green-dark);transform:translateY(3px)}.primary-button:disabled{box-shadow:none;background:#b6bfba}.primary-button--wide{width:100%}.soft-button{border:2px solid var(--line);background:var(--surface);color:#4c5a54;border-bottom-width:4px;border-radius:13px;min-height:46px;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:#a9b3ae;font-size:22px}.star-button.is-active{color:var(--amber)}.audio-button{background:var(--blue);color:#fff;min-height:44px;box-shadow:0 3px 0 var(--blue-dark);border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.audio-button--compact{border-radius:50%;width:42px;min-height:42px;padding:0}.audio-waves{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px;display:block}.bottom-nav{z-index:50;width:min(100%,620px);min-height:76px;padding:6px 10px max(7px, env(safe-area-inset-bottom));border-top:2px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#91a09a;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:58px;display:flex}.bottom-nav button>span{min-height:25px;font-size:21px;font-weight:700;line-height:23px}.bottom-nav button small{font-size:11px;font-weight:750}.bottom-nav button.is-active{color:var(--green);background:var(--green-pale)}.bottom-nav svg{width:24px;height:24px;display:block}.toast{z-index:300;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));color:#fff;background:#26343af5;border-radius:15px;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 86% 6%, #3b92e829, transparent 30%), radial-gradient(circle at 10% 28%, #f3b63d21, transparent 24%), 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);width:142px;height:142px;box-shadow:0 7px 0 var(--green-dark), 0 24px 45px #32b86b38;z-index:-1;border:4px solid #ffffffbf;border-radius:50%;position:absolute}.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:2px solid #32b86b2e;border-radius:50%;width:190px;height:190px;position:absolute;transform:rotate(-20deg)scaleY(.42)}.art-orbit:after{content:"";background:var(--blue);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:var(--amber);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:2px solid var(--line);background:var(--surface);cursor:pointer;border-bottom-width:4px;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:none}.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{border:2px solid var(--line);background:#ffffffc7;border-bottom-width:4px;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:13px}.today-header h1{margin-top:2px}.streak-pill{background:var(--amber-pale);color:#8e622b;border:2px solid #f5d889;border-bottom-width:4px;border-radius:16px;align-items:center;gap:4px;min-height:42px;padding:0 12px;font-size:11px;display:flex}.streak-pill>span{color:var(--amber);margin-right:2px;font-size:17px}.today-hero{border:2px solid #2ca35e;border-bottom:6px solid var(--green-dark);color:#fff;box-shadow:none;background:radial-gradient(circle at 91% 2%,#ffffff38,#0000 31%),linear-gradient(145deg,#3bc879,#2eb468);border-radius:24px;padding:23px;position:relative;overflow:hidden}.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:#ffe071;font-size:30px}.today-hero-copy>p{color:#ffffffb3;margin:0;font-size:12px}.goal-ring{--progress:0%;background:conic-gradient(#ffe071 var(--progress), #ffffff38 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:#30b66b;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:2px solid #fff3;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:#b8f0d0;border-radius:50%;width:7px;height:7px}.task-dot--new{background:#ffe071}.hero-start{color:var(--green-dark);background:#fff;box-shadow:0 4px #1c784452}.hero-start:active{background:#eaf0ec}.hero-start:disabled{color:#ffffffb3;background:#ffffff29}.section-block{border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);border-bottom-width:4px;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:#e5eeea;border-radius:7px;width:100%;height:10px;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:2px solid var(--line);background:var(--surface);text-align:left;border-bottom-width:4px;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:14px;place-items:center;font-size:20px;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:2px solid var(--line);background:var(--surface);border-bottom-width:4px;border-radius:15px;align-items:center;gap:9px;height:54px;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{border:2px solid var(--line);background:#edf3f0;border-radius:13px;grid-template-columns:repeat(3,1fr);margin-top:14px;padding:3px;display:grid}.segment-control button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-size:12px;font-weight:750}.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:2px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);border-bottom-width:3px;border-radius:17px;flex:none;padding:0 13px;font-size:12px;font-weight:700}.stage-scroller button.is-active{border-color:var(--green);background:var(--green);color:#fff}.result-count{color:var(--muted);margin:15px 2px 9px;font-size:12px;font-weight:650}.speed-listen-panel{background:var(--blue-pale);border:2px solid #b9daf8;border-bottom:5px solid #a2c9ee;border-radius:18px;margin-bottom:10px;padding:14px}.speed-listen-panel.is-active{z-index:35;top:max(8px, env(safe-area-inset-top));position:sticky;box-shadow:0 8px 24px #2875b926}.speed-listen-idle,.speed-listen-playing{justify-content:space-between;align-items:center;gap:10px;display:flex}.speed-listen-playing{flex-wrap:wrap}.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:16px;font-weight:850}.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:12px;line-height:1.4;overflow:hidden}.speed-listen-idle>button,.speed-listen-actions button{background:var(--blue);color:#fff;min-height:46px;box-shadow:0 3px 0 var(--blue-dark);border:0;border-radius:12px;flex:none;padding:0 15px;font-size:12px;font-weight:800}.speed-listen-actions{flex:none;gap:7px;display:flex}.speed-listen-actions button:last-child{background:var(--surface);color:var(--blue-dark);border:2px solid #b9daf8;box-shadow:0 3px #b9daf8}.speed-listen-progress{background:#d7eafa;border-radius:7px;flex:0 0 100%;width:100%;height:7px;margin-top:9px;overflow:hidden}.speed-listen-progress span{border-radius:inherit;background:var(--blue);height:100%;transition:width .2s;display:block}.word-list{gap:8px;display:grid}.word-row{border:2px solid var(--line);background:var(--surface);border-bottom-width:4px;border-radius:16px;align-items:center;min-height:88px;padding:0 13px;display:flex}.word-row.is-speed-listening{background:var(--blue-pale);border-color:#8fc3f2;box-shadow:0 0 0 2px #3b92e814}.word-row:last-of-type{border-bottom-width:4px}.word-row-main{text-align:left;background:0 0;border:0;flex:1;align-self:stretch;min-width:0;padding:12px 6px 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-size:20px;font-weight:850}.word-title-line small{color:var(--faint);font-size:12px}.word-meaning{color:#4f5a55;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:3px;font-size:13px;overflow:hidden}.word-status{color:var(--faint);align-items:center;gap:5px;margin-top:7px;font-size:11px;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{width:40px;height:40px;min-height:40px}.word-row-actions .audio-button--compact{background:var(--blue)}.word-row-actions .star-button{background:var(--amber-pale)}.library-pagination{grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:12px;display:grid}.library-pagination>button{border:2px solid var(--line);background:var(--surface);min-height:44px;color:var(--green-dark);border-bottom-width:4px;border-radius:13px;font-size:12px;font-weight:800}.library-pagination>button:disabled{color:#aeb7b2;background:#f0f2ef}.library-pagination label{border:2px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);white-space:nowrap;border-bottom-width:4px;border-radius:13px;align-items:center;gap:4px;padding:0 9px;font-size:12px;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));border-top:3px solid var(--line);background:var(--surface);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-size:37px;font-weight:900}.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:2px solid #cdebd9;border-radius:16px;padding:16px}.part-of-speech{color:var(--green);font-size:12px;font-weight:800}.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:14px}.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-size:17px;font-weight:650}.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{border:2px solid var(--line);background:var(--paper);color:var(--muted);border-radius:13px;justify-content:space-between;gap:12px;margin-top:17px;padding:13px 15px;font-size:12px;display:flex}.record-note strong{color:var(--green)}.session-shell{z-index:100;width:100%;max-width:620px;min-height:100vh;background:#fff;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(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 17px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:60px 1fr 60px;align-items:center;display:grid;position:sticky;top:0}.text-button{color:#8b9994;text-align:left;background:0 0;min-height:40px;padding:0;font-size:13px;font-weight:750}.session-phase{text-align:center;font-size:13px;font-weight:800}.session-progress{z-index:3;top:calc(58px + env(safe-area-inset-top));background:#e5eeea;border-radius:10px;height:10px;margin:0 18px;position:sticky;overflow:hidden}.session-progress span{background:var(--green);height:100%;transition:width .25s;display:block}.study-card-wrap{height:calc(100dvh - 68px - env(safe-area-inset-top));min-height:calc(100dvh - 68px - 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);border:2px solid var(--line);background:var(--surface);min-height:0;box-shadow:none;-webkit-overflow-scrolling:touch;border-bottom-width:4px;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:12px;font-weight:800;display:flex}.word-hero{text-align:center;padding:35px 0 31px}.word-hero h1{letter-spacing:-2px;overflow-wrap:anywhere;margin:0;font-size:clamp(43px,13vw,64px);font-weight:900}.pronunciation-row{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:7px;font-size:16px;font-weight:650;display:flex}.card-definition{background:var(--green-pale);border:2px solid #cdebd9;border-radius:18px;padding:18px}.card-definition p{margin:5px 0 0;font-size:18px;font-weight:750;line-height:1.5}.card-example{background:var(--blue-pale);border:2px solid #cfe4f8;border-radius:18px;margin-top:12px;padding:16px}.card-example .section-heading-row>span{color:var(--blue-dark);font-size:12px;font-weight:800}.card-example p{margin-bottom:5px}.card-extra{padding:14px 4px 0}.card-extra p{color:var(--muted);margin:5px 0;font-size:12px;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:12px;font-weight:650}.rating-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.rating-button{border:2px solid var(--line);background:var(--surface);border-bottom-width:5px;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:64px;padding:8px 4px;display:flex}.rating-button strong{font-size:14px;font-weight:850}.rating-button span{color:var(--muted);margin-top:3px;font-size:10px}.rating-again{color:var(--red);background:var(--red-pale);border-color:#f0bcbc}.rating-hard{color:#98672e;background:var(--amber-pale);border-color:#efd393}.rating-good{color:var(--green);background:var(--green-pale);border-color:#bfe4ce}.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:0;flex-direction:column;padding:24px 20px;display:flex}.quiz-card>h1,.quiz-card>h2{text-align:center;margin:35px 0}.quiz-card>h1{font-size:44px;font-weight:900}.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:2px solid var(--line);background:var(--surface);color:#34413b;text-align:left;border-bottom-width:5px;border-radius:16px;width:100%;min-height:60px;padding:11px 14px;font-size:15px;font-weight:650;line-height:1.4}.choice-button.is-correct{border-color:var(--green);border-bottom-color:var(--green-dark);background:var(--green-pale);color:var(--green-dark)}.choice-button.is-wrong{border-color:var(--red);border-bottom-color:var(--red-dark);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:13px;font-weight:700}.spelling-form input{border:2px solid var(--line-strong);background:var(--surface);height:58px;color:var(--ink);border-bottom-width:4px;border-radius:15px;padding:0 16px;font-family:inherit;font-size:24px}.answer-result{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;margin-left:-20px;margin-right:-20px;padding:18px 20px 4px;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-correct{background:var(--green-pale);border-top:2px solid #c7ead5}.answer-result.is-wrong strong{color:var(--red)}.answer-result.is-wrong{background:var(--red-pale);border-top:2px solid #f3c5c5}.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);color:#fff;border:4px solid #aee0c2;border-bottom-width:8px;border-radius:50%;place-items:center;width:90px;height:90px;margin-bottom:28px;font-size:38px;display:grid;box-shadow:0 14px 30px #32b86b33}.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:2px solid var(--line);background:var(--surface);border-bottom-width:4px;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{border:2px solid #2ca35e;border-bottom:6px solid var(--green-dark);color:#fff;box-shadow:none;background:linear-gradient(145deg,#3bc879,#2eb468);border-radius:22px;padding:22px 20px}.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:#ffe071;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:#ffe071;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{border:2px solid var(--line);background:var(--paper);text-align:center;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:9px}.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:13px;font-weight:800}.setting-card,.setting-list{border:2px solid var(--line);background:var(--surface);border-bottom-width:4px;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:15px}.setting-copy span{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.4}.option-row{border:2px solid var(--line);background:#edf3f0;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid}.option-row button{min-height:40px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:11px;font-weight:700}.option-row button.is-active{background:var(--green);color:#fff;box-shadow:0 2px 0 var(--green-dark);font-weight:800}.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:74px;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:14px}.setting-list small{color:var(--muted);margin-top:3px;font-size:11px}.settings-hint{color:var(--faint);margin:8px 4px 0;font-size:11px;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:2px solid #f2c3c3;border-bottom-width:4px;border-radius:16px;font-size:13px;font-weight:800}.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}}