@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;background:#081619;color:#edece5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#071719;--panel:#102328;--panel2:#152a2e;--stroke:#293c3e;--muted:#98a9a7;--warm:#eaba7b;--cream:#f3eddf;--player-h:102px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--warm);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button svg{flex-shrink:0}::selection{background:#ac8d5e;color:#0d2428}.app{min-height:100vh;padding-bottom:var(--player-h);background:radial-gradient(ellipse 40% 20% at 100% 1%,#152d30aa,transparent 100%),#071719}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 35px 0 30px;border-bottom:1px solid #29404485;background:#091b1df0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.brand{border:0;background:none;display:flex;gap:13px;align-items:center;text-align:left;padding:0}.brand-symbol{width:43px;height:43px;border:1px solid #eaba7b66;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;color:var(--warm)}.brand-symbol:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid #eaba7b44;border-radius:50%}.brand-pulse{position:absolute;height:6px;width:6px;border-radius:50%;top:-3px;right:7px;background:var(--warm)}.brand-wordmark{font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:.07em;line-height:1.14}.brand-wordmark em{font-style:normal;color:var(--warm)}.brand-wordmark small{display:block;font-size:8px;font-weight:700;letter-spacing:.21em;color:#7e9896;margin-top:6px}.topnav{display:flex;gap:37px;align-self:stretch}.topnav button{color:#a0afad;border:0;border-bottom:2px solid transparent;background:none;padding:2px 0 0;font-weight:700;font-size:13px;transition:.2s}.topnav button:hover,.topnav button.active{color:var(--cream)}.topnav button.active{border-bottom-color:var(--warm)}.top-right{display:flex;align-items:center;gap:29px}.preview-indicator{font-size:10px;letter-spacing:.17em;font-weight:800;color:#bccbc5;border:1px solid #314b4c;border-radius:100px;padding:9px 12px;white-space:nowrap;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;background:#b4a06c;border-radius:50%;box-shadow:0 0 12px #eaba7b88}.top-search{border:0;background:none;color:#becac5;padding:7px}.site-layout{display:grid;grid-template-columns:231px minmax(0,1fr);min-height:calc(100vh - 84px - var(--player-h))}.sidebar{background:linear-gradient(160deg,#0c2124,#0a1c1f);border-right:1px solid #223b3d;position:sticky;top:84px;align-self:start;height:calc(100vh - 84px - var(--player-h));overflow:auto;padding:36px 15px 20px;display:flex;flex-direction:column;min-height:400px}.sidebar-label{font-size:9px;font-weight:800;color:#627d7c;letter-spacing:.22em;padding:0 16px;margin-bottom:20px}.side-link{height:45px;display:flex;align-items:center;gap:15px;border:0;background:transparent;border-radius:8px;text-align:left;color:#91aba8;padding:0 15px;font-size:13px;font-weight:700;position:relative;margin-bottom:3px}.side-link svg{opacity:.8}.side-link:hover{color:#f1eee5;background:#173337}.side-link.selected{color:var(--cream);background:#1e3739}.side-link.selected svg{color:var(--warm)}.side-active{position:absolute;width:3px;background:var(--warm);top:11px;bottom:11px;right:0;border-radius:2px}.sidebar-divider{height:1px;background:#2a3e3f;margin:21px 13px 26px}.channel-side{border:0;border-radius:9px;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;padding:9px;font-size:12px;font-weight:800}.channel-side:hover,.channel-current{background:#142c30}.channel-avatar{height:37px;width:37px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#315353;color:#f1c48a;font-family:Manrope;font-size:11px;font-weight:900}.channel-side small{display:block;font-weight:400;color:#89a4a2;margin-top:3px;font-size:10px}.sidebar-bottom{margin-top:auto;padding:24px 13px 3px;color:#9db2ad}.sidebar-bottom p{font-size:12px;line-height:1.8;margin:17px 0 26px}.sidebar-bottom small{font-size:9px;color:#698583;letter-spacing:.2em;font-weight:800}.tiny-signal .wave{color:var(--warm)}.main{width:100%;min-width:0;padding:0 38px 30px;max-width:1700px;margin:0 auto}.hero{margin-top:30px;min-height:490px;position:relative;overflow:hidden;background:linear-gradient(106deg,#213f41 4%,#163338 51%,#14282e);border:1px solid #365355;border-radius:16px;box-shadow:inset 0 0 80px #1a303b55}.hero-glow{position:absolute;width:560px;height:500px;right:5%;top:-130px;background:radial-gradient(circle,#ca98563a 0%,#749a8544 15%,transparent 65%);filter:blur(40px)}.hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");pointer-events:none}.hero-copy{position:relative;z-index:2;padding:81px 0 86px 63px;max-width:590px}.eyebrow{color:#e2b886;font-size:10px;letter-spacing:.17em;font-weight:800;display:flex;gap:9px;align-items:center;text-transform:uppercase}.eyebrow.muted{color:#9eaeab}.small-stripe{height:2px;width:18px;background:var(--warm)}.hero h1,.page-top h1{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(42px,4.2vw,71px);letter-spacing:-.05em;line-height:1.13;margin:23px 0 19px;color:var(--cream)}.hero h1 em{font-style:normal;color:var(--warm)}.hero-copy p{max-width:440px;color:#b6c9c3;line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:13px;align-items:center;margin-top:32px;flex-wrap:wrap}.primary-button{background:var(--warm);border:1px solid var(--warm);color:#14272a;font-weight:900;font-size:12px;letter-spacing:.01em;border-radius:8px;display:inline-flex;align-items:center;gap:10px;padding:14px 19px;transition:.2s}.primary-button:hover,.small-play:hover{background:#ffd399;transform:translateY(-2px)}.ghost-button{border:1px solid #69817a99;background:#ffffff0b;color:#f1f0e8;border-radius:8px;display:inline-flex;align-items:center;gap:10px;padding:13px 18px;font-weight:750;font-size:12px;transition:.2s}.ghost-button:hover{border-color:var(--warm);background:#eaba7b13}.hero-right{position:absolute;right:4%;top:0;height:90%;width:42%;display:flex;align-items:center;justify-content:center}.hero-rings i{position:absolute;border:1px solid #c7ab7820;border-radius:50%;right:8%;top:50%;transform:translateY(-50%)}.hero-rings i:nth-child(1){width:370px;height:370px}.hero-rings i:nth-child(2){width:500px;height:500px;right:1%}.hero-rings i:nth-child(3){width:650px;height:650px;right:-7%}.hero-rings i:nth-child(4){width:850px;height:850px;right:-16%}.hero-record{height:min(26vw,330px);width:min(26vw,330px);border-radius:50%;background:repeating-radial-gradient(circle,#223e40 0,#223e40 2px,#1d383a 3px,#1d383a 5px,#1b3336,#1b3336 7px);border:7px solid #244345;box-shadow:0 35px 60px #071719a9,0 0 0 1px #4c686344;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(-13deg)}.hero-record:before{content:"";position:absolute;border-radius:50%;top:14px;right:14px;bottom:14px;left:14px;border:1px solid #c0a87925}.record-label{height:39%;width:39%;border-radius:50%;background:#d9b27a;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#1a3537;font-family:Manrope;font-size:11px;letter-spacing:.12em;font-weight:800;box-shadow:0 0 0 6px #c7a67580;text-align:center}.record-label strong{font-size:17px;letter-spacing:.02em}.record-label small{font-size:7px;margin-top:9px;letter-spacing:.25em}.hero-frequency{position:absolute;bottom:17px;right:8%;color:#e6c99b9a;font-family:Manrope;font-weight:700;font-size:24px;letter-spacing:-.03em}.hero-frequency span{font-size:8px;letter-spacing:.25em;display:block;text-align:center}.hero-foot{position:absolute;bottom:0;height:51px;border-top:1px solid #5d80725c;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 30px;color:#b4c9be;font-size:9px;letter-spacing:.15em;font-weight:800}.hero-foot>span{display:flex;align-items:center;gap:11px}.wave{display:inline-flex;align-items:center;gap:2px;height:16px;color:var(--warm)}.wave i{display:block;width:2px;background:currentColor;border-radius:3px;opacity:.95}.wave-on i{animation:waveplay .75s infinite alternate ease-in-out}.wave-on i:nth-child(3n){animation-duration:.55s}.wave-on i:nth-child(4n){animation-duration:1.04s}@keyframes waveplay{0%{transform:scaleY(.45)}to{transform:scaleY(1.55)}}.section{margin-top:49px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.section h2,.section-head h2,.queue-header h2{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.035em;font-size:26px;margin:11px 0 6px}.section-head p{font-size:12px;color:#92a6a3;margin:0}.text-link{border:0;background:none;color:var(--warm);font-size:12px;font-weight:800;display:flex;align-items:center;gap:8px;padding:10px 0;white-space:nowrap}.text-link:hover{color:#ffe0ad}.caps{font-size:9px;letter-spacing:.19em;font-weight:800;color:#a3b7ae}.featured-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(230px,1fr);gap:16px}.feature-tile{display:grid;grid-template-columns:minmax(190px,43%) 1fr;min-height:267px;border:1px solid #2a4548;background:#10272b;border-radius:12px;overflow:hidden}.feature-art{background:radial-gradient(circle at 55% 48%,#59737044 0 1%,transparent 48%),linear-gradient(145deg,#6d7d71,#203e40 55%,#2d4542);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;position:relative;overflow:hidden}.feature-art:before,.feature-art:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;border:1px solid #eaba7b51;left:-28px;top:15px}.feature-art:after{width:290px;height:290px;left:-58px;top:-15px}.feature-art>span:last-child{color:#f3e5cf;font-weight:900;font-family:Manrope,sans-serif;letter-spacing:.035em;font-size:22px;text-shadow:0 3px 12px #0008;text-align:center;z-index:2}.feature-pattern .wave{transform:scale(3);margin-bottom:22px}.feature-content{padding:28px 28px 26px;display:flex;flex-direction:column;align-items:flex-start}.feature-content h3{font-family:Manrope;font-size:19px;margin:13px 0 8px;line-height:1.28}.feature-content>p{color:#9db1ab;font-size:12px;line-height:1.65;margin:0;max-width:380px}.feature-meta{display:flex;gap:17px;align-items:center;color:#bcc5be;font-size:10px;margin:20px 0}.feature-meta span{display:flex;align-items:center;gap:5px}.small-play{background:var(--warm);color:#14272a;font-weight:900;border:0;border-radius:7px;padding:11px 15px;display:flex;align-items:center;gap:8px;font-size:11px;margin-top:auto;transition:.2s}.feature-side{background:linear-gradient(145deg,#1a3437,#142b2e);border:1px solid #2c4949;border-radius:12px;padding:29px 27px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}.feature-side-number{font-family:Manrope;font-size:48px;font-weight:800;letter-spacing:-.06em;color:#e9bd7b;margin:10px 0}.feature-side-number span{display:block;font-size:9px;color:#d9c9a7;font-family:DM Sans;letter-spacing:.17em;font-weight:900}.feature-side p{color:#a9bab4;font-size:12px;line-height:1.7;max-width:245px;margin:0 0 20px;z-index:2}.feature-side button{border:0;background:none;color:#e7bd83;padding:0;display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px;z-index:2;margin-top:auto}.side-record-outline{height:260px;width:260px;border:1px solid #eaba7b25;border-radius:50%;position:absolute;right:-115px;bottom:-120px;box-shadow:0 0 0 30px #c3a66e0a,0 0 0 63px #c3a66e06}.track-list{border:1px solid #2b4446;border-radius:11px;overflow:hidden;background:#0e2226}.track-row{display:grid;grid-template-columns:38px 48px minmax(150px,1fr) minmax(100px,160px) 70px 33px;gap:13px;align-items:center;min-height:68px;padding:9px 17px;border-bottom:1px solid #223c3e;transition:background .15s}.track-row:last-child{border-bottom:0}.track-row:hover,.track-row.track-playing{background:#1a3438}.track-row.track-playing .track-meta strong{color:var(--warm)}.track-play{background:none;border:0;padding:0;display:flex;align-items:center;justify-content:center;position:relative;height:40px;color:#8da29f;font-size:11px}.track-play-icon{display:none;color:var(--warm);position:absolute}.track-row:hover .track-index{display:none}.track-row:hover .track-play-icon{display:block}.track-row .cover{width:48px;height:48px;border-radius:6px}.track-meta{min-width:0}.track-meta strong,.track-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.track-meta strong{font-size:12px;font-weight:800;color:#e9eeea}.track-meta span{font-size:11px;color:#8fa5a1;margin-top:4px}.track-genre{color:#819996;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{color:#a8b9b4;text-align:right;font-size:11px;font-variant-numeric:tabular-nums}.add-track{justify-self:end}.icon-btn{border:0;background:none;color:#a1b4ad;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px}.icon-btn:hover,.icon-btn.on{color:var(--warm);background:#ffffff0b}.cover{width:100%;height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#365d5a,#214547 50%,#142b31);flex-shrink:0}.cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.cover-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(circle at 85% 25%,#e8b67726,transparent 53%)}.cover-fallback>span{font-size:16px;font-family:Manrope;font-weight:800;color:#e7c89f;letter-spacing:-.06em}.cover-dot{color:#dfad70}.fallback-lines{display:flex;gap:2px;align-items:center;position:absolute;bottom:12%;opacity:.3}.fallback-lines i{height:4px;width:2px;background:#ead1a6}.fallback-lines i:nth-child(3),.fallback-lines i:nth-child(5){height:8px}.fallback-lines i:nth-child(4){height:12px}.long-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.long-card{border:1px solid #315254;border-radius:10px;background:linear-gradient(125deg,#193539,#0e2529);min-height:175px;padding:25px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;position:relative;overflow:hidden}.long-card:hover{border-color:var(--warm)}.long-card strong{font-family:Manrope;font-size:20px;position:relative;z-index:1}.long-card>span:last-child{display:flex;align-items:center;gap:10px;margin-top:auto;font-size:11px;color:var(--warm)}.long-orbit{position:absolute;width:195px;height:195px;border:1px solid #eaba7b44;right:-80px;bottom:-60px;border-radius:50%;box-shadow:0 0 0 25px #d4b47612,0 0 0 50px #d4b4760b}.long-empty{grid-column:1/-1;border:1px dashed #375354;border-radius:10px;display:flex;align-items:center;gap:24px;padding:33px;color:var(--warm);background:#102428}.long-empty strong{color:var(--cream);font-size:14px}.long-empty p{margin:7px 0 0;color:#829e9b;font-size:12px;line-height:1.65;max-width:670px}.page-top{padding:56px 0 27px;max-width:900px}.page-top h1{margin:15px 0;font-size:clamp(42px,5vw,66px)}.period{color:var(--warm)}.page-top>p{max-width:670px;font-size:14px;line-height:1.8;color:#a1b5af}.show-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.show-card{padding:0;text-align:left;border:1px solid #2d494b;background:#0f2529;border-radius:11px;overflow:hidden;display:grid;grid-template-columns:44% 1fr;min-height:242px;transition:.2s}.show-card:hover{border-color:#eaba7b9a;transform:translateY(-2px)}.show-graphic{background:linear-gradient(140deg,#244a4b,#152b31);height:100%;position:relative;overflow:hidden;padding:17px;display:flex;flex-direction:column;justify-content:space-between}.show-card-1 .show-graphic{background:linear-gradient(135deg,#495452,#1a353b)}.show-card-2 .show-graphic{background:linear-gradient(135deg,#5a5148,#1f393b)}.show-card-3 .show-graphic{background:linear-gradient(135deg,#24434b,#112a31)}.show-graphic>span{color:#e4c699;letter-spacing:.12em;font-size:9px;font-weight:800;z-index:1}.show-signal{align-self:center;margin:auto;opacity:.7;color:#e7b67d;transform:scale(1.5)}.show-graphic:before{content:"";height:200px;width:200px;border:1px solid #e4c4996b;border-radius:50%;position:absolute;left:-70px;top:30px;box-shadow:0 0 0 30px #e4c4991c,0 0 0 65px #e4c49910}.show-graphic-end{font-size:8px!important}.show-info{padding:24px;display:flex;flex-direction:column;align-items:flex-start}.show-info h3{font-family:Manrope;font-size:22px;letter-spacing:-.03em;margin:12px 0}.show-info p{font-size:12px;line-height:1.65;color:#a2b4af;margin:0}.show-action{margin-top:auto;color:var(--warm);display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800;padding-top:14px}.long-hero{height:360px;border:1px solid #315050;border-radius:14px;padding:39px 45px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 55%,#b7956b55 0%,#4b62614d 21%,transparent 53%),linear-gradient(115deg,#183537,#15282e)}.long-hero h2{font-family:Manrope;font-size:42px;line-height:1.2;letter-spacing:-.045em;margin:24px 0 13px;position:relative}.long-hero p{font-size:13px;color:#b4c7bd;max-width:330px;line-height:1.8}.orbit-large{position:absolute;width:470px;height:470px;border:1px solid #e9b77c4d;border-radius:50%;right:5%;top:-70px;box-shadow:0 0 0 48px #d5ae7621,0 0 0 100px #d5ae760d}.long-hero-footer{position:absolute;bottom:30px;font-size:10px;letter-spacing:.18em;color:#d5bd92;display:flex;gap:13px;align-items:center;font-weight:800}.epic-empty{padding:70px 30px;min-height:260px;text-align:center}.epic-empty svg{color:#d9b681}.epic-empty h3{font-size:18px}.epic-empty p{max-width:540px;margin:0 auto 20px}.epic-empty .ghost-button{margin:auto}.library-controls{display:flex;gap:12px;margin:5px 0 28px}.searchbar{border:1px solid #355053;border-radius:8px;background:#102629;display:flex;align-items:center;gap:13px;padding:0 15px;height:50px;max-width:620px;flex:1;color:#a6b8b4}.searchbar:focus-within{border-color:var(--warm)}.searchbar input{background:none;border:0;outline:none;flex:1;color:#f4efe8;min-width:0;font-size:13px}.searchbar input::placeholder{color:#738e8a}.searchbar button{border:0;background:none;color:#a9b9b0;display:flex}.library-controls select{color:#edf0e7;border:1px solid #355053;border-radius:8px;background:#102629;height:50px;min-width:195px;padding:0 13px;cursor:pointer;max-width:35%}.library-head{margin-top:13px}.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:18px;margin-top:27px}.artist-card{background:none;border:0;padding:0;text-align:left;min-width:0;display:flex;flex-direction:column}.artist-card .cover{aspect-ratio:4/4.5;border-radius:10px;border:1px solid #24494b}.artist-card:hover .cover{border-color:#d9b681}.artist-card strong{font-family:Manrope;font-size:14px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.artist-card>span{font-size:11px;color:#92a7a4;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.artist-card small{color:var(--warm);font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px;margin-top:9px}.empty{padding:48px 22px;color:#a0b6b1;font-size:13px;line-height:1.8}.loading-state{display:flex;align-items:center;justify-content:center;padding:28px;color:#9cafaa;font-size:12px;gap:10px}.tiny-loader{height:16px;width:16px;border:2px solid #426a68;border-top-color:var(--warm);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more{margin:20px auto 0;display:flex;align-items:center;gap:10px;background:#1a3437;border:1px solid #41605c;border-radius:8px;padding:12px 22px;color:var(--cream);font-weight:800;font-size:12px}.load-more:hover{border-color:var(--warm)}.error-banner{background:#4a312a;border:1px solid #bd7664;color:#fff1e8;border-radius:8px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:12px}.error-banner button{background:none;border:0;color:inherit;display:flex}footer{padding:50px 0 24px;margin-top:52px;border-top:1px solid #243c3e;display:flex;justify-content:space-between;gap:15px;color:#68817f;font-size:10px;letter-spacing:.02em;line-height:1.7}footer b{color:#e0c7a2}.player{height:var(--player-h);position:fixed;bottom:0;left:0;right:0;z-index:25;background:#10282b;border-top:1px solid #40605b;box-shadow:0 -10px 40px #030d0eaa;display:flex;align-items:center;justify-content:space-between;padding:12px 27px;gap:22px}.player-current{width:29%;min-width:130px;display:flex;align-items:center;gap:13px;overflow:hidden}.player-current .cover{height:57px;width:57px;border-radius:6px}.player-current>div:nth-child(2){min-width:0}.player-current strong{font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.player-current span{color:#94aaa5;font-size:11px;display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-like{display:none;background:none;border:0;color:#afb9b3;margin-left:auto}.player-main{width:42%;max-width:670px;display:flex;flex-direction:column;align-items:center;gap:8px}.player-buttons{display:flex;align-items:center;gap:14px}.play-button{height:36px;width:36px;background:var(--cream);border-radius:50%;border:none;color:#10282b;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #0005}.play-button:hover{background:var(--warm)}.player-side{width:27%;display:flex;justify-content:flex-end;align-items:center;gap:10px}.player-side input{width:83px;accent-color:var(--warm)}.progress{display:flex;align-items:center;gap:10px;width:100%;color:#99aaa8;font-size:10px;font-variant-numeric:tabular-nums}.progress input{flex:1;min-width:0;accent-color:var(--warm);height:3px;cursor:pointer}.progress>span{min-width:38px}.progress>span:last-child{text-align:right}.player-placeholder{display:flex;align-items:center;gap:14px}.mini-brand{width:51px;height:51px;background:#345854;border:1px solid #eaba7b55;border-radius:8px;color:var(--warm);display:flex;align-items:center;justify-content:center;font-family:Manrope;font-size:17px;font-weight:900}.player-placeholder strong{display:block;font-size:13px}.player-placeholder>div>span{font-size:11px;color:#94aaa5;display:block;margin-top:5px}.placeholder-wave{margin:auto}.player>.caps{margin-right:34px}.queue-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020808ad;z-index:40;display:flex;justify-content:flex-end}.queue-drawer{height:100%;width:min(450px,100%);background:#102629;border-left:1px solid #355252;display:flex;flex-direction:column;animation:slidein .25s ease}@keyframes slidein{0%{transform:translate(70px);opacity:0}to{transform:none;opacity:1}}.queue-header{padding:34px 27px 24px;display:flex;align-items:center;justify-content:space-between}.queue-header h2{margin-bottom:0}.queue-now{padding:15px 25px;background:#18383b;border-block:1px solid #395658}.queue-now .caps{margin-bottom:12px;display:block}.queue-song{display:flex;align-items:center;gap:13px;padding:9px 7px;min-height:60px;background:none;border:0;text-align:left;width:100%;border-radius:8px}.queue-song:hover{background:#214146}.queue-song .cover{width:44px;height:44px;border-radius:5px}.queue-song>div:not(.cover){min-width:0;flex:1}.queue-song strong{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-song small{color:#93aaa5;font-size:10px;display:block;margin-top:5px}.queue-items{padding:15px 25px;overflow:auto;flex:1}.queue-selected strong{color:var(--warm)}.clear-queue{background:#172f32;border:1px solid #2e5050;border-radius:8px;color:#b6c7bf;padding:12px;font-size:12px;font-weight:800;margin:18px 25px}.clear-queue:hover{border-color:var(--warm)}@media(max-width:1280px){.main{padding:0 25px 30px}.hero-copy{padding-left:45px}.hero-right{right:0}.featured-grid{grid-template-columns:1.6fr 1fr}.feature-tile{grid-template-columns:39% 1fr}.feature-content{padding:23px}.show-card{grid-template-columns:39% 1fr}}@media(max-width:1080px){.site-layout{grid-template-columns:78px minmax(0,1fr)}.sidebar{align-items:center;padding:29px 8px 15px}.sidebar-label,.channel-side>span:not(.channel-avatar),.sidebar-bottom,.sidebar-divider{display:none}.side-link{width:53px;justify-content:center;padding:0;font-size:0;gap:0}.side-link svg{width:21px;height:21px}.side-active{top:7px;bottom:7px}.channel-side{padding:8px;margin-top:20px}.topnav{gap:23px}.topbar{padding:0 24px}.hero h1{font-size:52px}.hero-copy{max-width:520px}.hero-right{opacity:.75}.hero-record{height:275px;width:275px}}@media(max-width:860px){.topnav{display:none}.feature-side-number{font-size:36px}.feature-side{padding:23px}.feature-tile{grid-template-columns:1fr}.feature-art{height:150px}.feature-content{min-height:235px}.featured-grid{grid-template-columns:1.4fr 1fr}.hero-copy{max-width:500px}.hero-right{opacity:.25}.hero-frequency{display:none}.hero-copy{padding-right:25px}.show-grid{grid-template-columns:1fr}.long-cards{grid-template-columns:1fr 1fr}.track-row{grid-template-columns:30px 48px minmax(100px,1fr) 66px 25px}.track-genre{display:none}}@media(max-width:640px){:root{--player-h:90px}.topbar{height:67px;padding:0 15px}.brand{gap:9px}.brand-symbol{height:34px;width:34px}.brand-wordmark{font-size:13px}.brand-wordmark small{font-size:6px;letter-spacing:.14em}.top-right{gap:8px}.preview-indicator{font-size:0;padding:8px 9px}.preview-indicator .live-dot{width:7px;height:7px}.top-search{padding:6px}.site-layout{display:block}.sidebar{display:none}.main{padding:0 14px 20px}.hero{margin-top:13px;min-height:455px;border-radius:11px}.hero-copy{padding:65px 24px 74px}.hero h1{font-size:43px;line-height:1.17}.hero-copy p{font-size:13px;line-height:1.75}.hero-right{opacity:.12;right:-20%;top:14%}.hero-record{height:290px;width:290px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions button{justify-content:center}.hero-foot{height:40px;padding:0 15px}.hero-foot>span{font-size:7px;letter-spacing:.06em}.hero-foot>span:last-child{display:none}.section{margin-top:38px}.section h2,.section-head h2{font-size:23px}.section-head{gap:10px}.section-head p{font-size:11px}.featured-grid{grid-template-columns:1fr}.feature-tile{grid-template-columns:42% 1fr;min-height:230px}.feature-art{height:auto}.feature-art>span:last-child{font-size:13px}.feature-art:before{left:-100px}.feature-art:after{left:-130px}.feature-content{min-height:235px;padding:18px}.feature-content h3{font-size:16px}.feature-content>p{font-size:11px;line-height:1.5}.feature-meta{gap:8px;flex-wrap:wrap;margin:10px 0}.small-play{padding:9px 11px;font-size:10px}.feature-side{min-height:165px}.feature-side-number{font-size:44px;margin:4px 0}.feature-side p{font-size:11px}.long-cards{grid-template-columns:1fr}.track-row{gap:8px;padding:7px 10px;grid-template-columns:25px 43px minmax(0,1fr) 51px;min-height:63px}.track-row .cover{height:43px;width:43px}.track-duration{font-size:10px}.add-track{display:none}.track-meta strong{font-size:11px}.track-meta span{font-size:10px}.section-head>.text-link{font-size:10px}.page-top{padding:36px 0 24px}.page-top h1{font-size:43px}.page-top>p{font-size:13px}.show-card{grid-template-columns:38% 1fr;min-height:225px}.show-info{padding:17px}.show-info h3{font-size:19px}.show-info p{font-size:11px}.show-graphic>span{font-size:8px}.show-signal{transform:scale(1)}.long-hero{height:320px;padding:31px 22px}.long-hero h2{font-size:34px}.orbit-large{right:-50%;opacity:.55}.library-controls{flex-direction:column}.library-controls select{max-width:100%;width:100%}.searchbar{width:100%;flex:auto}.artists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.artist-card strong{font-size:12px}.artist-card>span{font-size:10px}.player{padding:9px 12px 20px;height:var(--player-h);gap:8px}.player-current{width:auto;min-width:0;flex:1;gap:9px}.player-current .cover{width:44px;height:44px}.player-current strong{font-size:11px}.player-current span{font-size:10px}.player-like{display:flex}.player-main{width:86px;flex:none}.player-buttons{gap:3px}.player-buttons .icon-btn{display:none}.player-buttons .icon-btn:nth-child(2),.player-buttons .icon-btn:nth-child(4){display:flex;padding:3px}.play-button{height:37px;width:37px}.player-main .progress{position:absolute;top:0;left:0;right:0;height:5px;gap:0}.player-main .progress span{display:none}.player-main .progress input{height:5px;margin:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--warm) var(--progress),#47716f var(--progress));border:0}.player-main .progress input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:7px;height:7px;background:var(--warm);border-radius:50%}.player-side{display:none}.player-placeholder{flex:1}.player>.caps{display:none}.placeholder-wave{margin:0 18px 0 auto}.queue-drawer{padding-bottom:68px}footer{flex-direction:column;margin-top:30px;padding-top:27px;font-size:9px}}@media(max-width:390px){.hero h1{font-size:38px}.hero-copy{padding-left:17px;padding-right:17px}.feature-tile{grid-template-columns:36% 1fr}.feature-content{padding:13px}.feature-content h3{font-size:15px}.feature-meta span:nth-child(2){display:none}.brand-wordmark{font-size:12px}.preview-indicator{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}.mobile-tabs{display:none}@media(max-width:640px){.app{padding-bottom:155px}.mobile-tabs{display:flex;position:fixed;bottom:90px;left:0;right:0;z-index:24;height:57px;background:#0b2124f7;border-top:1px solid #29484a;justify-content:space-around;align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:55px;font-size:9px;font-weight:750;color:#89a29b;background:none;border:0;padding:4px 5px}.mobile-tabs button.active{color:#eaba7b}.mobile-tabs button span{white-space:nowrap}}