:root{color:#4c3826;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffcc5c59,#0000 18%),radial-gradient(circle at 100% 0,#6b42ff26,#0000 22%),linear-gradient(#fffdf7 0%,#fff5df 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}body,button,input{font-family:inherit}button,input{font-size:1rem}img{max-width:100%;display:block}#root{width:min(1240px,100% - 32px);margin:0 auto;padding:28px 0 40px}h1,h2,h3,p{margin:0}h1,h2,h3{color:#37230f;line-height:1.05}h1{letter-spacing:-.04em;font-size:clamp(2.8rem,6vw,4.8rem)}h2{font-size:clamp(2rem,3vw,2.8rem)}h3{font-size:1.45rem}@media (width<=640px){#root{width:min(100% - 20px,1240px);padding-top:18px}}.app-shell{gap:24px;display:grid}.mode-toggle-row{background:#ffffffbf;border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:8px;display:inline-flex;box-shadow:0 12px 28px #603e1b14}.mode-toggle{font:inherit;cursor:pointer;color:#6a543f;background:0 0;border:0;border-radius:999px;padding:12px 18px;font-weight:800}.mode-toggle.active{color:#fff;background:linear-gradient(135deg,#6b42ff,#8b6bff);box-shadow:0 10px 20px #6b42ff33}.focus-mode-shell{background:linear-gradient(#fffffffa,#fff8def2);border:1px solid #fffc;border-radius:36px;grid-template-rows:auto auto auto auto;gap:22px;min-height:calc(100vh - 96px);padding:24px;display:grid;overflow:auto;box-shadow:0 24px 60px #603e1b24}.focus-mode-topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.focus-title{font-size:clamp(3rem,7vw,5.5rem)}.focus-pill-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.focus-visibility-row{flex-wrap:wrap;gap:12px;display:flex}.is-active-toggle{color:#4b2bb7;background:#6b42ff14;border-color:#6b42ff59}.focus-image-frame{background:linear-gradient(#fff9e8 0%,#fffdf7 100%);border:1px solid #ffd6776b;border-radius:32px;place-items:center;min-height:min(52vh,560px);padding:18px;display:grid;overflow:hidden}.focus-image{object-fit:contain;width:100%;height:100%;max-height:min(48vh,520px)}.focus-learning-panel{gap:16px;display:grid}.focus-hint-bar,.focus-mic-status{background:#ffffffd1;border:1px solid #ffd6774d;border-radius:22px;gap:8px;padding:16px 18px;display:grid}.focus-hint-bar{color:#6a543f;font-size:.95rem}.focus-mic-status strong{color:#38220f}.focus-word-caption{text-align:center;color:#38220f;letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,4.4rem);font-weight:900}.focus-sentence-card{text-align:center;background:#ffffffd1;border:1px solid #ffd6774d;border-radius:24px;gap:10px;padding:18px 20px;display:grid}.focus-sentence-card p{color:#5a452e;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.5}.focus-actions-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.btn-focus-previous,.btn-focus-play,.btn-focus-sentence,.btn-focus-listen,.btn-focus-next{border-radius:26px;min-height:88px;font-size:clamp(1.2rem,2.4vw,1.8rem)}.btn-focus-previous{color:#4a2f18;background:linear-gradient(135deg,#ffe8b2,#ffd596);box-shadow:0 18px 32px #ffc9542e}.btn-focus-play{color:#fff;background:linear-gradient(135deg,#6b42ff,#8b6bff);box-shadow:0 18px 32px #6b42ff3d}.btn-focus-listen{color:#3b260f;background:linear-gradient(135deg,#fff2b8,#ffd978);box-shadow:0 18px 32px #ffc95433}.btn-focus-sentence{color:#fff;background:linear-gradient(135deg,#13a37f,#44c3a3);box-shadow:0 18px 32px #13a37f38}.btn-focus-next{color:#4a2f18;background:linear-gradient(135deg,#ffd160,#ffb347);box-shadow:0 18px 32px #ffb34738}.hero-banner{background:linear-gradient(145deg,#fffffff5,#fff4d6eb);border:1px solid #fffc;border-radius:32px;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;box-shadow:0 18px 40px #603e1b1f}.hero-banner.enterprise{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);display:grid}.hero-copy-block{gap:10px;display:grid}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;color:#8f5b00;margin:0 0 10px;font-size:.78rem;font-weight:800}.hero-copy{color:#745d47;max-width:720px;margin:12px 0 0;line-height:1.65}.hero-panel{color:#613700;background:linear-gradient(#fff6c8,#fffdf5);border-radius:28px;place-items:center;gap:6px;min-width:170px;padding:20px 22px;display:grid;box-shadow:inset 0 0 0 1px #ffc75e59}.hero-icon{font-size:3rem}.hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.metric-card{color:#603e1b;background:#ffffffc7;border-radius:24px;align-content:center;gap:6px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #ffc75e40}.metric-card span,.cue-label,.category-pill{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800}.metric-card strong{color:#3f2a11;font-size:2rem}.content-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;display:grid}.enterprise-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start}.stage-card,.practice-card{background:#ffffffe0;border:1px solid #ffffffd1;border-radius:32px;padding:26px;box-shadow:0 18px 40px #603e1b1f}.stage-header,.practice-topbar,.mini-library-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.progress-pill,.score-chip{color:#6f4600;background:#ffc9542e;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:inline-flex}.score-chip{flex-direction:column;min-width:86px}.score-chip span{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.enterprise-chip{min-width:92px}.category-pill{color:#5e3f11;background:#ffd58047;border-radius:999px;align-items:center;width:fit-content;margin-top:10px;padding:8px 12px;display:inline-flex}.art-frame{background:linear-gradient(#fff8dd 0%,#fffdf6 100%);border:1px solid #ffd67773;border-radius:28px;place-items:center;min-height:440px;margin:22px 0;display:grid;overflow:hidden}.art-frame.large{min-height:560px}.word-art{object-fit:contain;width:100%;height:100%;max-height:440px}.art-frame.large .word-art{max-height:560px}.learning-cues{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.learning-cues>div,.assistant-card{background:#fffaf0;border:1px solid #ffd6774d;border-radius:22px;gap:8px;padding:16px 18px;display:grid}.assistant-card strong{color:#38220f}.assistant-panels{gap:14px;margin-top:18px;display:grid}.reward-card{background:linear-gradient(#fff8dc,#fff)}.reward-bar{background:#6b42ff1a;border-radius:999px;height:12px;overflow:hidden}.reward-fill{border-radius:inherit;background:linear-gradient(90deg,#ffc24b,#6b42ff);height:100%}.action-row{flex-wrap:wrap;gap:12px;display:flex}.action-row.compact{margin-top:18px}.btn{font:inherit;cursor:pointer;border:0;border-radius:18px;padding:14px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6b42ff,#8b6bff);box-shadow:0 14px 26px #6b42ff47}.btn-secondary{color:#6232d2;background:#f2ebff}.btn-ghost{color:#543a21;background:#fff;border:1px solid #543a211f}.input-label{color:#4d3623;margin:22px 0 10px;font-weight:700;display:inline-block}.answer-input{background:#fff;border:2px solid #6b42ff26;border-radius:20px;outline:none;width:100%;padding:16px 18px;font-size:1rem;transition:border-color .18s,box-shadow .18s}.answer-input:focus{border-color:#6b42ff6b;box-shadow:0 0 0 5px #6b42ff1f}.feedback-card{border-radius:22px;margin-top:18px;padding:16px 18px}.feedback-card strong{margin-bottom:6px;display:block}.feedback-card.neutral{color:#4d3d79;background:#f3efff}.feedback-card.success{color:#116d48;background:#e9fff4}.feedback-card.error{color:#a93742;background:#fff0f1}.feedback-card.warning{color:#8d5a00;background:#fff7df}.feedback-card.reward{color:#613700;background:#fff6cb}.mini-library{border-top:1px solid #6f46001f;margin-top:22px;padding-top:22px}.mini-library-header span{color:#826956;font-size:.92rem}.word-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.word-strip.full-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.word-chip{cursor:pointer;text-align:left;background:#fff;border:1px solid #6f46001f;border-radius:18px;gap:10px;width:100%;padding:10px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.word-chip:hover{transform:translateY(-1px);box-shadow:0 14px 24px #603e1b14}.word-chip.active{border-color:#6b42ff66;box-shadow:0 14px 24px #6b42ff1f}.word-chip.done{background:#f2fff8;border-color:#116d483d}.word-chip img{aspect-ratio:4/3;object-fit:cover;background:#fff7dc;border-radius:14px;width:100%}.word-chip span{color:#422d1b;font-weight:700}.word-chip small{color:#7f6955;font-size:.82rem}@media (width<=980px){.hero-banner,.content-grid{grid-template-columns:1fr;display:grid}.hero-panel{justify-self:start}.art-frame{min-height:320px}.hero-stats-grid,.learning-cues,.word-strip.full-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-mode-topbar,.focus-actions-row{grid-template-columns:1fr;display:grid}.focus-pill-group{justify-content:flex-start}.focus-visibility-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.focus-actions-row{grid-template-columns:repeat(2,minmax(0,1fr))}.focus-image-frame{min-height:auto}}@media (width<=640px){.hero-banner,.stage-card,.practice-card{border-radius:24px;padding:20px}.stage-header,.practice-topbar,.mini-library-header{flex-direction:column;align-items:flex-start}.word-strip,.hero-stats-grid,.learning-cues,.word-strip.full-grid{grid-template-columns:1fr}.mode-toggle-row,.focus-pill-group,.focus-visibility-row,.focus-actions-row,.mode-toggle,.btn-focus-previous,.btn-focus-play,.btn-focus-sentence,.btn-focus-listen,.btn-focus-next{width:100%}.focus-mode-shell{border-radius:24px;min-height:calc(100vh - 48px);padding:18px}.focus-actions-row,.focus-visibility-row{grid-template-columns:1fr}.focus-image{max-height:42vh}.btn,.word-chip{width:100%}}