*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0e1a;--bg-card:#141c32d9;--bg-card-border:#3c50824d;--text-primary:#e0e6f0;--text-secondary:#8892a8;--accent-rain:#00bcd4;--accent-thunder:#9c27b0;--accent-bird:#4caf50;--accent-wind:#e91e63;--slider-track:#ffffff1f}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow:hidden}input[type=range]{appearance:none;cursor:pointer;background:var(--slider-track);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;box-shadow:0 1px 4px #0006}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #0006}.relative{position:relative}.bg-black{background-color:#000}.pointer-events-none{pointer-events:none}.mix-blend-overlay{mix-blend-mode:overlay}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-white{color:#fff}.cursor-pointer{cursor:pointer}