:root{--bg:#06111b;--bg2:#0a1723;--surface:#0e1d2a;--surface2:#132636;--line:rgba(174,211,226,.14);--text:#f5fbff;--muted:#8fa5b4;--mint:#66f1c7;--cyan:#29c9e8;--blue:#5a7dff;--pink:#ef6bb7;--radius:26px;--shadow:0 30px 100px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:98px;overflow-x:hidden}button,input,select{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}.noise{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.topbar{height:82px;padding:0 max(22px,5vw);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:80;background:linear-gradient(to bottom,rgba(6,17,27,.95),rgba(6,17,27,.7));backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04)}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:850;letter-spacing:-.03em}.brand-icon{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--mint));display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 10px 32px rgba(41,201,232,.22)}.brand-icon i{display:block;width:4px;border-radius:5px;background:#06111b;transform:rotate(90deg)}.brand-icon i:nth-child(1){height:14px}.brand-icon i:nth-child(2){height:20px}.brand-icon i:nth-child(3){height:14px}.desktop-nav{display:flex;gap:30px;color:#9eb0bd}.desktop-nav a{padding:28px 0;position:relative}.desktop-nav a.active,.desktop-nav a:hover{color:white}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;border-radius:2px;background:var(--mint)}.top-actions{display:flex;align-items:center;gap:18px;color:#c9d6dd}.search-trigger,.menu-btn{border:0;background:transparent;font-size:1.35rem}.pill-primary,.pill-glass{border:0;border-radius:999px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:750}.pill-primary{background:linear-gradient(135deg,var(--cyan),var(--mint));color:#06111b;box-shadow:0 12px 35px rgba(40,209,203,.19)}.pill-glass{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.pill-primary.large,.pill-glass.large{padding:16px 24px}.menu-btn{display:none}.mobile-menu{display:none}
.view{display:none}.view.active{display:block}.hero-immersive{min-height:100svh;padding:135px max(24px,7vw) 60px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 12%,rgba(69,115,255,.12),transparent 35%),linear-gradient(155deg,#06111b,#071925 58%,#081721)}.aurora{position:absolute;border-radius:50%;filter:blur(100px);opacity:.34;animation:drift 13s ease-in-out infinite alternate}.a1{width:430px;height:430px;background:#13bfe6;right:10%;top:12%}.a2{width:460px;height:460px;background:#31e5ac;left:-12%;bottom:-15%;animation-duration:17s}.a3{width:280px;height:280px;background:#8b5cf6;right:-5%;bottom:10%;animation-duration:20s}@keyframes drift{to{transform:translate(60px,35px) scale(1.14)}}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;max-width:1500px;margin:auto}.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:999px;color:#bfced7;font-size:.78rem}.eyebrow-pill span{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 6px rgba(102,241,199,.1)}.hero-copy h1{font-size:clamp(3.9rem,7.6vw,8.2rem);line-height:.9;letter-spacing:-.075em;margin:24px 0}.hero-copy h1 em{font-style:normal;background:linear-gradient(100deg,#fff,#72e6e2 55%,#8cffcb);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:1.12rem;line-height:1.75;color:var(--muted);max-width:660px}.hero-cta{display:flex;gap:12px;margin-top:31px}.social-proof{display:flex;align-items:center;gap:14px;margin-top:34px}.avatars{display:flex}.avatars i{width:35px;height:35px;margin-left:-8px;border-radius:50%;border:2px solid #0a1823;background:linear-gradient(135deg,#26485c,#7c5fc5);display:grid;place-items:center;font-style:normal;font-size:.72rem}.avatars i:first-child{margin-left:0}.social-proof p{font-size:.78rem;color:var(--muted);line-height:1.45}.social-proof strong{color:white}.spotlight-card{border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));padding:17px;border-radius:34px;box-shadow:var(--shadow);backdrop-filter:blur(26px);transform:perspective(1000px) rotateY(-2deg) rotateX(1deg)}.spotlight-art{height:min(58vh,590px);min-height:410px;border-radius:25px;background-size:cover;background-position:center;position:relative;overflow:hidden}.art-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,12,18,.4),transparent 45%)}.original-badge{position:absolute;left:22px;top:22px;padding:8px 12px;border-radius:999px;background:rgba(5,16,24,.58);border:1px solid rgba(255,255,255,.15);font-size:.65rem;letter-spacing:.17em;font-weight:800;backdrop-filter:blur(10px)}.visualizer{position:absolute;left:25px;bottom:24px;height:62px;display:flex;align-items:flex-end;gap:6px}.visualizer i{width:7px;background:white;border-radius:7px;height:28%;opacity:.85}.visualizer.playing i{animation:bars .7s ease-in-out infinite alternate}.visualizer i:nth-child(2){height:55%;animation-delay:.1s}.visualizer i:nth-child(3){height:90%;animation-delay:.22s}.visualizer i:nth-child(4){height:42%;animation-delay:.32s}.visualizer i:nth-child(5){height:74%;animation-delay:.16s}.visualizer i:nth-child(6){height:35%;animation-delay:.3s}.visualizer i:nth-child(7){height:60%;animation-delay:.05s}@keyframes bars{to{height:20%}}.spotlight-meta{display:flex;justify-content:space-between;align-items:center;padding:22px 7px 5px}.spotlight-meta span,.kicker{font-size:.68rem;letter-spacing:.17em;color:var(--mint);font-weight:850}.spotlight-meta h2{font-size:2rem;letter-spacing:-.04em;margin:6px 0}.spotlight-meta p{color:var(--muted);margin:0}.spotlight-actions{display:flex;align-items:center;gap:10px}.spotlight-actions button{border:1px solid var(--line);background:rgba(255,255,255,.055);width:46px;height:46px;border-radius:50%;font-size:1.15rem}.spotlight-actions .spot-play{width:60px;height:60px;background:white;color:#06111b;border:0}.scroll-cue{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#607483;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.scroll-cue span{height:30px;width:1px;background:linear-gradient(transparent,#8fa5b4)}.content-section{padding:85px max(24px,7vw)}.marquee-section{padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#081620}.marquee{display:flex;width:max-content;animation:marquee 24s linear infinite;color:#6b8291;font-weight:750;letter-spacing:.14em}.marquee div{white-space:nowrap}.marquee b{color:var(--mint);margin:0 17px}@keyframes marquee{to{transform:translateX(-50%)}}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2{font-size:clamp(2.3rem,4.6vw,5rem);letter-spacing:-.055em;line-height:1;margin:10px 0;max-width:850px}.text-link{color:#a9bac5}.editorial-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:16px}.editorial-card{min-height:260px;border-radius:30px;padding:32px;position:relative;overflow:hidden;display:flex;align-items:flex-end;border:1px solid rgba(255,255,255,.08);transition:.28s}.editorial-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.18)}.editorial-card.wide{grid-row:1/3;min-height:540px}.card-cinema{background:radial-gradient(circle at 72% 28%,rgba(255,157,92,.7),transparent 22%),radial-gradient(circle at 80% 30%,#fe6a9b,transparent 38%),linear-gradient(145deg,#2b183e,#74375b)}.card-stream{background:radial-gradient(circle at 75% 30%,rgba(46,238,226,.54),transparent 30%),linear-gradient(145deg,#0c3450,#1f5f81)}.card-focus{background:radial-gradient(circle at 75% 20%,rgba(166,241,175,.38),transparent 28%),linear-gradient(145deg,#183e3f,#316f5d)}.editorial-copy{max-width:500px;position:relative;z-index:2}.editorial-copy>span{font-size:.66rem;letter-spacing:.16em;font-weight:800}.editorial-copy h3{font-size:clamp(1.7rem,3.2vw,3.7rem);letter-spacing:-.045em;line-height:1.02;margin:10px 0}.editorial-copy p{color:rgba(255,255,255,.7);line-height:1.65}.editorial-copy button{padding:0;border:0;background:transparent;font-weight:750}.editorial-ring{position:absolute;width:350px;height:350px;border-radius:50%;right:-75px;top:20px;border:45px solid rgba(255,255,255,.08);box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.018)}.premium-tracks{display:grid}.premium-track{display:grid;grid-template-columns:50px 76px minmax(180px,1.2fr) 1fr 90px 46px 46px;gap:17px;align-items:center;padding:15px 12px;border-bottom:1px solid var(--line);transition:.2s}.premium-track:hover{background:rgba(255,255,255,.025)}.rank{font-size:1.1rem;color:#617784}.track-cover{width:76px;height:76px;background-size:cover;border-radius:15px;position:relative;overflow:hidden}.track-cover button{position:absolute;inset:0;border:0;background:rgba(2,10,15,.42);color:white;font-size:1.1rem;opacity:0;transition:.2s}.premium-track:hover .track-cover button{opacity:1}.track-main strong,.track-main small{display:block}.track-main strong{font-size:1.05rem}.track-main small{color:var(--muted);margin-top:6px}.mp3e-line{display:flex;gap:3px;align-items:center;height:28px;opacity:.35}.mp3e-line i{height:30%;width:3px;border-radius:4px;background:#b4c9d5}.mp3e-line i:nth-child(2n){height:75%}.mp3e-line i:nth-child(3n){height:50%}.mp3e-line.alt i:nth-child(odd){height:85%}.mp3e-line.soft i{height:35%}.mp3e-line.soft i:nth-child(4n){height:65%}.track-mood{font-size:.66rem;letter-spacing:.13em;color:var(--mint)}.heart,.more{border:0;background:transparent;color:#8da2b0;font-size:1.15rem}.heart.active,[data-favorite].active{color:#ff79b5}.moods-section{background:linear-gradient(180deg,transparent,rgba(31,62,76,.14),transparent)}.mood-cloud{display:flex;flex-wrap:wrap;gap:12px}.mood-cloud button{font-size:clamp(1.15rem,2.3vw,2rem);padding:17px 22px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:999px;transition:.2s}.mood-cloud button:hover{background:white;color:#06111b;transform:translateY(-3px)}.mood-cloud span{color:var(--mint)}.promise-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#091722}.promise-copy h2{font-size:clamp(3rem,6vw,6.5rem);letter-spacing:-.065em;line-height:.92;margin:14px 0}.promise-list article{display:grid;grid-template-columns:55px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.promise-list>article>span{color:var(--mint);font-size:.75rem}.promise-list h3{font-size:1.4rem;margin:0 0 7px}.promise-list p{color:var(--muted);line-height:1.65;margin:0}.final-cta{text-align:center;padding:125px 20px 140px;position:relative;overflow:hidden}.cta-glow{position:absolute;width:620px;height:300px;border-radius:50%;background:linear-gradient(90deg,var(--cyan),var(--mint));opacity:.12;filter:blur(80px);left:50%;top:40%;transform:translate(-50%,-50%)}.final-cta>*:not(.cta-glow){position:relative}.final-cta h2{font-size:clamp(4rem,9vw,9rem);letter-spacing:-.075em;line-height:.84;margin:22px 0}.final-cta p{color:var(--muted);margin-bottom:28px}
.discover-hero{padding:160px max(24px,7vw) 65px;background:radial-gradient(circle at 70% 0,rgba(45,208,211,.13),transparent 38%)}.discover-hero h1{font-size:clamp(4rem,9vw,9rem);letter-spacing:-.075em;line-height:.88;margin:17px 0}.discover-hero p{color:var(--muted);font-size:1.05rem}.giant-search{display:flex;align-items:center;max-width:900px;margin-top:30px;padding:9px 12px 9px 19px;border-radius:20px;background:white;color:#0b1922;box-shadow:0 20px 60px rgba(0,0,0,.28)}.giant-search>span{font-size:1.5rem}.giant-search input{flex:1;padding:15px;border:0;outline:0;background:transparent}.giant-search kbd{background:#e9eef1;padding:7px 9px;border-radius:8px;color:#64747d}.discover-shell{display:grid;grid-template-columns:230px 1fr;gap:45px;padding:55px max(24px,7vw) 120px}.filter-panel{position:sticky;top:110px;height:max-content}.filter-panel h3{margin-top:0}.filter-panel .filter{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:11px 0}.filter-panel .filter.active{color:white}.filter-panel hr{border:0;border-top:1px solid var(--line);margin:23px 0}.filter-panel label{display:grid;gap:13px;color:#c7d3da}.license-note{display:flex;gap:10px;padding:15px;margin-top:30px;background:rgba(102,241,199,.06);border:1px solid rgba(102,241,199,.14);border-radius:15px;color:var(--mint)}.license-note p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.license-note strong{color:white}.catalog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.catalog-head h2{font-size:2rem;margin:0}.catalog-head span{color:var(--muted);font-size:.8rem}.catalog-head select{background:var(--surface);border:1px solid var(--line);color:white;border-radius:12px;padding:10px}.catalog-row{display:grid;grid-template-columns:44px 58px 1fr 100px 80px 60px 40px 40px 40px;gap:13px;align-items:center;padding:12px;border-bottom:1px solid var(--line);border-radius:14px}.catalog-row:hover{background:rgba(255,255,255,.035)}.catalog-row button{border:0;background:transparent}.catalog-play{width:40px;height:40px!important;background:white!important;color:#06111b!important;border-radius:50%}.catalog-cover{width:58px;height:58px;border-radius:12px;background-size:cover}.catalog-name strong,.catalog-name small{display:block}.catalog-name small,.catalog-row>span{color:var(--muted);font-size:.78rem;margin-top:4px}
.site-footer{padding:48px max(24px,7vw) 130px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:25px;color:var(--muted)}.site-footer>div{display:flex;gap:20px}.site-footer a:hover{color:white}
.player{position:fixed;left:0;right:0;bottom:0;z-index:90;height:90px;background:rgba(5,13,20,.94);backdrop-filter:blur(25px);border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,1fr) minmax(380px,1.35fr) minmax(220px,1fr);align-items:center;padding:10px max(17px,3vw);transition:.25s}.playing-track{display:flex;align-items:center;gap:12px}.player-cover{width:62px;height:62px;border-radius:14px;background-size:cover;background-position:center}.playing-track strong,.playing-track small{display:block}.playing-track small{color:var(--muted);margin-top:4px}.playing-track>button{border:0;background:transparent;margin-left:4px;font-size:1.2rem}.transport{text-align:center}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:18px}.transport button,.player-tools button{border:0;background:transparent;color:#cbd8df}.transport button.active{color:var(--mint)}.main-play{width:45px;height:45px;border-radius:50%;background:white!important;color:#06111b!important}.timeline{display:flex;align-items:center;gap:9px;font-size:.67rem;color:#718691;margin-top:6px}.timeline input{flex:1}.player-tools{display:flex;justify-content:flex-end;align-items:center;gap:10px}.player-tools input{max-width:90px}.player-tools button{position:relative}.player-tools b{position:absolute;top:-8px;right:-9px;background:var(--mint);color:#06111b;border-radius:10px;min-width:17px;height:17px;font-size:.6rem;display:grid;place-items:center}.collapse-player{display:none}.player.minimized{left:auto;width:330px;height:60px;border-radius:18px 0 0 0}.player.minimized .transport,.player.minimized .player-tools{display:none}
input[type=range]{accent-color:var(--mint)}
.queue-drawer{position:fixed;z-index:120;right:0;top:0;bottom:0;width:min(430px,92vw);background:#081620;border-left:1px solid var(--line);padding:28px;transform:translateX(105%);transition:.28s;box-shadow:-30px 0 90px rgba(0,0,0,.5)}.queue-drawer.open{transform:none}.queue-drawer header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.queue-drawer h2{font-size:2.2rem;margin:5px 0}.queue-drawer header button,.modal-close{border:0;background:transparent;color:white;font-size:2rem}.queue-list{display:grid;gap:10px;margin:20px 0;max-height:calc(100vh - 210px);overflow:auto}.queue-item{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:10px;background:var(--surface);border-radius:15px}.queue-item-art{width:54px;height:54px;background-size:cover;border-radius:11px}.queue-item small{display:block;color:var(--muted);margin-top:4px}.queue-item button{border:0;background:transparent}.empty{color:var(--muted);text-align:center;padding:50px}.clear-queue{width:100%;padding:13px;border:1px solid var(--line);background:transparent;border-radius:13px;color:var(--muted)}
.track-modal{position:fixed;z-index:130;inset:0;background:#07131d;display:grid;grid-template-columns:1fr 1fr;opacity:0;pointer-events:none;transform:scale(.985);transition:.25s;overflow:auto}.track-modal.open{opacity:1;pointer-events:auto;transform:none}.modal-close{position:absolute;right:28px;top:22px;z-index:2}.modal-art{min-height:100vh;background-size:cover;background-position:center}.modal-content{padding:12vh 8vw;display:flex;flex-direction:column;justify-content:center}.modal-content h2{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.065em;line-height:.9;margin:16px 0}.modal-content>p{color:var(--muted)}.modal-tags{display:flex;gap:9px;margin:20px 0}.modal-tags span{padding:8px 11px;border-radius:999px;border:1px solid var(--line);font-size:.72rem}.modal-description{line-height:1.8;max-width:570px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.license-box{display:flex;gap:12px;padding:17px;background:rgba(102,241,199,.06);border:1px solid rgba(102,241,199,.15);border-radius:16px;max-width:570px}.license-box>span{color:var(--mint)}.license-box p{margin:0;color:var(--muted);font-size:.82rem}.license-box strong{color:white}
.fullscreen-player{position:fixed;z-index:140;inset:0;background:#07131d;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.3s;overflow:hidden}.fullscreen-player.open{opacity:1;pointer-events:auto}.fullscreen-bg{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(75px);opacity:.23}.fullscreen-content{position:relative;width:min(470px,88vw);text-align:center}.fullscreen-art{aspect-ratio:1;background-size:cover;border-radius:30px;box-shadow:var(--shadow);margin-bottom:26px}.fullscreen-content h2{font-size:2.3rem;margin:12px 0 6px}.fullscreen-content p{color:var(--muted)}.fullscreen-close{position:absolute;z-index:2;top:25px;right:25px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:white}.full-timeline{margin-top:25px}.full-timeline input{width:100%}.full-timeline div{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem}.full-controls{display:flex;justify-content:center;align-items:center;gap:35px;margin-top:20px}.full-controls button{border:0;background:transparent;color:white;font-size:2rem}.full-controls #fullPlay{width:70px;height:70px;border-radius:50%;background:white;color:#06111b}
.command-search{position:fixed;z-index:160;inset:0;background:rgba(2,8,12,.72);backdrop-filter:blur(12px);display:grid;place-items:start center;padding-top:14vh;opacity:0;pointer-events:none;transition:.2s}.command-search.open{opacity:1;pointer-events:auto}.command-box{width:min(700px,92vw);background:#0d1c28;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:14px 17px}.command-box>span{font-size:1.5rem}.command-box input{border:0;outline:0;background:transparent;color:white;padding:11px;font-size:1.05rem}.command-box>button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:6px}.command-box>div{grid-column:1/4;margin-top:10px;border-top:1px solid var(--line)}.command-result{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:12px}.command-result:hover{background:rgba(255,255,255,.05)}.command-art{width:48px;height:48px;background-size:cover;border-radius:10px}.command-result small{display:block;color:var(--muted)}.command-result button{border:0;background:transparent}.toast{position:fixed;z-index:180;left:50%;bottom:112px;transform:translate(-50%,15px);opacity:0;background:white;color:#07131d;border-radius:999px;padding:11px 17px;font-weight:750;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.desktop-nav{display:none}.menu-btn{display:block}.top-actions>a:not(.pill-primary){display:none}.mobile-menu{position:fixed;z-index:75;top:72px;left:12px;right:12px;padding:18px;background:#0b1924;border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.mobile-menu.open{display:flex}.mobile-menu a{padding:11px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-cta,.social-proof{justify-content:center}.spotlight-card{max-width:680px;margin:auto;width:100%;transform:none}.scroll-cue{display:none}.editorial-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.editorial-card.wide{grid-row:auto;grid-column:1/3}.premium-track{grid-template-columns:40px 65px 1fr 80px 42px 42px}.premium-track .mp3e-line{display:none}.promise-section{grid-template-columns:1fr}.discover-shell{grid-template-columns:1fr}.filter-panel{position:static;display:flex;flex-wrap:wrap;gap:10px}.filter-panel h3,.filter-panel hr,.filter-panel label,.license-note{display:none}.filter-panel .filter{width:auto;padding:9px 14px;border:1px solid var(--line);border-radius:999px}.catalog-row{grid-template-columns:40px 54px 1fr 40px 40px 40px}.catalog-row>span{display:none}.player{grid-template-columns:1fr auto;height:78px}.transport{display:flex;align-items:center}.timeline,.player-tools input,.player-tools>button:not(#openQueue),.playing-track>button{display:none}.player-tools{justify-content:end}.collapse-player{display:block;position:absolute;top:-30px;right:9px;width:48px;height:30px;border-radius:13px 13px 0 0;border:1px solid var(--line);background:#07131d;color:white}.site-footer{grid-template-columns:1fr 1fr}.track-modal{grid-template-columns:1fr}.modal-art{min-height:55vh}.modal-content{padding:60px 7vw}.modal-close{position:fixed}.spotlight-art{min-height:520px}}
@media(max-width:650px){body{padding-bottom:80px}.topbar{height:72px}.top-actions .pill-primary{display:none}.hero-immersive{padding:112px 18px 48px;min-height:auto}.hero-copy h1{font-size:3.65rem}.hero-cta{flex-direction:column}.social-proof{margin-bottom:5px}.spotlight-card{padding:12px;border-radius:27px}.spotlight-art{min-height:390px}.spotlight-meta{align-items:flex-end}.spotlight-meta h2{font-size:1.55rem}.spotlight-actions button:first-child{display:none}.content-section{padding:60px 20px}.section-head{align-items:start}.section-head h2{font-size:2.65rem}.section-head .text-link{display:none}.editorial-grid{display:grid;grid-template-columns:1fr}.editorial-card,.editorial-card.wide{grid-column:auto;min-height:330px;padding:25px}.premium-track{grid-template-columns:30px 58px 1fr 40px 35px;padding:12px 0;gap:10px}.track-cover{width:58px;height:58px}.track-mood{display:none}.promise-copy h2{font-size:3.6rem}.final-cta h2{font-size:4.2rem}.discover-hero{padding:125px 20px 45px}.discover-hero h1{font-size:4.3rem}.giant-search kbd{display:none}.discover-shell{padding:35px 20px 100px}.catalog-row{grid-template-columns:40px 52px 1fr 34px 34px;gap:8px;padding:10px 0}.catalog-row button:last-child{display:none}.site-footer{grid-template-columns:1fr;padding:40px 20px 110px}.site-footer>div{flex-wrap:wrap}.player{height:74px;padding:8px 13px;grid-template-columns:1fr auto}.player-cover{width:55px;height:55px}.transport-buttons{gap:12px}.transport-buttons #shuffleBtn,.transport-buttons #repeatBtn{display:none}.playing-track{min-width:0}.playing-track>div{min-width:0}.playing-track strong,.playing-track small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.player-tools{display:none}.main-play{width:47px;height:47px}.track-modal{display:block}.modal-art{min-height:52vh}.modal-content h2{font-size:3.7rem}.modal-actions{flex-direction:column}.fullscreen-content{width:min(390px,88vw)}}


/* Wave 7 — Premium Platform */
.track-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:-1;transition:background 900ms ease,opacity 900ms ease;opacity:.7}
body[data-theme-track="0"] .track-atmosphere{background:radial-gradient(circle at 12% 20%,rgba(31,198,224,.14),transparent 34%),radial-gradient(circle at 88% 72%,rgba(91,242,193,.10),transparent 35%)}
body[data-theme-track="1"] .track-atmosphere{background:radial-gradient(circle at 18% 20%,rgba(238,77,155,.14),transparent 34%),radial-gradient(circle at 88% 70%,rgba(131,83,255,.13),transparent 38%)}
body[data-theme-track="2"] .track-atmosphere{background:radial-gradient(circle at 15% 20%,rgba(85,109,151,.15),transparent 34%),radial-gradient(circle at 84% 75%,rgba(224,151,126,.11),transparent 38%)}
.platform-stats{display:flex;gap:34px;margin-top:26px;flex-wrap:wrap}
.platform-stats div{display:flex;flex-direction:column;gap:4px}
.platform-stats strong{font-size:1.15rem}
.platform-stats span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.11em}
.collections-section{background:linear-gradient(180deg,transparent,rgba(32,61,75,.12),transparent)}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.collection-card{min-height:430px;border-radius:30px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.09);transition:.28s;box-shadow:0 20px 70px rgba(0,0,0,.18)}
.collection-card:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-120px;top:-90px;background:rgba(255,255,255,.07);box-shadow:0 0 0 45px rgba(255,255,255,.028),0 0 0 90px rgba(255,255,255,.014)}
.collection-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.18)}
.travel-pack{background:linear-gradient(145deg,#0c4c60,#2e8f83)}
.creator-pack{background:linear-gradient(145deg,#4d214b,#b14b75)}
.night-pack{background:linear-gradient(145deg,#171d4b,#4e55a9)}
.collection-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.collection-top>span{font-size:.67rem;letter-spacing:.17em;font-weight:850}
.collection-top button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06)}
.collection-copy{position:relative;z-index:2}
.collection-icon{font-size:2.3rem}
.collection-copy h3{font-size:2.25rem;letter-spacing:-.045em;line-height:1;margin:15px 0 10px}
.collection-copy p{color:rgba(255,255,255,.72);line-height:1.6;max-width:310px}
.collection-action{border:0;background:transparent;padding:0;font-weight:800}
.smart-search-hints{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.smart-search-hints button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.75rem}
.smart-search-hints button:hover{color:white;border-color:rgba(255,255,255,.25)}
.download-panel{padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);margin:25px 0}
.download-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}
.download-head h3{margin:5px 0 0}
.download-head button{border:0;background:transparent;color:var(--mint);font-size:.75rem}
.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.format-card{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:4px;text-align:left}
.format-card strong{font-size:1.2rem}
.format-card span{color:var(--mint);font-size:.72rem}
.format-card small{color:var(--muted)}
.format-card:hover:not(.disabled){border-color:rgba(102,241,199,.35);transform:translateY(-2px)}
.format-card.disabled{opacity:.45;cursor:not-allowed}
.premium-track.active-track{background:linear-gradient(90deg,rgba(102,241,199,.055),transparent);box-shadow:inset 3px 0 var(--mint)}
.premium-track.active-track .mp3e-line{opacity:.9}
.premium-track.active-track .mp3e-line i{animation:trackBars .65s ease-in-out infinite alternate}
.premium-track.active-track .mp3e-line i:nth-child(2n){animation-delay:.12s}.premium-track.active-track .mp3e-line i:nth-child(3n){animation-delay:.25s}
@keyframes trackBars{to{height:95%}}
.catalog-row.active-track{background:rgba(102,241,199,.055);box-shadow:inset 3px 0 var(--mint)}
@media(max-width:980px){.collection-grid{grid-template-columns:1fr 1fr}.collection-card:last-child{grid-column:1/3}}
@media(max-width:650px){.platform-stats{justify-content:center}.collection-grid{grid-template-columns:1fr}.collection-card:last-child{grid-column:auto}.collection-card{min-height:340px}.format-grid{grid-template-columns:1fr}.download-head{align-items:flex-start;gap:10px}}

/* Wave 8 — Studio */
.studio-demo-note{display:flex;gap:12px;align-items:flex-start;margin-top:28px;padding:17px;border:1px solid rgba(102,241,199,.16);background:rgba(102,241,199,.055);border-radius:17px;max-width:520px}
.studio-demo-note>span{padding:5px 8px;border-radius:999px;background:var(--mint);color:#06111b;font-size:.61rem;font-weight:900;letter-spacing:.12em}
.studio-demo-note p{margin:0!important;color:var(--muted);font-size:.82rem;line-height:1.55}.studio-demo-note strong{color:white}
.studio-section{padding-top:25px}
.studio-panel{padding:52px;border-radius:34px;background:radial-gradient(circle at 90% 10%,rgba(102,241,199,.13),transparent 32%),linear-gradient(145deg,#0b2230,#101b33);border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;box-shadow:var(--shadow)}
.studio-copy h2{font-size:clamp(2.7rem,5vw,5.8rem);letter-spacing:-.06em;line-height:.93;margin:13px 0}
.studio-copy>p{color:var(--muted);line-height:1.75;max-width:620px}
.studio-specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.studio-specs span{padding:8px 10px;border:1px solid var(--line);border-radius:999px;font-size:.62rem;letter-spacing:.12em;color:#b9cbd5}
.studio-tracks{display:grid;gap:11px;align-content:center}
.studio-tracks button{display:grid;grid-template-columns:70px 1fr 44px;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;text-align:left;transition:.2s}
.studio-tracks button:hover{background:rgba(255,255,255,.07);transform:translateX(5px)}
.studio-tracks i{width:70px;height:70px;background-size:cover;background-position:center;border-radius:14px}
.studio-tracks strong,.studio-tracks small{display:block}.studio-tracks small{color:var(--muted);margin-top:5px}.studio-tracks b{width:42px;height:42px;border-radius:50%;background:white;color:#06111b;display:grid;place-items:center}
@media(max-width:900px){.studio-panel{grid-template-columns:1fr}}
@media(max-width:650px){.studio-panel{padding:27px}.studio-tracks button{grid-template-columns:56px 1fr 38px}.studio-tracks i{width:56px;height:56px}.studio-copy h2{font-size:3rem}}

/* Wave 9 — Creator Library */
.library-hero{padding:155px max(24px,7vw) 70px;display:flex;align-items:end;justify-content:space-between;gap:40px;background:radial-gradient(circle at 80% 10%,rgba(103,92,255,.16),transparent 35%),radial-gradient(circle at 10% 70%,rgba(42,211,202,.11),transparent 34%)}
.library-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.88;letter-spacing:-.075em;margin:18px 0}.library-hero p{color:var(--muted);max-width:650px;font-size:1.05rem;line-height:1.7}
.profile-card{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:20px;min-width:300px}.profile-avatar{width:55px;height:55px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--mint));color:#06111b;font-weight:900}.profile-card strong,.profile-card small{display:block}.profile-card small{color:var(--muted);margin-top:4px}.profile-card button{margin-left:auto;border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 11px}
.library-shell{padding:45px max(24px,7vw) 130px}.library-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:65px}.library-stats article{padding:24px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:20px}.library-stats strong,.library-stats span{display:block}.library-stats strong{font-size:2.3rem}.library-stats span{color:var(--muted);margin-top:5px}
.library-block{margin:70px 0}.library-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.library-heading h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.05em;margin:7px 0}.library-heading>a{color:var(--muted)}.create-playlist,.clear-history{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:11px 15px}
.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.library-track{padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:20px}.library-track-art{aspect-ratio:1;background-size:cover;background-position:center;border-radius:15px;position:relative;margin-bottom:13px}.library-track-art>button{position:absolute;right:12px;bottom:12px;width:48px;height:48px;border:0;border-radius:50%;background:white;color:#06111b}.library-track strong,.library-track small{display:block}.library-track small{color:var(--muted);margin-top:5px}.library-track>div:last-child{display:flex;gap:8px;margin-top:12px}.library-track>div:last-child button{border:1px solid var(--line);background:transparent;border-radius:50%;width:36px;height:36px}
.library-empty{grid-column:1/-1;text-align:center;padding:55px;border:1px dashed var(--line);border-radius:24px;color:var(--muted)}.library-empty>span{font-size:2rem}.library-empty h3{color:white;font-size:1.4rem}.library-empty a{color:var(--mint)}.library-empty.compact{padding:28px}
.playlist-library{display:grid;gap:12px}.saved-playlist{display:grid;grid-template-columns:90px 1fr auto 40px;align-items:center;gap:16px;padding:13px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.playlist-collage{width:90px;height:70px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:12px}.playlist-collage i{background-size:cover;background-position:center}.saved-playlist strong,.saved-playlist small{display:block}.saved-playlist small{color:var(--muted);margin-top:4px}.saved-playlist button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 12px}.saved-playlist button:last-child{padding:7px;width:36px;height:36px;border-radius:50%}
.history-list{display:grid}.history-row{display:grid;grid-template-columns:44px 58px 1fr 44px;align-items:center;gap:14px;padding:11px;border-bottom:1px solid var(--line)}.history-row>span{color:#617784}.history-art{width:58px;height:58px;background-size:cover;border-radius:12px}.history-row strong,.history-row small{display:block}.history-row small{color:var(--muted);margin-top:4px}.history-row button{width:42px;height:42px;border:0;border-radius:50%;background:white;color:#06111b}
.playlist-modal{position:fixed;z-index:170;inset:0;background:rgba(2,8,12,.78);backdrop-filter:blur(15px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.2s}.playlist-modal.open{opacity:1;pointer-events:auto}.playlist-dialog{width:min(620px,92vw);max-height:86vh;overflow:auto;padding:30px;background:#0c1a25;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);position:relative}.playlist-dialog>button:first-child{position:absolute;right:20px;top:15px;border:0;background:transparent;font-size:2rem}.playlist-dialog h2{font-size:2.4rem;margin:8px 0 24px}.playlist-dialog>label{display:grid;gap:9px;margin:18px 0;color:#c5d2da}.playlist-dialog>label>input{padding:13px;border:1px solid var(--line);background:#08131d;color:white;border-radius:12px}.playlist-track-picker{display:grid;gap:8px}.picker-track{display:grid;grid-template-columns:auto 50px 1fr;align-items:center;gap:12px;padding:9px;border:1px solid var(--line);border-radius:13px}.picker-track i{width:50px;height:50px;background-size:cover;border-radius:10px}.picker-track strong,.picker-track small{display:block}.picker-track small{color:var(--muted)}
@media(max-width:900px){.library-hero{align-items:flex-start;flex-direction:column}.profile-card{width:100%}.library-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.library-hero{padding:125px 20px 45px}.library-hero h1{font-size:4.2rem}.library-shell{padding:30px 20px 110px}.library-stats{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:1fr}.library-heading{align-items:flex-start;gap:15px;flex-direction:column}.saved-playlist{grid-template-columns:70px 1fr auto}.playlist-collage{width:70px;height:60px}.saved-playlist button:last-child{display:none}}

/* Wave 10 — Streaming */
.mp3eform-timeline{margin-top:8px}
.mp3eform-wrap{position:relative;flex:1;height:34px;cursor:pointer;border-radius:8px;overflow:hidden}
#waveformCanvas{width:100%;height:100%;display:block;opacity:.85}
.mp3eform-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:white;box-shadow:0 0 12px rgba(255,255,255,.65);pointer-events:none}
.hidden-progress{position:absolute;opacity:0;pointer-events:none}
.stream-stats{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.78rem;margin:10px 0 6px}
.stream-stats b{color:white}
.albums-section{background:linear-gradient(180deg,transparent,rgba(65,69,124,.10),transparent)}
.album-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.album-card{padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:27px}
.album-art{aspect-ratio:1.55;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:5px;border-radius:20px;overflow:hidden;position:relative}
.album-art i{background-size:cover;background-position:center}
.album-art i:first-child{grid-row:1/3}
.album-art button{position:absolute;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;border:0;background:white;color:#06111b;font-size:1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.album-card>span{display:block;margin-top:17px;font-size:.64rem;letter-spacing:.15em;color:var(--mint);font-weight:850}
.album-card h3{font-size:2rem;letter-spacing:-.04em;margin:7px 0}
.album-card p{color:var(--muted);margin-top:0}
.artist-profile-card{position:relative;overflow:hidden;border-radius:34px;padding:50px;background:linear-gradient(135deg,#152c42,#2d315d);display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:30px;border:1px solid rgba(255,255,255,.11)}
.artist-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:var(--mint);opacity:.09;filter:blur(60px);right:-80px;top:-130px}
.artist-avatar{width:120px;height:120px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--mint));color:#06111b;font-size:2rem;font-weight:900;position:relative}
.artist-copy{position:relative}.artist-copy h2{font-size:clamp(2.6rem,5vw,5.2rem);letter-spacing:-.06em;line-height:.92;margin:10px 0}.artist-copy>p{color:var(--muted);line-height:1.7;max-width:700px}
.artist-stats{display:flex;gap:25px;margin-top:20px}.artist-stats span{color:var(--muted)}.artist-stats b{color:white;font-size:1.15rem}
.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.recommendation-card{padding:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:20px}
.recommendation-art{aspect-ratio:1;background-size:cover;border-radius:15px;position:relative}
.recommendation-art button{position:absolute;right:12px;bottom:12px;width:48px;height:48px;border-radius:50%;border:0;background:white;color:#06111b}
.recommendation-card strong,.recommendation-card small{display:block}.recommendation-card strong{margin-top:13px}.recommendation-card small{color:var(--muted);margin-top:5px}
.streaming-settings{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:20px;margin-bottom:18px}
.streaming-settings h3{margin:5px 0}.streaming-settings label{display:flex;align-items:center;gap:9px;color:var(--muted)}.streaming-settings select{background:var(--surface);border:1px solid var(--line);color:white;border-radius:10px;padding:8px}
.library-stats{grid-template-columns:repeat(5,1fr)}
@media(max-width:900px){.artist-profile-card{grid-template-columns:95px 1fr}.artist-avatar{width:95px;height:95px}.artist-profile-card>.pill-primary{grid-column:1/3;width:max-content}.recommendation-grid{grid-template-columns:1fr 1fr}.library-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.album-grid{grid-template-columns:1fr}.artist-profile-card{grid-template-columns:1fr;text-align:center;padding:30px}.artist-avatar{margin:auto}.artist-profile-card>.pill-primary{grid-column:auto;margin:auto}.artist-stats{justify-content:center;flex-wrap:wrap}.recommendation-grid{grid-template-columns:1fr}.library-stats{grid-template-columns:1fr 1fr}.mp3eform-wrap{height:28px}}
\n/* SafeWave 2.0 — Creator Edition */\n.spotlight-art{background:none!important;display:flex;align-items:center;justify-content:center}.spotlight-art img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}\n.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px max(24px,7vw);background:#07131d;border-bottom:1px solid var(--line)}.quick-actions>*{display:flex;align-items:center;gap:13px;min-height:88px;padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:18px;text-align:left;transition:.2s}.quick-actions>*:hover{background:rgba(255,255,255,.055);transform:translateY(-3px)}.quick-actions>*>span{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,rgba(41,201,232,.18),rgba(102,241,199,.14));display:grid;place-items:center;font-size:1.2rem}.quick-actions strong,.quick-actions small{display:block}.quick-actions small{color:var(--muted);margin-top:4px}.home-discovery{padding-top:68px}\n.for-you-panel{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(41,201,232,.06),rgba(98,92,255,.06))}.for-you-panel h2{font-size:clamp(2.2rem,4vw,4.5rem);line-height:.95;letter-spacing:-.055em;margin:10px 0}.for-you-panel p{color:var(--muted);line-height:1.65;max-width:760px}.for-you-actions{display:flex;gap:10px;flex-wrap:wrap}.mobile-bottom-nav{display:none}.download-history-empty{padding:30px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--muted)}\n@media(max-width:980px){.quick-actions{grid-template-columns:1fr 1fr}.for-you-panel{align-items:flex-start;flex-direction:column}}\n@media(max-width:650px){body{padding-bottom:138px}.spotlight-art{min-height:0;height:auto;aspect-ratio:1}.spotlight-art img{object-fit:contain}.quick-actions{grid-template-columns:1fr;padding:14px 18px}.quick-actions>*{min-height:75px}.home-discovery{padding-top:50px}.for-you-panel{padding:25px}.for-you-actions{width:100%;flex-direction:column}.for-you-actions>*{width:100%}.mobile-bottom-nav{display:grid;position:fixed;z-index:89;left:0;right:0;bottom:74px;height:58px;grid-template-columns:repeat(3,1fr);background:rgba(5,13,20,.96);border-top:1px solid var(--line);backdrop-filter:blur(20px)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#718795}.mobile-bottom-nav a.active{color:white}.mobile-bottom-nav span{font-size:1rem}.mobile-bottom-nav small{font-size:.62rem}.site-footer{padding-bottom:160px}}\n
/* SafeWave 3.0 — Milestone 1 */
.quick-actions{grid-template-columns:repeat(5,1fr)}
.studio-hero{padding:150px max(24px,7vw) 65px;display:flex;align-items:end;justify-content:space-between;gap:40px;background:radial-gradient(circle at 82% 10%,rgba(103,92,255,.18),transparent 34%),radial-gradient(circle at 10% 80%,rgba(42,211,202,.11),transparent 34%)}
.studio-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.88;letter-spacing:-.075em;margin:18px 0;max-width:1000px}.studio-hero p{color:var(--muted);font-size:1.05rem;line-height:1.7;max-width:720px}
.studio-status{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;min-width:255px}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 7px rgba(102,241,199,.09)}.studio-status strong,.studio-status small{display:block}.studio-status small{color:var(--muted);margin-top:4px}
.studio-shell{display:grid;grid-template-columns:220px 1fr;gap:38px;padding:45px max(24px,7vw) 135px}.studio-sidebar{display:grid;align-content:start;gap:5px;position:sticky;top:105px;height:max-content}.studio-tab{border:0;background:transparent;color:var(--muted);text-align:left;padding:12px 14px;border-radius:12px}.studio-tab:hover,.studio-tab.active{background:rgba(255,255,255,.055);color:white}
.studio-panel{display:none}.studio-panel.active{display:block}.studio-panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.studio-panel-head h2{font-size:clamp(2.5rem,4.5vw,4.8rem);letter-spacing:-.055em;line-height:.95;margin:7px 0}.prototype-label{padding:8px 10px;border-radius:999px;background:rgba(102,241,199,.09);color:var(--mint);font-size:.62rem;letter-spacing:.12em;font-weight:900}
.studio-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.studio-metrics article,.analytics-grid article{padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:19px}.studio-metrics span,.analytics-grid span{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.13em}.studio-metrics strong,.analytics-grid strong{display:block;font-size:2.25rem;margin:8px 0}.studio-metrics small,.analytics-grid small{color:var(--muted)}
.studio-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.studio-card{padding:23px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:21px}.studio-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.studio-card-head h3{margin:0;font-size:1.25rem}.studio-card-head a{color:var(--mint);font-size:.78rem}
.release-list{display:grid}.release-row{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.release-row:last-child{border-bottom:0}.release-row i{width:50px;height:50px;background-size:cover;border-radius:11px}.release-row strong,.release-row small{display:block}.release-row small{color:var(--muted);margin-top:4px}.release-row span{color:var(--muted);font-size:.72rem}
.check-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);color:#c3d1da}.check-row:last-child{border-bottom:0}.check-row input{accent-color:var(--mint)}
.studio-table{display:grid}.studio-table-row{display:grid;grid-template-columns:55px 1.2fr .8fr 90px 80px 95px;gap:14px;align-items:center;padding:11px;border-bottom:1px solid var(--line);border-radius:13px}.studio-table-row:hover{background:rgba(255,255,255,.03)}.studio-table-row i{width:55px;height:55px;background-size:cover;border-radius:11px}.studio-table-row strong,.studio-table-row small{display:block}.studio-table-row small,.studio-table-row>span{color:var(--muted);font-size:.78rem}.studio-table-row button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 10px}
.release-form{padding:26px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:23px}.release-form>label{display:grid;gap:8px;margin:15px 0;color:#c3d0d8}.release-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.release-grid label{display:grid;gap:8px;color:#c3d0d8}.release-form input,.release-form select,.release-form textarea,.settings-stack input,.settings-stack select{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);background:#07131d;color:white}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.upload-grid label{min-height:125px;padding:18px;border:1px dashed var(--line);border-radius:15px;display:grid;align-content:center;gap:7px}.upload-grid small{color:var(--muted)}.release-actions{display:flex;gap:10px}.draft-list{display:grid;gap:10px;margin-top:18px}.draft-card{display:grid;grid-template-columns:1fr auto;gap:15px;padding:16px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:16px}.draft-card strong,.draft-card small{display:block}.draft-card small{color:var(--muted);margin-top:5px}.draft-card button{border:0;background:transparent;color:#ff7da9}
.analytics-chart{height:290px;padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:22px;display:flex;align-items:end;gap:12px;margin-bottom:15px}.chart-bar{flex:1;min-width:22px;border-radius:8px 8px 3px 3px;background:linear-gradient(to top,var(--cyan),var(--mint));position:relative}.chart-bar span{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:.68rem;color:var(--muted)}.chart-bar small{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.62rem;color:var(--muted)}
.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.analytics-grid strong{font-size:1.4rem}
.settings-stack{display:grid;gap:12px}.settings-stack label{display:grid;grid-template-columns:1fr minmax(250px,.6fr);gap:25px;align-items:center;padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:17px}.settings-stack strong,.settings-stack small{display:block}.settings-stack small{color:var(--muted);margin-top:4px}
.mobile-bottom-nav{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.quick-actions{grid-template-columns:1fr 1fr}.studio-shell{grid-template-columns:1fr}.studio-sidebar{display:flex;overflow-x:auto;position:static}.studio-tab{white-space:nowrap}.studio-overview-grid{grid-template-columns:1fr}.studio-metrics{grid-template-columns:1fr 1fr}.studio-table-row{grid-template-columns:50px 1fr 80px 80px}.studio-table-row>span:nth-of-type(1),.studio-table-row>span:nth-of-type(2){display:none}}
@media(max-width:650px){.studio-hero{padding:125px 20px 45px;align-items:flex-start;flex-direction:column}.studio-hero h1{font-size:4rem}.studio-status{width:100%}.studio-shell{padding:30px 20px 130px}.studio-panel-head{align-items:flex-start;flex-direction:column}.studio-metrics{grid-template-columns:1fr 1fr}.release-grid,.upload-grid,.analytics-grid{grid-template-columns:1fr}.studio-table-row{grid-template-columns:48px 1fr 70px;padding-left:0;padding-right:0}.studio-table-row i{width:48px;height:48px}.studio-table-row>span,.studio-table-row button:last-child{display:none}.settings-stack label{grid-template-columns:1fr}.analytics-chart{height:230px;gap:6px;padding:16px}.quick-actions{grid-template-columns:1fr}.mobile-bottom-nav{grid-template-columns:repeat(4,1fr)}}


/* =========================================================
   SafeWave 3.1 — Project Aurora, Phase 1
   Visual overhaul and genre identity system
   ========================================================= */

.aurora-home{background:#06111b}
.aurora-v2-hero{
  min-height:calc(100svh - 82px);
  padding:90px max(24px,7vw) 66px;
  display:grid;
  grid-template-columns:1.04fr .96fr;
  gap:7vw;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 22%,rgba(124,83,255,.16),transparent 30%),
    radial-gradient(circle at 10% 82%,rgba(37,216,201,.11),transparent 34%),
    linear-gradient(145deg,#06111b,#091622 55%,#07131e);
}
.aurora-v2-light{position:absolute;border-radius:50%;filter:blur(100px);opacity:.34;animation:auroraV2Float 14s ease-in-out infinite alternate}
.aurora-v2-light-a{width:480px;height:480px;background:#28c9e4;right:2%;top:4%}
.aurora-v2-light-b{width:420px;height:420px;background:#765cff;left:-13%;bottom:-18%;animation-duration:19s}
@keyframes auroraV2Float{to{transform:translate(50px,35px) scale(1.1)}}
.aurora-v2-lines{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.aurora-v2-copy,.aurora-v2-feature{position:relative;z-index:2}
.aurora-v2-label{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);border-radius:999px;color:#b8c9d3;font-size:.67rem;letter-spacing:.13em}
.aurora-v2-label span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 6px rgba(102,241,199,.09)}
.aurora-v2-copy>.kicker{display:block;margin-top:22px}
.aurora-v2-copy h1{font-size:clamp(4.1rem,8.2vw,8.8rem);line-height:.87;letter-spacing:-.08em;margin:18px 0 25px}
.aurora-v2-copy h1 em{font-style:normal;background:linear-gradient(95deg,#fff 5%,#7de5ea 52%,#79f0c6);-webkit-background-clip:text;color:transparent}
.aurora-v2-lead{max-width:720px;color:var(--muted);font-size:1.08rem;line-height:1.75}
.aurora-v2-actions{display:flex;gap:11px;margin-top:30px}
.aurora-v2-actions>*{padding:15px 22px}
.aurora-v2-proof{display:flex;gap:34px;margin-top:38px;flex-wrap:wrap}
.aurora-v2-proof div{display:flex;flex-direction:column;gap:4px}
.aurora-v2-proof strong{font-size:1.12rem}
.aurora-v2-proof span{font-size:.68rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}

.aurora-v2-feature{padding:16px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.028));border-radius:34px;box-shadow:0 35px 100px rgba(0,0,0,.43);backdrop-filter:blur(24px)}
.aurora-v2-feature-art{aspect-ratio:1;position:relative;overflow:hidden;border-radius:25px}
.aurora-v2-feature-art img{width:100%;height:100%;object-fit:contain;display:block}
.aurora-v2-feature-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,10,16,.47),transparent 45%)}
.aurora-v2-feature-badge{position:absolute;left:20px;top:20px;padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(4,13,20,.62);font-size:.61rem;letter-spacing:.14em;font-weight:850;backdrop-filter:blur(12px)}
.aurora-v2-feature-play{position:absolute;right:22px;bottom:20px;width:64px;height:64px;border-radius:50%;border:0;background:white;color:#06111b;font-size:1.1rem;box-shadow:0 15px 36px rgba(0,0,0,.3)}
.aurora-v2-feature-copy{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 5px 5px}
.aurora-v2-feature-copy>div>span{color:var(--mint);font-size:.63rem;letter-spacing:.15em;font-weight:850}
.aurora-v2-feature-copy h2{font-size:2.15rem;letter-spacing:-.045em;margin:6px 0}
.aurora-v2-feature-copy p{color:var(--muted);margin:0}
.aurora-v2-feature-copy>button{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.045);font-size:1.15rem}
.aurora-v2-scroll{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#617887;font-size:.6rem;letter-spacing:.14em}
.aurora-v2-scroll i{width:38px;height:1px;background:linear-gradient(90deg,#617887,transparent)}

.aurora-v2-genre-section,.aurora-v2-album-section,.aurora-v2-tracks-section{padding:88px max(24px,7vw)}
.aurora-v2-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}
.aurora-v2-section-head h2{font-size:clamp(2.6rem,5vw,5.6rem);line-height:.95;letter-spacing:-.06em;margin:10px 0;max-width:980px}
.aurora-v2-section-head>a{color:var(--muted)}

.aurora-v2-genres{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.aurora-v2-genre{min-height:355px;border-radius:28px;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.09);transition:.28s;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.aurora-v2-genre:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.2)}
.aurora-v2-genre:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:-100px;top:-80px;border:38px solid rgba(255,255,255,.07);box-shadow:0 0 0 38px rgba(255,255,255,.027),0 0 0 76px rgba(255,255,255,.012)}
.aurora-v2-genre:nth-child(1),.aurora-v2-genre:nth-child(2){grid-column:span 6}
.aurora-v2-genre:nth-child(n+3){grid-column:span 4}
.genre-rock{background:linear-gradient(145deg,#35151b,#a33d28)}
.genre-lofi{background:linear-gradient(145deg,#34443b,#967d51)}
.genre-cinematic{background:linear-gradient(145deg,#151931,#5b346f)}
.genre-synth{background:linear-gradient(145deg,#151944,#8a2779)}
.genre-acoustic{background:linear-gradient(145deg,#4b2d19,#a76d38)}
.aurora-v2-genre-number{font-size:.68rem;letter-spacing:.14em;position:relative;z-index:2}
.aurora-v2-genre-icon{font-size:2.1rem;margin-top:25px;position:relative;z-index:2}
.aurora-v2-genre>div:nth-of-type(2){margin-top:auto;position:relative;z-index:2}
.aurora-v2-genre small{font-size:.61rem;letter-spacing:.15em;opacity:.75}
.aurora-v2-genre h3{font-size:clamp(2.4rem,4vw,4.5rem);line-height:.9;letter-spacing:-.055em;margin:9px 0}
.aurora-v2-genre p{max-width:410px;color:rgba(255,255,255,.72);line-height:1.6}
.aurora-v2-genre>b{position:relative;z-index:2;margin-top:20px;font-size:.8rem}

.aurora-v2-album-section{background:linear-gradient(180deg,transparent,rgba(75,66,135,.1),transparent)}
.aurora-v2-albums{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.aurora-v2-album{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;padding:25px;border-radius:29px;border:1px solid var(--line);background:rgba(255,255,255,.027);overflow:hidden}
.aurora-v2-album-visual{aspect-ratio:1;position:relative}
.aurora-v2-album-visual img{position:relative;z-index:2;width:83%;height:83%;object-fit:contain;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.42)}
.aurora-v2-album-disc{position:absolute;width:70%;height:70%;right:0;top:7%;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 3px,#242424 4px 6px);box-shadow:inset 0 0 0 8px #111,0 20px 50px rgba(0,0,0,.35)}
.aurora-v2-album-disc:after{content:"";position:absolute;width:25%;height:25%;left:37.5%;top:37.5%;border-radius:50%;background:var(--mint)}
.aurora-v2-album-visual>button{position:absolute;z-index:3;left:calc(41.5% - 27px);bottom:4%;width:55px;height:55px;border-radius:50%;border:0;background:white;color:#06111b}
.aurora-v2-album-copy>span{color:var(--mint);font-size:.62rem;letter-spacing:.14em;font-weight:850}
.aurora-v2-album-copy h3{font-size:clamp(2.3rem,4vw,4.2rem);line-height:.94;letter-spacing:-.055em;margin:10px 0}
.aurora-v2-album-copy p{color:var(--muted);line-height:1.65}
.aurora-v2-album-copy>div{display:flex;gap:14px;align-items:center;margin-top:20px}
.aurora-v2-album-copy button{border:0;background:white;color:#06111b;border-radius:999px;padding:11px 15px;font-weight:800}
.aurora-v2-album-copy a{color:var(--muted)}

.aurora-v2-track-list{display:grid}
.aurora-v2-track{display:grid;grid-template-columns:45px 68px 1fr 145px 42px 45px;gap:15px;align-items:center;padding:13px;border-bottom:1px solid var(--line);border-radius:16px;transition:.2s}
.aurora-v2-track:hover{background:rgba(255,255,255,.035)}
.aurora-v2-track>span{color:#617887}
.aurora-v2-track-art{width:68px;height:68px;border-radius:14px;background-size:cover;background-position:center}
.aurora-v2-track strong,.aurora-v2-track small{display:block}
.aurora-v2-track small{color:var(--muted);margin-top:5px}
.aurora-v2-track>b{color:var(--mint);font-size:.63rem;letter-spacing:.12em}
.aurora-v2-track>button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent}
.aurora-v2-track>button:last-child{background:white;color:#06111b;border:0}

.aurora-v2-creator-section{margin:70px max(24px,7vw);padding:50px;border-radius:34px;background:linear-gradient(135deg,#102c3c,#242b57);display:grid;grid-template-columns:1.15fr .85fr;gap:55px;border:1px solid rgba(255,255,255,.1)}
.aurora-v2-creator-copy h2{font-size:clamp(3rem,5.8vw,6.3rem);line-height:.9;letter-spacing:-.067em;margin:13px 0}
.aurora-v2-creator-copy>p{color:var(--muted);line-height:1.75;max-width:750px}
.aurora-v2-creator-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}
.aurora-v2-creator-copy article{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px}
.aurora-v2-creator-copy article strong{color:var(--mint);font-size:.68rem}
.aurora-v2-creator-action{padding:27px;border-radius:24px;background:rgba(255,255,255,.055);align-self:center}
.aurora-v2-creator-action>span{font-size:.62rem;letter-spacing:.15em;color:var(--mint);font-weight:850}
.aurora-v2-creator-action h3{font-size:2rem;letter-spacing:-.04em;margin:12px 0}
.aurora-v2-creator-action p{color:var(--muted);line-height:1.65;margin-bottom:23px}

.aurora-v2-final{text-align:center;padding:125px 20px 150px;position:relative;overflow:hidden}
.aurora-v2-final-glow{position:absolute;width:600px;height:320px;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%);background:linear-gradient(90deg,var(--cyan),var(--mint));filter:blur(90px);opacity:.12}
.aurora-v2-final>*:not(.aurora-v2-final-glow){position:relative}
.aurora-v2-final h2{font-size:clamp(4rem,8vw,8rem);line-height:.86;letter-spacing:-.075em;margin:22px 0 35px}
.aurora-v2-final>div:last-child{display:flex;justify-content:center;gap:10px}

@media(max-width:1050px){
 .aurora-v2-hero{grid-template-columns:1fr;gap:50px}
 .aurora-v2-copy{text-align:center}
 .aurora-v2-lead{margin-left:auto;margin-right:auto}
 .aurora-v2-actions,.aurora-v2-proof{justify-content:center}
 .aurora-v2-feature{max-width:690px;width:100%;margin:auto}
 .aurora-v2-genres{grid-template-columns:1fr 1fr}
 .aurora-v2-genre,.aurora-v2-genre:nth-child(n){grid-column:auto}
 .aurora-v2-genre:last-child{grid-column:1/3}
 .aurora-v2-albums{grid-template-columns:1fr}
 .aurora-v2-creator-section{grid-template-columns:1fr}
}
@media(max-width:700px){
 .aurora-v2-hero{min-height:auto;padding:52px 18px 62px}
 .aurora-v2-copy h1{font-size:4rem}
 .aurora-v2-actions{flex-direction:column}
 .aurora-v2-actions>*{width:100%}
 .aurora-v2-scroll{display:none}
 .aurora-v2-feature{padding:11px;border-radius:26px}
 .aurora-v2-feature-art{border-radius:20px}
 .aurora-v2-feature-copy h2{font-size:1.65rem}
 .aurora-v2-genre-section,.aurora-v2-album-section,.aurora-v2-tracks-section{padding:58px 18px}
 .aurora-v2-section-head{align-items:flex-start;flex-direction:column}
 .aurora-v2-section-head h2{font-size:2.85rem}
 .aurora-v2-genres{grid-template-columns:1fr}
 .aurora-v2-genre,.aurora-v2-genre:last-child{grid-column:auto;min-height:300px}
 .aurora-v2-album{grid-template-columns:1fr;padding:19px}
 .aurora-v2-album-visual{max-width:390px;margin:auto;width:100%}
 .aurora-v2-track{grid-template-columns:28px 56px 1fr 39px;gap:10px;padding-left:0;padding-right:0}
 .aurora-v2-track-art{width:56px;height:56px}
 .aurora-v2-track>b,.aurora-v2-track>button:nth-last-child(2){display:none}
 .aurora-v2-creator-section{margin:45px 18px;padding:27px}
 .aurora-v2-creator-copy h2{font-size:3.5rem}
 .aurora-v2-creator-copy>div{grid-template-columns:1fr}
 .aurora-v2-final{padding:95px 18px 125px}
 .aurora-v2-final h2{font-size:4.2rem}
 .aurora-v2-final>div:last-child{flex-direction:column}
}

.aurora-reveal{opacity:0;transform:translateY(18px)}
.aurora-reveal.aurora-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}


/* Aurora 4.1 — Album System */
.album-browser-hero{padding:145px max(24px,7vw) 55px;background:radial-gradient(circle at 80% 15%,rgba(102,241,199,.13),transparent 30%),radial-gradient(circle at 10% 70%,rgba(41,201,232,.11),transparent 34%)}
.album-browser-hero h1{font-size:clamp(4rem,8vw,8.2rem);line-height:.88;letter-spacing:-.075em;margin:18px 0;max-width:1050px}.album-browser-hero p{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.75}
.album-browser-grid{padding:20px max(24px,7vw) 140px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.album-browser-card{padding:15px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:28px;transition:.25s;cursor:pointer}.album-browser-card:hover{transform:translateY(-7px);background:rgba(255,255,255,.045)}
.album-browser-art{position:relative;aspect-ratio:1.35;border-radius:20px;overflow:hidden;background:#0c1722}.album-browser-art img{width:100%;height:100%;object-fit:contain;display:block}.album-browser-art button{position:absolute;right:16px;bottom:16px;width:56px;height:56px;border:0;border-radius:50%;background:white;color:#06111b;font-weight:900}
.album-browser-meta{padding:18px 6px 6px}.album-browser-meta>span{color:var(--mint);font-size:.63rem;letter-spacing:.14em;font-weight:900}.album-browser-meta h2{font-size:2.25rem;letter-spacing:-.045em;margin:8px 0}.album-browser-meta p{color:var(--muted);line-height:1.55}.album-browser-facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.album-browser-facts span,.album-detail-tags span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#bed0d9;font-size:.68rem}
.album-detail{padding:115px max(24px,7vw) 145px}.album-back{border:0;background:transparent;color:var(--muted);padding:0;margin-bottom:28px}.album-detail-hero{display:grid;grid-template-columns:minmax(280px,470px) 1fr;gap:6vw;align-items:center}.album-detail-hero>img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:32px;background:#0c1722;border:1px solid var(--line);box-shadow:0 35px 90px rgba(0,0,0,.38)}
.album-detail-copy h1{font-size:clamp(4rem,7vw,8rem);line-height:.86;letter-spacing:-.075em;margin:16px 0}.album-detail-copy>p{max-width:700px;color:var(--muted);font-size:1.03rem;line-height:1.7}.album-detail-artist{color:white!important;font-weight:800!important}.album-detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.album-detail-actions{display:flex;gap:10px;flex-wrap:wrap}
.album-track-list{margin-top:65px;border-top:1px solid var(--line)}.album-track-row{display:grid;grid-template-columns:45px 58px 1fr 110px 85px 52px;gap:14px;align-items:center;padding:13px 8px;border-bottom:1px solid var(--line);border-radius:14px}.album-track-row:hover{background:rgba(255,255,255,.03)}.album-track-row>span{color:var(--muted);font-size:.78rem}.album-track-row img{width:58px;height:58px;object-fit:contain;border-radius:11px}.album-track-row strong,.album-track-row small{display:block}.album-track-row small{color:var(--muted);margin-top:4px}.album-track-row button{border:0;border-radius:50%;width:42px;height:42px;background:white;color:#06111b}.album-related{margin-top:80px}.album-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.album-related-card{padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center;cursor:pointer}.album-related-card img{width:100px;height:100px;object-fit:contain;border-radius:14px}.album-related-card strong,.album-related-card small{display:block}.album-related-card small{color:var(--muted);margin-top:7px}
@media(max-width:820px){.album-browser-grid{grid-template-columns:1fr}.album-detail-hero{grid-template-columns:1fr}.album-detail-hero>img{max-width:620px;margin:auto}.album-detail-copy{text-align:center}.album-detail-copy>p{margin-left:auto;margin-right:auto}.album-detail-tags,.album-detail-actions{justify-content:center}.album-track-row{grid-template-columns:36px 48px 1fr 48px}.album-track-row img{width:48px;height:48px}.album-track-row>span:nth-of-type(2),.album-track-row>span:nth-of-type(3){display:none}.album-related-grid{grid-template-columns:1fr}}
@media(max-width:560px){.album-browser-hero{padding:120px 18px 42px}.album-browser-hero h1{font-size:3.8rem}.album-browser-grid{padding:16px 18px 115px}.album-detail{padding:100px 18px 120px}.album-detail-copy h1{font-size:3.8rem}.album-detail-actions>*{width:100%}.album-related-card{grid-template-columns:76px 1fr}.album-related-card img{width:76px;height:76px}}

/* =========================================================
   SafeWave 3.3 — Brand Foundation
   ========================================================= */
:root{
  --bg:#071426;
  --bg2:#091a30;
  --surface:#0d2036;
  --surface2:#132a45;
  --line:rgba(162,218,239,.15);
  --mint:#41e7d0;
  --cyan:#16b7e8;
  --blue:#315cff;
  --brand-gradient:linear-gradient(135deg,#41e7d0 0%,#16b7e8 52%,#315cff 100%);
}
.brand{gap:11px;letter-spacing:-.045em}.brand-logo{width:40px;height:40px;display:block;flex:0 0 auto;filter:drop-shadow(0 10px 20px rgba(22,183,232,.22))}.auth-brand .brand-logo{width:46px;height:46px}.brand-icon,.brand-mark{display:none!important}
.topbar{background:linear-gradient(to bottom,rgba(7,20,38,.97),rgba(7,20,38,.76));border-bottom-color:rgba(105,215,238,.08)}
.pill-primary{background:var(--brand-gradient);box-shadow:0 14px 38px rgba(22,183,232,.22);transition:transform .2s ease,box-shadow .2s ease}.pill-primary:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(22,183,232,.3)}
.desktop-nav a.active:after{background:var(--brand-gradient)}
.aurora-v2-hero{background:radial-gradient(circle at 78% 22%,rgba(49,92,255,.17),transparent 31%),radial-gradient(circle at 10% 82%,rgba(65,231,208,.12),transparent 35%),linear-gradient(145deg,#071426,#0a1b31 56%,#071526)}
.aurora-v2-copy h1 em{background:linear-gradient(95deg,#fff 4%,#73edf0 48%,#41e7d0 75%,#6f83ff);-webkit-background-clip:text;color:transparent}
.aurora-v2-feature,.player{border-color:rgba(109,220,241,.16)}
.aurora-v2-feature-play,.aurora-v2-album-visual>button,.aurora-v2-track>button:last-child{background:var(--brand-gradient);color:#041421}
.site-footer .brand-logo{width:36px;height:36px}
@media(max-width:720px){.brand-logo{width:36px;height:36px}.topbar .brand span{font-size:1.15rem}}