:root{--color-bg: #0a0a0c;--color-surface: rgba(20, 20, 25, .7);--color-primary: #f45925;--color-text: #ffffff;--color-text-muted: #888890;--font-main: "Inter", sans-serif;--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);overflow:hidden;height:100vh;width:100vw}.flex-center{display:flex;justify-content:center;align-items:center}.flex-center-column{display:flex;flex-direction:column;justify-content:center;align-items:center}.hidden{display:none!important;opacity:0;pointer-events:none}.overlay{position:absolute;inset:0;background:radial-gradient(circle at center,#0a0a0ccc,#050506);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:opacity 1s ease,transform 1s ease}.overlay.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.overlay-content{text-align:center;gap:2rem}.overlay h1{font-size:4rem;font-weight:800;letter-spacing:-2px;text-transform:uppercase;text-shadow:0 0 20px rgba(244,89,37,.5);color:#fff}.overlay .subtitle{font-size:1.2rem;color:var(--color-text-muted);letter-spacing:2px;text-transform:uppercase}.glow-button{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);padding:1rem 3rem;font-size:1.5rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;border-radius:50px;cursor:pointer;outline:none;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 0 15px #f459254d,inset 0 0 10px #f4592533}.glow-button:hover{background:var(--color-primary);color:#000;box-shadow:0 0 30px #f45925cc,inset 0 0 20px #f4592580;transform:scale(1.05)}#main-content{position:relative;height:100vh;width:100vw;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;transition:opacity 1s ease}.carousel-container{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.carousel-track{position:relative;height:100%;width:100%}.carousel-slide{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity 1.5s ease-in-out;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:auto;z-index:1}.carousel-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,var(--color-bg) 100%);pointer-events:none;z-index:2}.carousel-bg-blur{position:absolute;inset:-5%;width:110%;height:110%;background-size:cover;background-position:center;filter:blur(30px) brightness(.4);z-index:0}.carousel-img{position:relative;width:90%;height:70%;max-width:800px;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:1;border-radius:12px;box-shadow:0 20px 50px #000000e6,0 0 30px #f4592526}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:1px solid var(--glass-border);color:#fff;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;display:flex;justify-content:center;align-items:center}.carousel-btn:hover{background:var(--color-primary);border-color:var(--color-primary)}.prev-btn{left:20px}.next-btn{right:20px}.lyrics-container{position:absolute;top:10%;left:5%;width:40%;max-width:500px;height:60%;z-index:2;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);pointer-events:none}.lyrics-scroll{display:flex;flex-direction:column;padding:50% 0;transition:transform .5s ease-out}.lyric-line{font-size:1.5rem;font-weight:600;line-height:1.5;color:var(--color-text-muted);opacity:.3;transition:all .3s ease;transform:scale(.9);transform-origin:left center;margin-bottom:15px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.lyric-line.active{color:#fff;opacity:1;transform:scale(1);text-shadow:0 0 15px var(--color-primary)}.player-container{position:absolute;bottom:0;left:0;width:100%;z-index:5;background:var(--color-surface);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--glass-border);padding:1.5rem 2rem;display:flex;flex-direction:column}#visualizer-canvas{position:absolute;top:-100px;left:0;width:100%;height:100px;pointer-events:none;z-index:4}.player-controls{display:flex;align-items:center;justify-content:space-between;gap:2rem}.song-info{flex:0 0 250px}.song-title{font-size:1.2rem;font-weight:800;margin-bottom:.2rem;letter-spacing:-.5px}.song-artist{font-size:.8rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.controls{flex:1;display:flex;align-items:center;gap:1.5rem}.control-btn{background:transparent;border:none;cursor:pointer;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;width:48px;height:48px;transition:all .2s ease;background:#ffffff0d;border:1px solid var(--glass-border)}.control-btn:hover{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}.icon{width:24px;height:24px;fill:currentColor}.progress-bar-container{flex:1;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer;position:relative;overflow:hidden}.progress-bar{height:100%;width:0%;background:var(--color-primary);border-radius:3px;position:relative;box-shadow:0 0 10px var(--color-primary)}.time-display{font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted);width:100px;text-align:right}