:root{--bg: #fff7ed;--card: #ffffff;--ink: #1f2937;--muted: #6b7280;--accent: #ea580c;--accent-soft: #ffedd5;--good: #16a34a;--bad: #dc2626;--radius: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}#app{max-width:520px;margin:0 auto;padding:16px 16px 40px}h1{font-size:1.5rem;margin:0 0 8px}h2{font-size:1.2rem;margin:16px 0 8px}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muted{color:var(--muted);font-size:.85rem}.big{font-size:2.4rem;font-weight:700}button{border:none;border-radius:12px;padding:12px 18px;font-size:1rem;background:var(--ink);color:#fff;cursor:pointer;min-height:44px}button:active{opacity:.85}button.secondary{background:var(--accent-soft);color:var(--ink)}button:disabled{opacity:.4;cursor:not-allowed}.choice{width:100%;text-align:left;background:var(--card);color:var(--ink);border:2px solid #e5e7eb}.choice.selected{border-color:var(--accent)}.chip{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:4px 12px;font-size:.8rem}canvas.pitch{width:100%;height:160px;background:#0f172a;border-radius:12px}nav.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid #e5e7eb}nav.tabbar button{flex:1;background:none;color:var(--muted);border-radius:0}nav.tabbar button.active{color:var(--accent);font-weight:700}.score{font-size:2rem;font-weight:800;color:var(--accent)}.feedback{margin-top:8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.cell{text-align:center;background:var(--card);border-radius:12px;padding:8px}.cell-main{width:100%;background:var(--accent-soft);color:var(--ink)}.cell-follow{width:100%;background:none;color:var(--accent);font-size:.8rem;padding:6px;min-height:0}