:root{font-family:Inter,ui-rounded,SF Pro Rounded,Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#3c3c3c;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--green: #58cc02;--green-dark: #46a302;--green-soft: #e9fbdc;--blue: #1cb0f6;--blue-dark: #0f8fc9;--red: #ff4b4b;--purple: #ce82ff;--orange: #ff9600;--ink: #3c3c3c;--muted: #777777;--line: #e5e5e5;--soft: #f7f7f7;--paper: #ffffff;--shadow-edge: inset 0 -4px 0 rgba(0, 0, 0, .14)}*{box-sizing:border-box}html{min-width:320px;background:#fff;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.splash-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;background:#fff;color:var(--ink)}.splash-screen>strong{font-size:25px}.splash-dots{display:flex;gap:7px;margin-top:14px}.splash-dots i{width:9px;height:9px;border-radius:50%;background:var(--green);animation:jump 1s ease-in-out infinite}.splash-dots i:nth-child(2){animation-delay:.14s}.splash-dots i:nth-child(3){animation-delay:.28s}@keyframes jump{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-8px);opacity:1}}.logo-tile{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--green);box-shadow:var(--shadow-edge);font-size:15px;font-weight:900;letter-spacing:-1px}.logo-tile--large{width:74px;height:74px;border-radius:23px;font-size:23px}.logo-tile--small{width:38px;height:38px;border-radius:12px;font-size:12px}.eyebrow{color:var(--green-dark);font-size:11px;font-weight:900;letter-spacing:1.8px}.button{min-height:50px;padding:0 22px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-weight:900;letter-spacing:.2px;border-bottom:4px solid rgba(0,0,0,.15);transition:transform .12s,filter .12s}.button:not(:disabled):hover{filter:brightness(1.03)}.button:not(:disabled):active{transform:translateY(3px);border-bottom-width:1px}.button--primary{background:#2f2f2f}.button--green{background:var(--green);border-bottom-color:var(--green-dark)}.button--red{background:var(--red);border-bottom-color:#d93434}.button--white{background:#fff;color:var(--green-dark);border-bottom-color:#0000001f}.plain-button{background:transparent}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(450px,.92fr);background:#fff}.login-showcase{min-height:720px;padding:42px clamp(42px,6.5vw,105px);overflow:hidden;position:relative;color:#fff;background:#193f2b;display:flex;flex-direction:column}.login-showcase:before,.login-showcase:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.login-showcase:before{width:520px;height:520px;left:-220px;bottom:-250px;background:#58cc022b}.login-showcase:after{width:390px;height:390px;right:-180px;top:100px;border:1px solid rgba(255,255,255,.12)}.login-brand,.mobile-login-brand{display:flex;align-items:center;gap:13px;position:relative;z-index:2}.login-brand strong,.mobile-login-brand strong{font-size:21px}.showcase-copy{position:relative;z-index:2;margin:auto 0;max-width:680px}.showcase-copy .eyebrow{color:#94e15a}.showcase-copy h1{margin:19px 0 20px;font-size:clamp(44px,5vw,72px);line-height:1.12;letter-spacing:-3.3px}.showcase-copy>p{color:#bfd2c8;max-width:580px;font-size:17px;line-height:1.8}.sentence-demo{height:240px;position:relative;margin-top:25px}.speech-card{width:min(385px,72%);min-height:142px;padding:25px 29px;border:1px solid rgba(255,255,255,.14);border-radius:24px 24px 24px 7px;background:#ffffff1a;box-shadow:0 22px 50px #00000029;transform:rotate(-2deg);display:grid;align-content:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.speech-card span{color:#8de254;font-size:10px;font-weight:900;letter-spacing:1.5px}.speech-card strong{margin-top:8px;font-size:30px}.speech-card small{margin-top:6px;color:#d4e1da}.floating-word{position:absolute;padding:10px 16px;border-radius:999px;font-style:normal;font-size:12px;font-weight:900;box-shadow:0 12px 30px #0000002b}.floating-word--one{left:310px;top:5px;color:#153d2a;background:#ffc800;transform:rotate(7deg)}.floating-word--two{left:335px;top:112px;color:#fff;background:var(--blue);transform:rotate(-4deg)}.floating-word--three{left:40px;top:150px;color:#45235c;background:var(--purple);transform:rotate(4deg)}.showcase-foot{position:relative;z-index:2;color:#729283}.login-panel{display:grid;place-items:center;padding:55px clamp(34px,7vw,105px)}.mobile-login-brand{display:none}.login-card{width:min(100%,430px)}.login-card h2{margin:13px 0 9px;color:var(--ink);font-size:34px;letter-spacing:-1.4px}.login-card>p{color:var(--muted);line-height:1.65;margin:0 0 32px}.login-card label{display:block;margin-bottom:17px}.login-card label>span{display:block;margin:0 0 8px;color:#555;font-size:13px;font-weight:800}.login-card input{width:100%;height:58px;padding:0 17px;border:2px solid var(--line);border-bottom-width:4px;border-radius:14px;background:var(--soft);outline:none;color:var(--ink);font-weight:700;transition:.15s}.login-card input:focus{border-color:var(--blue);background:#fff}.login-card input::placeholder{color:#a9a9a9;font-weight:600}.form-error{margin:-3px 0 17px;padding:12px 14px;border-radius:11px;background:#fff1f1;color:#d43e3e;font-size:13px;font-weight:700}.login-button{width:100%;margin-top:7px;justify-content:space-between}.login-button b{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;color:#2f2f2f;background:var(--green);font-size:18px}.login-hint{display:block;margin-top:22px;text-align:center;color:#999;line-height:1.5}.app-shell{min-height:100vh;background:#fff}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:238px;padding:26px 17px 22px;border-right:2px solid #ededed;background:#fff;display:flex;flex-direction:column}.brand-button{padding:0 11px;display:flex;align-items:center;gap:12px;background:transparent;color:var(--ink)}.brand-button strong{font-size:19px;letter-spacing:-.6px}.sidebar nav{margin-top:55px;display:grid;gap:8px}.sidebar nav button{height:54px;padding:0 15px;border:2px solid transparent;border-radius:14px;background:transparent;color:#777;display:flex;align-items:center;gap:15px;text-align:left;font-weight:800}.sidebar nav button i{width:28px;text-align:center;color:#aaa;font-style:normal;font-size:20px}.sidebar nav button:hover{background:#f7f7f7}.sidebar nav button.active{color:var(--blue-dark);border-color:#9ddcf9;background:#eaf8ff}.sidebar nav button.active i{color:var(--blue)}.sidebar-user{margin-top:auto;padding:11px;border-radius:14px;background:transparent;display:flex;align-items:center;gap:11px;text-align:left}.sidebar-user:hover{background:var(--soft)}.sidebar-user>span{width:39px;height:39px;flex:0 0 auto;border-radius:12px;display:grid;place-items:center;color:#6c4600;background:#ffc800;box-shadow:inset 0 -3px #0000001a;font-weight:900}.sidebar-user div{display:grid;min-width:0}.sidebar-user strong{overflow:hidden;text-overflow:ellipsis}.sidebar-user small{margin-top:2px;color:#999}.mobile-header,.bottom-nav{display:none}.main-column{width:min(760px,calc(100% - 560px));min-height:100vh;margin-left:max(238px,calc((100vw - 832px)/2));padding:43px 32px 110px}.right-rail{position:fixed;z-index:15;inset:0 0 0 auto;width:310px;padding:25px 25px 45px;overflow-y:auto;border-left:2px solid #ededed;background:#fff}.global-error{position:fixed;z-index:200;top:17px;left:50%;transform:translate(-50%);width:min(92vw,620px);padding:12px 14px 12px 17px;border:2px solid #ffbcbc;border-radius:13px;background:#fff3f3;color:#ba3535;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;font-weight:700}.global-error button{color:inherit;background:transparent;font-size:20px}.page-top{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:22px}.page-top h1{margin:5px 0;font-size:32px;letter-spacing:-1.2px}.page-top p{margin:0;color:#888;font-size:14px;line-height:1.5}.page-top.simple{min-height:90px;align-items:center}.compact-review{flex:0 0 auto;padding:10px 13px;border:2px solid var(--line);border-bottom-width:4px;border-radius:14px;background:#fff;display:flex;gap:10px;align-items:center;color:var(--ink);text-align:left}.compact-review>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;color:var(--blue-dark);background:#e8f7fe;font-size:21px;font-weight:900}.compact-review div{display:grid}.compact-review small{color:#999;font-size:9px}.compact-review strong{font-size:13px}.continue-card{--unit-color: var(--green);min-height:128px;padding:22px;border-radius:20px;color:#fff;background:var(--unit-color);box-shadow:inset 0 -6px #00000021;display:grid;grid-template-columns:68px 1fr auto;align-items:center;gap:18px}.continue-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#fff3;font-size:31px}.continue-card small{color:#ffffffd1;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.continue-card h2{margin:3px 0 2px;font-size:23px}.continue-card p{margin:0;color:#ffffffd6;font-size:12px}.course-section{margin-top:40px}.section-banner{min-height:88px;margin-bottom:14px;padding:16px 19px;border-radius:17px;color:#fff;background:#3c3c3c;display:flex;align-items:center;justify-content:space-between}.section-banner>div{display:flex;align-items:center;gap:14px}.section-banner>div>span{width:50px;height:50px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;color:#242424;background:#ffc800;box-shadow:inset 0 -4px #0000001f;font-weight:900}.section-banner small{color:#aaa;font-size:8px;font-weight:900;letter-spacing:1.5px}.section-banner h2{margin:1px 0 2px;font-size:18px}.section-banner p{margin:0;color:#bdbdbd;font-size:11px}.section-banner>strong{color:#9bd96b}.unit-card{--unit-color: var(--green);margin-bottom:16px;padding:19px 20px 26px;border:2px solid var(--line);border-bottom-width:5px;border-radius:19px;background:#fff;overflow:hidden}.unit-card.current{border-color:color-mix(in srgb,var(--unit-color) 42%,#ddd)}.unit-card.locked{background:#fafafa;color:#999}.unit-heading{display:grid;grid-template-columns:49px 1fr 38px;align-items:center;gap:12px}.unit-emoji{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--unit-color) 15%,white);font-size:24px}.unit-heading small{color:var(--unit-color);font-size:9px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase}.unit-heading h3{margin:2px 0 1px;font-size:18px}.unit-heading p{margin:0;color:#898989;font-size:11px}.unit-heading>button{width:37px;height:37px;border:2px solid var(--line);border-bottom-width:4px;border-radius:11px;color:#8a8a8a;background:#fff;font-size:17px;font-weight:900}.focus-chips{margin:15px 0 5px 61px;display:flex;flex-wrap:wrap;gap:6px}.focus-chips span{padding:5px 8px;border-radius:7px;color:#777;background:#f3f3f3;font-size:9px;font-weight:800}.lesson-road{position:relative;min-height:305px;margin:11px auto 0;padding-top:8px}.lesson-road:before{content:"";position:absolute;top:38px;bottom:38px;left:50%;width:4px;transform:translate(-50%);border-radius:99px;background:#ececec}.road-stop{position:relative;z-index:2;height:68px;display:flex;align-items:center;gap:11px}.road-stop--left{justify-content:calc(50% - 58px);transform:translate(-55px)}.road-stop--center{justify-content:center}.road-stop--right{justify-content:center;transform:translate(55px)}.road-stop button{width:55px;height:55px;padding:0;flex:0 0 auto;border-radius:50%;color:#aaa;background:#eee;border-bottom:5px solid #d5d5d5;display:grid;place-items:center}.road-stop button span{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;border:3px solid rgba(255,255,255,.65);font-weight:900}.road-stop small{width:78px;color:#aaa;font-size:9px;font-weight:800}.road-stop.done button,.road-stop.next button{color:#fff;background:var(--unit-color);border-bottom-color:color-mix(in srgb,var(--unit-color) 72%,black)}.road-stop.next button{width:62px;height:62px;animation:gentlePulse 2.2s ease-in-out infinite}.road-stop.next button span{width:47px;height:47px}.road-stop.done small,.road-stop.next small{color:color-mix(in srgb,var(--unit-color) 78%,#555)}.road-stop.unavailable button{background:#ededed}.road-stop--story{justify-content:center;transform:translate(-48px)}.road-stop--story button{border-radius:17px;background:#ce82ff;border-bottom-color:#aa5bdc}.road-stop--story:not(.unavailable) button{color:#fff;background:#ce82ff;border-bottom-color:#aa5bdc}.road-stop--story small{width:92px;color:#9950c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes gentlePulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--unit-color) 25%,transparent)}50%{box-shadow:0 0 0 9px transparent}}.rail-stats{height:46px;display:flex;align-items:center;justify-content:space-around;color:#777;font-size:14px}.rail-stats span:first-child{color:#ff9600}.rail-stats span:last-child{color:#8d64d6}.daily-card,.rail-card{margin-top:15px;padding:18px;border:2px solid var(--line);border-bottom-width:4px;border-radius:17px}.daily-card header,.rail-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.daily-card header div{display:grid}.daily-card small{color:#aaa;font-size:8px;font-weight:900;letter-spacing:1.3px}.daily-card h3,.rail-card h3{margin:2px 0;font-size:15px}.daily-card header>strong{color:var(--orange);font-size:11px}.thin-progress{height:10px;padding:2px;border-radius:99px;background:#e9e9e9;overflow:hidden}.thin-progress i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .35s}.daily-card .thin-progress{margin-top:14px}.daily-card p,.course-rail p{margin:9px 0 0;color:#8d8d8d;font-size:10px;line-height:1.5}.rail-card header button{padding:0;color:var(--blue-dark);background:transparent;font-size:10px;font-weight:800}.rail-metric{margin-top:13px;padding-top:13px;border-top:1px solid #eee;display:flex;align-items:center;gap:11px}.rail-metric>span{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;color:var(--blue-dark);background:#eaf8ff;font-size:18px;font-weight:900}.rail-metric:nth-of-type(3)>span{color:var(--green-dark);background:var(--green-soft)}.rail-metric div{display:grid}.rail-metric small{color:#999;font-size:9px}.rail-metric strong{margin-top:2px;font-size:12px}.course-rail header>strong{color:var(--green-dark);font-size:13px}.course-rail .thin-progress{margin-top:14px}.right-rail blockquote{margin:18px 0 0;padding:17px 18px;border-radius:16px;background:#f5f5f5;color:#666;font-family:Georgia,serif;font-size:12px;line-height:1.65}.right-rail blockquote small{margin-top:5px;display:block;color:#aaa;font-family:inherit;font-size:9px}.practice-feature{min-height:210px;padding:30px;border-radius:23px;color:#fff;background:#1f4934;display:grid;grid-template-columns:1fr 120px;align-items:center;gap:20px;overflow:hidden}.practice-feature>div>span{color:#9be26a;font-size:10px;font-weight:900;letter-spacing:1px}.practice-feature h2{max-width:460px;margin:8px 0;font-size:25px;line-height:1.25}.practice-feature p{max-width:470px;margin:0 0 20px;color:#bfd2c8;font-size:12px;line-height:1.7}.practice-feature>strong{width:112px;height:112px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;color:#8ce04f;background:#ffffff12;font-size:66px}.practice-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.practice-card{min-height:205px;padding:20px;border:2px solid var(--line);border-bottom-width:5px;border-radius:18px;display:grid;grid-template-columns:52px 1fr;grid-template-rows:1fr auto;column-gap:14px}.practice-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:25px;font-weight:900}.practice-card--green .practice-icon{color:var(--green-dark);background:var(--green-soft)}.practice-card--red .practice-icon{color:#d83c3c;background:#fff0f0}.practice-card--blue .practice-icon{color:var(--blue-dark);background:#e8f7fe}.practice-card--purple .practice-icon{color:#9d52d0;background:#f6ebff}.practice-card div:nth-child(2)>span{float:right;color:#999;font-size:9px;font-weight:800}.practice-card h3{margin:4px 0 5px;font-size:16px}.practice-card p{margin:0;color:#898989;font-size:10px;line-height:1.6}.practice-card>button{grid-column:1 / 3;height:39px;margin-top:16px;padding:0 2px;border-top:1px solid #eee;background:transparent;color:#777;display:flex;align-items:end;justify-content:space-between;font-size:11px;font-weight:900}.practice-card>button b{color:var(--blue-dark);font-size:17px}.bank-note{margin-top:18px;padding:21px;border-radius:17px;background:#f7f7f7;display:grid;grid-template-columns:95px 1fr;gap:20px;align-items:center}.bank-note>div{display:grid;text-align:center}.bank-note strong{color:var(--blue-dark);font-size:24px}.bank-note span{color:#999;font-size:9px}.bank-note p{margin:0;color:#777;font-size:11px;line-height:1.65}.progress-hero{min-height:190px;padding:28px 34px;border-radius:22px;color:#fff;background:#303030;display:flex;align-items:center;gap:28px}.level-ring{--level-percent: 0deg;width:120px;height:120px;flex:0 0 auto;padding:8px;border-radius:50%;background:conic-gradient(var(--green) var(--level-percent),#4d4d4d 0)}.level-ring>span{height:100%;border-radius:50%;background:#303030;display:grid;place-content:center;text-align:center}.level-ring small{color:#aaa;font-size:8px;letter-spacing:1.4px}.level-ring strong{font-size:39px}.progress-hero>div:last-child{flex:1}.progress-hero>div:last-child>small{color:#aaa}.progress-hero h2{margin:3px 0;font-size:30px}.progress-hero p{color:#bbb;font-size:11px}.progress-hero .thin-progress{margin-top:14px;background:#4d4d4d}.metric-grid{margin-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.metric-grid article{min-height:118px;padding:18px;border:2px solid var(--line);border-bottom-width:4px;border-radius:17px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto auto;column-gap:12px}.metric-grid article>span{grid-row:1 / 4;width:41px;height:41px;border-radius:12px;display:grid;place-items:center;color:var(--orange);background:#fff3df;font-size:19px;font-weight:900}.metric-grid article:nth-child(2)>span{color:var(--green-dark);background:var(--green-soft)}.metric-grid article:nth-child(3)>span{color:#9d52d0;background:#f6ebff}.metric-grid article:nth-child(4)>span{color:var(--blue-dark);background:#e8f7fe}.metric-grid small{color:#999;font-size:9px}.metric-grid strong{margin:2px 0;font-size:20px}.metric-grid p{margin:0;color:#aaa;font-size:9px}.activity-card,.path-summary{margin-top:15px;padding:23px;border:2px solid var(--line);border-bottom-width:4px;border-radius:18px}.activity-card h2{margin:3px 0 0;font-size:18px}.activity-chart{height:175px;margin-top:18px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end}.activity-chart>div{height:100%;display:grid;grid-template-rows:21px 1fr 20px;align-items:end;justify-items:center}.activity-chart span{color:#999;font-size:8px}.activity-chart i{width:min(28px,70%);min-height:8px;border-radius:8px 8px 4px 4px;background:#e8e8e8}.activity-chart i.active{background:var(--green)}.activity-chart small{color:#999;font-size:9px}.path-summary>div:first-child{display:flex;justify-content:space-between}.path-summary>div:first-child span{font-weight:800}.path-summary>div:first-child strong{color:var(--green-dark);font-size:12px}.path-summary .thin-progress{margin-top:13px}.path-summary p{margin:9px 0 0;color:#999;font-size:10px}.profile-card{min-height:140px;padding:26px;border-radius:20px;color:#fff;background:#303030;display:flex;align-items:center;gap:20px}.profile-avatar{width:72px;height:72px;flex:0 0 auto;border-radius:22px;display:grid;place-items:center;color:#5c4100;background:#ffc800;box-shadow:inset 0 -5px #0000001f;font-size:29px;font-weight:900}.profile-card small{color:#aaa;font-size:8px;font-weight:900;letter-spacing:1.4px}.profile-card h2{margin:4px 0;font-size:23px}.profile-card p{margin:0;color:#bbb;font-size:11px}.settings-list{margin-top:16px;display:grid;gap:11px}.settings-list article{min-height:82px;padding:14px 16px;border:2px solid var(--line);border-bottom-width:4px;border-radius:16px;display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center}.settings-list article>span{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:var(--blue-dark);background:#e8f7fe;font-size:21px;font-weight:900}.settings-list h3{margin:0;font-size:14px}.settings-list p{margin:3px 0 0;color:#888;font-size:10px;line-height:1.45}.settings-list b{padding:6px 9px;border-radius:999px;color:var(--green-dark);background:var(--green-soft);font-size:9px}.settings-list b.muted{color:#777;background:#eee}.logout-button{width:100%;height:50px;margin-top:22px;border:2px solid #ffd1d1;border-bottom-width:4px;border-radius:14px;color:#d83c3c;background:#fff4f4;font-weight:900}.lesson-page,.story-page{min-height:100vh;background:#fff}.lesson-header{height:76px;padding:0 28px;border-bottom:2px solid #eee;display:grid;grid-template-columns:45px minmax(230px,680px) 64px;gap:22px;align-items:center;justify-content:center}.close-button{width:42px;height:42px;color:#aaa;font-size:30px;line-height:1}.lesson-progress{height:13px;padding:3px;border-radius:999px;background:#e9e9e9;overflow:hidden}.lesson-progress i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .3s}.lesson-count{color:#999;font-size:12px;font-weight:900}.center-loading{min-height:calc(100vh - 76px);display:grid;place-content:center;justify-items:center;gap:13px;color:#999;font-size:12px}.spinner{width:38px;height:38px;border:5px solid #e6e6e6;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.question-shell{min-height:calc(100vh - 76px);display:flex;flex-direction:column}.question-main{width:min(100%,760px);margin:0 auto;padding:52px 35px 38px;flex:1}.retry-chip{width:fit-content;margin-bottom:12px;padding:6px 9px;border-radius:7px;color:#aa6500;background:#fff1d9;font-size:10px;font-weight:900}.question-main>h2{margin:0;font-size:24px;letter-spacing:-.5px}.prompt-block{min-height:118px;margin:26px 0;display:flex;align-items:center;gap:14px}.prompt-block>strong{max-width:650px;font-size:clamp(28px,4vw,41px);line-height:1.3;letter-spacing:-1.2px}.mini-sound{width:50px;height:50px;flex:0 0 auto;border:2px solid #9bdcf8;border-bottom-width:5px;border-radius:15px;color:var(--blue-dark);background:#eaf8ff;font-size:25px;font-weight:900}.prompt-block--listening{flex-direction:column;justify-content:center}.sound-orb{width:108px;height:108px;border-radius:30px;color:#fff;background:var(--blue);border-bottom:7px solid var(--blue-dark);font-size:52px;font-weight:900}.slow-button{padding:7px 10px;border-radius:8px;color:#888;background:#f1f1f1;font-size:10px;font-weight:800}.slow-button.active{color:var(--blue-dark);background:#e8f7fe}.choice-grid{display:grid;gap:11px}.choice-card{min-height:66px;padding:12px 15px;border:2px solid #ddd;border-bottom-width:5px;border-radius:15px;color:var(--ink);background:#fff;display:grid;grid-template-columns:32px 1fr 25px;align-items:center;gap:11px;text-align:left}.choice-card>span{width:30px;height:30px;border:2px solid #ddd;border-radius:9px;display:grid;place-items:center;color:#999;font-size:11px;font-weight:900}.choice-card>strong{font-size:14px;line-height:1.45}.choice-card>b{color:var(--green-dark);font-size:20px}.choice-card:hover:not(.correct):not(.wrong){background:#fafafa}.choice-card.selected{border-color:var(--blue);color:#157cae;background:#eaf8ff}.choice-card.selected>span{border-color:var(--blue);color:#fff;background:var(--blue)}.choice-card.correct{border-color:var(--green);color:#3d9000;background:#eefce3}.choice-card.correct>span{border-color:var(--green);color:#fff;background:var(--green)}.choice-card.wrong{border-color:var(--red);color:#c83535;background:#fff0f0}.choice-card.wrong>span{border-color:var(--red);color:#fff;background:var(--red)}.answer-board{min-height:112px;padding:15px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;display:flex;flex-wrap:wrap;align-content:center;gap:8px}.answer-board>span{color:#aaa;font-size:12px}.answer-board button,.token-bank button{min-height:43px;padding:0 13px;border:2px solid #d8d8d8;border-bottom-width:4px;border-radius:11px;color:var(--ink);background:#fff;font-weight:800}.token-bank{min-height:100px;padding:24px 10px;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:9px}.token-bank button:hover,.answer-board button:hover{background:#f7f7f7}.text-exercise textarea{width:100%;min-height:105px;resize:vertical;padding:17px;border:2px solid #dcdcdc;border-bottom-width:5px;border-radius:15px;outline:none;color:var(--ink);background:#fff;font-size:17px;font-weight:700;line-height:1.5}.text-exercise textarea:focus{border-color:var(--blue)}.question-hint{display:block;margin-top:9px;color:#999;font-size:10px}.speaking-tools{margin-bottom:14px;display:flex;align-items:center;gap:13px}.speaking-tools small{color:#999;font-size:10px;line-height:1.45}.mic-button{min-width:125px;height:47px;border:2px solid #d4b4e9;border-bottom-width:5px;border-radius:14px;color:#934dc1;background:#f7edff;font-weight:900}.mic-button span{margin-right:6px}.mic-button.recording{color:#fff;background:var(--purple);animation:recording 1s ease-in-out infinite}@keyframes recording{50%{box-shadow:0 0 0 7px #ce82ff2e}}.answer-footer{min-height:112px;padding:22px max(28px,calc((100vw - 760px)/2));border-top:2px solid #eee;display:flex;align-items:center;justify-content:flex-end;gap:26px}.answer-footer--correct{border-color:#c9efae;background:#f1fde9}.answer-footer--wrong{border-color:#ffc7c7;background:#fff1f1}.feedback-panel{flex:1;display:grid;grid-template-columns:51px 1fr;gap:14px;align-items:start}.feedback-mark{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--green);font-size:23px;font-weight:900}.answer-footer--wrong .feedback-mark{background:var(--red)}.feedback-panel h3{margin:0;color:#419800;font-size:18px}.answer-footer--wrong .feedback-panel h3{color:#d33b3b}.feedback-panel>div>strong{display:block;margin-top:3px;color:#b82f2f}.feedback-panel p{margin:4px 0 2px;color:#666;font-size:11px;font-weight:700}.feedback-panel small{color:#888;font-size:9px}.answer-button{width:160px;flex:0 0 auto}.completion-card{width:min(92%,620px);min-height:520px;margin:65px auto;padding:45px;border:2px solid var(--line);border-bottom-width:5px;border-radius:24px;display:grid;justify-items:center;align-content:center;text-align:center}.completion-burst{width:120px;height:120px;margin-bottom:26px;border-radius:38px;display:grid;place-items:center;color:#fff;background:var(--green);box-shadow:inset 0 -8px #00000026,0 0 0 14px #eefce3;transform:rotate(-5deg)}.completion-burst span{font-size:58px;font-weight:900;transform:rotate(5deg)}.completion-card h1{margin:8px 0;font-size:32px}.completion-card>p{margin:0;color:#888}.completion-metrics{width:100%;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.completion-metrics article{padding:14px;border-radius:14px;color:#8d5c00;background:#fff2d7;display:grid}.completion-metrics article:last-child{color:#347d00;background:var(--green-soft)}.completion-metrics span{font-size:9px;font-weight:800}.completion-metrics strong{margin-top:3px;font-size:19px}.story-header{grid-template-columns:45px minmax(230px,680px) 50px}.story-header>div{display:grid}.story-header>div small{color:#999;font-size:9px}.story-header>span{font-size:27px}.story-reader,.story-quiz{width:min(100%,720px);margin:0 auto;padding:40px 30px 55px}.story-title{padding-bottom:23px;border-bottom:2px solid #eee;display:flex;align-items:center;gap:17px}.story-title>span{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:#f6ebff;font-size:36px}.story-title small{color:#a05acf;font-size:9px;font-weight:900;letter-spacing:1px}.story-title h1{margin:3px 0;font-size:26px}.story-title p{margin:0;color:#999;font-size:11px}.dialogue-list{margin-top:24px;display:grid;gap:17px}.dialogue-list article{opacity:.55;display:grid;grid-template-columns:45px 1fr;gap:11px;transition:opacity .2s}.dialogue-list article.latest{opacity:1}.speaker-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#5c3c00;background:#ffc800;font-weight:900}.dialogue-list article:nth-child(2n) .speaker-avatar{color:#3f6f00;background:#aeea81}.dialogue-list article>div:last-child{padding:13px 15px;border:2px solid #ddd;border-radius:5px 16px 16px}.dialogue-list span{color:#888;font-size:9px;font-weight:900}.dialogue-list button{float:right;color:var(--blue-dark);background:transparent;font-weight:900}.dialogue-list p{margin:5px 0 4px;font-size:15px;font-weight:800;line-height:1.5}.dialogue-list small{color:#888;font-size:10px}.story-next{min-width:180px;margin:28px 0 0 auto;display:flex}.story-quiz{min-height:calc(100vh - 76px);display:flex;flex-direction:column;justify-content:center}.story-quiz h1{margin:13px 0 30px;font-size:28px}.story-feedback{margin-top:17px;padding:13px 15px;border-radius:12px;font-size:12px;font-weight:800}.story-feedback.good{color:#3e9000;background:var(--green-soft)}.story-feedback.bad{color:#c93737;background:#fff0f0}.story-complete .completion-burst{background:var(--purple);box-shadow:inset 0 -8px #00000021,0 0 0 14px #f6ebff}.modal-backdrop{position:fixed;z-index:300;inset:0;padding:20px;background:#0000007a;display:grid;place-items:center}.guide-modal{width:min(100%,470px);max-height:90vh;overflow-y:auto;padding:34px;border-radius:22px;background:#fff;box-shadow:0 25px 70px #0000003d;position:relative}.modal-close{position:absolute;top:13px;right:13px;width:37px;height:37px;color:#999;background:transparent;font-size:25px}.guide-icon{width:64px;height:64px;margin-bottom:20px;border-radius:19px;display:grid;place-items:center;font-size:30px;box-shadow:inset 0 -5px #00000021}.guide-modal h2{margin:7px 0 5px;font-size:25px}.guide-modal>p{margin:0;color:#888}.guide-modal h3{margin:24px 0 10px;font-size:14px}.guide-modal ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.guide-modal li{padding:10px 12px;border-radius:10px;background:#f5f5f5;font-size:12px;font-weight:800}.guide-modal>small{display:block;margin-top:17px;color:#999;line-height:1.6}.guide-modal .button{width:100%;margin-top:22px}@media(max-width:1180px){.right-rail{display:none}.main-column{width:min(800px,calc(100% - 238px));margin-left:max(238px,calc((100vw - 562px)/2))}}@media(max-width:850px){.login-page{display:block}.login-showcase{display:none}.login-panel{min-height:100vh;align-content:center;padding:30px 22px}.mobile-login-brand{display:flex;margin-bottom:48px}.login-card h2{font-size:29px}.sidebar{display:none}.mobile-header{position:sticky;z-index:40;top:0;height:64px;padding:0 16px;border-bottom:2px solid #eee;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between}.mobile-header .brand-button{padding:0}.mobile-header .brand-button strong{font-size:15px}.mobile-stats{display:flex;gap:13px;color:#777;font-size:12px;font-weight:900}.main-column{width:100%;margin:0;padding:27px 16px calc(92px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;z-index:50;inset:auto 0 0;height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:2px solid #e9e9e9;background:#fffffff7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(4,1fr)}.bottom-nav button{position:relative;color:#aaa;background:transparent;display:grid;place-content:center;justify-items:center;gap:3px;font-size:9px;font-weight:800}.bottom-nav button i{font-style:normal;font-size:19px}.bottom-nav button.active{color:var(--blue-dark)}.bottom-nav button.active:before{content:"";position:absolute;top:-2px;width:32px;height:4px;border-radius:0 0 4px 4px;background:var(--blue)}.page-top{align-items:start}.page-top h1{font-size:27px}.page-top p{font-size:12px}.compact-review{padding:8px}.compact-review>span{width:32px;height:32px}.compact-review div{display:none}.continue-card{min-height:170px;grid-template-columns:55px 1fr;gap:12px;padding:20px}.continue-icon{width:54px;height:54px;border-radius:17px;font-size:27px}.continue-card .button{grid-column:1 / 3;width:100%;min-height:47px}.course-section{margin-top:30px}.section-banner{margin-inline:-16px;border-radius:0;padding-inline:17px}.section-banner p{display:none}.unit-card{margin-inline:-2px;padding:17px 14px 22px}.unit-heading{grid-template-columns:46px 1fr 36px;gap:10px}.unit-emoji{width:45px;height:45px}.unit-heading h3{font-size:16px}.focus-chips{margin-left:55px}.practice-feature{padding:24px;grid-template-columns:1fr}.practice-feature>strong{display:none}.practice-grid{grid-template-columns:1fr}.practice-card{min-height:165px}.progress-hero{padding:24px 20px;gap:18px}.level-ring{width:90px;height:90px;padding:6px}.level-ring strong{font-size:30px}.progress-hero h2{font-size:24px}.metric-grid{grid-template-columns:1fr}.activity-card{padding-inline:15px}.settings-list article{grid-template-columns:43px 1fr}.settings-list article>span{width:41px;height:41px}.settings-list b{grid-column:2;width:fit-content}.lesson-header{height:64px;padding:0 12px;grid-template-columns:38px 1fr 50px;gap:9px}.close-button{width:36px;height:36px}.lesson-count{font-size:10px}.question-shell{min-height:calc(100dvh - 64px)}.question-main{padding:31px 17px 26px}.question-main>h2{font-size:20px}.prompt-block{min-height:100px;margin:18px 0}.prompt-block>strong{font-size:clamp(25px,7vw,34px)}.mini-sound{width:45px;height:45px;border-radius:13px}.sound-orb{width:90px;height:90px;border-radius:26px;font-size:43px}.choice-card{min-height:62px;padding:10px 12px}.choice-card>strong{font-size:13px}.answer-board{min-height:102px}.token-bank{padding-inline:2px}.speaking-tools{align-items:start;flex-direction:column}.answer-footer{min-height:92px;padding:14px 16px max(14px,env(safe-area-inset-bottom));align-items:end}.answer-footer:not(.answer-footer--correct):not(.answer-footer--wrong){position:sticky;bottom:0;background:#fff}.answer-footer--correct,.answer-footer--wrong{display:grid;grid-template-columns:1fr;gap:13px}.feedback-panel{grid-template-columns:42px 1fr}.feedback-mark{width:41px;height:41px}.feedback-panel p{line-height:1.45}.answer-button{width:100%}.completion-card{min-height:calc(100dvh - 100px);margin:20px auto;padding:30px 20px;border:0}.story-reader,.story-quiz{padding:28px 16px 45px}.story-title>span{width:62px;height:62px}.dialogue-list article{grid-template-columns:40px 1fr;gap:8px}.speaker-avatar{width:39px;height:39px;border-radius:12px}.dialogue-list article>div:last-child{padding:11px 12px}.dialogue-list p{font-size:14px}}@media(max-width:430px){.login-panel{align-content:start;padding-top:26px}.mobile-login-brand{margin-bottom:55px}.login-card h2{font-size:27px}.page-top .eyebrow{font-size:9px}.section-banner>strong{display:none}.focus-chips{margin-left:0}.road-stop--left{transform:translate(-42px)}.road-stop--right{transform:translate(42px)}.road-stop--story{transform:translate(-34px)}.road-stop small{width:68px}.bank-note{grid-template-columns:1fr}.bank-note>div{text-align:left}.progress-hero p{display:none}.activity-chart{gap:5px}.profile-card{padding:21px 17px}.profile-avatar{width:60px;height:60px;border-radius:18px}.question-main{padding-top:25px}.question-main>h2{font-size:19px}.prompt-block>strong{font-size:27px}.choice-card{grid-template-columns:30px 1fr 20px;gap:8px}.choice-card>strong{font-size:12px}.feedback-panel small{display:none}.completion-metrics{grid-template-columns:1fr}.story-header>div small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}