:root{--bg:#fff8ec;--card:#fff;--ink:#2b2b3a;--muted:#8a7f72;--line:#f1e6d6;--brand:#ff8a00;--brand-ink:#fff;--ok:#1f9d55;--ok-bg:#e5f6ec;--bad:#d64545;--bad-bg:#fdecec;--radius:18px;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:28px}h2{font-size:20px}h3{margin-top:16px;font-size:17px}p{line-height:1.5}code{background:var(--line);border-radius:6px;padding:1px 6px;font-size:.9em}a{color:inherit}.page{max-width:1100px;margin:0 auto;padding:20px 24px 64px}.page-head{align-items:center;gap:16px;margin-bottom:12px;display:flex}.back{background:var(--card);border:2px solid var(--line);border-radius:999px;min-height:48px;padding:12px 20px;font-weight:700;text-decoration:none}.intro{color:var(--muted);margin-bottom:16px;line-height:1.5}.muted{color:var(--muted)}.small{font-size:13px}.hero{align-items:center;gap:20px;margin:8px 0 20px;display:flex}.hero-car{font-size:64px;animation:3s ease-in-out infinite alternate drive}.hero p{color:var(--muted);margin:6px 0 0}@keyframes drive{0%{transform:translate(-6px)}to{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.hero-car{animation:none}}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.tile{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);gap:16px;min-height:140px;padding:20px;text-decoration:none;transition:transform .1s;display:flex}.tile:active{transform:scale(.98)}.tile-emoji{font-size:44px}.tile-body{flex-direction:column;flex:1;gap:6px;display:flex}.tile-body p{color:var(--muted);margin:0;font-size:15px}.tile-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:13px;display:flex}.tile.report{border-style:dashed}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:20px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card>p:first-child{margin-top:0}.row{align-items:center;gap:10px;margin:8px 0;display:flex}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}.spacer{flex:1}.big{min-width:64px;min-height:64px;font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:16px;padding:0 22px;font-size:18px;font-weight:700;transition:transform 60ms}.big:active:not(:disabled){transform:scale(.96)}.big:disabled{opacity:.45;cursor:default}.big.primary{background:var(--brand);color:var(--brand-ink)}.big.secondary{color:var(--ink);background:#fff3e0;border-color:#ffd9a8}.big.secondary.active{background:var(--ink);color:#fff;border-color:var(--ink)}.big.danger{background:var(--bad);color:#fff}.big.ghost{border-color:var(--line);color:var(--ink);background:0 0}.big.pad{background:#fff3e0;border-color:#ffd9a8;flex:220px;min-height:96px}.big.pad:active{background:var(--brand);color:#fff}.small-btn{min-width:44px;min-height:44px;font:inherit;border:2px solid var(--line);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:12px;padding:0 12px;font-size:15px}.small-btn:disabled{opacity:.4}.small-btn.on-ok{background:var(--ok);border-color:var(--ok);color:#fff}.small-btn.on-bad{background:var(--bad);border-color:var(--bad);color:#fff}.rec-btn{border:3px solid var(--bad);width:64px;height:64px;color:var(--bad);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:50%;font-size:24px}.rec-btn.on{background:var(--bad);color:#fff;animation:1s infinite pulse}.rec-btn:disabled{opacity:.35}@keyframes pulse{50%{box-shadow:0 0 0 10px #d6454526}}.badge{background:var(--line);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.alert{background:#fff3e0;border-radius:14px;margin:10px 0;padding:12px 16px;line-height:1.5}.alert.ok{background:var(--ok-bg)}.alert.bad{background:var(--bad-bg)}.alt{margin-right:8px;display:inline-block}.stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:12px 0;display:grid}.stat{border:2px solid var(--line);background:#fffaf3;border-radius:14px;padding:10px 14px}.stat.ok{background:var(--ok-bg);border-color:#b5e3c7}.stat.bad{background:var(--bad-bg);border-color:#f4bcbc}.stat-v{font-size:20px;font-weight:800}.stat-l{color:var(--muted);font-size:13px}.tbl{border-collapse:collapse;width:100%;margin:12px 0}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--line);padding:8px 10px}.tbl th{color:var(--muted);font-size:13px;font-weight:600}.tbl.tts .word{font-size:26px;font-weight:800}.tbl .row{margin:0}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.field.wide input{width:min(420px,100%)}select,input:not([type=range]){font:inherit;color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:12px;min-height:52px;padding:0 14px;font-size:18px}input[type=range]{width:200px;min-height:44px}.wave{background:#fffaf3;border-radius:10px;width:100%;display:block}.wave-pair{grid-template-columns:1fr 1fr;gap:16px;margin:12px 0;display:grid}.list{margin:8px 0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.target-word{text-align:center;margin:8px 0 16px;font-size:96px;font-weight:800}.pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pair-side{text-align:center;background:#fffaf3;border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.pair-word{font-size:52px;font-weight:800;line-height:1.1}.tabs{margin-bottom:16px}.blind-choices{gap:24px;margin:20px 0}.big.choice{background:#fff3e0;border-color:#ffd9a8;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:220px;min-height:140px;font-size:56px;display:flex}.big.choice small{color:var(--muted);font-size:16px;font-weight:500}.json{color:#f8f2e8;background:#2b2b3a;border-radius:14px;max-height:60vh;padding:16px;font-size:12px;overflow:auto}@media (width<=700px){.pair,.wave-pair{grid-template-columns:1fr}.target-word{font-size:72px}}.content-layout{grid-template-columns:260px 1fr;align-items:start;gap:16px;display:grid}.lesson-list{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);max-height:calc(100dvh - 24px);padding:6px;position:sticky;top:12px;overflow:auto}.lesson-item{width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.lesson-item .num{min-width:28px;color:var(--muted);font-weight:800}.lesson-item .t{flex:1}.lesson-item.review .t,.lesson-item.intro .t{color:var(--muted);font-style:italic}.lesson-item.on{background:var(--ink);color:#fff}.lesson-item.on .num,.lesson-item.on .t{color:#fff}.chip{background:#fff3e0;border:1px solid #ffd9a8;border-radius:10px;padding:4px 10px;display:inline-block}.chip.ok{background:var(--ok-bg);border-color:#b5e3c7;font-weight:700}.chip.big-chip{padding:4px 14px;font-size:22px;font-weight:800}.word-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:8px 0 12px;display:grid}.word-tile{border:2px solid var(--line);min-height:96px;font:inherit;cursor:pointer;background:#fffaf3;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px;font-size:22px;font-weight:700;display:flex;position:relative}.word-tile.small{min-height:64px;font-size:16px}.word-tile .emoji{font-size:32px}.word-tile.small .emoji{font-size:20px}.word-tile.on{border-color:var(--brand);background:#fff3e0}.word-tile .tag{font-size:14px;position:absolute;top:4px;right:6px}.spell-block{border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.spell-word{letter-spacing:2px;margin-right:12px;font-size:72px;font-weight:800}.spell-word .hl{color:var(--brand)}.col{flex-direction:column;gap:6px;display:flex}.steps{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.step{background:#f6efe4;border-radius:10px;padding:6px 12px;font-size:18px;font-weight:600}.step.word{background:var(--ok-bg)}.step.tone{background:#ece6ff}.step.on{background:var(--brand);color:#fff}@media (width<=800px){.content-layout{grid-template-columns:1fr}.lesson-list{max-height:240px;position:static}}.audio-group{min-width:110px}.audio-chip{font:inherit;cursor:pointer;min-height:40px;font-size:16px}.audio-chip.std{background:#fff6f6;border-color:#f4bcbc}.audio-chip.missing{opacity:.5;border-style:dashed}.audio-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}