@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090a0d;--panel:#111318;--panel2:#191b20;--line:#ffffff16;--text:#f6f6f4;--muted:#aaaeb6;--dim:#727781;--accent:#d65a45;--accent2:#ee785d;--green:#9bd4bd;--side:252px;--player:94px;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;font-size:15px}button,input,a{font:inherit}button{color:inherit}a{color:inherit}.app-shell{min-height:calc(100vh - var(--player));display:grid;grid-template-columns:var(--side) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto var(--player) 0;width:var(--side);display:flex;flex-direction:column;padding:24px 15px 15px;background:#08090b;border-right:1px solid #ffffff0b;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 30px;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;background:linear-gradient(140deg,#eb8b51,#d64f48 55%,#80429a);border-radius:11px;color:#fff;font-size:17px;letter-spacing:-2px}.main-nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:15px;min-height:46px;padding:0 12px;border-radius:8px;color:#aeb1b8;text-align:left;cursor:pointer;font-weight:600;transition:.18s}.nav-item:hover,.nav-item.active{background:#1c1e23;color:#fff}.nav-item.active .icon{color:var(--accent2)}.icon{width:22px;color:#858992;text-align:center;font-size:22px;line-height:1}.sidebar-rule{height:1px;background:var(--line);margin:21px 4px 15px}.playlist-heading{display:flex;align-items:center;justify-content:space-between;padding:0 9px 8px;color:#9da1a9;font-size:13px;font-weight:700}.icon-button{width:29px;height:29px;border:0;border-radius:8px;background:#1c1e23;color:#e7e7e7;font-size:20px;cursor:pointer}.icon-button:hover{background:#30333a}.playlist-list{display:grid;gap:2px;overflow:auto}.playlist-link{height:38px;display:flex;align-items:center;gap:11px;padding:0 9px;border:0;background:none;border-radius:7px;color:#aeb1b8;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-link span{color:#81858e}.playlist-link:hover,.playlist-link.selected{background:#191b20;color:#fff}.no-playlists{padding:0 9px;color:#727781;font-size:13px}.sidebar-bottom{margin-top:auto;display:grid;gap:15px;padding:14px 9px 3px;color:#81858e;font-size:12px}.sidebar-bottom>a{color:#ddd;text-decoration:none}.local-tag{display:flex;align-items:center;gap:8px}.local-tag i{width:8px;height:8px;border-radius:50%;background:#70a890;box-shadow:0 0 8px #70a89077}.main-area{grid-column:2;min-width:0;min-height:calc(100vh - var(--player));background:radial-gradient(ellipse at 50% -18%,#25212c 0,#14151a 28%,#0c0d10 67%)}.topbar{position:sticky;top:0;z-index:4;height:74px;display:flex;align-items:center;gap:18px;padding:0 clamp(20px,4vw,54px);background:#101115d9;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0b}.history-buttons{display:flex;gap:8px}.circle-button{width:34px;height:34px;border:0;border-radius:50%;background:#08090b;color:#e7e7e7;font-size:25px;line-height:1;cursor:pointer}.circle-button:hover{background:#24262b}.global-search{display:flex;align-items:center;gap:12px;width:min(450px,52vw);height:43px;padding:0 14px;border:1px solid #ffffff14;border-radius:999px;background:#1b1d22;color:#9da1a9}.global-search>span{font-size:23px}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.global-search input::placeholder{color:#858a94}.global-search:focus-within{outline:2px solid #d65a4588}.global-search kbd{font-size:10px;color:#777d88;border:1px solid #ffffff25;border-radius:4px;padding:2px 4px}.avatar-button{margin-left:auto;width:36px;height:36px;border:2px solid #333740;border-radius:50%;background:linear-gradient(145deg,#383947,#986348);font-size:11px;font-weight:800;cursor:pointer}.avatar-button:hover{border-color:#fff}.content{padding:25px clamp(20px,4vw,54px) calc(var(--player) + 36px);max-width:1600px;margin:auto;min-height:calc(100vh - var(--player) - 74px)}.welcome-strip{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:286px;padding:40px 45px;margin:0 0 42px;border:1px solid #ffffff0c;border-radius:17px;background:linear-gradient(112deg,#332833,#272630 45%,#563c34);box-shadow:0 24px 80px #0006}.welcome-strip:after{content:"";position:absolute;width:440px;height:440px;right:5%;top:-55%;border-radius:50%;border:1px solid #ffffff1b;box-shadow:0 0 0 40px #ffffff05,0 0 0 88px #ffffff04;pointer-events:none}.welcome-strip>div:first-child{position:relative;z-index:1;max-width:660px}.eyebrow{display:block;color:#e38c78;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.welcome-strip h1,.page-head h1{margin:12px 0;font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-2.8px}.welcome-strip p,.page-head p{max-width:570px;color:#c3c1c5;line-height:1.6;margin:0 0 22px}.welcome-mark{position:relative;z-index:1;display:grid;place-items:center;width:182px;height:182px;margin-right:4%;border:1px solid #ffffff2b;border-radius:50%;color:#ffffffea;font-family:'Space Grotesk';font-size:54px;font-weight:700;letter-spacing:-9px;background:radial-gradient(circle at 32% 23%,#db795e,#8c517c 49%,#274355);box-shadow:0 25px 72px #0008}.welcome-mark span{position:absolute;bottom:28px;right:-21px;color:#e2d9dd;font-family:'DM Sans';font-size:10px;line-height:1.4;letter-spacing:.04em;font-weight:600;transform:rotate(-9deg)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:0 18px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer;transition:.18s}.button-primary{background:var(--accent);color:white;box-shadow:0 6px 18px #d65a452b}.button-primary:hover{background:#e46d56;transform:translateY(-1px)}.button-secondary{background:#1c1e23;border-color:#ffffff18;color:#f4f4f4}.button-secondary:hover{background:#2b2d34;border-color:#ffffff35}.button-ghost{background:#101115a8;border-color:#ffffff2b}.button-ghost:hover{background:#22242a}.wide{width:100%;margin:10px 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin:35px 0 17px}.section-head h2{margin:0;font-family:'Space Grotesk';font-size:22px;letter-spacing:-.5px}.text-link{border:0;background:none;color:#aeb1b8;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer}.text-link:hover{color:white}.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.release-card{min-width:0;padding:13px;border:1px solid #ffffff0c;border-radius:11px;background:#15161a;transition:.2s}.release-card:hover{background:#202126;transform:translateY(-2px)}.art-button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer}.cover-art,.merch-art,.hero-art,.mini-cover{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:8px;background:linear-gradient(145deg,var(--c1),var(--c2));isolation:isolate}.cover-art:before,.merch-art:before,.hero-art:before{content:"";position:absolute;z-index:-1;width:75%;height:75%;top:-16%;right:-17%;border-radius:50%;border:1px solid #ffffff56;box-shadow:0 0 0 24px #ffffff0d,0 0 0 52px #0000000c}.cover-art:after,.merch-art:after,.hero-art:after{content:"";position:absolute;z-index:-1;width:68%;height:18%;left:-13%;bottom:20%;border-radius:50%;border:2px solid #ffffff75;transform:rotate(-37deg);box-shadow:0 0 0 9px #00000016}.art-orb{position:absolute;z-index:-1;width:33%;height:33%;left:14%;bottom:12%;border-radius:50%;background:#e7d5bb35;filter:blur(.4px)}.art-line{position:absolute;z-index:-1;width:130%;height:1px;left:-15%;top:49%;background:#fff5;transform:rotate(25deg)}.art-word{color:#ffffffde;font-family:'Space Grotesk';font-weight:700;font-size:clamp(29px,5vw,70px);letter-spacing:-.11em;text-shadow:0 5px 25px #0005}.art-caption{position:absolute;bottom:9px;right:11px;color:#ffffffc7;font-size:8px;text-transform:uppercase;letter-spacing:.11em}.card-copy{display:grid;gap:5px;padding:13px 2px 1px}.card-title{width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;padding:0;color:#fff;font-size:15px;font-weight:700;text-align:left;cursor:pointer}.card-title:hover{text-decoration:underline}.card-copy>span{color:#a4a7ae;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#e5e4e4;font-size:13px;font-weight:700}.mini-buy{border:0;border-radius:999px;padding:6px 12px;background:#282a30;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.mini-buy:hover{background:#44474f}.callout{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:48px 0 12px;padding:25px 29px;border:1px solid #ffffff12;border-radius:13px;background:linear-gradient(110deg,#262127,#191a20)}.callout h2{margin:7px 0 0;font-family:'Space Grotesk';font-size:20px}.cart-count{display:inline-grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:#34363d;font-size:11px}.page-head{padding:20px 0 17px}.page-head h1{font-size:clamp(32px,4vw,46px);margin:8px 0 9px}.page-head p{margin:0;max-width:700px}.catalog-tabs{display:flex;gap:9px;margin:15px 0 27px}.pill{min-height:34px;padding:0 15px;border:1px solid #ffffff16;border-radius:999px;background:#191b20;color:#bbbfc6;font-size:13px;cursor:pointer}.pill:hover,.pill.active{border-color:#d65a4599;background:#362421;color:#fff}.merch-head{margin-top:44px}.merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.merch-card{overflow:hidden;display:grid;grid-template-columns:112px minmax(0,1fr);gap:15px;padding:13px;border:1px solid #ffffff10;border-radius:12px;background:#15161a}.merch-art{align-self:start;border-radius:8px}.merch-copy{min-width:0;padding:3px 0}.merch-copy .eyebrow{font-size:9px}.merch-copy h3{margin:7px 0;font-size:15px}.merch-copy p{min-height:35px;margin:0 0 12px;color:#a8abb2;font-size:12px;line-height:1.45}.merch-buy{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px}.merch-buy .button{min-height:33px;padding:0 12px;font-size:12px}.collection-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 32px}.collection-tile{min-height:132px;display:grid;grid-template-columns:67px 1fr;grid-template-rows:1fr auto;align-items:end;gap:4px 16px;padding:18px;border:1px solid #ffffff10;border-radius:12px;background:linear-gradient(125deg,#433057,#272331);text-align:left;cursor:pointer}.collection-tile:hover{filter:brightness(1.14)}.collection-tile>span{grid-row:1/3;display:grid;place-items:center;width:67px;height:67px;border-radius:8px;background:linear-gradient(140deg,#8c58ac,#d65a45);font-size:30px}.collection-tile strong{font-size:17px}.collection-tile small{color:#cbc3cc}.bought-tile{background:linear-gradient(125deg,#294a4b,#26232f)}.bought-tile>span{background:linear-gradient(140deg,#4b887b,#ca7851)}.empty-state{margin:17px 0 30px;padding:35px 23px;border:1px dashed #ffffff24;border-radius:12px;background:#11131866;text-align:center}.empty-state h2{margin:7px 0 8px;font-family:'Space Grotesk';font-size:22px}.empty-state p{max-width:470px;margin:0 auto 18px;color:#aeb1b8;line-height:1.55}.empty-inline{padding:20px;color:#9599a2;font-size:13px}.empty-icon{color:#bc796f;font-size:30px}.song-table{display:grid;gap:1px}.song-row{display:grid;grid-template-columns:38px minmax(140px,1fr) 36px 85px 52px 28px;gap:12px;align-items:center;min-height:61px;padding:5px 12px;border-radius:7px;color:#b0b3bb}.song-row:hover{background:#ffffff0a}.row-play,.song-name,.row-like,.more-button{border:0;background:none;cursor:pointer}.row-play{width:25px;height:30px;color:#989ca5;font-size:13px}.song-row:hover .row-play{color:#fff}.song-copy{display:grid;gap:4px;min-width:0}.song-name{width:max-content;max-width:100%;padding:0;color:#f4f4f4;text-align:left;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-name:hover{color:#fff;text-decoration:underline}.song-copy span{color:#92969f;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-like{font-size:18px;color:#858993}.row-like:hover,.row-like.liked,.heart-button.liked{color:#ec826e}.song-price{font-size:12px;color:#c8c9cd}.song-time{font-size:11px;text-align:right;color:#8c9098}.more-button{color:#90939b;font-size:19px}.more-button:hover{color:#fff}.album-hero{display:grid;grid-template-columns:minmax(230px,330px) minmax(0,1fr);gap:34px;align-items:center;min-height:330px;margin:7px 0 29px;padding:23px;border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(125deg,#23202a,#17181d)}.hero-art{width:100%;border-radius:10px;box-shadow:0 22px 46px #0007}.hero-art .art-word{font-size:clamp(50px,9vw,110px)}.album-detail h1{margin:8px 0 5px;font-family:'Space Grotesk';font-size:clamp(38px,6vw,69px);line-height:.98;letter-spacing:-3.5px}.artist-link{padding:0;border:0;background:none;color:#f2f2f3;font-weight:700;cursor:pointer}.artist-link:hover{text-decoration:underline}.album-detail p{max-width:640px;margin:17px 0;color:#b8bac1;line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:9px}.protected-note{margin-top:14px;color:#8d929b;font-size:11px}.text-muted{color:#8e929b;font-size:12px}.detail-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.search-prompt{display:grid;place-items:center;min-height:220px;color:#484b53;font-size:75px}.playlist-tools{display:flex;align-items:center;gap:20px;margin:6px 0 21px}.danger{color:#db8272}.player-bar{position:fixed;z-index:8;inset:auto 0 0;height:var(--player);display:grid;grid-template-columns:minmax(200px,1fr) minmax(280px,1.4fr) minmax(180px,1fr);align-items:center;gap:20px;padding:0 22px;background:#141519;border-top:1px solid #ffffff17;box-shadow:0 -13px 48px #0006}.now-playing{display:flex;align-items:center;gap:12px;min-width:0}.mini-cover{width:51px;flex:none;border-radius:6px;background:linear-gradient(145deg,var(--c1,#a45442),var(--c2,#3b4c65))}.mini-cover span{font-family:'Space Grotesk';font-size:20px;font-weight:700;letter-spacing:-3px}.track-meta{display:grid;gap:5px;min-width:0}.track-meta strong,.track-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta strong{font-size:13px}.track-meta span{color:#a1a4ac;font-size:11px}.heart-button{border:0;background:none;color:#a0a4ab;font-size:19px;cursor:pointer}.transport{display:grid;gap:8px;max-width:510px;width:100%;justify-self:center}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:18px}.player-icon{border:0;background:none;color:#9da1aa;font-size:16px;cursor:pointer}.player-icon:hover,.player-icon.active{color:var(--green)}.play-toggle{width:33px;height:33px;border:0;border-radius:50%;background:#f3f3f1;color:#121316;font-size:13px;cursor:pointer}.play-toggle:hover{transform:scale(1.06)}.timeline{display:flex;align-items:center;gap:10px;color:#8f939a;font-size:10px}.timeline input,.player-extra input{height:4px;accent-color:#f3f3f1;cursor:pointer}.timeline input{flex:1}.player-extra{display:flex;align-items:center;justify-content:flex-end;gap:10px}.volume-icon{color:#a4a7ad}.player-extra input{width:min(105px,10vw)}.toast{position:fixed;z-index:20;left:50%;bottom:calc(var(--player) + 18px);transform:translate(-50%,15px);padding:11px 17px;border:1px solid #ffffff18;border-radius:999px;background:#27292e;color:#f3f3f4;font-size:13px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 33px #0008;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{max-width:min(470px,calc(100% - 28px));width:100%;padding:0;border:1px solid #ffffff1c;border-radius:16px;background:#191a1f;color:#f5f5f4;box-shadow:0 35px 100px #000c}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.modal-card{position:relative;padding:29px}.modal-card h2{margin:9px 0;font-family:'Space Grotesk';font-size:27px;letter-spacing:-.6px}.modal-card p{color:#b3b6bc;line-height:1.55}.modal-close{position:absolute;right:14px;top:12px;width:31px;height:31px;border:0;border-radius:50%;background:#292b30;color:#d9d9da;font-size:21px;cursor:pointer}.modal-price{margin:16px 0;font-size:25px;font-weight:800}.small-note{font-size:11px!important;color:#858992!important;margin-bottom:0}.modal-card code{color:#f1a390;background:#25272d;padding:2px 4px;border-radius:4px}.queue-row{display:grid;grid-template-columns:25px 1fr;gap:4px 9px;padding:10px 0;border-bottom:1px solid #ffffff12}.queue-row span{grid-row:1/3;color:#df806d}.queue-row strong{font-size:13px}.queue-row small{color:#999da5}
@media(max-width:1100px){.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-bar{grid-template-columns:minmax(160px,1fr) minmax(240px,1.3fr) minmax(145px,.7fr);gap:12px;padding:0 15px}.welcome-mark{width:148px;height:148px;font-size:45px}}
@media(max-width:780px){:root{--side:0px;--player:138px}.app-shell{display:block;padding-bottom:calc(var(--player) + 57px)}.sidebar{inset:auto 0 var(--player);width:auto;height:57px;display:block;padding:0 8px;background:#111216;border-top:1px solid #ffffff13;border-right:0}.brand,.sidebar-rule,.playlist-heading,.playlist-list,.sidebar-bottom{display:none}.main-nav{height:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.nav-item{height:100%;min-height:0;justify-content:center;flex-direction:column;gap:2px;padding:4px;border-radius:5px;font-size:9px}.nav-item .icon{font-size:20px}.main-area{min-height:calc(100vh - var(--player) - 57px)}.topbar{height:62px;padding:0 14px;gap:10px}.history-buttons{display:none}.global-search{width:auto;flex:1;height:40px}.global-search kbd{display:none}.avatar-button{margin-left:0;width:33px;height:33px}.content{padding:18px 16px 35px;min-height:calc(100vh - var(--player) - 119px)}.welcome-strip{min-height:250px;padding:25px 23px;margin-bottom:30px}.welcome-strip h1{font-size:39px;letter-spacing:-2px}.welcome-strip p{max-width:350px;font-size:13px}.welcome-mark{position:absolute;width:110px;height:110px;right:-17px;bottom:-6px;margin:0;font-size:34px;opacity:.8}.welcome-mark span{display:none}.welcome-strip>div:first-child{max-width:82%;z-index:1}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.release-card{padding:9px}.card-copy{padding-top:9px}.card-title{font-size:13px}.cover-art .art-word{font-size:clamp(35px,13vw,65px)}.card-copy>span{font-size:10px}.card-actions{font-size:11px}.mini-buy{padding:5px 9px;font-size:10px}.section-head{margin:27px 0 13px}.section-head h2{font-size:19px}.callout{align-items:flex-start;flex-direction:column;padding:20px;margin-top:35px}.callout h2{font-size:18px}.page-head{padding-top:9px}.page-head h1{font-size:34px;letter-spacing:-1.8px}.page-head p{font-size:13px}.merch-grid{grid-template-columns:1fr}.merch-card{grid-template-columns:90px minmax(0,1fr)}.merch-copy p{min-height:0}.album-hero{grid-template-columns:120px minmax(0,1fr);gap:15px;min-height:0;padding:15px}.album-detail h1{font-size:34px;letter-spacing:-1.5px}.album-detail p{font-size:12px;margin:10px 0}.album-detail .eyebrow{font-size:9px}.hero-art .art-word{font-size:44px}.hero-actions{gap:6px}.hero-actions .button{min-height:37px;padding:0 11px;font-size:11px}.protected-note{font-size:9px}.song-row{grid-template-columns:27px minmax(0,1fr) 27px 44px;gap:7px;padding:4px 5px;min-height:57px}.song-row .song-price{display:none}.song-name{font-size:12px}.song-copy span{font-size:10px}.song-time{font-size:10px}.row-like{font-size:16px}.more-button{display:none}.collection-tiles{gap:9px}.collection-tile{min-height:112px;grid-template-columns:45px 1fr;gap:2px 10px;padding:13px}.collection-tile>span{width:45px;height:45px;font-size:21px}.collection-tile strong{font-size:13px}.collection-tile small{font-size:10px}.player-bar{height:var(--player);grid-template-columns:1fr;grid-template-rows:42px 39px 0;gap:1px;padding:7px 13px 8px}.now-playing{grid-row:1;gap:9px}.mini-cover{width:37px}.track-meta{gap:2px}.track-meta strong{font-size:11px}.track-meta span{font-size:9px}.heart-button{font-size:16px}.player-extra{position:absolute;right:13px;top:13px}.player-extra .volume-icon,.player-extra input,.player-extra #queueBtn{display:none}.player-extra #buyCurrent{font-size:19px}.transport{grid-row:2;max-width:none;grid-template-columns:1fr}.transport-buttons{position:absolute;right:65px;top:13px;gap:11px}.transport-buttons .player-icon{font-size:13px}.play-toggle{width:27px;height:27px;font-size:11px}.timeline{gap:7px}.timeline span{font-size:9px}.player-bar audio{display:none}.toast{bottom:calc(var(--player) + 69px);font-size:11px}.detail-bottom{gap:10px;flex-wrap:wrap}.detail-bottom .button{min-height:38px;font-size:11px}.avatar-button{font-size:10px}}
@media(max-width:390px){.welcome-strip>div:first-child{max-width:94%}.welcome-mark{opacity:.28;right:-35px}.album-hero{grid-template-columns:90px minmax(0,1fr)}.hero-art .art-word{font-size:36px}.hero-actions .button{font-size:10px;padding:0 9px}.transport-buttons{right:56px}}
.merch-callout{grid-column:1/-1;display:flex;align-items:center;gap:17px;padding:19px;border:1px solid #ffffff12;border-radius:13px;background:linear-gradient(110deg,#1d2024,#17181c)}.merch-symbol{display:grid;place-items:center;flex:none;width:62px;height:62px;border-radius:12px;background:linear-gradient(140deg,#d68b51,#d34e49,#77558c);font-family:'Space Grotesk';font-size:28px;font-weight:700;letter-spacing:-4px}.merch-callout>div:nth-child(2){flex:1}.merch-callout h3{margin:0 0 5px;font-size:16px}.merch-callout p{margin:0;color:#a7abb2;font-size:12px;line-height:1.4}@media(max-width:780px){.merch-callout{align-items:flex-start;flex-wrap:wrap}.merch-callout>div:nth-child(2){min-width:calc(100% - 85px)}.merch-callout .button{margin-left:78px}}
.playlist-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:11px}.playlist-card{display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr auto;align-items:end;gap:3px 10px;min-height:82px;padding:12px;border:1px solid #ffffff12;border-radius:9px;background:#17191e;text-align:left;cursor:pointer}.playlist-card:hover{background:#22242a}.playlist-card>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:7px;background:#493e61;color:#e6d7f5;font-size:22px}.playlist-card strong{font-size:13px}.playlist-card small{font-size:10px;color:#9ca0a8}
.locked-row{opacity:.43}.locked-row:hover{opacity:.68}.locked-row .song-name{color:#a2a5ab}.locked-row .row-play{color:#7b8088}.preview-row .row-play{color:#d88775}

@supports (padding: max(0px)) {
  @media (max-width: 780px) {
    :root { --player: calc(138px + env(safe-area-inset-bottom)); }
    .player-bar { height: var(--player); padding-bottom: calc(8px + env(safe-area-inset-bottom)); }
    .sidebar { bottom: var(--player); }
    .app-shell { padding-bottom: calc(var(--player) + 57px); }
    .main-area { min-height: calc(100svh - var(--player) - 57px); }
    .content { min-height: calc(100svh - var(--player) - 119px); scroll-padding-bottom: calc(var(--player) + 65px); }
  }
}
.real-cover::before,.real-cover::after{display:none}.real-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.mini-cover.has-image{background-size:cover;background-position:center}.mini-cover.has-image>span{display:none}
/* Weissrecords artwork replaces the former WR text marks. */
.brand-mark{display:none}.brand-logo{display:block;width:36px;height:36px;flex:none;object-fit:contain}.brand-art-logo{width:48%;height:48%;object-fit:contain;filter:drop-shadow(0 5px 15px #0006)}.welcome-mark{background:radial-gradient(circle at 32% 23%,#342f2c,#1c1a21 60%,#11151a)}.welcome-mark img{width:68%;height:68%;object-fit:contain;filter:drop-shadow(0 8px 16px #0007)}.mini-brand-logo{width:76%;height:76%;object-fit:contain}.mini-cover.has-image .mini-brand-logo{display:none}

/* Calm library rows and a compact player that expands on tap. */
:root{--player:76px}
.library-page{padding:12px 0 32px}
.library-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px}
.library-heading .eyebrow{font-size:10px;letter-spacing:.16em}
.library-heading h1{margin:6px 0 0;font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,4vw,42px);letter-spacing:-1.6px}
.library-add{width:42px;height:42px;border:0;border-radius:50%;background:#24262b;color:#f8f8f8;font-size:27px;line-height:1;cursor:pointer}
.library-add:hover{background:#34363b}
.library-filters{display:flex;gap:9px;overflow-x:auto;padding:0 0 17px;margin-bottom:8px;scrollbar-width:none}
.library-filters::-webkit-scrollbar{display:none}
.library-filter{flex:none;min-height:38px;padding:0 17px;border:1px solid transparent;border-radius:999px;background:#24262b;color:#eee;font-weight:650;cursor:pointer}
.library-filter:hover,.library-filter.active{background:#f1f1ef;color:#17181a}
.library-list{display:grid;gap:2px}
.library-row{width:100%;min-height:88px;display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px 4px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}
.library-row:hover{background:#ffffff0b}
.library-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:7px;border-radius:10px}
.library-row-wrap:hover{background:#ffffff0b}
.library-row-wrap .library-row{min-width:0}
.playlist-offline-button{display:grid;place-items:center;width:38px;height:38px;margin-right:5px;border:1px solid #ffffff1c;border-radius:50%;background:#191b20;color:#c8d0ce;font-size:16px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.playlist-offline-button:hover{background:#243b39;border-color:#77b7a0;color:#fff}
.playlist-offline-button:disabled{opacity:.55;cursor:wait}
.playlist-tools{flex-wrap:wrap}

.library-cover{width:70px;height:70px;display:block;overflow:hidden;border-radius:8px;background:#191b20}
.library-cover img{display:block;width:100%;height:100%;object-fit:cover}
.library-copy{display:grid;gap:4px;min-width:0}
.library-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f5f4;font-size:18px;font-weight:700}
.library-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aeb1b8;font-size:14px;font-weight:600}
.library-status{color:#999da5;font-size:12px;font-weight:650}
.library-empty{padding:24px 4px;color:#aeb1b8}
.library-empty p{margin:0 0 12px}
.player-bar{position:fixed;z-index:12;inset:auto 0 0;height:var(--player);display:grid;grid-template-columns:56px minmax(0,1fr) 48px;grid-template-rows:1fr 4px;align-items:center;gap:0;padding:9px 22px 12px;background:#102b30;border-top:1px solid #ffffff17;box-shadow:0 -10px 36px #0006}
.player-expanded-header{display:none}
.player-bar .now-playing{grid-column:1/3;grid-row:1;gap:12px;cursor:pointer;min-width:0}
.player-bar .mini-cover{width:50px;height:50px;aspect-ratio:1;flex:none;border-radius:7px}
.player-bar .track-meta{gap:4px;cursor:pointer}
.player-bar .track-meta strong{font-size:14px}
.player-bar .track-meta span{font-size:12px;color:#b6c5c8}
.player-bar .heart-button{display:none}
.player-bar .transport{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;max-width:none;width:auto}
.player-bar .transport-buttons{display:flex;justify-content:flex-end;gap:0}
.player-bar .transport-buttons .player-icon{display:none}
.player-bar .play-toggle{width:40px;height:40px;background:transparent;color:#f4f7f7;font-size:21px}
.player-bar .timeline,.player-bar .player-extra{display:none}
.mini-progress{grid-column:1/4;grid-row:2;height:3px;overflow:hidden;border-radius:999px;background:#ffffff38}
.mini-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#f4f6f6;transition:width .16s linear}
.player-bar audio{display:none}
.player-bar.is-expanded{inset:0;width:100%;height:100vh;height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:58px minmax(0,1fr) auto auto 5px;gap:0;padding:calc(10px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));border:0;border-radius:0;background:radial-gradient(ellipse at 50% 0,#12606a,#123d45 48%,#111318 100%);box-shadow:none;z-index:40}
.player-bar.is-expanded .player-expanded-header{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:space-between;color:#e8f0f1;font-size:12px;font-weight:750;letter-spacing:.11em}
.player-expanded-header button{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:29px;cursor:pointer}
.player-expanded-header span{flex:1;text-align:center}
.player-bar.is-expanded .now-playing{grid-column:1;grid-row:2;width:min(100%,520px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:0 12px;cursor:default}
.player-bar.is-expanded .mini-cover{grid-column:1/3;grid-row:1;width:min(72vw,390px);height:auto;aspect-ratio:1;margin:0 auto clamp(24px,5vh,48px);border-radius:7px;box-shadow:0 18px 48px #0004}
.player-bar.is-expanded .track-meta{grid-column:1;grid-row:2;gap:6px;align-self:center;cursor:default}
.player-bar.is-expanded .track-meta strong{font-size:clamp(22px,5vw,30px)}
.player-bar.is-expanded .track-meta span{font-size:16px;color:#d0d9db}
.player-bar.is-expanded .heart-button{grid-column:2;grid-row:2;display:block;color:#b9d1d2;font-size:28px}
.player-bar.is-expanded .heart-button.liked{color:#36d681}
.player-bar.is-expanded .transport{grid-column:1;grid-row:3;display:grid;gap:22px;width:min(100%,560px);margin:0 auto;padding:18px 0 15px}
.player-bar.is-expanded .transport-buttons{display:flex;align-items:center;justify-content:space-between;gap:clamp(12px,4vw,28px)}
.player-bar.is-expanded .transport-buttons .player-icon{display:inline-grid;place-items:center;width:42px;height:42px;color:#edf2f3;font-size:23px}
.player-bar.is-expanded .transport-buttons .player-icon.active{color:#39d681}
.player-bar.is-expanded .play-toggle{width:70px;height:70px;background:#f5f7f6;color:#103339;font-size:25px}
.player-bar.is-expanded .timeline{display:flex;align-items:center;gap:11px;color:#d0dcde;font-size:12px}
.player-bar.is-expanded .timeline input{flex:1;min-width:0;accent-color:#f2f6f5}
.player-bar.is-expanded .player-extra{grid-column:1;grid-row:4;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(100%,560px);margin:0 auto;color:#e1ebed}
.player-bar.is-expanded .player-extra input{width:min(130px,24vw);accent-color:#eff4f4}
.player-bar.is-expanded .player-extra .player-icon{width:42px;height:42px;color:white;font-size:23px}
.player-bar.is-expanded .mini-progress{display:none}
body.player-open{overflow:hidden}
@media(max-width:780px){
  :root{--player:75px}
  .app-shell{padding-bottom:calc(var(--player) + 66px + env(safe-area-inset-bottom))}
  .sidebar{inset:auto 0 env(safe-area-inset-bottom,0);height:57px}
  .main-area{min-height:calc(100svh - var(--player) - 66px - env(safe-area-inset-bottom))}
  .content{padding-bottom:26px;min-height:calc(100svh - var(--player) - 128px - env(safe-area-inset-bottom))}
  .library-page{padding-top:7px}
  .library-heading{margin-bottom:19px}
  .library-heading h1{font-size:32px}
  .library-filter{min-height:38px;padding:0 16px}
  .library-row{min-height:82px;grid-template-columns:62px minmax(0,1fr) auto;gap:13px;padding:8px 1px}
  .library-cover{width:62px;height:62px}
  .library-copy strong{font-size:16px}
  .library-copy small{font-size:13px}
  .library-status{font-size:10px}
  .player-bar{left:10px;right:10px;bottom:calc(64px + env(safe-area-inset-bottom));width:auto;height:70px;padding:8px 13px 10px;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:48px minmax(0,1fr) 44px;grid-template-rows:1fr 3px}
  .player-bar .mini-cover{width:46px;height:46px}
  .player-bar .now-playing{gap:10px}
  .player-bar .track-meta strong{font-size:13px}
  .player-bar .track-meta span{font-size:11px}
  .player-bar.is-expanded{left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;grid-template-rows:54px minmax(0,1fr) auto auto 5px;padding:calc(7px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;border-radius:0}
  .player-bar.is-expanded .now-playing{width:min(100%,500px)}
  .player-bar.is-expanded .mini-cover{width:min(78vw,390px);margin-bottom:clamp(20px,4vh,40px)}
  .player-bar.is-expanded .transport{padding-top:15px;gap:19px}
  .player-bar.is-expanded .transport-buttons .player-icon{width:35px;height:42px;font-size:20px}
  .player-bar.is-expanded .play-toggle{width:64px;height:64px}
  .player-bar.is-expanded .player-extra{gap:12px}
}
@media(max-width:390px){.library-status{max-width:46px;overflow:hidden;text-overflow:ellipsis}.player-bar.is-expanded .mini-cover{width:min(74vw,350px)}}
@media(max-width:780px){.player-bar .transport-buttons{position:static;right:auto;top:auto}}
.player-bar.is-expanded .player-extra{position:static;right:auto;top:auto}

/* Song and player action sheets */
.option-list{display:grid;gap:4px;margin:14px 0 2px;max-height:min(58vh,520px);overflow:auto}
.option-action{display:flex;align-items:center;gap:15px;min-height:53px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#f3f3f4;text-align:left;text-decoration:none;font:inherit;font-size:19px;cursor:pointer}
.option-action:hover{background:#ffffff0c}
.option-action span{font-size:15px;font-weight:650}
.option-action small{margin-left:auto;color:#92969f;font-size:11px}
.player-expanded-header button:last-child{font-size:25px;letter-spacing:2px}
@media(max-width:780px){.song-row{grid-template-columns:27px minmax(0,1fr) 27px 38px 32px;gap:5px}.song-row .more-button{display:inline-grid;place-items:center;width:32px;height:38px;padding:0;font-size:22px}.option-action{min-height:55px}.modal-card{padding:26px 22px}}

/* Album controls and mobile, cover-led album view. */
.album-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}
.album-controls-secondary,.album-controls-primary{display:flex;align-items:center;gap:12px}
.album-action,.album-shuffle,.album-play-toggle{border:0;background:transparent;color:#aeb2ba;cursor:pointer}
.album-action{min-width:58px;display:grid;justify-items:center;gap:5px;padding:4px 6px;font-size:11px;font-weight:700}
.album-action-icon{display:grid;place-items:center;width:35px;height:35px;border:1.5px solid currentColor;border-radius:50%;font-size:20px;line-height:1}
.album-action:hover,.album-action.active,.album-shuffle:hover,.album-shuffle.active{color:var(--accent2)}
.album-action:disabled{opacity:.58;cursor:wait}
.album-shuffle{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;font-size:25px}
.album-play-toggle{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--accent);color:#fff;font-size:22px;box-shadow:0 10px 28px #d65a4540;transition:transform .16s,background .16s}
.album-play-toggle:hover{background:var(--accent2);transform:scale(1.04)}
.player-bar:not(.is-expanded){touch-action:pan-y}

@media(max-width:780px){
  .album-hero{display:block;min-height:0;margin:-18px -16px 25px;padding:18px 20px 22px;border:0;border-radius:0;background:linear-gradient(180deg,#25212b 0,#16171b 62%,#0c0d10 100%)}
  .album-hero>.hero-art{width:min(76vw,350px);margin:0 auto 27px;border-radius:5px;box-shadow:0 19px 45px #0008}
  .album-detail .eyebrow{font-size:10px;letter-spacing:.13em}
  .album-detail h1{margin:8px 0 7px;font-size:clamp(31px,10vw,44px);line-height:1.02;letter-spacing:-1.9px}
  .album-detail .artist-link{font-size:16px}
  .album-detail p{margin:13px 0 0;color:#aeb2ba;font-size:12px;line-height:1.5}
  .hero-actions{margin-top:18px}
  .album-controls{margin-top:20px}
  .album-controls-secondary{gap:4px}
  .album-controls-primary{gap:5px}
  .album-action{min-width:56px;padding:3px 4px}
  .album-action-icon{width:34px;height:34px;font-size:19px}
  .album-shuffle{width:44px;height:44px;font-size:23px}
  .album-play-toggle{width:60px;height:60px;font-size:21px}
  .protected-note{margin-top:10px}
  .detail-bottom [data-offline-release]{display:none}
}

@media(max-width:390px){
  .album-hero{padding-left:17px;padding-right:17px}
  .album-hero>.hero-art{width:min(80vw,330px)}
  .album-detail h1{font-size:31px}
}