:root{--color-bg: #ffffff;--color-primary: #6c5ce7;--color-secondary: #00cec9;--color-accent: #fd79a8;--color-text: #2d3436;--color-glass: rgba(255, 255, 255, .7);--shadow-glass: 5px 4px 12px 0 rgba(31, 38, 135, .1);--border-radius-lg: 24px;--border-radius-md: 16px;--font-family: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;overflow:hidden}.glass-panel{background:var(--color-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-glass);border-radius:var(--border-radius-lg)}.title-gradient{color:#a29bfe;font-weight:800}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius-md);font-weight:600;font-size:1rem;cursor:pointer;transition:transform .1s,box-shadow .2s;box-shadow:0 4px 12px #6c5ce74d}.btn-primary:active{transform:scale(.95)}.full-screen{width:100vw;height:100vh;height:100dvh;height:calc(var(--vh, 1vh) * 100);position:relative;overflow:hidden}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:12px;cursor:pointer;background:#0000001a;border-radius:6px}input[type=range]::-webkit-slider-thumb{height:24px;width:24px;border-radius:50%;background:var(--slider-thumb-color, var(--color-accent));cursor:pointer;-webkit-appearance:none;margin-top:-6px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1)}input[type=range]::-moz-range-track{width:100%;height:12px;cursor:pointer;background:#0000001a;border-radius:6px}input[type=range]::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:var(--slider-thumb-color, var(--color-accent));cursor:pointer;border:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@keyframes wobble{0%,to{transform:rotate(0)}15%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-6deg)}60%{transform:rotate(4deg)}75%{transform:rotate(-2deg)}}.lock-wobble{animation:wobble 2s ease-in-out infinite;transform-origin:center top}@keyframes star-flash{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.5) rotate(15deg);filter:drop-shadow(0 0 8px #b8860b) brightness(.9) saturate(1.5)}to{transform:scale(1);filter:brightness(1)}}.star-flash-anim{animation:star-flash .6s ease-out}.responsive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 4px}@media(min-width:550px){.responsive-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.responsive-grid{grid-template-columns:repeat(4,1fr)}}