:root{--primary: #D4AF37;--primary-light: #F5E6A3;--primary-dark: #B8960C;--primary-glow: rgba(212, 175, 55, .4);--bg-dark: #0A0A0F;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .08);--bg-glass: rgba(20, 20, 30, .8);--bg-player: rgba(10, 10, 18, .95);--text-main: #FFFFFF;--text-muted: #8B8B9E;--text-dim: #5A5A6E;--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(212, 175, 55, .3);--gradient-gold: linear-gradient(135deg, #D4AF37 0%, #F5E6A3 50%, #D4AF37 100%);--gradient-dark: linear-gradient(180deg, #0A0A0F 0%, #12121A 100%);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--primary-glow);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gradient-dark);background-attachment:fixed;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit}select option{background:#1a1a24;color:#fff;padding:10px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.glass-card{background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:4px;width:100%;border-radius:2px;outline:none;background-color:#fff3;background-image:linear-gradient(var(--primary),var(--primary));background-size:0% 100%;background-repeat:no-repeat}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary-glow);margin-top:-5px;transition:all var(--transition-fast);opacity:0}.progress-bar:hover::-webkit-slider-thumb,.volume-bar:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{opacity:1;transform:scale(1.2)}input[type=range]::-moz-range-thumb{height:14px;width:14px;border:none;border-radius:50%;background:var(--primary);box-shadow:0 0 10px var(--primary-glow);opacity:0;transition:opacity var(--transition-fast)}.progress-bar:hover::-moz-range-thumb,.volume-bar:hover::-moz-range-thumb{opacity:1}input[type=range]::-moz-range-track{width:100%;height:4px;background:transparent}.btn-primary{background:var(--gradient-gold);color:#000;border:none;padding:12px 24px;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-soft)}.btn-primary:hover{transform:scale(1.05);box-shadow:var(--shadow-glow)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle);padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.btn-ghost:hover{color:var(--text-main);border-color:var(--primary)}.input-glass{width:100%;padding:14px 18px;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);font-size:15px;transition:all var(--transition-fast)}.input-glass::placeholder{color:var(--text-dim)}.input-glass:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--primary-glow)}50%{box-shadow:0 0 25px var(--primary-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.hover-glow{transition:all var(--transition-normal)}.hover-glow:hover{color:var(--primary)!important;filter:drop-shadow(0 0 8px var(--primary-glow))}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-gradient{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){input[type=range]{height:6px}input[type=range]::-webkit-slider-thumb{height:18px;width:18px;margin-top:-6px;opacity:1}input[type=range]::-moz-range-thumb{height:18px;width:18px;opacity:1}.glass-card:active{background:var(--bg-card-hover);transform:scale(.98)}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(212,175,55,.03) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(212,175,55,.02) 0%,transparent 40%);pointer-events:none;z-index:-1}