:root{--bg-void: #06080a;--bg-surface: #0a0e14;--bg-card: rgba(14, 20, 28, .7);--bg-card-hover: rgba(18, 26, 36, .85);--ink-primary: #f4f6fa;--ink-secondary: #9aa4b2;--ink-muted: #5e6878;--neon-emerald: #00f5a0;--neon-cyan: #00d2ff;--neon-lime: #d4ff32;--neon-violet: #7b61ff;--glow-emerald: rgba(0, 245, 160, .35);--glow-cyan: rgba(0, 210, 255, .3);--glow-lime: rgba(212, 255, 50, .3);--border-subtle: rgba(255, 255, 255, .07);--border-specular: rgba(255, 255, 255, .16);--border-neon: rgba(0, 245, 160, .45);--font-display: "Plus Jakarta Sans", "Space Grotesk", -apple-system, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;background-color:var(--bg-void);color-scheme:dark}body{margin:0;background-color:var(--bg-void);color:var(--ink-primary);font-family:var(--font-body);font-size:15px;min-height:100vh;padding-bottom:150px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}.ambient-glow-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.glow-orb-1{position:absolute;top:-15%;right:-5%;width:750px;height:750px;background:radial-gradient(circle,rgba(0,245,160,.08) 0%,rgba(0,210,255,.03) 50%,transparent 70%);filter:blur(90px);border-radius:50%;animation:floatOrb1 20s ease-in-out infinite alternate}.glow-orb-2{position:absolute;top:35%;left:-12%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,210,255,.06) 0%,rgba(123,97,255,.03) 50%,transparent 70%);filter:blur(100px);border-radius:50%;animation:floatOrb2 25s ease-in-out infinite alternate}.glow-orb-3{position:absolute;bottom:5%;right:15%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,255,50,.05) 0%,transparent 70%);filter:blur(80px);border-radius:50%}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,60px) scale(1.1)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1)}to{transform:translate(60px,-50px) scale(.95)}}.film-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}button,a,input{-webkit-tap-highlight-color:transparent;font:inherit}button{cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--neon-emerald);color:#06080a}.app-layout{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 48px}@media (max-width: 900px){.app-layout{padding:0 24px}}@media (max-width: 600px){.app-layout{padding:0 16px}}.island-nav{position:sticky;top:20px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:10px 18px 10px 24px;background:#0a0e14bf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-specular);border-radius:9999px;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1f;margin-bottom:50px;transition:border-color .3s ease,box-shadow .3s ease}.island-nav:hover{border-color:#ffffff40;box-shadow:0 25px 50px #00000080,0 0 30px #00f5a014}.brand-capsule{display:flex;align-items:center;gap:12px}.brand-symbol{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#00f5a033,#00d2ff33);border:1px solid var(--neon-emerald);display:grid;place-items:center;box-shadow:0 0 14px var(--glow-emerald)}.brand-symbol span{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--neon-emerald)}.brand-text-block{display:flex;flex-direction:column}.brand-name{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.3px;color:var(--ink-primary)}.brand-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;color:var(--neon-cyan);text-transform:uppercase}.nav-menu-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:500}.nav-menu-links a{color:var(--ink-secondary);transition:color .2s ease}.nav-menu-links a:hover{color:var(--ink-primary)}.nav-live-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;background:#00f5a00f;border:1px solid rgba(0,245,160,.25);color:var(--neon-emerald);font-family:var(--font-mono);font-size:11px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--neon-emerald);box-shadow:0 0 8px var(--neon-emerald);animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.player-deck-container{margin-bottom:48px}.player-deck-card{padding:30px 36px;border-radius:28px;background:radial-gradient(circle at 50% 0%,#0e181cf2,#080c10fa);border:1px solid var(--border-specular);box-shadow:0 35px 80px #000000b3,0 0 50px #00f5a014;position:relative;overflow:hidden}@media (max-width: 768px){.player-deck-card{padding:20px 18px;border-radius:20px}}.deck-header-line{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-subtle);margin-bottom:24px;flex-wrap:wrap;gap:12px}.deck-live-tag{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--neon-emerald);letter-spacing:1.2px}.deck-tags-line{display:flex;gap:8px;flex-wrap:wrap}.deck-tag-pill{padding:4px 12px;border-radius:6px;background:#ffffff0a;border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--ink-secondary)}.deck-tag-pill.highlight-pill{color:var(--neon-emerald);border-color:#00f5a04d;background:#00f5a00f}.deck-main-stage{display:grid;grid-template-columns:140px 1fr;gap:30px;align-items:center;margin-bottom:24px}@media (max-width: 768px){.deck-main-stage{grid-template-columns:1fr;text-align:center;gap:20px}}.deck-artwork-box{width:140px;height:140px;border-radius:20px;overflow:hidden;position:relative;border:1px solid var(--border-specular);box-shadow:0 15px 35px #00000080,0 0 25px #00f5a01f;flex-shrink:0;margin:0 auto}.deck-cover-img{width:100%;height:100%;object-fit:cover}.deck-cover-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#00f5a026,#00d2ff26);display:grid;place-items:center}.deck-number-watermark{font-family:var(--font-mono);font-size:40px;font-weight:800;color:var(--neon-emerald);opacity:.6}.deck-center-core{min-width:0}.deck-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;flex-wrap:wrap}.deck-ordinal{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--neon-cyan);text-transform:uppercase;margin-bottom:4px;display:block}.deck-track-title{font-family:var(--font-display);font-size:clamp(28px,3.8vw,44px);font-weight:800;letter-spacing:-.03em;margin:0 0 4px;color:var(--ink-primary);line-height:1.05}.deck-track-subtitle{color:var(--ink-secondary);font-size:14px;margin:0}.deck-cta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.deck-cta-row{justify-content:center;width:100%;margin-top:10px}}.deck-action-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:#ffffff0d;border:1px solid var(--border-specular);font-size:12px;font-weight:600;color:var(--ink-primary);transition:all .2s ease}.deck-action-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-1px)}.deck-action-btn.neon-pitch-btn{background:var(--neon-emerald);color:#06080a;border-color:var(--neon-emerald);box-shadow:0 0 20px var(--glow-emerald)}.deck-action-btn.neon-pitch-btn:hover{background:#fff;box-shadow:0 0 25px #ffffff80}.deck-wave-display{height:54px;display:flex;align-items:flex-end;justify-content:space-between;gap:2.5px;margin-bottom:14px;padding:0 4px}.deck-wave-bar{flex:1;max-width:4px;border-radius:2px;background:linear-gradient(180deg,var(--neon-emerald) 0%,rgba(0,210,255,.25) 100%);min-height:4px;transition:height .15s ease,opacity .2s ease}.deck-wave-display.is-playing .deck-wave-bar{animation:laserPulse 1.1s ease-in-out infinite alternate;animation-delay:var(--delay)}.deck-scrubber-line{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:11px;color:var(--ink-muted)}.deck-time{min-width:38px}.deck-laser-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:2px;accent-color:var(--neon-emerald);cursor:pointer}.deck-laser-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--neon-emerald);box-shadow:0 0 12px var(--neon-emerald);cursor:pointer}.deck-bottom-controls{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--border-subtle)}.deck-playback-btns{display:flex;align-items:center;gap:16px}.deck-circle-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink-secondary);transition:all .2s ease}.deck-circle-btn:hover{color:var(--ink-primary);background:#ffffff0f;transform:scale(1.05)}.deck-big-play-btn{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--neon-emerald),#00d2ff);color:#06080a;display:grid;place-items:center;box-shadow:0 0 30px var(--glow-emerald);transition:all .25s cubic-bezier(.16,1,.3,1)}.deck-big-play-btn:hover{transform:scale(1.1);box-shadow:0 0 45px #00f5a099;background:#fff}.deck-volume-box{display:flex;align-items:center;gap:10px}@media (max-width: 600px){.deck-volume-box{display:none}}.hero-epic{padding:40px 0 70px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:6px 16px;border-radius:9999px;background:#ffffff08;border:1px solid var(--border-specular);font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--neon-cyan);margin-bottom:24px;box-shadow:inset 0 1px #ffffff14}.hero-title{font-family:var(--font-display);font-size:clamp(52px,8.5vw,118px);font-weight:800;line-height:.94;letter-spacing:-.05em;margin:0 0 24px;color:var(--ink-primary);text-transform:uppercase;position:relative}.hero-title span.glow-accent{background:linear-gradient(135deg,#f4f6fa 20%,var(--neon-emerald) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;filter:drop-shadow(0 0 35px rgba(0,245,160,.25))}.hero-title em{font-style:normal;background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-emerald) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:clamp(16px,1.8vw,20px);line-height:1.6;color:var(--ink-secondary);max-width:680px;margin:0 auto 36px;font-weight:400}.hero-cta-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:60px}.cta-button-neon{display:inline-flex;align-items:center;gap:14px;padding:8px 10px 8px 24px;border-radius:9999px;background:linear-gradient(135deg,var(--neon-emerald) 0%,#00d68b 100%);color:#050807;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:-.2px;box-shadow:0 0 30px var(--glow-emerald),0 10px 25px #00000080;transition:all .3s cubic-bezier(.16,1,.3,1)}.cta-button-neon:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 45px #00f5a099,0 14px 30px #0009}.cta-icon-circle{width:36px;height:36px;border-radius:50%;background:#05080726;display:grid;place-items:center;transition:transform .3s ease}.cta-button-neon:hover .cta-icon-circle{transform:rotate(45deg)}.cta-button-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:9999px;background:#ffffff0a;border:1px solid var(--border-specular);color:var(--ink-primary);font-family:var(--font-display);font-weight:600;font-size:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .25s ease}.cta-button-secondary:hover{background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.sonic-deck-outer{width:100%;max-width:1140px;padding:8px;border-radius:32px;background:linear-gradient(180deg,#ffffff14,#ffffff03);border:1px solid var(--border-specular);box-shadow:0 35px 80px #0009,0 0 60px #00f5a00f;position:relative}.sonic-deck-inner{border-radius:24px;background:radial-gradient(circle at 50% 0%,#0e1a1cf2,#080c10fa);padding:36px 42px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.sonic-deck-inner{padding:24px 20px}}.deck-top-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border-subtle);margin-bottom:28px}.deck-status-badge{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;color:var(--neon-emerald);letter-spacing:1px}.deck-chips{display:flex;gap:8px}.deck-chip{padding:4px 10px;border-radius:6px;background:#ffffff0a;border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--ink-secondary)}.deck-main-grid{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center}@media (max-width: 900px){.deck-main-grid{grid-template-columns:1fr;text-align:center;gap:24px}}.deck-play-trigger{width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,var(--neon-emerald),#00d2ff);color:#06080a;display:grid;place-items:center;box-shadow:0 0 35px var(--glow-emerald);transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0;margin:0 auto}.deck-play-trigger:hover{transform:scale(1.08);box-shadow:0 0 50px #00f5a099}.deck-track-details h3{font-family:var(--font-display);font-size:clamp(26px,3.2vw,38px);font-weight:700;letter-spacing:-.03em;margin:0 0 6px;color:var(--ink-primary)}.deck-track-details p{color:var(--ink-secondary);font-size:14px;line-height:1.5;margin:0 0 14px;max-width:500px}.deck-audio-metrics{display:flex;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--neon-cyan)}@media (max-width: 900px){.deck-audio-metrics{justify-content:center}}.deck-actions{display:flex;flex-direction:column;gap:10px}@media (max-width: 900px){.deck-actions{flex-direction:row;justify-content:center}}.deck-laser-wave{margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle);height:80px;display:flex;align-items:flex-end;justify-content:space-between;gap:3px;position:relative}.laser-bar{flex:1;max-width:5px;border-radius:2px;background:linear-gradient(180deg,var(--neon-emerald) 0%,rgba(0,210,255,.2) 100%);transition:height .15s ease,opacity .2s ease;min-height:4px}.deck-laser-wave.is-playing .laser-bar{animation:laserPulse 1.1s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes laserPulse{0%{transform:scaleY(.2);opacity:.4}to{transform:scaleY(1.15);opacity:1;filter:drop-shadow(0 0 6px var(--neon-emerald))}}.section-wrapper{padding:60px 0 30px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;border-bottom:1px solid var(--border-subtle);padding-bottom:20px}.section-head-title h2{font-family:var(--font-display);font-size:clamp(28px,3.4vw,42px);font-weight:700;letter-spacing:-.03em;margin:0 0 6px;color:var(--ink-primary)}.section-head-title p{color:var(--ink-secondary);font-size:14px;margin:0}.bento-spotlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.bento-spotlight-grid{grid-template-columns:1fr;gap:20px}}.spotlight-card{border-radius:24px;padding:8px;background:linear-gradient(180deg,#ffffff0f,#ffffff03);border:1px solid var(--border-specular);transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative}.spotlight-card:hover{transform:translateY(-6px);border-color:#00f5a066;box-shadow:0 25px 50px #00000080,0 0 35px #00f5a026}.spotlight-card.is-active{border-color:var(--neon-emerald);box-shadow:0 0 40px #00f5a040}.spotlight-card-inner{border-radius:18px;background:var(--bg-card);overflow:hidden;height:100%;display:flex;flex-direction:column}.spotlight-cover-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden}.spotlight-cover-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.spotlight-card:hover .spotlight-cover-img{transform:scale(1.06)}.spotlight-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06080a33,#06080ad9);padding:16px;display:flex;flex-direction:column;justify-content:space-between}.spotlight-badge{align-self:flex-start;padding:4px 10px;border-radius:9999px;background:#0a0e14b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--neon-emerald)}.spotlight-play-fab{align-self:flex-end;width:44px;height:44px;border-radius:50%;background:var(--neon-emerald);color:#06080a;display:grid;place-items:center;box-shadow:0 0 20px var(--glow-emerald);transition:all .25s ease}.spotlight-card:hover .spotlight-play-fab{transform:scale(1.12);background:#fff}.spotlight-body{padding:22px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.spotlight-body h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin:0 0 6px;color:var(--ink-primary)}.spotlight-body p{color:var(--ink-secondary);font-size:13px;line-height:1.5;margin:0 0 16px}.spotlight-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--ink-muted)}.catalog-surface{border-radius:28px;background:#0c1016a6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-specular);overflow:hidden;box-shadow:0 30px 60px #0006}.catalog-toolbar{padding:26px 32px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:20px}.toolbar-search-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.neon-search-input{flex:1;min-width:260px;position:relative}.neon-search-input input{width:100%;padding:13px 18px 13px 44px;border-radius:12px;background:#ffffff08;border:1px solid var(--border-specular);color:var(--ink-primary);font-size:14px;transition:all .25s ease}.neon-search-input input:focus{outline:none;border-color:var(--neon-cyan);box-shadow:0 0 20px #00d2ff33;background:#ffffff0d}.neon-filter-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.neon-filter-pills::-webkit-scrollbar{display:none}.filter-tab-pill{padding:8px 18px;border-radius:9999px;font-size:12px;font-weight:600;color:var(--ink-secondary);background:#ffffff05;border:1px solid var(--border-subtle);white-space:nowrap;transition:all .2s ease}.filter-tab-pill:hover{color:var(--ink-primary);border-color:#fff3}.filter-tab-pill.active{background:#00f5a01f;border-color:var(--neon-emerald);color:var(--neon-emerald);box-shadow:0 0 16px #00f5a033}.catalog-list{padding:8px 16px}.catalog-row{display:grid;grid-template-columns:44px 1fr 140px 100px 160px;gap:18px;align-items:center;padding:18px 20px;border-radius:14px;transition:all .2s ease;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03)}.catalog-row:last-child{border-bottom:none}.catalog-row:hover{background:#ffffff08;transform:translate(4px)}.catalog-row.is-active{background:linear-gradient(90deg,#00f5a014,#00d2ff05);border-color:#00f5a04d}.row-index{font-family:var(--font-mono);font-size:13px;color:var(--ink-muted)}.catalog-row.is-active .row-index{color:var(--neon-emerald);font-weight:700}.row-title-block{min-width:0}.row-song-title{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 3px;color:var(--ink-primary);display:flex;align-items:center;gap:10px}.catalog-row.is-active .row-song-title{color:var(--neon-emerald)}.row-song-subtitle{font-size:12px;color:var(--ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.row-genre-badge{font-size:11px;font-family:var(--font-mono);padding:4px 10px;border-radius:6px;background:#ffffff0a;color:var(--ink-secondary);border:1px solid var(--border-subtle);width:fit-content}.row-tech-data{font-family:var(--font-mono);font-size:12px;color:var(--neon-cyan)}.row-action-buttons{display:flex;align-items:center;gap:8px;justify-content:flex-end}.row-play-pill{width:36px;height:36px;border-radius:10px;background:#ffffff0f;border:1px solid var(--border-specular);display:grid;place-items:center;color:var(--ink-primary);transition:all .2s ease}.catalog-row:hover .row-play-pill{background:var(--neon-emerald);border-color:var(--neon-emerald);color:#06080a;box-shadow:0 0 15px var(--glow-emerald)}.catalog-row.is-active .row-play-pill{background:var(--neon-emerald);border-color:var(--neon-emerald);color:#06080a;box-shadow:0 0 18px var(--glow-emerald)}.row-icon-tool{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--ink-muted);transition:all .2s ease}.row-icon-tool:hover{color:var(--ink-primary);background:#ffffff14}@media (max-width: 900px){.catalog-row{grid-template-columns:32px 1fr auto;padding:16px 14px}.row-genre-badge,.row-tech-data{display:none}}.floating-capsule-player{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:1060px;z-index:100;padding:6px;border-radius:24px;background:linear-gradient(180deg,#ffffff1f,#ffffff05);border:1px solid var(--border-specular);box-shadow:0 25px 60px #000000bf,0 0 40px #00f5a014;animation:slideUpPlayer .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUpPlayer{0%{transform:translate(-50%,40px);opacity:0}to{transform:translate(-50%);opacity:1}}.capsule-inner{border-radius:18px;background:#090d12eb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);padding:14px 28px;display:grid;grid-template-columns:260px 1fr 220px;gap:24px;align-items:center;border:1px solid rgba(255,255,255,.06)}@media (max-width: 990px){.capsule-inner{grid-template-columns:1fr auto;padding:12px 18px}.capsule-volume-section{display:none!important}}.capsule-track-meta{display:flex;align-items:center;gap:14px;min-width:0}.capsule-artwork{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#00f5a033,#00d2ff33);border:1px solid var(--neon-emerald);display:flex;align-items:center;justify-content:center;gap:2.5px;flex-shrink:0;box-shadow:0 0 15px var(--glow-emerald)}.capsule-art-bar{width:2.5px;background:var(--neon-emerald);border-radius:1px}.floating-capsule-player.is-playing .capsule-art-bar{animation:eqBar .7s ease-in-out infinite alternate}.capsule-art-bar:nth-child(1){animation-delay:.1s}.capsule-art-bar:nth-child(2){animation-delay:.4s}.capsule-art-bar:nth-child(3){animation-delay:.2s}.capsule-art-bar:nth-child(4){animation-delay:.5s}@keyframes eqBar{0%{height:4px}to{height:22px}}.capsule-info-text{min-width:0}.capsule-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.capsule-sub{font-family:var(--font-mono);font-size:11px;color:var(--neon-cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.capsule-center-controls{display:flex;flex-direction:column;align-items:center;gap:6px}.capsule-buttons{display:flex;align-items:center;gap:18px}.capsule-play-main{width:38px;height:38px;border-radius:50%;background:var(--neon-emerald);color:#06080a;display:grid;place-items:center;box-shadow:0 0 20px var(--glow-emerald);transition:all .2s ease}.capsule-play-main:hover{transform:scale(1.08);background:#fff}.capsule-scrubber-line{width:100%;display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;color:var(--ink-muted)}.laser-scrubber{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:2px;accent-color:var(--neon-emerald);cursor:pointer}.laser-scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--neon-emerald);box-shadow:0 0 10px var(--neon-emerald);cursor:pointer}.capsule-volume-section{display:flex;align-items:center;justify-content:flex-end;gap:12px}.about-bento-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-top:50px}@media (max-width: 900px){.about-bento-grid{grid-template-columns:1fr}}.about-card-primary{padding:36px 40px;border-radius:28px;background:var(--bg-card);border:1px solid var(--border-specular)}.about-card-primary h3{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 16px;color:var(--ink-primary)}.about-card-primary p{color:var(--ink-secondary);line-height:1.75;font-size:15px;margin:0 0 20px}.about-card-secondary{padding:36px 32px;border-radius:28px;background:var(--bg-card);border:1px solid var(--border-specular);display:flex;flex-direction:column;justify-content:space-between;gap:24px}.contact-quick-link{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;background:#ffffff08;border:1px solid var(--border-subtle);transition:all .2s ease;font-size:14px;font-weight:600}.contact-quick-link:hover{background:#00f5a014;border-color:var(--neon-emerald);color:var(--neon-emerald);transform:translate(4px)}.epic-footer{padding:40px 0 20px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);margin-top:80px;font-family:var(--font-mono);font-size:12px;color:var(--ink-muted)}@media (max-width: 650px){.epic-footer{flex-direction:column;gap:12px;text-align:center}}.lyrics-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030508d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:200;display:flex;justify-content:flex-end;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lyrics-drawer{width:100%;max-width:600px;background:#090d12;border-left:1px solid var(--border-specular);height:100%;display:flex;flex-direction:column;box-shadow:-15px 0 60px #000c,0 0 40px #00f5a00d;animation:slideIn .35s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.lyrics-header{padding:32px 36px 22px;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:flex-start}.lyrics-header h3{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;color:var(--ink-primary)}.lyrics-header-meta{font-family:var(--font-mono);font-size:11px;color:var(--neon-cyan);text-transform:uppercase}.close-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--border-specular);display:grid;place-items:center;color:var(--ink-muted);transition:all .2s ease}.close-btn:hover{background:#ffffff14;color:var(--ink-primary);border-color:#ffffff4d}.lyrics-body{padding:36px;overflow-y:auto;flex:1}.lyrics-text{font-size:16px;line-height:1.85;color:#cad8ce;white-space:pre-line;font-family:var(--font-body)}.lyrics-footer{padding:24px 36px;border-top:1px solid var(--border-subtle);background:#0c1016f2;display:flex;gap:12px}