.orb-container{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#7c3aed 0%,#0000 70%);width:50vw;max-width:700px;height:50vw;max-height:700px;animation:25s ease-in-out infinite orbFloat;top:-20%;right:-10%}.orb-2{background:radial-gradient(circle,#2563eb 0%,#0000 70%);width:40vw;max-width:600px;height:40vw;max-height:600px;animation:30s ease-in-out infinite reverse orbFloat;bottom:-10%;left:-15%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}.floating-nav{z-index:100;padding:1.5rem clamp(1.5rem,5vw,4rem);position:relative}.nav-inner{backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:2rem;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.nav-brand{align-items:center;gap:.75rem;text-decoration:none;display:flex}.nav-logo{width:24px;height:24px;color:var(--accent)}.brand-text{font-family:Space Grotesk,monospace;font-size:1.1rem;font-weight:600}.nav-links{gap:2rem;display:flex}.nav-link{color:#ffffffb3;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover{color:var(--white)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.hamburger span{background:var(--white);border-radius:1px;width:24px;height:2px;transition:all .3s cubic-bezier(.16,1,.3,1);display:block}.mobile-menu-overlay{z-index:99;backdrop-filter:blur(30px);opacity:0;visibility:hidden;background:#050505f2;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-nav-links{flex-direction:column;align-items:center;gap:2rem;display:flex}.mobile-nav-link{color:var(--white);opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay);font-family:Space Grotesk,monospace;font-size:2rem;font-weight:600;text-decoration:none;transform:translateY(30px)}.mobile-menu-overlay.active .mobile-nav-link{opacity:1;transform:translateY(0)}.lyrics-main{z-index:1;min-height:100vh;position:relative}.section-container{max-width:900px;margin:0 auto;padding:2rem clamp(1.5rem,5vw,4rem) 6rem}.reveal{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0s);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.song-hero{margin:0;padding:2rem 0 3.5rem}.song-hero-shell{background:linear-gradient(145deg,#ffffff24,#ffffff08);border:1px solid #ffffff29;border-radius:2.2rem;padding:.375rem;position:relative;overflow:hidden;box-shadow:0 24px 50px #00000052}.song-hero-shell:before{content:"";pointer-events:none;background:radial-gradient(circle,#31c4b833,#0000 70%);height:220px;position:absolute;inset:-30% 25% auto -18%}.song-hero-core{z-index:1;background:linear-gradient(160deg,#0b0b0ff5,#07070afa),repeating-linear-gradient(120deg,#ffffff04 0 10px,#0000 10px 26px);border:1px solid #ffffff14;border-radius:1.825rem;padding:clamp(1.25rem,2vw,2rem);position:relative;box-shadow:inset 0 1px #ffffff14}.hero-content{grid-template-columns:1fr auto;align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.hero-text{min-width:0}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--white-muted);background:#ffffff0d;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:.55rem;margin-bottom:1.2rem;padding:.32rem .78rem;font-size:.75rem;font-weight:500;display:inline-flex}.eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%}.song-title{letter-spacing:-.02em;text-wrap:balance;max-width:14ch;margin-bottom:1rem;font-family:Space Grotesk,monospace;font-size:clamp(2.3rem,5vw,3.9rem);font-weight:700;line-height:1.1}.song-meta{color:var(--white-muted);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .72rem;font-size:.95rem;display:inline-flex}.song-meta svg{color:#31c4b8eb;width:16px;height:16px}.hero-album-art{justify-self:end}.album-art-wrapper{background:linear-gradient(145deg,#fff3,#ffffff0a);border:1px solid #ffffff29;border-radius:1.7rem;width:180px;height:180px;padding:.28rem;position:relative}.album-art{-o-object-fit:cover;object-fit:cover;border-radius:1.42rem;width:100%;height:100%;box-shadow:0 20px 42px #00000073}.album-art-glow{filter:blur(24px);opacity:.72;pointer-events:none;background:radial-gradient(#31c4b847 0%,#0000 72%);width:92%;height:44%;position:absolute;bottom:-18%;left:50%;transform:translate(-50%)}.player-section{margin-bottom:4rem}.player-card-outer{background:var(--surface);border:1px solid var(--border);border-radius:2rem;padding:.375rem}.player-card{background:var(--black-soft);border-radius:1.75rem;padding:1.5rem}.player-header{margin-bottom:1rem}.player-title{color:var(--white);align-items:center;gap:.75rem;font-family:Space Grotesk,monospace;font-size:1rem;font-weight:600;display:flex}.player-title svg{width:20px;height:20px;color:var(--accent)}.player-embed{border-radius:1rem;margin-bottom:1.5rem;overflow:hidden}.player-embed iframe{width:100%;height:315px;display:block}.player-controls{justify-content:center;gap:1rem;display:flex}.btn-karaoke{background:var(--accent);color:var(--white);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-karaoke:hover{box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-2px)}.btn-karaoke:active{transform:scale(.98)}.btn-karaoke svg{width:18px;height:18px}.btn-karaoke.hidden{display:none}.sync-controls{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.sync-controls.hidden{display:none}.sync-btn{background:var(--surface);border:1px solid var(--border);color:var(--white-soft);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.sync-btn:hover{background:var(--surface-hover);color:var(--white)}.sync-timer{color:var(--white);text-align:center;min-width:60px;font-family:Space Grotesk,monospace;font-size:1rem}.tabs-container{margin-bottom:2rem}.tabs-outer{background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;padding:.375rem}.tabs-inner{gap:.5rem;display:flex}.tab-btn{color:var(--white-muted);cursor:pointer;background:0 0;border:none;border-radius:1.25rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.tab-btn svg{width:18px;height:18px}.tab-btn.active{background:var(--accent);color:var(--white)}.tab-btn:not(.active):hover{background:var(--surface-hover);color:var(--white)}.lyrics-panel{margin-bottom:2rem}.lyrics-panel.hidden{display:none}.lyrics-card-outer{background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;padding:.375rem}.lyrics-card{background:var(--black-soft);border-radius:1.25rem;max-height:60vh;padding:1.5rem;overflow-y:auto}.lyrics-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.lyrics-header h2{font-family:Space Grotesk,monospace;font-size:1.25rem;font-weight:600}.btn-share{background:var(--surface);border:1px solid var(--border);color:var(--white-soft);cursor:pointer;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-share:hover{background:var(--accent);border-color:var(--accent);color:var(--white)}.btn-share svg{width:16px;height:16px}.lyrics-container{flex-direction:column;gap:.25rem;display:flex}.lyric-line{color:var(--white-soft);border-radius:.5rem;padding:.5rem .75rem;font-size:1rem;line-height:1.6;transition:all .3s cubic-bezier(.16,1,.3,1)}.lyric-line.karaoke-current{background:linear-gradient(135deg, var(--accent), #ec4899);color:var(--white);box-shadow:0 4px 20px var(--accent-glow);font-weight:600;transform:scale(1.02)}.lyrics-selector-active .lyric-line.selectable{cursor:pointer}.lyrics-selector-active .lyric-line.selectable:hover{background:#a855f733}.lyrics-selector-active .lyric-line.selected{background:#a855f766}.actions-section{margin-bottom:5rem}.actions-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-action{border-radius:9999px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-action svg{width:18px;height:18px}.btn-action.secondary{background:var(--surface);border:1px solid var(--border);color:var(--white-soft)}.btn-action.secondary:hover{background:var(--surface-hover);color:var(--white);transform:translateY(-2px)}.btn-action.youtube{color:var(--white);background:#dc2626}.btn-action.youtube:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 10px 30px #dc26264d}.related-section{margin-bottom:4rem}.related-header{text-align:center;margin-bottom:2rem}.related-title{font-family:Space Grotesk,monospace;font-size:1.75rem;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.related-card{text-decoration:none}.related-card-outer{background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;padding:.375rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.related-card:hover .related-card-outer{background:var(--surface-hover);border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.related-card-inner{background:var(--black-soft);border-radius:1.125rem;align-items:center;gap:1rem;padding:1rem;display:flex}.related-art{-o-object-fit:cover;object-fit:cover;border-radius:1rem;flex-shrink:0;width:70px;height:70px;box-shadow:0 8px 20px #0006}.related-info{flex-direction:column;flex:1;justify-content:center;gap:.5rem;min-width:0;display:flex}.related-info h3{color:var(--white);white-space:nowrap;text-overflow:ellipsis;font-family:Space Grotesk,monospace;font-size:1rem;font-weight:600;overflow:hidden}.related-info p{color:var(--white-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.selection-controls{z-index:100;backdrop-filter:blur(20px);border:1px solid var(--border);opacity:0;visibility:hidden;background:#0a0a0af2;border-radius:1rem;align-items:center;gap:1.5rem;padding:1rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.selection-controls:not(.hidden){opacity:1;visibility:visible}.selection-controls.hidden{display:none}.selection-controls p{color:var(--white-soft);white-space:nowrap;font-size:.9rem}.selection-buttons{gap:.5rem;display:flex}.btn-cancel{background:var(--surface);border:1px solid var(--border);color:var(--white-soft);cursor:pointer;border-radius:9999px;padding:.5rem 1rem;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-cancel:hover{background:var(--surface-hover);color:var(--white)}.btn-share-action{background:var(--accent);color:var(--white);cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-share-action:hover{transform:scale(1.05)}.btn-share-action svg{width:16px;height:16px}.toast{z-index:200;background:var(--black-soft);border:1px solid var(--border);color:var(--white);opacity:0;border-radius:1rem;padding:1rem 2rem;font-size:.95rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=768px){.nav-links{display:none}.hamburger{display:flex}.song-hero-shell{border-radius:1.6rem;padding:.3rem}.song-hero-core{border-radius:1.3rem;padding:1rem}.hero-content{text-align:center;grid-template-columns:1fr}.hero-text{flex-direction:column;order:1;align-items:center;display:flex}.hero-album-art{order:0;justify-self:center}.song-title{max-width:100%}.album-art-wrapper{width:140px;height:140px}.player-embed iframe{height:220px}.lyrics-card{max-height:50vh}.related-grid{grid-template-columns:1fr}.selection-controls{flex-direction:column;gap:1rem;width:calc(100% - 2rem)}}@media (width<=480px){.section-container{padding:1rem 1rem 4rem}.song-hero-shell{border-radius:1.35rem}.song-hero-core{border-radius:1.05rem}.song-title{font-size:2rem}.album-art-wrapper{width:120px;height:120px}.tabs-inner{flex-direction:column}}