:root{color:#1f2430;background:#fff7ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer;color:#4c1d95;background:#f3e8ff;border:0;border-radius:999px;padding:.85rem 1.15rem;font-size:.98rem;font-weight:800;box-shadow:0 8px 24px #4c1d951f}button:hover{transform:translateY(-1px)}button.primary{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444)}button.secondary,.link-button{color:#9a3412;background:#fff;border:1px solid #fed7aa}.link-button{border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.15rem;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #4c1d951f}.share-status{color:#166534;margin-top:12px;font-weight:900}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 48px}.hero-card,.panel,.practice-card,.completion-card{background:#ffffffdb;border:1px solid #9a341229;border-radius:32px;box-shadow:0 24px 70px #7c2d1224}.hero-card{padding:clamp(28px,6vw,72px);position:relative;overflow:hidden}.hero-card:after{content:"";background:radial-gradient(circle,#fb923c61,#fb923c00);border-radius:999px;width:310px;height:310px;position:absolute;top:-90px;right:-90px}.eyebrow{color:#c2410c;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .7rem;font-size:.8rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.08em;color:#431407;max-width:780px;margin-bottom:1rem;font-size:clamp(3rem,10vw,6.9rem);line-height:.88}h2{color:#431407;letter-spacing:-.045em;margin-bottom:.5rem;font-size:clamp(1.55rem,3vw,2.35rem)}h3{letter-spacing:-.06em;color:#111827;margin-bottom:.5rem;font-size:clamp(2.2rem,7vw,5rem);line-height:.96}.hero-copy{color:#5f3923;max-width:760px;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.hero-actions,.button-row,.scenario-tabs{flex-wrap:wrap;gap:12px;display:flex}.stats-grid,.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.stats-grid div,.progress-grid div{background:#fff7ed;border:1px solid #fed7aa;border-radius:22px;padding:18px}.stats-grid strong,.progress-grid strong{color:#7c2d12;font-size:1.25rem;display:block}.stats-grid span,.progress-grid span{color:#6b7280}.panel,.practice-card,.completion-card{margin-top:18px;padding:clamp(20px,4vw,34px)}.scenario-panel,.progress-panel,.practice-header,.install-panel,.packs-panel{grid-template-columns:.86fr 1.14fr;align-items:start;gap:22px;display:grid}.tab{text-align:left;color:#431407;background:#fff;border:1px solid #fed7aa;border-radius:20px}.tab span{color:#9a3412;margin-top:4px;font-weight:700;display:block}.tab.active{color:#fff;background:#431407}.tab.active span{color:#fed7aa}.practice-card{background:#fffaf5}.practice-card.muted{background:#ffffffb8}.completion-card{color:#14532d;background:linear-gradient(145deg,#ecfdf5,#fff7ed)}.completion-card h2{color:#14532d;font-size:clamp(2.4rem,7vw,5rem)}.completion-headline{font-size:1.35rem;font-weight:900}.completion-encouragement{color:#166534;font-size:1.25rem;font-weight:900}.today-list{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.today-list span{color:#7c2d12;background:#fff;border:1px solid #fed7aa;border-radius:999px;padding:10px 14px;font-weight:900}.pill{color:#166534;background:#dcfce7;border-radius:999px;justify-self:end;padding:10px 16px;font-weight:900}.sentence-card{background:linear-gradient(145deg,#fff,#ffedd5);border:1px solid #fed7aa;border-radius:30px;margin-top:20px;padding:clamp(20px,5vw,42px)}.chinese{color:#c2410c;margin-bottom:.5rem;font-size:clamp(1.4rem,4vw,2.35rem);font-weight:900}.pronunciation,.workflow{color:#6b4423;font-weight:700}.dialogue-box,.speech-box,.review-strip,.success,.coach-tip{border-radius:22px;margin-top:16px;padding:18px}.dialogue-box{color:#312e81;background:#eef2ff}.speech-box{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0}.transcript-label{color:#334155;gap:8px;margin-top:14px;font-weight:900;display:grid}.transcript-label input{width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:18px;padding:14px 16px}.speech-box .success,.coach-tip{gap:4px;display:grid}.coach-tip{color:#78350f;background:#fef3c7}.review-strip{color:#4c1d95;background:#f5f3ff;flex-wrap:wrap;gap:12px;display:flex}.success{color:#14532d;background:#dcfce7;font-weight:900}ol{color:#5f3923;margin-bottom:0;padding-left:1.4rem;font-weight:700;line-height:1.9}.install-steps,.pack-grid{gap:12px;display:grid}.install-steps span{color:#155e75;background:#ecfeff;border-radius:18px;padding:14px;font-weight:900}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pack-card{background:#fff;border:1px solid #fed7aa;border-radius:22px;padding:18px}.pack-card h3{letter-spacing:-.03em;color:#431407;margin-bottom:.25rem;font-size:1.25rem;line-height:1.1}.pack-card ul{color:#5f3923;margin:12px 0 0;padding-left:1.1rem;font-weight:800}.pack-action{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;width:100%;margin-top:14px}.pack-action.active{color:#fed7aa;background:#431407}.pack-zh{color:#c2410c;font-weight:900}@media (width<=760px){.app-shell{width:min(100% - 20px,1120px);padding-top:10px}.scenario-panel,.progress-panel,.practice-header,.stats-grid,.progress-grid,.install-panel,.packs-panel,.pack-grid{grid-template-columns:1fr}.pill{justify-self:start}button,.link-button{width:100%}}