:root{--background: #050505;--foreground: #ffffff;--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .5);--secondary: #06b6d4;--secondary-glow: rgba(6, 182, 212, .5);--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .1);--font-geist-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-geist-mono: monospace}*{box-sizing:border-box;padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent}button:focus,input:focus,textarea:focus,select:focus{outline:none}html,body{max-width:100vw;overflow-x:hidden;background-color:var(--background);color:var(--foreground);font-family:var(--font-geist-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--secondary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 4px 24px -1px #0003}.text-gradient{background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--secondary));border:none;border-radius:8px;padding:12px 24px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;display:inline-block;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px var(--primary-glow),0 0 40px var(--secondary-glow)}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.player-wrapper{position:relative;width:100%;max-width:900px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;margin:2rem 0;box-shadow:0 0 40px #00000080}.player-wrapper iframe{width:100%;height:100%;border:none}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;cursor:pointer;height:4px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:#ff6e6e66;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--seek-before-width),rgba(255,255,255,.2) var(--seek-before-width),rgba(255,255,255,.2) 100%);border-radius:2px;cursor:pointer;transition:height .1s ease}input[type=range]:hover::-webkit-slider-runnable-track{height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fff;margin-top:-4px;box-shadow:0 0 10px #00000080;transition:transform .1s ease,background .2s ease;transform:scale(0)}.controls-container:hover input[type=range]::-webkit-slider-thumb,.volume-group:hover input[type=range]::-webkit-slider-thumb{transform:scale(1)}input[type=range]::-moz-range-track{width:100%;height:4px;background:#fff3;border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{background:#ffffff4d;background:linear-gradient(to right,#fff 0%,#fff var(--volume-width),rgba(255,255,255,.3) var(--volume-width),rgba(255,255,255,.3) 100%)!important;height:4px!important}.volume-slider::-moz-range-track{background:linear-gradient(to right,#fff 0%,#fff var(--volume-width),rgba(255,255,255,.3) var(--volume-width),rgba(255,255,255,.3) 100%)!important;height:4px!important}.fullscreen-btn:hover{transform:scale(1.1)}.control-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.control-btn:hover{background:#ffffff1a;transform:scale(1.1)}.settings-menu{position:absolute;bottom:50px;right:20px;background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 0;min-width:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s;display:flex;flex-direction:column}.settings-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.settings-item{padding:8px 16px;color:#ddd;font-size:14px;cursor:pointer;transition:background .2s;display:flex;justify-content:space-between;align-items:center}.settings-item:hover{background:#ffffff1a;color:#fff}