:root{--bg:#fff7e6;--card:#fff;--ink:#2b2b3a;--muted:#8a8698;--line:#efe6d2;--primary:#3b6ee8;--primary-ink:#fff;--yellow:#ffcb05;--good:#23a55a;--good-bg:#e3f7ea;--bad:#e5484d;--bad-bg:#fde8e8;--fix:#f08c00;--key:#fff;--key-shadow:#d9cfb8;--radius:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-user-select:none;user-select:none;overscroll-behavior:none;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,-apple-system,PingFang SC,sans-serif}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}select{font:inherit;border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:8px 12px;font-size:18px}.screen{max-width:980px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:16px;padding:80px 0;font-size:22px;display:flex}.btn{background:var(--card);box-shadow:0 4px 0 var(--key-shadow);border:none;border-radius:16px;padding:14px 22px;font-size:20px;font-weight:700}.btn:active{box-shadow:0 1px 0 var(--key-shadow);transform:translateY(3px)}.btn:disabled{opacity:.4}.btn.primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 4px #2a50ad}.btn.good{background:var(--good);color:#fff;box-shadow:0 4px #17733e}.btn.bad{background:var(--bad);color:#fff;box-shadow:0 4px #a32e32}.btn.ghost{box-shadow:none;background:0 0}.btn.icon{padding:8px 12px;font-size:26px}.btn.huge{padding:20px 28px;font-size:26px}.mini{background:0 0;border:none;padding:4px 6px;font-size:22px}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero h1{margin:0;font-size:40px}.hero p{margin:4px 0 0;font-size:18px}.badges{align-items:center;gap:10px;display:flex}.badge{background:var(--card);box-shadow:0 3px 0 var(--line);border-radius:18px;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding:8px 16px;display:grid}.badge span{grid-row:span 2;font-size:26px}.badge b{font-size:24px}.badge small{color:var(--muted);font-size:12px}.week-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.week-bar h2{margin:0;font-size:28px}.groups{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.group{background:var(--card);border-radius:var(--radius);text-align:left;box-shadow:0 4px 0 var(--line);border:3px solid #0000;flex-direction:column;gap:8px;padding:18px;display:flex}.group.active{border-color:var(--primary)}.group-name{font-size:24px;font-weight:800}.group-stars{font-size:16px;font-weight:700}.bar{background:var(--line);border-radius:99px;height:10px;overflow:hidden}.bar-fill{background:var(--yellow);border-radius:99px;height:100%;display:block}.modes h3{margin:8px 0 12px;font-size:24px}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.mode{background:var(--card);border-radius:var(--radius);box-shadow:0 5px 0 var(--key-shadow);border:none;flex-direction:column;align-items:center;gap:6px;padding:22px 12px;display:flex}.mode:active{box-shadow:0 2px 0 var(--key-shadow);transform:translateY(3px)}.mode-icon{font-size:44px}.mode-name{font-size:22px;font-weight:800}.mode-en{color:var(--muted);font-size:14px}.topbar{align-items:center;gap:12px;display:flex}.topbar-title{white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;overflow:hidden}.progress{background:var(--line);border-radius:99px;flex:1;min-width:60px;height:14px;overflow:hidden}.progress-fill{background:var(--good);border-radius:99px;height:100%;transition:width .3s}.topbar-count{color:var(--muted);font-weight:800}.tag-review{color:#5b3fd1;background:#ede7ff;border-radius:99px;align-self:center;padding:6px 14px;font-weight:700}.card{background:var(--card);box-shadow:0 6px 0 var(--line);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:18px;padding:24px 20px;display:flex}.prompt{color:var(--muted);margin:0;font-size:22px;font-weight:700}.big-word{letter-spacing:2px;font-size:clamp(48px,9vw,84px);font-weight:800;line-height:1.1}.zh{color:#b0563b;font-size:28px;font-weight:700}.card-foot{justify-content:center;display:flex}.speakbar{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.speak{background:#eef3ff;border:none;border-radius:20px;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:12px 18px;display:flex;box-shadow:0 4px #cdd9f7}.speak:active{transform:translateY(3px);box-shadow:0 1px #cdd9f7}.speak-icon{font-size:34px}.speak-label{color:#3a4f8f;font-size:15px;font-weight:700}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:#fffaf0;border:2px dashed #c9b98f;border-radius:14px;padding:8px 16px;font-size:28px;font-weight:700}.sentence{max-width:720px}.sentence-en{margin:0;font-size:24px;line-height:1.5}.sentence-en mark{background:#fff1a8;border-radius:6px;padding:0 4px;font-weight:800}.sentence-zh{color:var(--muted);margin:6px 0 0;font-size:18px}.options{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:640px;display:grid}.option{border:3px solid var(--line);background:var(--card);letter-spacing:1px;box-shadow:0 4px 0 var(--line);border-radius:20px;padding:22px 12px;font-size:32px;font-weight:800}.option.is-right{border-color:var(--good);background:var(--good-bg);color:var(--good)}.option.is-wrong{border-color:var(--bad);background:var(--bad-bg);color:var(--bad);text-decoration:line-through}.option.is-dim{opacity:.4}.next{margin-top:4px}.slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.slot{border-radius:12px;place-items:center;width:52px;height:64px;font-size:40px;font-weight:800;display:grid}.slot.given{color:var(--ink)}.slot.blank{color:var(--primary);background:#fffaf0;border-bottom:5px solid #c9b98f}.slot.blank.active{border-color:var(--primary);background:#eef3ff}.slot.blank.ok{color:var(--good);border-color:var(--good);background:var(--good-bg)}.slot.blank.bad{color:var(--fix);border-color:var(--bad);background:var(--bad-bg)}.answer{border:3px solid var(--line);letter-spacing:3px;border-radius:20px;justify-content:center;align-items:center;min-width:min(560px,100%);min-height:84px;padding:10px 20px;font-size:48px;font-weight:800;display:flex}.answer.is-right{border-color:var(--good);background:var(--good-bg);color:var(--good)}.answer .placeholder{color:#d8d2c4}.caret{background:var(--primary);width:3px;height:48px;margin-left:4px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.celebrate{font-size:36px;font-weight:800;animation:.4s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.diff{background:#fffaf0;border-radius:16px;flex-direction:column;gap:6px;padding:12px 20px;display:flex}.diff-row{align-items:center;gap:14px;display:flex}.diff-label{color:var(--muted);text-align:right;width:56px;font-size:16px}.diff-word{letter-spacing:3px;font-size:40px;font-weight:800}.l-ok{color:var(--good)}.l-bad{color:var(--bad);text-decoration:line-through}.l-extra{color:var(--bad);opacity:.7;text-decoration:line-through}.l-gap{color:var(--bad)}.l-fix{color:var(--fix);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:4px}.keyboard{flex-direction:column;gap:8px;width:100%;max-width:820px;display:flex}.krow{justify-content:center;gap:6px;display:flex}.key{background:var(--key);max-width:72px;height:64px;box-shadow:0 4px 0 var(--key-shadow);border:none;border:2px solid var(--line);border-radius:12px;flex:1;font-size:30px;font-weight:700}.key:active{box-shadow:0 1px 0 var(--key-shadow);background:#eef3ff;transform:translateY(3px)}.key-wide{flex:1.6;max-width:110px}.key-enter{background:var(--primary);color:#fff;border-color:var(--primary);flex:1;max-width:360px;font-size:24px;box-shadow:0 4px #2a50ad}.key-enter:disabled{opacity:.4}.judge{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.nav{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.stars{letter-spacing:2px}.stars .on{color:var(--yellow)}.stars .off{color:#e6dfcf}.stars-sm{font-size:18px}.stars-md{font-size:28px}.stars-lg{font-size:40px}.summary h2{margin:0;font-size:34px}.summary-emoji{font-size:72px}.summary-score{margin:0;font-size:24px}.summary-list{text-align:left;width:100%;max-width:560px}.summary-list p{font-size:20px;font-weight:700}.summary-word{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:6px 0;font-size:24px;display:flex}.settings .card{text-align:left;align-items:stretch}.field{flex-direction:column;gap:8px;font-size:18px;font-weight:700;display:flex}.field input[type=range]{width:100%;accent-color:var(--primary)}.warn{color:var(--bad)}@media (width<=600px){.key{height:52px;font-size:22px}.option{padding:16px 8px;font-size:24px}.speak{min-width:72px;padding:10px}.slot{width:38px;height:50px;font-size:30px}}.tabs{background:#f3e9d2;border-radius:18px;align-self:flex-start;gap:8px;padding:6px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-radius:14px;padding:10px 22px;font-size:20px;font-weight:800}.tab.active{background:var(--card);color:var(--ink);box-shadow:0 3px 0 var(--line)}.passages{flex-direction:column;gap:12px;display:flex}.passage-item{background:var(--card);border-radius:var(--radius);text-align:left;box-shadow:0 4px 0 var(--line);border:none;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.passage-item:active{transform:translateY(2px)}.passage-day{color:var(--primary);font-size:15px;font-weight:700}.passage-title{font-size:26px;font-weight:800}.toolbar{z-index:5;background:var(--bg);flex-wrap:wrap;gap:10px;padding:6px 0;display:flex;position:sticky;top:0}.tool{border:2px solid var(--line);background:var(--card);border-radius:14px;padding:10px 16px;font-size:18px;font-weight:800}.tool.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.tool.on{background:#fff1a8;border-color:#e6c84a}.passage{background:var(--card);box-shadow:0 6px 0 var(--line);border-radius:28px;padding:20px 24px 28px}.passage-hint{margin:0 0 8px;font-size:15px}.para{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.para-play{width:40px;height:40px;color:var(--primary);background:#eef3ff;border:none;border-radius:50%;flex:none;margin-top:6px;font-size:16px}.para-body{flex:1;min-width:0}.para-en{-webkit-user-select:none;margin:0;font-size:28px;line-height:1.9}.para-zh{color:var(--muted);border-left:4px solid var(--line);margin:4px 0 0;padding-left:12px;font-size:18px;line-height:1.7}.sent{border-radius:8px;transition:background .2s}.sent.reading{background:#eaf1ff}.w{cursor:pointer;border-radius:6px;padding:0 1px}.w:active{background:#ffe9a8}.w.new{background:#fff1a8;box-shadow:inset 0 -3px #f2c94c}.w.speaking{background:var(--primary);color:#fff}.w.picked{outline:3px solid var(--primary)}.sheet-backdrop{z-index:20;background:#281e0a40;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);width:100%;max-width:680px;padding:24px 20px max(24px, env(safe-area-inset-bottom));border-radius:28px 28px 0 0;flex-direction:column;align-items:center;gap:16px;animation:.2s ease-out up;display:flex;position:relative}@keyframes up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.sheet-close{color:var(--muted);background:0 0;border:none;font-size:24px;position:absolute;top:12px;right:14px}.sheet-word{font-size:56px;font-weight:800}.nw-list{flex-direction:column;gap:10px;display:flex}.nw{background:var(--card);box-shadow:0 3px 0 var(--line);border-radius:18px;align-items:center;gap:6px;padding:12px 14px;display:flex}.nw-main{flex:1;min-width:0}.nw-word{font-size:26px}.zh-sm{color:#b0563b;margin:0 6px;font-size:18px;font-weight:700}.nw-sent{margin-top:2px;font-size:15px}.poke-art{object-fit:contain;-webkit-user-drag:none}.partner-widget{background:var(--card);border-radius:var(--radius);text-align:left;box-shadow:0 4px 0 var(--line);border:none;align-items:center;gap:14px;padding:10px 18px;font-size:18px;display:flex}.partner-widget.pw-empty{background:#fff3c4}.pw-ball{font-size:44px}.pw-info{flex-direction:column;gap:4px;min-width:220px;display:flex}.bar-fill.xp{background:linear-gradient(90deg,#7bd88f,#23a55a)}.bar.big{width:min(420px,80vw);height:18px}.pending-banner{color:#5b3a00;background:linear-gradient(90deg,#ffe066,#ffcb05);border:none;border-radius:18px;padding:14px 20px;font-size:20px;font-weight:800;animation:1.6s ease-in-out infinite pulse;box-shadow:0 4px #d9a800}@keyframes pulse{50%{transform:scale(1.03)}}.summary-candy{margin:0;font-size:24px;font-weight:800}.partner-stage{cursor:pointer}.bounce{animation:.5s ease-out bounce}@keyframes bounce{30%{transform:translateY(-18px)scale(1.05)}60%{transform:translateY(0)scale(.98)}}.partner-name{font-size:32px;font-weight:800}.partner-name .muted{font-size:20px}.evo-line{align-items:center;gap:10px;display:flex}.evo{background:#f6f1e4;border-radius:16px;padding:4px}.evo.on{background:#e3f7ea}.xp{flex-direction:column;align-items:center;gap:6px;display:flex}.candy-count{font-size:30px;font-weight:800}.starter-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding-bottom:100px;display:grid}.starter{background:var(--card);border-radius:var(--radius);box-shadow:0 4px 0 var(--line);border:3px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:12px;display:flex}.starter.active{border-color:var(--primary);background:#eef3ff}.starter b{font-size:18px}.sticky-bottom{padding:16px 16px max(16px, env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 40%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.dex-cell{background:var(--card);box-shadow:0 2px 0 var(--line);border:none;border-radius:14px;flex-direction:column;align-items:center;padding:6px 4px;display:flex;position:relative}.dex-cell small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.dex-cell.got small{color:var(--ink);font-weight:700}.dex-cell .silhouette{filter:brightness(0);opacity:.18}.shiny-tag{position:absolute;top:4px;right:6px}.overlay{z-index:30;background:#141e3c8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.overlay-card{background:var(--card);text-align:center;border-radius:32px;flex-direction:column;align-items:center;gap:12px;width:min(560px,100%);padding:28px 24px;animation:.3s ease-out pop;display:flex}.overlay-title{margin:0;font-size:26px;font-weight:800}.encounter.tier-legendary{background:radial-gradient(circle at 50% 35%,#fff6cf,#fff 60%);box-shadow:0 0 0 6px #ffd84a}.encounter.is-shiny{box-shadow:0 0 0 6px #b4a7ff}.appear{animation:.8s ease-out appear}@keyframes appear{0%{filter:brightness(0);transform:scale(.7)}60%{filter:brightness(0)}to{filter:none;transform:none}}.pop-in{animation:.5s ease-out pop}.glowing{animation:3s ease-in-out forwards glow}@keyframes glow{0%{filter:none}30%{filter:brightness(3)saturate(0)}50%,70%{filter:brightness(10)saturate(0);transform:scale(1.1)}to{filter:brightness(10)saturate(0);transform:scale(.9)}}.evo-flash{padding:10px}.ball-wrap{place-items:center;height:240px;display:grid}.pokeball{background:linear-gradient(#ef5350 0 46%,#2a2a2a 46% 54%,#fff 54%);border:6px solid #2a2a2a;border-radius:50%;width:110px;height:110px;position:relative}.pokeball:after{content:"";background:#fff;border:6px solid #2a2a2a;border-radius:50%;width:28px;height:28px;margin:-20px;position:absolute;top:50%;left:50%}.pokeball.shake{animation:2.2s ease-in-out shake}@keyframes shake{0%{transform:translateY(-200px)scale(.5)}18%{transform:translateY(0)scale(1)}30%,54%,78%{transform:rotate(0)}36%,60%,84%{transform:rotate(-22deg)}42%,66%,90%{transform:rotate(22deg)}to{transform:rotate(0)}}.task-card{background:var(--card);border-radius:var(--radius);box-shadow:0 4px 0 var(--line);border:3px solid #ffe08a;padding:16px 18px}.task-card.all-done{border-color:var(--good);background:#f3fbf5}.task-card h3{margin:0 0 8px;font-size:22px}.task{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.task:last-of-type{border-bottom:none}.task-check{font-size:26px}.task-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.task-body b{font-size:20px}.task.done .task-body b{color:var(--muted);text-decoration:line-through}.task-foot{color:#8a6d00;margin:8px 0 0;font-weight:800}.task-card.all-done .task-foot{color:var(--good)}.lessons{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.lesson-card{background:var(--card);border-radius:var(--radius);text-align:left;box-shadow:0 4px 0 var(--line);border:none;flex-direction:column;gap:8px;padding:18px;display:flex}.lesson-card:active{transform:translateY(2px)}.lesson-day{color:var(--primary);font-size:15px;font-weight:700}.lesson-title{font-size:24px;font-weight:800}.lesson-meta{justify-content:space-between;font-size:16px;font-weight:700;display:flex}.lesson-h1{margin:0;font-size:36px}.lesson-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.lesson-read{border-radius:var(--radius);text-align:left;background:var(--primary);color:#fff;border:none;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 5px #2a50ad}.lesson-read.alt{color:var(--ink);background:#fff3c4;box-shadow:0 5px #e6c84a}.lesson-read b{font-size:24px;display:block}.lesson-read small{opacity:.85;font-size:15px}.lr-icon{font-size:40px}.word-chips{flex-wrap:wrap;gap:10px;display:flex}.word-chip{background:var(--card);box-shadow:0 3px 0 var(--line);border:none;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.word-chip b{font-size:20px}.word-chip small{color:#b0563b;font-weight:700}.w.lw{color:var(--primary);box-shadow:inset 0 -3px #9db6f5}.w.lw.speaking{color:#fff}.lw-sample{color:var(--primary);font-weight:800}.tag-lesson{color:var(--primary);background:#eef3ff;border-radius:99px;padding:4px 12px;font-weight:800}.read-flow{background:#fff3c4;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:18px;display:flex}.read-flow.done{background:var(--good-bg);color:var(--good);font-weight:800}.lesson-card.future{opacity:.55}.with-help{align-items:center;gap:10px;display:flex}.help-btn{border:2px solid var(--primary);width:32px;height:32px;color:var(--primary);background:#eef3ff;border-radius:50%;place-items:center;padding:0;font-size:18px;font-weight:800;display:inline-grid}.help-card{text-align:left;align-items:stretch}.help-card .overlay-title{text-align:center}.help-card .btn{align-self:center}.help-list{flex-direction:column;gap:10px;margin:0;padding-left:22px;font-size:19px;line-height:1.5;display:flex}