:root{--bg: #0f1115;--surface-1: #1a1d24;--surface-2: #232833;--border: #2c313c;--text-primary: #f2f4f8;--text-secondary: #9aa3b2;--accent: #f5811f;--accent-dim: #b8560f;--accent-soft: rgba(245, 129, 31, .16);--brand-from: #f9a63a;--brand-to: #ef5a22;--brand-grad: linear-gradient(135deg, #f9a63a 0%, #ef5a22 100%);--on-accent: #1a1206;--danger: #e74c3c;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--bg)}:root[data-theme=light]{--bg: #f4f6f9;--surface-1: #ffffff;--surface-2: #eef1f6;--border: #d7dce4;--text-primary: #171a20;--text-secondary: #59616f;--accent: #ef6c12;--accent-dim: #c2500f;--accent-soft: rgba(239, 108, 18, .12);--on-accent: #ffffff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;background:var(--bg)}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-weight:600;margin:0}.app-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.app-header .logo-img{height:42px;width:auto;display:block}@media(max-width:680px){.app-header .logo-img{height:34px}}.tabs{display:flex;gap:6px;margin-left:auto}.tab{padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);font-size:14px}.tab.active{background:var(--surface-2);color:var(--text-primary);border-color:var(--accent-dim)}.tab.tab-primary{color:var(--accent);border-color:var(--accent-dim);font-weight:700}.tab.tab-primary.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.menu-btn{display:none;margin-left:auto;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);font-size:20px;line-height:1}.theme-btn{padding:7px 11px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);font-size:16px;line-height:1}@keyframes stickerPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@keyframes stickerSwing{0%,to{transform:rotate(-3.5deg)}50%{transform:rotate(3.5deg)}}@keyframes t20Cheer{0%{transform:translateY(45%) scale(.55);opacity:0}18%{transform:translateY(0) scale(1.06);opacity:1}30%{transform:translateY(0) scale(1)}78%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-6%) scale(1.02);opacity:0}}@keyframes t20Wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.key-btn{transition:transform .07s ease,filter .07s ease;user-select:none;-webkit-user-select:none}.key-btn:active{transform:scale(.9);filter:brightness(.85)}.stage{padding:24px 20px;max-width:100%;overflow-x:hidden}@media(max-width:680px){.app-header{flex-wrap:wrap;padding:12px 14px;gap:8px}.menu-btn{display:block}.tabs{margin-left:0;width:100%;flex-direction:column;gap:6px;display:none}.tabs.open{display:flex}.tab{width:100%;text-align:left;padding:12px 14px;font-size:16px}.stage{padding:16px 14px}}