@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";:root{--origin-black: #050505;--origin-gray: #1a1a1a;--electric-gold: #22cc22;--gold-glow: rgba(34, 204, 34, .4);--glass-bg: rgba(26, 26, 26, .6);--glass-border: rgba(255, 255, 255, .05);font-family:Inter,sans-serif;color:#fff;background-color:var(--origin-black)}*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#111,#000)}#root{width:100%;height:100%;display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d;border-radius:16px}.text-gold{color:var(--electric-gold);text-shadow:0 0 10px var(--gold-glow)}.bg-gold{background-color:var(--electric-gold);box-shadow:0 0 15px var(--gold-glow)}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;position:relative;z-index:1}.header{height:60px;display:flex;justify-content:center;align-items:center;font-weight:300;letter-spacing:4px;font-size:.9rem;border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%)}.footer{height:40px;display:flex;justify-content:center;align-items:center;font-size:.7rem;color:#fff6;letter-spacing:2px;border-top:1px solid var(--glass-border);background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%)}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem .5rem;width:100vw;max-width:100vw}.w-full{width:100%}.h-full{height:100%}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--origin-gray);border-radius:3px;border:1px solid rgba(255,255,255,.1)}input[type=range]::-webkit-slider-thumb{border:1px solid var(--electric-gold);height:24px;width:12px;border-radius:4px;background:var(--origin-black);cursor:pointer;-webkit-appearance:none;margin-top:-10px;box-shadow:0 0 10px var(--gold-glow);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--origin-gray);border-radius:3px;border:1px solid rgba(255,255,255,.1)}input[type=range]::-moz-range-thumb{border:1px solid var(--electric-gold);height:24px;width:12px;border-radius:4px;background:var(--origin-black);cursor:pointer;box-shadow:0 0 10px var(--gold-glow);transition:transform .2s}input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.marquee-container{width:100%;overflow:hidden;white-space:nowrap;position:relative;display:flex}.marquee-content{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-content:hover{animation-play-state:paused}.marquee-text{display:flex;align-items:center;white-space:pre}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rainbow-hue{0%{filter:hue-rotate(0deg) drop-shadow(0 0 8px rgba(255,50,50,.6));transform:scale(1)}50%{filter:hue-rotate(180deg) drop-shadow(0 0 12px rgba(50,255,50,.8));transform:scale(1.1)}to{filter:hue-rotate(360deg) drop-shadow(0 0 8px rgba(255,50,50,.6));transform:scale(1)}}.rainbow-heart{display:inline-block;animation:rainbow-hue 3s linear infinite}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--electric-gold)}.rainbow-text{background-image:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,indigo,#8b00ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow-text-animation 5s linear infinite}@keyframes rainbow-text-animation{to{background-position:200% center}}