:root{--accent-color: #ff5aa3;--accent-hover: #ff3b8f;--accent-lime: #c8f751;--accent-sky: #6ec9ff;--accent-mango: #ffc142;--accent-violet: #8b5cf6;--accent-coral: #ff8a65;--error-color: #ff4b6b;--warning-color: #ffa23c;--success-color: #34d399;--white: #ffffff;--bg-color: #fff6ec;--bg-secondary: #ffe8d8;--bg-tertiary: #ffdac1;--text-primary: #2a1244;--text-secondary: #5a3c74;--text-muted: #8a7597;--text-on-accent: #ffffff;--card-bg: #ffffff;--card-bg-translucent: rgba(255, 255, 255, .72);--card-border: #f3d8c2;--nav-bg: rgba(255, 246, 236, .92);--nav-active: #ff5aa3;--nav-inactive: #a28aa6;--canvas-grid: rgba(42, 18, 68, .05);--shadow-sm: 0 3px 0 rgba(42, 18, 68, .08), 0 6px 14px -4px rgba(255, 90, 163, .18);--shadow-md: 0 5px 0 rgba(42, 18, 68, .1), 0 14px 28px -6px rgba(255, 90, 163, .25);--shadow-lg: 0 8px 0 rgba(42, 18, 68, .12), 0 22px 44px -10px rgba(139, 92, 246, .35);--glow-accent: 0 6px 0 #b53579, 0 14px 28px -6px rgba(255, 90, 163, .45);--glow-lime: 0 6px 0 #7aa52a, 0 14px 28px -6px rgba(200, 247, 81, .55);--gradient-hero: linear-gradient(135deg, #ff9770 0%, #ff5aa3 45%, #8b5cf6 100%);--gradient-balance: linear-gradient(135deg, #ffc142 0%, #ff8a65 50%, #ff5aa3 100%);--gradient-lime: linear-gradient(135deg, #d8ff7b 0%, #8fd633 100%);--gradient-sky: linear-gradient(135deg, #9fe0ff 0%, #4fb0ff 100%);--gradient-coral: linear-gradient(135deg, #ffb088 0%, #ff6f5a 100%);--gradient-grape: linear-gradient(135deg, #b794ff 0%, #6d3bff 100%);--gradient-mint: linear-gradient(135deg, #a6f5d5 0%, #34d399 100%);--gradient-sun: linear-gradient(135deg, #ffe07a 0%, #ff9a3c 100%);--font-display: "Fredoka", "Nunito", system-ui, sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "DM Mono", "Menlo", monospace;--radius-sm: 14px;--radius-md: 22px;--radius-lg: 28px;--radius-xl: 36px;--radius-pill: 999px}:root.dark-theme{--bg-color: #1a0b2e;--bg-secondary: #2a1244;--bg-tertiary: #3a1e5a;--text-primary: #fff3e6;--text-secondary: #c9b3dc;--text-muted: #8a7597;--text-on-accent: #ffffff;--card-bg: #2e1746;--card-bg-translucent: rgba(46, 23, 70, .78);--card-border: #4a2873;--nav-bg: rgba(26, 11, 46, .95);--nav-active: #ff5aa3;--nav-inactive: #7b5f9c;--canvas-grid: rgba(255, 255, 255, .05);--shadow-sm: 0 3px 0 rgba(0, 0, 0, .4), 0 6px 14px -4px rgba(0, 0, 0, .55);--shadow-md: 0 5px 0 rgba(0, 0, 0, .45), 0 14px 28px -6px rgba(0, 0, 0, .6);--shadow-lg: 0 8px 0 rgba(0, 0, 0, .5), 0 22px 44px -10px rgba(139, 92, 246, .55);--glow-accent: 0 6px 0 #7a1e4d, 0 14px 28px -6px rgba(255, 90, 163, .45);--glow-lime: 0 6px 0 #4d6a1a, 0 14px 28px -6px rgba(200, 247, 81, .55)}:root.light-theme{--bg-color: #fff6ec;--bg-secondary: #ffe8d8;--text-primary: #2a1244;--text-secondary: #5a3c74}body{margin:0;padding:0;background-color:var(--bg-color);background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(255,193,66,.25) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(139,92,246,.15) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 0% 90%,rgba(255,90,163,.15) 0%,transparent 60%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);font-weight:600;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}button{font-family:var(--font-body);font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,filter .15s ease;cursor:pointer;border:none}button:active:not(:disabled){transform:translateY(3px);filter:brightness(.95)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:var(--font-body)}.stario-card{background-color:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.sticker-card{background-color:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn-primary{background:var(--gradient-lime);color:#1a3a00;border-radius:var(--radius-pill);padding:14px 24px;font-weight:900;font-size:16px;letter-spacing:.01em;border:2px solid rgba(26,58,0,.18);box-shadow:var(--glow-lime);text-transform:none}.btn-primary:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:2px solid var(--card-border);border-radius:var(--radius-pill);padding:12px 20px;font-weight:800;box-shadow:var(--shadow-sm)}.btn-pill{border-radius:var(--radius-pill);font-weight:800;letter-spacing:.01em}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);font-weight:800;font-size:12px;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--card-border)}.num{font-family:var(--font-mono);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.02em}@keyframes bubble-pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #ff5aa380}to{box-shadow:0 0 0 14px #ff5aa300}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-bubble{animation:bubble-pop .45s cubic-bezier(.34,1.56,.64,1) both}.animate-float{animation:float-y 2.4s ease-in-out infinite}.animate-pulse{animation:pulse-ring 1.8s cubic-bezier(.22,1,.36,1) infinite}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:3px 3px;opacity:.35;mix-blend-mode:overlay;pointer-events:none}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}::selection{background:#ff5aa34d;color:var(--text-primary)}