:root{--bg-sky-top: #6db4ec;--bg-sky-bottom: #3a82c4;--bg-sky-gradient: linear-gradient(180deg, var(--bg-sky-top) 0%, var(--bg-sky-bottom) 100%);--bg-celebrate-top: #2d1b4e;--bg-celebrate-bottom: #1a1033;--bg-celebrate-gradient: linear-gradient(180deg, var(--bg-celebrate-top) 0%, var(--bg-celebrate-bottom) 100%);--bg-pegboard: #1f2937;--bg-pegboard-grid: #374151;--surface-card: #ffffff;--surface-card-stroke: #94a3b8;--surface-chip: #f1f5f9;--accent-magenta: #ff2d9d;--accent-lime: #a3e635;--accent-cyan: #06b6d4;--cta-green-fill: #22c55e;--cta-green-stroke: #15803d;--cta-yellow-fill: #facc15;--cta-yellow-stroke: #a16207;--cta-pink-fill: #fb7185;--cta-pink-stroke: #be123c;--cta-red-fill: #dc2626;--cta-red-stroke: #7f1d1d;--text-dark: #0f172a;--text-mid: #475569;--text-on-color: #ffffff;--paint-01: #fde047;--paint-02: #fb923c;--paint-03: #ef4444;--paint-04: #a855f7;--paint-05: #3b82f6;--paint-06: #22c55e;--paint-07: #06b6d4;--paint-08: #fda4af;--paint-09: #000000;--paint-10: #7c2d12;--paint-11: #166534;--paint-12: #1e3a8a;--paint-13: #fef9c3;--paint-14: #fca5a5;--paint-15: #a8a29e;--paint-16: #ffffff;--font-display: "Lilita One", system-ui, -apple-system, sans-serif;--font-body: "Outfit", system-ui, -apple-system, sans-serif;--font-jumbo: 30px;--font-title: 22px;--font-button: 16px;--font-chip: 12px;--font-body-size: 14px;--font-tag: 11px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-chip: 10px;--radius-card: 16px;--radius-button: 14px;--radius-pill: 999px;--shadow-press: 0 2px 0 0 rgba(0, 0, 0, .2);--shadow-button: 0 4px 0 0 rgba(0, 0, 0, .25);--shadow-card: 0 6px 0 0 rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .15);--motion-fast: .12s ease-out;--motion-base: .24s ease-out;--motion-celebration: .6s cubic-bezier(.34, 1.56, .64, 1);--motion-confetti: 1.2s ease-out}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100vh;width:100vw;overflow:hidden;font-family:var(--font-body);font-size:var(--font-body-size);background:var(--bg-sky-gradient);color:var(--text-on-color);user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font-family:inherit;cursor:pointer;border:none;outline:none}input{font-family:inherit}img{-webkit-user-drag:none;user-drag:none}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.t-display{font-family:var(--font-display);font-weight:400}.t-body{font-family:var(--font-body);font-weight:500}.t-jumbo{font-size:var(--font-jumbo);font-family:var(--font-display);line-height:1.05}.t-title{font-size:var(--font-title);font-family:var(--font-display);line-height:1.1}.t-button{font-size:var(--font-button);font-family:var(--font-display)}.t-chip{font-size:var(--font-chip);font-family:var(--font-display)}.t-tag{font-size:var(--font-tag);font-family:var(--font-body);font-weight:600}