:root{--color-primary: #FF6B9D;--color-primary-dark: #E91E8C;--color-primary-light: #FFB6C1;--color-secondary: #9B59B6;--color-accent: #00D4AA;--color-success: #2ECC71;--color-success-dark: #27AE60;--color-danger: #FF6B6B;--color-warning: #FFD93D;--color-info: #74B9FF;--color-info-dark: #0984E3;--color-bg-light: #FFFAF5;--color-bg-card: #FFFFFF;--color-bg-overlay: rgba(155, 89, 182, .92);--color-text-primary: #5D4E6D;--color-text-secondary: #8E7C9A;--color-text-muted: #B8A9C9;--color-border: #F0E6F6;--color-border-active: #FF6B9D;--gradient-candy: linear-gradient(135deg, #FF6B9D 0%, #C44EE0 50%, #74B9FF 100%);--gradient-sunset: linear-gradient(135deg, #FDCBF1 0%, #E6DEE9 50%, #C1DFC4 100%);--gradient-lemonade: linear-gradient(180deg, #FFF9C4 0%, #FFECB3 50%, #FFE0B2 100%);--gradient-sky: linear-gradient(180deg, #E8F5FD 0%, #FFF0F5 50%, #FFFDE7 100%);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 36px;--radius-full: 9999px;--radius-blob: 60% 40% 70% 30% / 50% 60% 40% 50%;--shadow-sm: 0 2px 10px rgba(255, 107, 157, .12);--shadow-md: 0 4px 20px rgba(255, 107, 157, .18);--shadow-lg: 0 8px 40px rgba(155, 89, 182, .2);--shadow-xl: 0 16px 60px rgba(155, 89, 182, .25);--shadow-glow: 0 0 40px rgba(255, 107, 157, .35);--shadow-candy: 0 8px 32px rgba(255, 107, 157, .25), inset 0 2px 4px rgba(255, 255, 255, .5);--transition-fast: .15s ease;--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-elastic: .6s cubic-bezier(.68, -.6, .32, 1.6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,Quicksand,Comic Sans MS,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background:var(--gradient-sky);min-height:100vh}button{font-family:inherit;cursor:pointer;transition:all var(--transition-bounce);border:none;outline:none;border-radius:var(--radius-lg);font-weight:700;letter-spacing:.3px}button:hover{transform:translateY(-3px) scale(1.03)}button:active{transform:translateY(0) scale(.97)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary) 50%,var(--color-secondary) 100%);border-radius:var(--radius-full);outline:none;cursor:pointer;position:relative;box-shadow:inset 0 2px 4px #0000001a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;background:linear-gradient(145deg,#fff,#ffe4ec);border:4px solid var(--color-primary);border-radius:50%;cursor:grab;transition:all var(--transition-bounce);box-shadow:var(--shadow-candy)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg),0 0 0 8px #ff6b9d33}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:28px;height:28px;background:linear-gradient(145deg,#fff,#ffe4ec);border:4px solid var(--color-primary);border-radius:50%;cursor:grab;box-shadow:var(--shadow-candy);transition:all var(--transition-bounce)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.1)}input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:var(--color-primary);border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 30px currentColor,0 0 50px currentColor}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-12px) rotate(0)}75%{transform:translateY(-5px) rotate(-2deg)}}@keyframes floatSlow{0%,to{transform:translateY(0) translate(0) scale(1)}25%{transform:translateY(-6px) translate(4px) scale(1.02)}50%{transform:translateY(-10px) translate(0) scale(1)}75%{transform:translateY(-4px) translate(-4px) scale(.98)}}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}@keyframes sparkle{0%,to{opacity:.5;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.animate-fade-in{animation:fadeIn .6s var(--transition-base)}.animate-slide-up{animation:slideInUp .5s var(--transition-base)}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-slow{animation:floatSlow 7s ease-in-out infinite}.animate-bounce{animation:bounce 1.5s ease-in-out infinite}.animate-pop{animation:pop .5s var(--transition-elastic)}.animate-wobble{animation:wobble 2s ease-in-out infinite}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.candy-bubble{position:absolute;border-radius:50%;background:linear-gradient(145deg,#ffffffe6,#ff6b9d4d);box-shadow:inset -4px -4px 8px #fff9,inset 4px 4px 8px #ff6b9d33;pointer-events:none}.candy-star{position:absolute;color:var(--color-warning);text-shadow:0 0 10px rgba(255,217,61,.6);animation:sparkle 2s ease-in-out infinite;pointer-events:none}@media(max-width:768px){:root{--spacing-xl: 16px;--spacing-2xl: 24px;--radius-lg: 20px}body{font-size:14px}.control-panel{flex-direction:column!important;align-items:stretch!important}.modal-content{padding:24px!important;width:95%!important;border-radius:var(--radius-lg)!important}}@media(max-width:480px){:root{--spacing-xl: 12px;--spacing-2xl: 20px}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#fff0f5,#fce4ec);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--radius-full);border:3px solid #FFF0F5}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}button:focus-visible,input:focus-visible{outline:4px solid var(--color-primary);outline-offset:3px;box-shadow:0 0 0 8px #ff6b9d40}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}::-moz-selection{background-color:var(--color-primary-light);color:var(--color-text-primary)}.lollipop{position:absolute;pointer-events:none}.lollipop:before{content:"🍭";font-size:32px}.confetti{position:absolute;width:10px;height:10px;border-radius:2px;animation:confetti-fall 3s linear infinite;pointer-events:none}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}