:root{--bg: #0c0c1a;--surface: #12122a;--input-bg: #181830;--card-bg: #151528;--text: #eeeef8;--text2: #9090bb;--text3: #5858a0;--border: #252545;--border2: #1c1c38;--accent: #5b8dff;--accent2: #a040ff;--accent-glow: rgba(91,141,255,.35);--chord-color: #c5f2ff;--chord-bg: color-mix(in srgb, var(--chord-color) 10%, transparent);--hero-grad: linear-gradient(160deg, #0c0c1a 0%, #0e1535 35%, #180d3a 65%, #0c0c1a 100%);--hero-text: #ffffff;--hero-subtext: rgba(255,255,255,.55);--hero-input-bg: rgba(255,255,255,.07);--hero-input-border: rgba(255,255,255,.15);--hero-input-color: #ffffff}body.light{--bg: #ffffff;--surface: #f5f5f5;--input-bg: #f9f9f9;--card-bg: #ffffff;--text: #111111;--text2: #666666;--text3: #888888;--border: #e0e0e0;--border2: #f0f0f0;--accent: #4285F4;--accent2: #7c3aed;--accent-glow: rgba(66,133,244,.25);--chord-color: #002d5a;--chord-bg: color-mix(in srgb, var(--chord-color) 7%, transparent);--hero-grad: linear-gradient(160deg, #dce8ff 0%, #e8f0fe 40%, #ede8ff 70%, #dce8ff 100%);--hero-text: #1a2340;--hero-subtext: rgba(26,35,64,.65);--hero-input-bg: rgba(255,255,255,.7);--hero-input-border: rgba(66,133,244,.3);--hero-input-color: #111111}nav{transition:transform .9s ease;transform:translateY(0)}body.immersive-scroll nav{transform:translateY(100%)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button{cursor:pointer;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}.app-root{display:flex;flex-direction:column;height:100vh;height:100dvh}@keyframes spin{to{transform:rotate(360deg)}}@keyframes jam-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.welcome-band-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}@media (min-aspect-ratio: 1/1){.welcome-band-img{object-position:center 30%}}.search-hero{background:var(--hero-grad);padding:28px 20px 24px;text-align:center;position:relative;overflow:hidden}.search-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(91,141,255,.12) 0%,transparent 60%),radial-gradient(ellipse at 75% 30%,rgba(160,64,255,.1) 0%,transparent 55%);pointer-events:none}.song-card{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border2);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer;transition:background .15s;animation:fadeInUp .2s ease both}.song-card:hover,.song-card:focus-visible{background:var(--surface)}.nav-tab-active{color:var(--accent)!important;text-shadow:0 0 12px var(--accent-glow)}.nav-tab-active .nav-icon{filter:drop-shadow(0 0 6px var(--accent-glow))}.search-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:13px;cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap}.search-chip:hover{border-color:var(--accent);color:var(--text)}