:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2a44;--bg-soft:#fcf8ef;--surface:#fffcf6f0;--surface-strong:#fffdfa;--surface-muted:#f5efe2;--surface-mint:#eef9f2;--surface-blue:#edf4ff;--surface-coral:#fff1ec;--surface-yellow:#fff8df;--ink:#1f2a44;--ink-strong:#18223b;--muted:#66748f;--border:#dacfb9;--border-strong:#cbbd9f;--shadow-soft:0 16px 34px #4f5d7c14;--shadow-card:0 18px 42px #383f5214, 0 2px 0 #ffffffdb inset, 0 0 0 1px #dacfb9bd;--shadow-hover:0 26px 46px #4853711f, 0 2px 0 #ffffffeb inset, 0 0 0 1px #cbbd9fb8;--blue:#3f74dc;--blue-strong:#295fc8;--blue-soft:#7ac1ff;--mint:#3d9f7e;--mint-soft:#9ce0bf;--coral:#ea7a63;--coral-soft:#ffb8aa;--yellow:#e0b347;--yellow-soft:#f7dd7f;--focus:#2f6edb;--bottom-nav-space:118px;background:radial-gradient(circle at 18% 0,#96cfff33,#0000 26%),radial-gradient(circle at 100% 12%,#f4ac9624,#0000 28%),linear-gradient(#f8f1e3 0%,#fbf6ec 50%,#eef7f1 100%);font-family:Nunito,Trebuchet MS,Avenir Next,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--ink);background:inherit;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#9ae0be2e,#0000 70%);border-radius:50%;width:320px;height:320px;position:fixed;inset:auto auto 12% -4%}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}h1,h2,h3{color:var(--ink-strong);letter-spacing:-.03em;margin:0}p{margin:0;line-height:1.6}strong{color:var(--ink-strong)}ul{margin:0;padding-left:1.2rem}#root{z-index:1;position:relative}.app-shell{min-height:100vh;position:relative}.page{z-index:1;max-width:900px;padding:22px 20px calc(var(--bottom-nav-space) + env(safe-area-inset-bottom));gap:20px;margin:0 auto;display:grid;position:relative}.page-hero{box-shadow:var(--shadow-card);background:linear-gradient(135deg,#fffefaf5,#fff9eff5),linear-gradient(#ffffffd6,#fff9efb8);border:1px solid #cbbd9fe0;border-radius:34px;padding:28px 28px 26px;position:relative;overflow:hidden}.page-hero:before,.page-hero:after{display:none}.page-hero-compact{padding:22px 22px 20px}.home-hero h1{max-width:11ch}.page-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--blue-strong);align-items:center;gap:8px;margin-bottom:10px;font-size:.77rem;font-weight:800;display:inline-flex}.page-hero h1{font-size:clamp(2rem,4vw,2.85rem);line-height:1.08}.page-lead{max-width:56rem;color:var(--muted);margin-top:12px;font-size:1.02rem}.badge-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.info-pill,.section-chip{min-height:34px;color:var(--ink-strong);background:#ffffffd1;border:1px solid #cbbd9fc2;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #62687e0f}.info-pill-warn{color:#b84e3d;background:#ffeeebe6}.section-chip{min-height:30px;color:var(--blue-strong);background:#3f74dc1c;padding:6px 12px}.section-chip-warm{color:#946a14;background:#e0b3472e}.mission-grid,.stats-grid{gap:14px;display:grid}.mission-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stats-grid-compact{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.stat-card{background:#ffffffc7;border:1px solid #cbbd9fb8;border-radius:24px;gap:6px;padding:16px 16px 14px;display:grid;box-shadow:0 12px 28px #5b627a0d}.stat-card-white{background:#ffffffeb}.stat-card-mint{background:linear-gradient(#f1fcf5f0,#e9f8efeb)}.stat-card-coral{background:linear-gradient(#fff6f3f5,#ffeee8eb)}.stat-card-yellow{background:linear-gradient(#fffbeaf5,#fff6d6f0)}.stat-label{color:var(--muted);letter-spacing:.02em;font-size:.84rem;font-weight:700}.stat-value{font-size:clamp(1.45rem,2vw,2rem);line-height:1.1}.stat-note{color:var(--muted);font-size:.8rem}.card{--card-accent:#3f74dc2e;--card-accent-strong:#3f74dce6;box-shadow:var(--shadow-card);background:linear-gradient(#fffefafa,#fffaf2f2);border:1px solid #cbbd9fdb;border-radius:30px;padding:20px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--card-accent-strong), #ffffffeb);opacity:.9;height:7px;position:absolute;inset:0 0 auto}.card:after{display:none}.card>div{gap:12px;display:grid;position:relative}.card-tone-blue{--card-accent:#7ac1ff47;--card-accent-strong:#3f74dc;background:linear-gradient(#fffffffa,#eff6fff5)}.card-tone-mint{--card-accent:#9ce0bf52;--card-accent-strong:#3d9f7e;background:linear-gradient(#fffffffa,#edf9f2f5)}.card-tone-coral{--card-accent:#ffb8aa4d;--card-accent-strong:#ea7a63;background:linear-gradient(#fffffffa,#fff0ebf5)}.card-tone-yellow{--card-accent:#f7dd7f61;--card-accent-strong:#d8a62f;background:linear-gradient(#fffffffa,#fff7ddf5)}.card-tone-neutral{--card-accent:#dacfb961;--card-accent-strong:#987c48;background:linear-gradient(#fffffffa,#f7f1e5f5)}.card-title{z-index:1;margin:0 0 8px;font-size:clamp(1.16rem,1.8vw,1.45rem);position:relative}.card-subtitle{z-index:1;color:var(--muted);margin:0 0 14px;position:relative}.card-chip-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.muted{color:var(--muted)}.field-note{color:var(--muted);background:#ffffffc2;border:1px solid #cbbd9fa6;border-radius:16px;align-items:center;padding:8px 12px;font-weight:600;display:inline-flex}.btn{letter-spacing:.01em;cursor:pointer;border:1px solid #cbbd9fb3;border-radius:20px;padding:14px 18px;font-size:1rem;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;box-shadow:0 10px 20px #5b627a14,inset 0 1px #ffffffdb}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 24px #5b627a1f,inset 0 1px #ffffffe6}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible,.option:focus-visible,.spelling-input:focus-visible,.bottom-nav-item:focus-visible,.grid-nav a:focus-visible{outline-offset:2px;outline:3px solid #2f6edb38}.btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{color:#fffdf9;background:linear-gradient(135deg,#3f74dc 0%,#4e8de8 62%,#72c5ff 100%);border-color:#3f74dc42}.btn-secondary{color:var(--ink-strong);background:linear-gradient(135deg,#fffffffa,#f4eee3f5)}.btn-ghost{color:#275a97;background:linear-gradient(135deg,#eff9f2f5,#f6fbfff0)}.btn-full{width:100%}.progress-wrap{box-shadow:var(--shadow-soft);background:#ffffffd1;border:1px solid #dacfb9c7;border-radius:22px;padding:14px 16px}.progress-meta{color:var(--ink-strong);justify-content:space-between;gap:10px;margin-bottom:8px;font-size:.95rem;font-weight:700;display:flex}.progress-track{background:linear-gradient(90deg,#7bc1ff33,#9ce0bf3d);border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--blue) 0%, #5ca0ef 52%, var(--mint-soft) 100%);border-radius:999px;height:100%}.options{gap:12px;display:grid}.option{text-align:left;width:100%;color:var(--ink-strong);background:linear-gradient(135deg,#fffffffa,#f6f1e7f2);border:1px solid #cbbd9fb3;border-radius:20px;padding:15px 16px;font-size:1rem;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;box-shadow:0 8px 20px #5b627a0f}.option:hover{transform:translateY(-1px);box-shadow:0 12px 24px #5b627a1a}.option-selected{background:linear-gradient(135deg,#f0f7ff,#e4f0fffa);border-color:#3f74dc6b}.option-correct{color:#22694f;background:linear-gradient(135deg,#effcf5,#e5f8eefa);border-color:#3d9f7e6b}.option-wrong{color:#a44838;background:linear-gradient(135deg,#fff6f3,#ffece7fa);border-color:#ea7a636b}.feedback{color:#835a12;background:#fff8e1f5;border:1px solid #e0b3476b;border-radius:18px;padding:12px 14px;font-weight:800}.speech-check{color:#2d5f9d;background:#f0f7fff5;border:1px solid #7bc1ff59;border-radius:18px;padding:10px 12px;font-weight:700}.speech-check-pass{color:#1f6a4c;background:#eefaf3f5;border-color:#3d9f7e5c}.speech-check-warn{color:#b14f3f;background:#fff5f2f5;border-color:#ea7a6359}.learning-block{background:linear-gradient(#ffffffe6,#faf5ebc7);border:1px dashed #cbbd9fdb;border-radius:24px;padding:14px}.listen-controls,.dictation-audio-row{gap:10px;display:grid}.listen-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.dictation-audio-row{grid-template-columns:repeat(3,minmax(0,1fr))}.actions-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.actions-row-tight{margin-top:4px}.actions-stack{gap:10px;display:grid}.practice-action-dock{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) minmax(0,1fr);gap:10px;display:grid}.star-record-list{gap:12px;display:grid}.star-record-item{background:#fffef9db;border:1px solid #e2d4bdb8;border-radius:18px;grid-template-columns:44px 1fr;align-items:center;gap:12px;padding:14px;display:grid}.star-record-icon{color:#8a4f18;background:#fff0a8;border-radius:16px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 2px #ffffffa6}.star-record-item strong{color:var(--ink-strong)}.star-record-item p,.star-record-item time{color:var(--muted);font-size:.92rem}.trend-list{gap:12px;display:grid}.trend-item{gap:8px;display:grid}.trend-meta{color:var(--ink-strong);justify-content:space-between;gap:12px;font-size:.94rem;font-weight:700;display:flex}.trend-track{background:#7ac1ff2e;border-radius:999px;width:100%;height:12px;overflow:hidden}.trend-fill{background:linear-gradient(90deg, var(--blue) 0%, #69a8f3 60%, var(--yellow-soft) 100%);border-radius:999px;height:100%}.more-modes{box-shadow:var(--shadow-soft);background:#ffffff85;border:1px dashed #987c485c;border-radius:28px;padding:14px}.more-modes[open]{background:#ffffffc7}.more-modes>summary{cursor:pointer;color:var(--ink-strong);font-weight:800;list-style:none}.more-modes>summary::-webkit-details-marker{display:none}.more-modes>summary:before{content:"展开";color:var(--blue-strong);background:#3f74dc1f;border-radius:999px;justify-content:center;align-items:center;margin-right:10px;padding:6px 10px;font-size:.78rem;display:inline-flex}.more-modes[open]>summary:before{content:"收起"}.bottom-nav{left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom));z-index:100;isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(#ffffffe6,#fff7eceb),#fffaf3e0;border:1px solid #dacfb9d1;border-radius:28px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(100% - 24px,760px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 24px 60px #37405c42,inset 0 3px #ffffffb8,inset 0 0 0 1px #ffffff6b}.bottom-nav-item{min-height:56px;color:var(--muted);background:0 0;border-radius:21px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:9px 7px;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .16s,background .16s,color .16s,box-shadow .16s;display:flex;position:relative}.bottom-nav-item:before{content:"";background:#d3c6a7;border-radius:50%;width:8px;height:8px}.bottom-nav-item:first-child:before{background:var(--yellow)}.bottom-nav-item:nth-child(2):before{background:var(--coral)}.bottom-nav-item:nth-child(3):before{background:var(--blue)}.bottom-nav-item:nth-child(4):before{background:#d0846b}.bottom-nav-item:nth-child(5):before{background:var(--mint)}.bottom-nav-item:nth-child(6):before{background:#7e8db3}.bottom-nav-item:hover{color:var(--ink-strong);background:#ffffff94;transform:translateY(-1px);box-shadow:0 10px 20px #4b546d1a}.grid-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid-nav a,.link-reset{text-decoration:none}.grid-nav a{box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#f7f1e5eb);border:1px solid #dacfb9d1;border-radius:24px;gap:6px;padding:16px 16px 18px;display:grid;position:relative}.grid-nav a:before{content:"";background:linear-gradient(#3f74dce6,#7ac1ffeb);border-radius:24px 0 0 24px;width:8px;position:absolute;inset:0 auto 0 0}.grid-nav a strong{padding-left:4px;font-size:1rem}.grid-nav a span{color:var(--muted);padding-left:4px;font-size:.88rem}.spelling-image{object-fit:contain;background:#fffbedf5;border:1px solid #cbbd9fb8;border-radius:22px;width:100%;max-height:280px;padding:12px}.spelling-label{color:var(--ink-strong);font-weight:800;display:block}.spelling-input{width:100%;color:var(--ink-strong);background:#fffffff5;border:1px solid #cbbd9fd6;border-radius:18px;padding:13px 14px;box-shadow:inset 0 1px #ffffffdb}.spelling-input:focus{border-color:#2f6edb6b;outline:none}.spelling-feedback-panel{gap:10px;display:grid}.spelling-feedback-label{color:var(--ink-strong);font-weight:800}.spelling-feedback-label-correct{color:#21684c}.spelling-feedback-word{flex-wrap:wrap;gap:8px;display:flex}.spelling-feedback-letter{min-width:2.1rem;color:var(--ink-strong);text-align:center;background:#fffffff5;border:1px solid #cbbd9fb8;border-radius:14px;padding:8px 10px;font-weight:800}.spelling-feedback-letter-wrong{color:#b24e3e;background:#fff3f0f5;border-color:#ea7a6375}.spelling-feedback-word-correct .spelling-feedback-letter-correct{color:#21684c;background:#effcf5f5;border-color:#3d9f7e73}.dictation-stage{color:var(--blue-strong);background:#ffffffd1;border:1px solid #cbbd9fb3;border-radius:999px;align-items:center;padding:8px 14px;font-weight:800;display:inline-flex}.dictation-info-grid{gap:10px;display:grid}.dictation-mask{color:var(--ink-strong);letter-spacing:.08em;font-weight:800}.dictation-summary{gap:12px;display:grid}.dictation-summary-item{background:#ffffffe6;border:1px solid #cbbd9fa3;border-radius:22px;gap:6px;padding:14px;display:grid}.dictation-summary-detail{border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:.94rem;font-weight:700;display:flex}.dictation-summary-detail-meaning{color:#865c15;background:#fff7ddf0}.dictation-summary-detail-spelling{color:#a34839;background:#fff1ecf0}.detail-bullets{color:var(--ink-strong);gap:8px;display:grid}@media (width>=760px){.listen-controls{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=720px){:root{--bottom-nav-space:128px}body:before{width:220px;height:220px;inset:auto auto 14% -10%}.page{padding:18px 14px calc(var(--bottom-nav-space) + env(safe-area-inset-bottom));gap:14px}.page-hero,.card,.more-modes{border-radius:24px}.page-hero{padding:22px 18px}.page-hero-compact{padding:18px 18px 16px}.grid-nav,.dictation-audio-row,.actions-row{grid-template-columns:1fr}.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom));border-radius:24px;gap:6px;width:min(100% - 20px,430px);padding:7px}.bottom-nav-item{border-radius:18px;min-height:52px;padding:8px 6px;font-size:.8rem}}@media (width<=520px){.page-hero h1{font-size:1.85rem}.page-lead{font-size:.94rem}.info-pill,.section-chip{font-size:.82rem}.listen-controls{grid-template-columns:1fr}}body{background:radial-gradient(circle at 6% 8%,#ffe59b70,#0000 22%),radial-gradient(circle at 90% 0,#80caff3d,#0000 27%),linear-gradient(#efdca9 0%,#f7ecca 48%,#d9efe6 100%)}.reference-page{width:min(100%,430px);min-height:100svh;padding:20px 18px calc(132px + env(safe-area-inset-bottom));color:#26304a;background:radial-gradient(circle at 10% 3%,#ffffffeb,#0000 22%),linear-gradient(#fff6dc 0%,#fff0c5 58%,#f6e5af 100%);flex-direction:column;gap:13px;margin:0 auto;display:flex;box-shadow:0 30px 72px #72572138}.reference-logo{color:#395fcd;letter-spacing:.04em;background:#ffffffc7;border:1px solid #6a8de238;border-radius:999px;align-items:center;gap:8px;width:max-content;margin:2px auto 0;padding:8px 14px;font-weight:1000;display:flex;box-shadow:0 10px 20px #41589614}.reference-logo-mark{color:#fff;background:linear-gradient(135deg,#4c86ee,#58b5ff);border-radius:14px;place-items:center;width:42px;height:28px;font-size:.86rem;display:inline-grid}.home-task-card{background:radial-gradient(circle at 82% 18%,#ffd55f6b,#0000 23%),linear-gradient(145deg,#ffcf63 0%,#ffbe48 52%,#ffa53d 100%);border:2px solid #f2c069;border-radius:34px;min-height:218px;padding:22px 20px 18px;position:relative;overflow:hidden;box-shadow:0 18px 34px #bc752638,inset 0 2px #ffffff6b}.home-task-copy{z-index:2;max-width:210px;position:relative}.home-section-kicker{color:#ad6420;background:#fff7d5b8;border-radius:999px;margin-bottom:10px;padding:6px 12px;font-size:.86rem;font-weight:1000;display:inline-flex}.home-task-card h1{color:#fff8d8;letter-spacing:-.05em;text-shadow:0 3px #a75b1924;font-size:1.58rem;line-height:1.12}.home-hero-scene{width:156px;height:126px;position:absolute;bottom:44px;right:12px}.hero-sun{background:#fff5a8;border-radius:50%;width:38px;height:38px;position:absolute;top:0;right:12px;box-shadow:0 0 0 8px #fff5a842}.hero-rabbit{width:98px;height:102px;position:absolute;bottom:4px;left:18px}.hero-rabbit-ear,.hero-rabbit-face,.hero-rabbit-body,.hero-book,.hero-laptop{display:block;position:absolute}.hero-rabbit-ear{background:#fff9ef;border:3px solid #d8824f;border-radius:999px 999px 16px 16px;width:24px;height:54px;top:0}.hero-rabbit-ear-left{left:22px;transform:rotate(-12deg)}.hero-rabbit-ear-right{right:20px;transform:rotate(14deg)}.hero-rabbit-ear:after{content:"";background:#ffd3c2;border-radius:999px;position:absolute;inset:8px 6px 10px}.hero-rabbit-face{background:#fff9ef;border:3px solid #d8824f;border-radius:34px 34px 28px 28px;width:70px;height:58px;top:34px;left:14px}.hero-rabbit-face:before,.hero-rabbit-face:after{content:"";background:#4c382e;border-radius:50%;width:7px;height:7px;position:absolute;top:24px}.hero-rabbit-face:before{left:19px}.hero-rabbit-face:after{right:19px}.hero-rabbit-body{background:#66b4f1;border:3px solid #367bb7;border-radius:22px 22px 16px 16px;width:48px;height:34px;bottom:0;left:26px}.hero-book{background:linear-gradient(90deg,#e85f52 0 48%,#fffcdf 48% 52%,#79bd76 52%);border:3px solid #a2493d;border-radius:8px;width:68px;height:44px;bottom:8px;right:0;transform:rotate(-5deg)}.hero-laptop{background:#f9f3dd;border:3px solid #43516b;border-radius:10px;width:70px;height:42px;bottom:0;right:6px}.hero-laptop:after{content:"";background:#43516b;border-radius:8px;height:10px;position:absolute;bottom:-8px;left:-6px;right:-6px}.home-task-progress{z-index:3;color:#7a5124;background:#fffbe2e6;border:1px solid #ffffffb3;border-radius:22px;gap:8px;padding:12px 14px;display:grid;position:absolute;bottom:16px;left:18px;right:18px;box-shadow:0 12px 24px #a6651d29}.home-task-progress>div:first-child,.lesson-progress-card>div:first-child{justify-content:space-between;align-items:center;gap:12px;font-weight:1000;display:flex}.home-task-progress span,.lesson-progress-card span{font-size:.85rem}.home-task-progress-track,.lesson-progress-track{background:#8b642c24;border-radius:999px;height:10px;overflow:hidden}.home-task-progress-track span,.lesson-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#4e86ef,#6fd494);height:100%;display:block}.task-sticker{z-index:4;border-radius:50%;display:block;position:absolute}.task-sticker-clock{background:#5d93f5;border:4px solid #fff5cf;width:32px;height:32px;top:22px;right:22px}.task-sticker-clock:before,.task-sticker-clock:after{content:"";background:#fff;border-radius:999px;width:3px;height:10px;position:absolute;top:7px;left:13px}.task-sticker-clock:after{width:9px;height:3px;top:14px}.task-sticker-gift{background:#f05d62;border:4px solid #fff4d0;border-radius:9px;width:34px;height:30px;bottom:76px;left:242px}.task-sticker-gift:before{content:"";background:#ffe066;width:4px;height:28px;position:absolute;top:-3px;left:12px}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.home-feature-card{border-radius:30px;align-content:space-between;gap:10px;min-height:138px;padding:15px 14px 14px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 28px #5059761f,inset 0 2px #ffffff8f}.home-feature-card-blue{color:#fff;background:linear-gradient(155deg,#4d8df2 0%,#6fb9ff 100%)}.home-feature-card-green{color:#255c44;background:linear-gradient(155deg,#b9f2c7 0%,#76d997 100%)}.home-feature-card strong{color:inherit;letter-spacing:-.03em;font-size:1.14rem;display:block}.home-feature-card em{color:inherit;opacity:.86;margin-top:5px;font-style:normal;font-weight:800;display:block}.home-feature-card b{color:#2a4774;background:#ffffffe0;border-radius:999px;width:max-content;padding:8px 12px;font-size:.82rem}.feature-icon{background:#ffffffd6;border-radius:19px;width:50px;height:50px;display:block;position:relative;box-shadow:0 10px 18px #26304a1a}.feature-icon-headset:before{content:"";border:5px solid #4f89ee;border-bottom:0;border-radius:20px 20px 0 0;width:28px;height:24px;position:absolute;top:12px;left:11px}.feature-icon-headset:after{content:"";background:#4f89ee;border-radius:999px;width:15px;height:6px;position:absolute;bottom:10px;right:8px}.feature-icon-book:before{content:"";background:#49ac70;border-radius:5px;position:absolute;inset:11px 13px 9px;box-shadow:inset 12px 0 #fff8da}.feature-icon-book:after{content:"";border-bottom:4px solid #49ac70;border-right:4px solid #49ac70;width:17px;height:12px;position:absolute;top:10px;right:9px;transform:rotate(36deg)}.feature-star{clip-path:polygon(50% 0,62% 34%,98% 34%,68% 55%,80% 91%,50% 70%,20% 91%,32% 55%,2% 34%,38% 34%);filter:drop-shadow(0 4px #3e69431f);background:#fff05d;width:26px;height:26px;position:absolute;top:14px;right:14px}.home-panel{background:#fffcefe6;border:1px solid #e1b15b47;border-radius:30px;padding:14px;box-shadow:0 15px 32px #5f4f311a,inset 0 2px #ffffffb8}.home-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.home-panel-heading h2{color:#27314a;letter-spacing:-.03em;font-size:1.08rem}.home-panel-heading a{color:#6d7f98;font-size:.82rem;font-weight:900;text-decoration:none}.home-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-stat-row div{background:#fff9e7;border:1px solid #e1b15b33;border-radius:23px;place-items:center;gap:5px;min-height:70px;display:grid}.home-stat-row strong{color:#3d73df;font-size:1.28rem;line-height:1}.home-stat-row span{color:#7b6e5b;font-size:.76rem;font-weight:900}.weak-chip-row{flex-wrap:wrap;gap:9px;display:flex}.weak-chip-row span{color:#5d421d;background:#ffe6a5;border:1px solid #d59f353d;border-radius:999px;padding:9px 13px;font-weight:1000}.reference-more-modes{background:#fffae8b8;border:1px dashed #86662d5c;border-radius:25px;padding:13px}.reference-more-modes summary{cursor:pointer;color:#5f4a28;font-weight:1000}.reference-more-modes p{color:#7b6e5b;margin-top:10px;font-size:.88rem;font-weight:800}.reference-mode-grid{gap:10px;margin-top:12px;display:grid}.dictation-lesson-page{background:radial-gradient(circle at 52% 42%,#ffdb7538,#0000 24%),linear-gradient(#fff7df 0%,#ffedbf 72%,#f3d997 100%);gap:14px}.lesson-topbar{grid-template-columns:46px 1fr 46px;align-items:center;min-height:50px;display:grid}.lesson-topbar strong{color:#26304a;justify-self:center;font-size:1.18rem}.lesson-back-button,.lesson-star-badge{background:#fffcf1e0;border:1px solid #e0b15b42;border-radius:16px;place-items:center;width:42px;height:42px;text-decoration:none;display:grid;box-shadow:0 10px 18px #5b4b2a14}.lesson-back-button{color:#536070;font-size:2rem;line-height:1}.lesson-star-badge{color:#fff;background:linear-gradient(135deg,#ffbd46,#ff8b3d);justify-self:end;font-weight:1000;position:relative}.lesson-star-badge:before{content:"";clip-path:polygon(50% 0,62% 34%,98% 34%,68% 55%,80% 91%,50% 70%,20% 91%,32% 55%,2% 34%,38% 34%);background:#ffe75b;width:20px;height:20px;position:absolute;top:-6px;left:-7px}.lesson-progress-card{color:#5c512f;background:#fffceedb;border:1px solid #e0b15b47;border-radius:24px;gap:10px;padding:14px 16px;display:grid;box-shadow:0 14px 28px #5b4b2a17}.lesson-progress-card strong{color:#3f74dc}.lesson-word-card{background:radial-gradient(circle at 18% 12%,#fff0975c,#0000 24%),linear-gradient(#fffdf4 0%,#fff8dc 100%);border:1px solid #e0b15b4d;border-radius:38px;min-height:510px;padding:28px 22px 120px;position:relative;overflow:hidden;box-shadow:0 22px 42px #68532a24,inset 0 2px #fffc}.lesson-new-chip{color:#fff;background:linear-gradient(135deg,#ff8b61,#ffbd55);border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:1000;position:absolute;top:22px;right:22px;box-shadow:0 8px 16px #d3682d2e}.lesson-stage{color:#7890ad;font-size:.82rem;font-weight:1000}.lesson-word-card h1{color:#26304a;letter-spacing:-.08em;margin-top:16px;font-size:4.9rem;line-height:.92}.lesson-phonetic{color:#6a86a8;margin-top:8px;font-size:1.1rem;font-weight:900}.lesson-meaning{color:#4b5871;margin-top:7px;font-size:1.05rem;font-weight:900}.lesson-audio-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.lesson-audio-button{color:#385178;cursor:pointer;background:linear-gradient(#eff7ff,#dff0ff);border:0;border-radius:30px;place-items:center;gap:9px;min-height:118px;display:grid;box-shadow:0 14px 24px #476fa924,inset 0 2px #ffffffdb}.lesson-audio-button-slow{color:#5e5420;background:linear-gradient(#fff5c8,#ffe294);box-shadow:0 14px 24px #b4812429,inset 0 2px #ffffffc2}.lesson-audio-button strong{color:inherit;font-size:.92rem}.lesson-audio-icon{background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:relative}.lesson-audio-icon-play:before{content:"";border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:18px solid #4d8df2;width:0;height:0;margin-left:4px}.lesson-audio-icon-slow:before,.lesson-audio-icon-slow:after{content:"";background:#ef9d2f;border-radius:999px;width:8px;height:25px}.lesson-audio-icon-slow{grid-template-columns:repeat(2,auto);gap:7px}.lesson-speech-button{color:#3d67bb;cursor:pointer;background:#ecf6ffc7;border:1px solid #5684e238;border-radius:18px;width:100%;margin-top:14px;padding:11px 13px;font-weight:1000}.lesson-speech-button:disabled{opacity:.62;cursor:not-allowed}.lesson-answer-placeholder,.lesson-spell-field{color:#97a1b3;background:#ffffffd1;border:1px solid #b4996033;border-radius:20px;align-items:center;min-height:54px;margin-top:16px;font-weight:900;display:grid;box-shadow:inset 0 2px #ffffffd1}.lesson-answer-placeholder{padding:0 17px}.lesson-spell-field{gap:7px;padding:11px 15px}.lesson-spell-field span{font-size:.8rem}.lesson-spell-field input{color:#26304a;background:0 0;border:0;outline:0;width:100%;font-size:1.2rem;font-weight:1000}.lesson-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.lesson-choice-option{color:#42506a;cursor:pointer;background:#ffffffd1;border:1px solid #5074bd29;border-radius:17px;min-height:48px;font-weight:1000}.lesson-choice-option-selected{color:#315da8;background:#eaf4ff;border-color:#4c86ee7a}.lesson-choice-option-correct{color:#1f6a4c;background:#eaf8ef;border-color:#3d9f7e73}.lesson-choice-option-wrong{color:#a44838;background:#fff0ec;border-color:#ea7a6373}.lesson-hint{z-index:2;color:#82633c;background:#ffeeb599;border-radius:20px;max-width:260px;margin-top:14px;padding:12px 14px;font-size:.9rem;font-weight:850;position:relative}.lesson-hint strong{color:#e08626}.lesson-spelling-feedback{z-index:2;margin-top:14px;position:relative}.lesson-dog-scene{z-index:1;transform-origin:100% 100%;width:112px;height:98px;position:absolute;bottom:166px;right:4px;transform:scale(.84)}.lesson-dog-scene:after{content:"";background:#69c67e61;border-radius:50%;width:132px;height:34px;position:absolute;bottom:-6px;right:-18px}.lesson-dog-ear,.lesson-dog-face,.lesson-dog-body{z-index:1;display:block;position:absolute}.lesson-dog-ear{background:#b56b3c;border-radius:50% 50% 16px 16px;width:28px;height:42px;top:4px}.lesson-dog-ear-left{left:20px;transform:rotate(-25deg)}.lesson-dog-ear-right{right:20px;transform:rotate(25deg)}.lesson-dog-face{background:#fff0d2;border:3px solid #9c5d33;border-radius:30px 30px 24px 24px;width:64px;height:54px;top:20px;left:24px}.lesson-dog-face:before,.lesson-dog-face:after{content:"";background:#35251c;border-radius:50%;width:7px;height:7px;position:absolute;top:22px}.lesson-dog-face:before{left:17px}.lesson-dog-face:after{right:17px}.lesson-dog-body{background:#74c575;border:3px solid #478f4c;border-radius:24px 24px 16px 16px;width:58px;height:36px;bottom:8px;left:28px}.lesson-bottom-action{bottom:calc(96px + env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8e1e0;border:1px solid #e0b15b3d;border-radius:26px;grid-template-columns:1fr 82px;gap:10px;padding:7px;display:grid;position:sticky;box-shadow:0 18px 34px #57482b2e}.lesson-primary-action.btn{background:linear-gradient(135deg,#4b86ef,#5cb9ff);border-radius:21px;min-height:56px}.lesson-skip-action{color:#726243;cursor:pointer;background:#fff6dc;border:0;border-radius:21px;font-weight:1000}.bottom-nav{width:min(100% - 30px,398px);bottom:calc(14px + env(safe-area-inset-bottom));background:#fffdf7f0;border:1px solid #ddb36447;border-radius:30px;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:9px;box-shadow:0 24px 46px #55452633,inset 0 2px #ffffffd6}.bottom-nav-item{color:#8b826d;border-radius:22px;gap:5px;min-height:62px;font-size:.76rem}.bottom-nav-item:before{display:none}.bottom-nav-item.active{color:#3d73df;background:#eef6ff;box-shadow:inset 0 0 0 1px #4d8df21f}.bottom-nav-icon{width:28px;height:28px;display:block;position:relative}.bottom-nav-icon:before,.bottom-nav-icon:after{content:"";display:block;position:absolute}.bottom-nav-icon-home:before{background:currentColor;border-radius:5px;width:18px;height:14px;top:10px;left:5px}.bottom-nav-icon-home:after{border-top:7px solid;border-left:7px solid;border-radius:4px;width:18px;height:18px;top:3px;left:5px;transform:rotate(45deg)scale(.72)}.bottom-nav-icon-book:before{background:currentColor;border-radius:5px 7px 7px 5px;width:17px;height:22px;top:4px;left:6px}.bottom-nav-icon-book:after{background:#ffffffd9;border-radius:999px;width:3px;height:15px;top:8px;left:11px}.bottom-nav-icon-stats:before{background:currentColor;border-radius:999px;width:5px;height:13px;bottom:4px;left:5px;box-shadow:8px -6px,16px -11px}.bottom-nav-icon-stats:after{opacity:.5;background:currentColor;border-radius:999px;height:3px;bottom:2px;left:3px;right:3px}.bottom-nav-icon-me:before{background:currentColor;border-radius:50%;width:10px;height:10px;top:4px;left:9px}.bottom-nav-icon-me:after{background:currentColor;border-radius:12px 12px 6px 6px;width:18px;height:11px;bottom:3px;left:5px}@media (width>=760px){.reference-page{border:10px solid #ffffffb8;border-radius:44px;min-height:860px;margin:28px auto}}@media (width<=390px){.reference-page{padding-inline:14px}.home-task-card h1{font-size:1.52rem}.home-hero-scene{transform-origin:100% 100%;right:0;transform:scale(.9)}.lesson-word-card h1{font-size:4.15rem}.lesson-audio-row{gap:12px}.lesson-audio-button{min-height:106px}}.home-hero-illustration,.home-progress-clock,.task-gift-image,.feature-image,.feature-star-image,.home-panel-title-icon,.home-stat-icon,.lesson-slow-icon-image,.lesson-heart-image,.lesson-dog-image,.bottom-nav-image-icon{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.bottom-nav-image-icon{display:none}@media (width>=768px){:root{--bottom-nav-space:210px}body{background:radial-gradient(circle at 12% 8%,#fff4cdad,#0000 28%),radial-gradient(circle at 88% 12%,#fff8e18f,#0000 26%),linear-gradient(#eee5d0 0%,#f5edd9 100%);overflow-x:hidden}.reference-page{background:radial-gradient(circle at 72% 8%,#ffffffbf,#0000 24%),linear-gradient(#fff9ec 0%,#fff5df 100%);border:0;border-radius:48px;gap:20px;width:1024px;min-width:1024px;min-height:1366px;margin:0 auto;padding:38px 48px 178px;box-shadow:0 30px 72px #5a482738}.reference-logo{color:#00184a;width:auto;min-height:68px;box-shadow:none;letter-spacing:.22em;background:0 0;border:0;border-radius:0;gap:18px;margin:0;padding:0 0 0 16px;font-size:42px}.reference-logo-mark{width:auto;height:auto;color:inherit;font-size:inherit;background:0 0;border-radius:0}.home-task-card{background:radial-gradient(circle at 41% 22%,#ffda4652,#0000 3%),radial-gradient(circle at 85% 25%,#d1e8ff94,#0000 8%),linear-gradient(#fffdf6f5,#fff9e7fa);border:1px solid #decaa5e0;border-radius:38px;min-height:340px;padding:44px 42px;box-shadow:0 18px 36px #70562b29,inset 0 2px #ffffffe6}.home-section-kicker{display:none}.home-task-copy{max-width:430px}.home-task-card h1{color:#00184a;letter-spacing:.02em;text-shadow:none;font-size:54px;line-height:1.05}.home-task-copy p{color:#00184a;margin-top:18px;font-size:24px;font-weight:800}.home-hero-scene{width:390px;height:245px;bottom:92px;right:20px}.home-hero-illustration{object-fit:contain;width:100%;height:100%}.home-task-progress{color:#00184a;background:#fffae9eb;border:1px solid #ddcba9d6;border-radius:24px;grid-template-columns:92px 180px 1fr;align-items:center;gap:20px;min-height:108px;padding:16px 24px;bottom:20px;left:20px;right:20px}.home-task-progress>div:first-of-type{justify-content:start;gap:4px;display:grid}.home-task-progress>div:first-of-type span{color:#00184a;font-size:18px;font-weight:900}.home-task-progress>div:first-of-type strong{color:#00184a;font-size:36px;line-height:1}.home-task-progress>div:first-of-type strong:after{content:" / 10 分钟";color:#928777;margin-left:10px;font-size:22px;font-weight:800}.home-progress-clock{object-fit:contain;width:76px;height:76px}.home-task-progress-track{background:#eee2c8;height:14px}.home-task-progress-track span{background:#238bff}.task-sticker-clock{background:0 0;border:5px solid #f4c625;width:38px;height:38px;top:58px;left:342px;right:auto}.task-sticker-clock:before,.task-sticker-clock:after{background:#f4c625}.task-gift-image{z-index:5;object-fit:contain;width:72px;height:72px;position:absolute;bottom:42px;right:56px}.home-feature-grid{grid-template-columns:repeat(2,1fr);gap:20px}.home-feature-card{border:1px solid #d6e1ebe6;border-radius:30px;grid-template-columns:100px 1fr;align-content:start;gap:18px 28px;min-height:230px;padding:34px 34px 26px;box-shadow:0 16px 32px #4b5c6e21,inset 0 2px #ffffffdb}.home-feature-card-blue{color:#00184a;background:linear-gradient(#f5fbff,#eef8ff)}.home-feature-card-green{color:#175a38;background:linear-gradient(#fbfff0,#f4ffe2);border-color:#d1e4b8e6}.feature-image{object-fit:contain;grid-row:span 2;width:96px;height:96px}.home-feature-card strong{margin-top:2px;font-size:30px}.home-feature-card em{opacity:.9;margin-top:8px;font-size:20px}.home-feature-card b{color:#fff;background:#238bff;border-radius:20px;grid-column:1/-1;place-items:center;width:100%;height:58px;font-size:24px;display:grid;box-shadow:0 8px 16px #238bff47}.home-feature-card-green b{background:#40bd69;box-shadow:0 8px 16px #2f9c553d}.feature-star-image{object-fit:contain;filter:drop-shadow(0 8px 10px #75581e29);width:96px;height:88px;position:absolute;top:-26px;right:-4px}.home-panel{background:#fffdf7f2;border:1px solid #e2d4bdeb;border-radius:28px;padding:24px;box-shadow:0 12px 26px #624c2a1a}.home-panel-heading{grid-template-columns:34px 1fr auto;align-items:center;margin-bottom:18px;display:grid}.home-panel-title-icon{object-fit:contain;width:28px;height:28px}.home-panel-heading h2{font-size:24px}.home-panel-heading a{font-size:18px}.home-stat-row{gap:20px}.home-stat-row div{background:#fffdf8f5;border-radius:16px;grid-template-rows:34px 24px;grid-template-columns:60px auto;place-items:center start;column-gap:10px;min-height:70px;padding:12px 22px}.home-stat-icon{object-fit:contain;grid-row:1/3;width:48px;height:48px}.home-stat-row strong{font-size:30px}.home-stat-row span{font-size:15px}.home-weak-panel{background:#fff7f3f5;min-height:165px}.weak-chip-row{gap:28px;padding-left:18px}.weak-chip-row span{text-align:center;color:#9a1717;background:#fff8f2;border-color:#e7cfc4;border-radius:14px;min-width:118px;padding:13px 22px;font-size:20px}.reference-more-modes{display:none}.dictation-lesson-page{background:radial-gradient(circle at 103% 34%,#e0eef7f2,#0000 14%),linear-gradient(#fff9eb 0%,#fff5df 65%,#d9f0ce 100%);gap:20px;padding:36px 48px 190px;position:relative}.dictation-lesson-page:after{content:"";pointer-events:none;background:url(/images/ui-ipad/grass-center.png) bottom/cover no-repeat;height:260px;position:absolute;bottom:112px;left:0;right:0}.lesson-topbar{z-index:2;grid-template-columns:76px 1fr 126px;min-height:74px;position:relative}.lesson-topbar strong{font-size:30px}.lesson-back-button{border-radius:16px;width:68px;height:68px;font-size:44px}.lesson-star-badge{color:#8a4f18;background:#fffdf8f5;border-radius:17px;justify-self:end;width:108px;height:62px;font-size:22px}.lesson-star-badge:before{width:28px;height:28px;top:16px;left:18px}.lesson-progress-card{z-index:2;box-shadow:none;background:0 0;border:0;padding:0;position:relative}.lesson-progress-card>div:first-child{justify-content:flex-end;padding-right:10px}.lesson-progress-card>div:first-child span{display:none}.lesson-progress-card>div:first-child strong{color:#333;font-size:22px;font-weight:500}.lesson-progress-track{background:#eee7d8;width:662px;height:12px;position:absolute;top:27px;left:4px}.lesson-progress-track span{background:#238bff}.lesson-word-card{z-index:2;background:repeating-linear-gradient(0deg,#0000 0 54px,#cbc6bc8c 55px 56px,#0000 57px 68px),#fffdf7f7;border-radius:34px;min-height:760px;margin-top:26px;padding:72px 58px 34px;position:relative;box-shadow:0 18px 40px #644e2a24}.lesson-new-chip{color:#5e3a13;background:#fff3ba;border:1px solid #e5c96d;border-radius:10px;place-items:center;min-width:94px;height:56px;font-size:22px;display:grid;top:20px;left:-10px;right:auto;transform:rotate(-8deg)}.lesson-stage{display:none}.lesson-word-card h1{color:#00184a;text-align:center;width:330px;margin:0 auto;font-size:152px;line-height:1}.lesson-phonetic{color:#333;text-align:center;margin-top:18px;font-size:32px;font-weight:500}.lesson-meaning{color:#1b2336;text-align:center;margin-top:4px;font-size:23px;font-weight:800}.lesson-word-card:after{content:"♪";color:#238bff;background:#f8fbff;border-radius:50%;place-items:center;width:74px;height:74px;font-size:34px;font-weight:900;display:grid;position:absolute;top:116px;right:84px;box-shadow:0 8px 16px #644e2a1f}.lesson-audio-row{gap:160px;width:482px;margin:56px auto 0}.lesson-audio-button{color:#006be8;min-height:172px;box-shadow:none;background:0 0;padding:0}.lesson-audio-button strong{color:inherit;margin-top:12px;font-size:22px}.lesson-audio-icon{background:#278eff;width:128px;height:128px;box-shadow:0 10px 18px #1d6fd03d}.lesson-audio-icon-play:before{border-top-width:18px;border-bottom-width:18px;border-left-width:28px;border-left-color:#fff}.lesson-audio-button-slow{color:#1e9b50;box-shadow:none;background:0 0}.lesson-slow-icon-image{object-fit:contain;filter:drop-shadow(0 10px 18px #258b5133);width:128px;height:128px}.lesson-speech-button{display:none}.lesson-answer-placeholder,.lesson-spell-field{background:#fffefbf5;border-radius:14px;width:670px;min-height:64px;margin:26px 0 0 28px;padding-left:76px;font-size:24px}.lesson-hint{color:#5f5f5f;background:0 0;max-width:620px;margin-top:40px;padding:0;font-size:22px;font-weight:500}.lesson-hint:before{content:"";vertical-align:-4px;background:#ffd54f;border-radius:50% 50% 45% 45%;width:24px;height:24px;margin-right:10px;display:inline-block}.lesson-hint strong{color:#5f5f5f}.lesson-heart-image{object-fit:contain;z-index:3;width:70px;height:60px;position:absolute;bottom:42px;right:128px}.lesson-dog-image{z-index:4;object-fit:contain;width:178px;height:auto;position:fixed;bottom:348px;left:calc(50% + 300px)}.lesson-bottom-action{z-index:90;width:700px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:530px 164px;gap:30px;padding:0;position:fixed;bottom:210px;left:calc(50% - 408px)}.lesson-primary-action.btn{border-radius:20px;min-height:88px;font-size:27px;box-shadow:0 8px 18px #176bd03d}.lesson-skip-action{color:#1b2336;background:#f7fff1;border:1px solid #dce7cf;border-radius:18px;min-height:88px;font-size:18px;box-shadow:0 6px 15px #8d6a2b1f}.bottom-nav{width:880px;min-height:132px;bottom:calc(62px + env(safe-area-inset-bottom));border-radius:26px;gap:0;padding:16px 18px}.bottom-nav-item{border-radius:22px;gap:0;min-height:100px;font-size:18px}.bottom-nav-image-icon{object-fit:contain;width:42px;height:42px;margin-bottom:6px;display:block}.bottom-nav-icon{display:none}.bottom-nav-item.active{color:#238bff;background:#eaf6ff}.mode-hub-page{background:radial-gradient(circle at 58% 16%,#ffef9c47,#0000 8%),radial-gradient(circle at 68% 13%,#d5ecff85,#0000 8%),linear-gradient(#fff9ec 0%,#fff5df 100%)}.mode-hub-topbar{grid-template-columns:1fr 126px;align-items:center;min-height:70px;display:grid}.mode-hub-topbar .lesson-star-badge{justify-self:end;position:relative}.mode-hub-hero{border-radius:34px 34px 0 0;min-height:168px;padding:24px 48px;position:relative;overflow:visible}.mode-hub-hero h1{color:#00184a;letter-spacing:.02em;font-size:54px;line-height:1}.mode-hub-hero p{color:#00184a;margin-top:18px;font-size:24px;font-weight:900}.mode-hub-hero img{object-fit:contain;width:358px;height:230px;position:absolute;bottom:-28px;right:36px}.mode-route-panel,.mode-card-panel{z-index:2;background:#fffdf7f2;border:1px solid #e2d4bdeb;border-radius:28px;padding:24px;position:relative;box-shadow:0 12px 26px #624c2a1a}.mode-route-panel h2,.mode-card-panel h2{color:#00184a;letter-spacing:-.02em;font-size:24px}.mode-route-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:18px;display:grid}.mode-route-grid button{text-align:left;cursor:pointer;background:#f5fbff;border:1px solid #d6e1ebe6;border-radius:20px;grid-template-columns:74px 1fr;align-items:center;gap:2px 14px;min-height:128px;padding:18px;display:grid;position:relative;box-shadow:inset 0 2px #ffffffbf}.mode-route-grid button:nth-child(2){background:#f5ffe9}.mode-route-grid button:nth-child(3){background:#fff8e7}.mode-step-number{color:#fff;background:#238bff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:1000;display:grid;position:absolute;top:-8px;left:-8px}.mode-route-grid button:nth-child(2) .mode-step-number{background:#42bd69}.mode-route-grid button:nth-child(3) .mode-step-number{background:#f0a728}.mode-route-grid img{object-fit:contain;grid-row:1/4;width:68px;height:68px}.mode-route-grid strong{color:#00184a;font-size:21px}.mode-route-grid em{color:#627086;font-size:16px;font-style:normal;font-weight:800}.mode-route-grid b{color:#00184a;font-size:20px}.mode-card-panel{padding-top:22px}.mode-card-panel .home-panel-heading{grid-template-columns:1fr auto;margin-bottom:18px}.mode-card-panel .home-panel-heading span{color:#6a6a6a;font-size:18px;font-weight:800}.mode-card-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mode-card{background:#f5fbff;border:1px solid #d6e1ebe6;border-radius:20px;grid-template-rows:74px 56px;grid-template-columns:76px 1fr;gap:10px 14px;min-height:154px;padding:18px;display:grid}.mode-card-green{background:#f4ffe8}.mode-card-orange{background:#fff6df}.mode-card-purple{background:#f4efff}.mode-card-coral{background:#fff0e9}.mode-card-yellow{background:#fff8dc}.mode-card img{object-fit:contain;grid-row:1/2;width:70px;height:70px}.mode-card h3{color:#00184a;letter-spacing:-.03em;white-space:nowrap;margin-top:4px;font-size:20px}.mode-card p{color:#627086;font-size:14px;font-weight:800}.mode-card .btn{border-radius:16px;grid-column:1/-1;min-height:48px;padding:0;font-size:17px}.practice-learning-page{background:radial-gradient(circle at 103% 34%,#e0eef7f2,#0000 14%),linear-gradient(#fff9eb 0%,#fff5df 65%,#d9f0ce 100%);padding-bottom:238px;position:relative}.practice-learning-page:after{content:"";pointer-events:none;background:url(/images/ui-ipad/grass-center.png) bottom/cover no-repeat;height:260px;position:absolute;bottom:112px;left:0;right:0}.practice-learning-page .page-hero{background:#fffdf7eb;border-radius:28px;min-height:156px;padding:24px 42px;position:relative}.practice-learning-page .page-eyebrow{color:#238bff;font-size:18px}.practice-learning-page .page-hero h1{color:#00184a;font-size:42px}.practice-learning-page .page-lead{color:#00184a;max-width:560px;font-size:21px;font-weight:850}.practice-learning-page .badge-row{max-width:620px}.practice-hero-illustration{object-fit:contain;width:248px;height:160px;position:absolute;bottom:-14px;right:24px}.practice-learning-page .progress-wrap{z-index:2;background:#fffdf7f0;border-radius:22px;margin:0;padding:16px 24px;position:relative}.practice-learning-page .card{z-index:2;background:#fffdf7f7;border-radius:34px;min-height:540px;padding:34px 52px 42px;position:relative;box-shadow:0 18px 40px #644e2a24}.practice-learning-page .card:before{display:none}.practice-learning-page .card-title{color:#00184a;text-align:center;max-width:620px;margin:14px auto 2px;font-size:78px;line-height:1}.practice-learning-page .card-subtitle{color:#1b2336;text-align:center;font-size:24px;font-weight:800}.practice-learning-page .card-chip-row{align-items:center}.practice-card-dog{object-fit:contain;width:156px;height:auto;position:absolute;bottom:126px;right:44px}.practice-learning-page .listen-controls{grid-template-columns:repeat(4,1fr);gap:14px;max-width:700px;margin:18px 0 16px;display:grid}.practice-learning-page .options{max-width:610px}.practice-learning-page .option{background:#fffefbf5;border-radius:16px;min-height:58px;font-size:20px}.practice-learning-page .option-selected{background:#effff3;border-color:#42bd69}.practice-learning-page .learning-block,.practice-learning-page .feedback,.practice-learning-page .speech-check{z-index:3;max-width:650px;position:relative}.practice-learning-page .practice-action-dock{z-index:3;max-width:610px;margin-top:14px;position:relative}}