@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#24232b;--muted:#83818b;--purple:#2475d9;--line:#e9e7e3;--paper:#faf9f6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}a{text-decoration:none;color:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}aside{position:fixed;width:252px;inset:0 auto 0 0;background:#eef3f6;border-right:1px solid var(--line);padding:30px 23px;display:flex;flex-direction:column}.logo{font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.7px;display:flex;align-items:center;gap:8px}.brandmark{font-size:40px;color:var(--purple);line-height:1}.dot{font-size:10px;align-self:flex-start}.workspace{display:flex;gap:10px;align-items:center;margin:36px 0 30px;font-weight:600;font-size:12px}small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}.avatar{display:grid;place-items:center;border-radius:50%;width:35px;height:35px;font-size:11px;font-weight:700;flex-shrink:0}.purple{background:#deecfb;color:#356ca5}.peach{background:#edddd2;color:#815d43}.navlabel{font-size:9px;letter-spacing:1.7px;color:#96929b;font-weight:700;margin:13px 0}nav a{display:flex;gap:12px;padding:13px 14px;border-radius:8px;color:#716e7a;margin-bottom:5px;font-size:16px}nav a span{font-size:12px}nav a.active{background:#dfecfa;color:#2464aa;font-weight:700}nav b{font-size:10px;margin-left:auto;background:#c5ddf7;padding:2px 6px;border-radius:4px}.channel{font-size:12px;color:#827d88;padding:10px 12px}.sidebarbottom{margin-top:auto}.balance{display:flex;gap:12px;align-items:center;padding:16px 8px;border-top:1px solid #dedbd5}.balance>span{font-size:28px;color:var(--purple)}.person{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #dedbd5;font-size:12px}.person>span:last-child{margin-left:auto}.shell{margin-left:252px}header{height:86px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:#fffdf9}.breadcrumb{color:#9b96a0;font-size:11px}.breadcrumb strong{color:#625d6a;font-weight:500}.headeractions{display:flex;align-items:center;gap:23px}.live{font-size:10px;color:#8b8592}.primary{background:var(--purple);color:white;border:0;border-radius:7px;padding:12px 19px;font-size:11px;font-weight:600;box-shadow:0 3px 5px #2475d920}.secondary{background:white;border:1px solid #ddd9e5;border-radius:7px;padding:11px 17px;font-size:11px;font-weight:600}.textbtn{border:0;background:none;color:var(--purple);font-size:11px;font-weight:600;padding:8px 0}main{max-width:1400px;margin:auto;padding:32px 40px}.hero{border:1px solid #e2ddeb;border-radius:14px;background:#eeebf6;padding:39px 36px;position:relative;overflow:hidden;min-height:270px;display:flex;align-items:center}.heroContent{z-index:1;position:relative;width:62%}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#507ba6;display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:5px;height:5px;background:#3382d8;border-radius:50%}h1{font-family:Manrope,sans-serif;font-size:40px;line-height:1.17;letter-spacing:-1.8px;margin:17px 0;font-weight:800}h1 em{font-style:normal;color:var(--purple)}p{line-height:1.7;color:#827b90;font-size:12px}.hero p{max-width:365px;margin-bottom:22px}.buttons{display:flex;gap:10px}.heroArt{position:absolute;right:-35px;top:-45px;width:420px;height:360px;transform:rotate(-17deg);display:grid;place-items:center}.ring{position:absolute;border:1px solid #c5b7e3;border-radius:50%;width:330px;height:330px}.ring:nth-child(2){width:260px;height:260px}.ring:nth-child(3){width:190px;height:190px}.artdisc{width:150px;height:150px;border-radius:50%;background:repeating-radial-gradient(circle,#8b6ddb 0 2px,#7c5dcd 3px 5px);box-shadow:0 15px 50px #583c9870;display:grid;place-items:center}.artdisc:after{content:'↻';font-size:70px;color:#e8dcff;background:#aa8bea;border-radius:50%;width:82px;height:82px;text-align:center;line-height:80px}.floatpill{position:absolute;background:#fffafbe6;border:1px solid white;box-shadow:0 8px 25px #57477c20;border-radius:10px;padding:13px 17px;font-size:11px;transform:rotate(17deg)}.floatpill.one{top:85px;right:30px}.floatpill.two{bottom:55px;left:38px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 32px}.stat{border:1px solid var(--line);background:#fffefa;border-radius:10px;display:flex;gap:16px;align-items:center;padding:20px}.stat .icon{background:#e5f0fb;color:var(--purple);border-radius:9px;padding:11px;font-size:21px}.stat strong{font-family:Manrope;font-size:21px}.stat small{font-size:11px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sectionhead h2{font-family:Manrope;font-size:19px;letter-spacing:-.5px;margin:0}.sectionhead p{margin:6px 0 0;font-size:11px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:17px}.tabs button{background:none;border:0;font-size:11px;color:#8192a3;padding:0 0 12px}.tabs button.active{color:var(--purple);border-bottom:2px solid var(--purple);font-weight:700}.track{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:14px;padding:20px}.tracktop{display:flex;align-items:center;gap:9px;color:#898392;font-size:10px}.tracktop .avatar{width:27px;height:27px;font-size:9px}.tracktop strong{color:#585160;font-size:11px}.tracktop .time{margin-left:auto;font-size:9px}.song{display:flex;gap:15px;align-items:center;margin:16px 0}.cover{width:65px;height:65px;flex-shrink:0;border-radius:7px;position:relative;overflow:hidden;background:#2b3935;display:grid;place-items:center;color:#e5e5ce;font-size:25px}.cover:before{content:'';position:absolute;width:80px;height:80px;left:10px;top:15px;background:linear-gradient(130deg,#b2b78f00,#a7b698);transform:rotate(40deg)}.cover.two{background:#daa990;color:#813d34}.cover.two:before{border-radius:50%;background:linear-gradient(130deg,#f3d6b0,#8c686e)}.cover.three{background:#627694}.cover.three:before{background:linear-gradient(130deg,#a7cada00,#c0d3e9)}.songinfo{min-width:120px}.songinfo h3{margin:0 0 6px;font-family:Manrope;font-size:14px}.tag{font-size:9px;background:#edf3f7;color:#8c849b;border-radius:4px;padding:4px 7px;margin-right:4px}.wave{height:43px;display:flex;align-items:center;gap:3px;flex:1;margin-left:12px;overflow:hidden}.wave i{display:block;width:3px;min-width:3px;border-radius:2px;background:#a5c6e8}.play{width:32px;height:32px;flex-shrink:0;border:1px solid #d5e4f1;background:#f0f7fc;color:#2974bb;border-radius:50%;font-size:12px}.prompt{font-size:11px;line-height:1.6;color:#7d7688;margin:0 0 14px}.trackbottom{display:flex;align-items:center;border-top:1px solid #e7eef3;padding-top:12px;gap:15px;font-size:10px;color:#898291}.trackbottom button{margin-left:auto;font-size:10px}.panel{border:1px solid var(--line);border-radius:11px;background:#fff;padding:20px;margin-bottom:18px}.panel h3{font-family:Manrope;font-size:14px;letter-spacing:-.3px;margin:0 0 15px}.how{display:flex;gap:11px;align-items:flex-start;margin:15px 0}.how>span{border:1px solid #dce9f3;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#387bb7;font-size:10px;flex-shrink:0}.how b{font-size:11px}.how p{font-size:10px;margin:4px 0}.purplepanel{background:#e1eef8;border-color:#c9dfee}.purplepanel h3{font-size:18px}.purplepanel p{font-size:11px}.contributors{display:flex;gap:10px;align-items:center;margin:15px 0;font-size:11px}.contributors strong{font-size:10px}.contributors .score{margin-left:auto;color:#5489b8;font-size:10px}.pageintro{margin-bottom:28px}.pageintro h1{font-size:32px;margin:0 0 10px}.formcard{background:white;border:1px solid var(--line);border-radius:13px;padding:30px;max-width:800px}.field{margin:20px 0}.field label{font-size:11px;font-weight:600;display:block;margin-bottom:8px}input,textarea,select{width:100%;padding:12px;border:1px solid #ded9e6;border-radius:7px;background:#fefdfb;color:var(--ink)}textarea{min-height:110px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.uploadbox{border:1px dashed #7ba8cf;padding:32px;border-radius:10px;text-align:center;background:#f1f7fc}.uploadbox>span{font-size:33px;color:var(--purple)}.uploadbox input{margin-top:12px;background:white}.walletHero{background:#132c45;color:#fff;border-radius:13px;padding:30px;margin-bottom:24px}.walletHero strong{font-size:50px;font-family:Manrope}.walletHero p{color:#b5c9df}.reward{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);gap:20px}.reward h3{font-size:14px;margin:0}.reward p{font-size:11px;margin-bottom:0}.transaction{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.transaction strong{color:var(--purple)}.profilehero{border-radius:13px;padding:36px;background:linear-gradient(120deg,#dfedfa,#f3e7de);display:flex;align-items:center;gap:24px}.profilehero .avatar{width:90px;height:90px;font-size:26px}.profilehero h1{font-size:30px;margin:0}.profilehero p{margin:6px 0}.qa{padding:22px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.qa h3{font-family:Manrope;font-size:17px;margin:12px 0}.qa p{font-size:12px}.qafooter{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7190a7}footer{display:flex;justify-content:space-between;margin:30px 40px;padding:22px 0;border-top:1px solid var(--line);font-size:10px;color:#a29ba6}dialog{border:1px solid #d6e4ef;border-radius:14px;padding:32px;width:530px;max-width:90vw;color:var(--ink)}dialog::backdrop{background:#152e4770;backdrop-filter:blur(3px)}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;color:#8b8195}dialog h2{font-family:Manrope;font-size:23px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#152e47;color:white;padding:14px 24px;border-radius:9px;font-size:12px;display:none;z-index:5}.notice{background:#e9f2fa;border-radius:7px;padding:12px 15px;color:#54728e;font-size:11px;line-height:1.6;margin-top:20px}.empty{text-align:center;padding:40px;color:#8d829c}@media(min-width:1500px){main{padding-top:45px}.hero{min-height:315px}h1{font-size:47px}}@media(max-width:1100px){aside{width:210px;padding:25px 15px}.shell{margin-left:210px}main{padding:25px}.layout{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.wave{display:none}.heroArt{right:-100px;opacity:.65}.heroContent{width:75%}header{padding:0 25px}.stat{padding:14px;gap:10px}.stat strong{font-size:18px}}@media(max-width:800px){aside{position:static;width:100%;padding:18px;display:block}.workspace,.navlabel,.channel,.sidebarbottom{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav a{white-space:nowrap;padding:10px;gap:5px}nav b{display:none}.shell{margin-left:0}header{height:65px}.live{display:none}.layout{grid-template-columns:1fr}.rightcol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.heroContent{width:85%}.heroArt{opacity:.25;right:-150px}.stats{gap:9px}.stat .icon{display:none}.stat strong{font-size:17px}.hero{padding:26px}h1{font-size:34px}main{padding:20px}.rightcol .panel:last-child{display:none}.grid2{grid-template-columns:1fr}footer{margin:20px;gap:15px}.profilehero{padding:25px}.breadcrumb{font-size:10px}}@media(max-width:480px){.rightcol{grid-template-columns:1fr}.songinfo{flex:1}.track{padding:16px}.heroContent{width:100%}.hero h1{font-size:32px}.stats .stat{padding:12px 8px}.stat small{font-size:9px}.sectionhead h2{font-size:17px}.trackbottom{gap:9px}.headeractions .primary{padding:10px}.profilehero{gap:14px}.profilehero .avatar{width:60px;height:60px;font-size:19px}.profilehero h1{font-size:24px}}

/* Listening room: an editorial desk rather than a marketing banner. */
:root{--ink:#182c40;--muted:#758494;--purple:#2475d9;--line:#e0e7ec;--paper:#f7f9fa}aside{background:#eef3f6}.logo{letter-spacing:-.8px}header{background:#fbfcfd}.roomheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.roomheading .eyebrow{color:#63839f}.roomdate{font-size:10px;color:#8295a5;letter-spacing:1px}.roomhero{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;border-bottom:1px solid #cedce7;padding:10px 0 35px;align-items:center}.roomcopy h1{font-size:clamp(40px,4.5vw,66px);line-height:1.04;letter-spacing:-3px;margin:16px 0 22px}.roomcopy h1 em{color:#2678c8}.roomcopy p{font-size:13px;color:#657c90;max-width:330px}.roomcopy .buttons{margin-top:24px}.roomnote{font-size:10px;margin-top:20px;color:#8a9ba8}.session{background:#153f65;border-radius:3px;color:#fff;position:relative;padding:27px;overflow:hidden;box-shadow:10px 10px 0 #e0eaf2;min-height:310px}.session:before{content:'';position:absolute;width:270px;height:270px;border:1px solid #5484a4;border-radius:50%;right:-95px;top:-100px;box-shadow:0 0 0 22px #153f65,0 0 0 23px #477da1,0 0 0 46px #153f65,0 0 0 47px #477da1}.sessionheader{display:flex;justify-content:space-between;position:relative;font-size:9px;letter-spacing:1.5px;color:#a5c9e5}.sessiontitle{position:relative;margin-top:40px;font-family:Manrope;font-size:26px;letter-spacing:-.8px;max-width:240px}.session p{color:#a8c6db;font-size:11px;max-width:260px}.sessionwave{height:55px;margin:20px 0;display:flex;align-items:center;gap:4px}.sessionwave i{background:#60a6db;width:4px;border-radius:0;flex:1}.sessionfooter{display:flex;align-items:center;gap:12px;position:relative}.sessionfooter .play{background:#f6faff;color:#1c5785;border:0;width:38px;height:38px}.sessionfooter .textbtn{color:#c2e2fc;margin-left:auto}.loopstrip{display:grid;grid-template-columns:1.25fr 1fr 1fr;margin:26px 0 36px;border-bottom:1px solid #dce6ed;padding-bottom:24px;gap:24px}.loopstrip>div{border-right:1px solid #dce6ed;padding-right:20px}.loopstrip>div:last-child{border:0}.loopstrip .kicker{color:#7591a7;letter-spacing:1.3px;font-size:9px;margin-bottom:8px}.loopstrip strong{font-family:Manrope;font-size:17px;letter-spacing:-.4px}.loopstrip p{font-size:10px;color:#7a8d9d;line-height:1.6;margin:5px 0}.homecolumns{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px}.homecolumns .track{border-radius:4px}.deskpanel{border-top:3px solid #2b7dc5;padding:18px 0;margin-bottom:24px}.deskpanel h3{font-family:Manrope;font-size:18px;letter-spacing:-.5px;margin:8px 0}.deskpanel p{color:#718699;font-size:11px}.deskpanel .how{margin:17px 0}.deskpanel .eyebrow{font-size:8px}.field label{color:#36536c}.profilehero{background:linear-gradient(120deg,#dcecf9,#eaf2f6)}.purplepanel{background:#e1eef8}.notice{color:#54728e;background:#e9f2fa}.walletHero .eyebrow{color:#9fc6e7!important}.panel p,.prompt{color:#6f8193}.tracktop strong{color:#405c74}.tag{background:#edf3f7;color:#618099}.trackbottom{border-color:#e7eef3}.tabs button{color:#8295a5}
@media(max-width:1100px){.roomhero{gap:28px}.roomcopy h1{font-size:45px}.homecolumns{grid-template-columns:minmax(0,1fr) 220px}}@media(max-width:800px){.roomhero{gap:24px;grid-template-columns:1fr 1fr}.roomcopy h1{font-size:42px}.session{padding:20px;min-height:295px}.sessiontitle{font-size:22px}.homecolumns{grid-template-columns:1fr}.homeaside{display:grid;grid-template-columns:1fr 1fr;gap:24px}.loopstrip{gap:15px}.loopstrip strong{font-size:14px}}@media(max-width:560px){.roomhero{grid-template-columns:1fr;padding-top:0;gap:28px}.roomcopy h1{font-size:52px}.roomcopy p{max-width:100%}.session{min-height:280px}.sessiontitle{max-width:100%;margin-top:28px}.sessionwave{margin:20px 0}.roomheading{margin-bottom:12px}.roomdate{display:none}.loopstrip{grid-template-columns:1fr;gap:16px}.loopstrip>div{border:0;padding:0;display:grid;grid-template-columns:110px 1fr;gap:0 14px}.loopstrip .kicker{grid-row:1/3}.loopstrip strong{font-size:16px}.homeaside{grid-template-columns:1fr}}

.queuehint{font-size:11px;line-height:1.6;color:#66849a;padding:0 0 18px}.tabs{overflow-x:auto;gap:18px}.tabs button{white-space:nowrap}.songinfo .tag{display:inline-block;margin-top:3px}.songinfo{max-width:260px}

.dashboardhead{margin-bottom:24px}.dashboardhead h2{font-size:25px}.deskoverview{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;margin-bottom:35px}.deskoverview .session{min-height:250px;padding:23px;box-shadow:6px 6px 0 #e0eaf2}.deskoverview .sessiontitle{margin-top:24px;font-size:25px;max-width:330px}.deskoverview .sessionwave{margin:14px 0;height:45px}.deskstatus{display:flex;flex-direction:column;justify-content:space-between}.statusrow{display:block;border-bottom:1px solid #dae5ed;padding:15px 4px}.statusrow:first-child{padding-top:4px}.statusrow:last-child{border:0}.statusrow .kicker{font-size:8px;letter-spacing:1.5px;color:#7891a5}.statusrow strong{font-family:Manrope;font-size:24px;display:block;margin:5px 0}.statusrow strong span{float:right;font-size:16px;color:#6194ba}.statusrow small{font-size:11px;color:#7a8f9f}.welcomeintro{max-width:700px;margin:60px auto;padding:35px}.welcomeintro h1{font-size:58px}.welcomeintro p{font-size:15px;max-width:420px}.welcomeintro .notice{max-width:450px;margin-top:35px}@media(max-width:600px){.deskoverview{grid-template-columns:1fr;gap:20px}.deskstatus{flex-direction:row;gap:12px}.statusrow{width:33%;border:0!important;padding:10px 0!important}.statusrow strong{font-size:18px}.statusrow strong span{display:none}.statusrow small{font-size:9px}.statusrow .kicker{font-size:7px;letter-spacing:.7px}.welcomeintro{margin:20px 0;padding:15px}.welcomeintro h1{font-size:42px}}

/* Warm studio palette */
:root{--ink:#ede7dd;--muted:#a59e94;--purple:#d3a76b;--line:#3c3b37;--paper:#242522}body{background:var(--paper);color:var(--ink)}aside{background:#1c1e1c;border-color:#353833}header{background:#242622;border-color:#3b3d37}.logo{color:#f0e9df}.beatpad{display:grid;grid-template-columns:repeat(3,7px);gap:3px;padding:6px;background:#30332e;border:1px solid #5b5c52;border-radius:5px;transform:rotate(-5deg);margin-right:3px}.beatpad i{width:7px;height:7px;background:#9b8260;border-radius:1px}.beatpad i:nth-child(2),.beatpad i:nth-child(6),.beatpad i:nth-child(7){background:#e3b678;box-shadow:0 0 5px #d7a65830}.workspace,nav a,.channel{color:#ada99e}.navlabel,.roomdate{color:#85887b}nav a.active{background:#36352c;color:#e0b778}nav b{background:#514530;color:#e5c394}.avatar.purple{background:#41463a;color:#c6ceaf}.avatar.peach{background:#534137;color:#e2bea0}.balance,.person{border-color:#393d35}.balance small,.person small{color:#969c8c}.breadcrumb{color:#8a9181}.breadcrumb strong{color:#c6cbbc}.live{color:#a6ad9b}.primary{background:#cba16a;color:#201d18;box-shadow:none}.primary:hover{background:#e0b780}.secondary{background:#33362e;color:#deded0;border-color:#55594c}.secondary:hover{background:#414637}.textbtn{color:#dcbb87}.eyebrow,.roomheading .eyebrow{color:#a7af93}.eyebrow:before{background:#c7a66c}.sectionhead p,p,.prompt,.panel p{color:#a6ae9b}.session{background:#353e33;color:#ecebdc;box-shadow:6px 6px 0 #191d18!important}.session:before{border-color:#667154;box-shadow:0 0 0 22px #353e33,0 0 0 23px #59634e,0 0 0 46px #353e33,0 0 0 47px #59634e}.sessionheader,.session p{color:#b2bea2}.sessionwave i{background:#bea777}.sessionfooter .play{background:#d9bb86;color:#29291f}.sessionfooter .textbtn{color:#dfc396}.sessionfooter>span{color:#bac4ac!important}.statusrow{border-color:#41453a}.statusrow .kicker,.statusrow small{color:#a0a98e}.statusrow strong span{color:#cfb284}.track,.panel,.formcard,.qa{background:#2c2e28;border-color:#44473d}.tracktop,.tracktop strong{color:#bfc5b0}.tracktop .time,.trackbottom{color:#a2aa94}.trackbottom{border-color:#44483b}.tag{background:#3b4034;color:#c1c9ad}.wave i{background:#898e70}.play{background:#414735;border-color:#6c7357;color:#d9be86}.tabs{border-color:#44483b}.tabs button{color:#a8ad9c}.tabs button.active{color:#dfbd87;border-color:#d3a76b}.queuehint{color:#a4af95}.deskpanel{border-color:#bba06d}.deskpanel p{color:#a6b098}.how>span{border-color:#5c624d;color:#c9bd91}.purplepanel{background:#373d30;border-color:#525b43}.notice{background:#383d31;color:#bac5a5}.contributors .score{color:#d3bb85}small{color:#9ca48e}.walletHero{background:#191d18;color:#ebe8da}.walletHero p{color:#acb59c}.walletHero .eyebrow{color:#b7c19e!important}.transaction,.reward{border-color:#454a3b}.transaction strong{color:#dec08c}.profilehero{background:linear-gradient(120deg,#3c4636,#443b2d)}input,textarea,select{background:#22261f;color:#e6e9d9;border-color:#545c47}.field label{color:#c7cfb6}.uploadbox{background:#343b2b;border-color:#778661}.uploadbox input{background:#22261f}.empty{color:#a8b395}dialog{background:#2c3127;color:#e6ead9;border-color:#596348}dialog::backdrop{background:#10150fc0}.close{color:#b5bfa2}footer{border-color:#41483a;color:#909b81}#toast{background:#d9bc85;color:#25271e}.welcomeintro h1 em{color:#d3a76b}.cover{filter:saturate(.55)}

.trackbottom{flex-wrap:wrap}.trackbottom .pocketbtn{margin-left:0}.pocketbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid #5c624c;border-radius:6px;padding:5px 8px;background:#30362b;color:#b9c2a6;font-size:10px!important;white-space:nowrap}.pocketbtn.pocketed{border-color:#b99861;background:#49412e;color:#e9c48b}.pocketbtn b{font-size:9px;color:inherit;font-weight:500} .pocketbtn{position:relative;overflow:visible;gap:8px;padding:6px 9px}.pocketart{width:34px;height:33px;position:relative;display:inline-block;flex-shrink:0}.drumkit{position:absolute;top:-3px;left:0;width:34px;height:30px;z-index:1;transform:translateY(0);transition:transform .2s ease}.kitcymbal,.kitsnare,.kitkick{transform-box:fill-box;transform-origin:center}.pocketshape{position:absolute;left:4px;bottom:0;width:27px;height:17px;border:1px solid #b7a178;background:#373d2e;clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%);z-index:2}.pocketshape:after{content:"";position:absolute;inset:3px 3px 4px;border:1px dashed #ad9467;clip-path:polygon(0 0,100% 0,100% 68%,50% 100%,0 68%)}.pocketed .pocketshape{background:#685338;border-color:#dbb474}.pocketed .drumkit{transform:translateY(13px) scale(.58);opacity:0}.pocketpop .drumkit{animation:kitDrop .9s cubic-bezier(.3,.1,.3,1) both}.pocketpop .kitcymbal{animation:cymbalWobble .85s ease-in-out}.pocketpop .kitsnare{animation:snareTumble .8s ease-in-out}.pocketpop .kitkick{animation:kickBounce .8s ease-in-out}.pocketpop .pocketshape{animation:kitPocketBounce .9s ease-in-out}.pocketconfirmation{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#e1c48c;color:#292d22;font-size:11px;font-weight:700;padding:7px 10px;border-radius:6px;box-shadow:0 4px 16px #1117;pointer-events:none;opacity:0;z-index:5}.pocketpop .pocketconfirmation{animation:pocketCheer 1.5s ease both}@keyframes kitDrop{0%{transform:translateY(0) scale(1);opacity:1}22%{transform:translateY(-8px) rotate(-7deg) scale(1);opacity:1}45%{transform:translateY(-4px) rotate(7deg) scale(.92);opacity:1}75%{transform:translateY(10px) rotate(-3deg) scale(.68);opacity:1}90%{transform:translateY(12px) scale(.6);opacity:.7}100%{transform:translateY(13px) scale(.58);opacity:0}}@keyframes cymbalWobble{0%,100%{transform:rotate(0)}30%{transform:rotate(20deg)}60%{transform:rotate(-14deg)}80%{transform:rotate(8deg)}}@keyframes snareTumble{0%,100%{transform:rotate(0)}25%{transform:rotate(-18deg) translateY(-2px)}65%{transform:rotate(13deg)}}@keyframes kickBounce{0%,100%{transform:scale(1)}30%{transform:scale(1.08)}75%{transform:scale(.93)}}@keyframes kitPocketBounce{0%,65%,100%{transform:scale(1)}80%{transform:scale(1.14,1.08)}}@keyframes pocketCheer{0%{opacity:0;transform:translate(-50%,5px)}15%,75%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-5px)}}@media(prefers-reduced-motion:reduce){.pocketpop .drumkit,.pocketpop .kitcymbal,.pocketpop .kitsnare,.pocketpop .kitkick,.pocketpop .pocketshape{animation:none}.drumkit{transition:none}.pocketpop .pocketconfirmation{animation:none;opacity:1;transform:translateX(-50%)}}.accountlayout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin:25px 0}.accountstory{padding:25px 0}.accountstory h1{font-size:43px;line-height:1.15}.accountstory p{max-width:330px}.accountstory .how{margin-top:25px}.accountlayout .formcard h2{font-family:Manrope;font-size:24px}@media(max-width:750px){.accountlayout{grid-template-columns:1fr;gap:15px}.accountstory{padding:0}.accountstory h1{font-size:34px}}

#identityactions{display:flex;align-items:center;gap:15px}.confirmcard{max-width:650px;margin:30px auto;background:#30352a;border:1px solid #646d52;border-radius:12px;padding:35px}.confirmcard h1{font-size:32px;letter-spacing:-1px}.confirmcard p{font-size:13px}.confirmcard ol{font-size:13px;color:#c5ccb8;line-height:2.2;padding-left:20px}.confirmcard strong{color:#ead3a5}.mailicon{font-size:38px;color:#d3b17d;margin-top:20px}.guestprompt{margin:25px auto;max-width:650px}.guestprompt small{margin-top:20px}.confirmcard .buttons{flex-wrap:wrap}

.profiletabs{margin-top:28px}.weeklyguide{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #545b48;border-bottom:1px solid #545b48;padding:20px 0}.weeklyguide strong{font-family:Manrope;font-size:18px}.weeklyguide p{max-width:620px;margin-bottom:0}.rankedtrack{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:start}.ranknumber{font-family:Manrope;font-size:42px;color:#d6b783;padding:15px 0}.ranknumber small{font-family:DM Sans;font-size:10px;line-height:1.5}.rankedtrack .track{margin-bottom:20px}@media(max-width:600px){.weeklyguide{align-items:start;flex-direction:column}.rankedtrack{grid-template-columns:45px 1fr;gap:10px}.ranknumber{font-size:28px}.ranknumber small{font-size:8px}.profilehero .secondary{padding:8px}}

.profilesettings .accountstory{display:none}.profilesettings .accountlayout{display:block;margin-top:0}.profilesettings .formcard{max-width:800px}

.brandtagline{font-size:11px;color:#a9af9b;letter-spacing:.25px;margin:8px 0 28px 40px;line-height:1.5}@media(max-width:800px){.brandtagline{margin:6px 0 0 40px;font-size:10px}}

.wavewrap{flex:1;min-width:150px;max-width:450px;margin-left:8px}.scrubarea{height:42px;position:relative;border-radius:4px;overflow:hidden;touch-action:none}.wavebars{height:100%;display:flex;gap:2px;align-items:center;pointer-events:none}.wavebars i{flex:1;background:#737b60;min-width:1px;border-radius:2px}.seekprogress{position:absolute;inset:0 auto 0 0;background:#d4b27622;pointer-events:none;border-right:2px solid #d8bc87}.seekslider{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;opacity:0;cursor:ew-resize}.scrubarea:focus-within{outline:2px solid #d2b477;outline-offset:-2px}.markerrail{height:15px;position:relative}.wavemarker{position:absolute;top:0;transform:translateX(-50%);border:0;background:transparent;color:#e0b676;font-size:12px;padding:0;line-height:15px}.wavemarker:hover{color:#fff0cb;transform:translateX(-50%) scale(1.25)}.trackclock{font-size:8px;color:#aab397;display:flex;justify-content:space-between;gap:6px}.markernotes{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.markernotes button{background:#3b4032;color:#dcc294;border:1px solid #62694f;border-radius:4px;font-size:8px;padding:4px 5px}.markernotes span{color:#b8c0a3}.wavewrap.unavailable .scrubarea{opacity:.6}.song{flex-wrap:wrap}.song .songinfo{flex:1}.song .wavewrap{flex-basis:100%;order:3;margin:10px 0 0;max-width:none}.song .play{margin-left:auto}.sessionwave{pointer-events:none}@media(min-width:1350px){.song .wavewrap{flex-basis:180px;order:0;max-width:280px;margin:0 8px}.song .songinfo{max-width:180px}.song .markernotes{max-height:55px;overflow-y:auto}}

.featurewave{margin:16px 0;position:relative}.featurewave .wavewrap{max-width:none;margin:0}.featurewave .wavebars i{background:#8e9e74}

.nextup{border:1px solid #8b7954;border-top:4px solid #d5b278;background:#33382c;padding:24px;border-radius:9px;margin-bottom:22px}.nextuphead{display:flex;justify-content:space-between;gap:15px;align-items:center}.nextupbonus{font-size:10px;color:#dfc392;background:#49452e;padding:6px 9px;border-radius:5px}.nextup h2{font-family:Manrope;font-size:25px;letter-spacing:-.8px;margin:20px 0 8px}.nextup .nextupexplain{font-size:12px;color:#b3bda1;margin:0 0 22px}.nextup .track{background:#292e24;border-color:#586146;margin-bottom:15px}.nextup .trackbottom>.textbtn{display:none}.nextupfoot{display:flex;align-items:center;justify-content:space-between;gap:15px}.nextupfoot>span{font-size:9px;color:#a6b08f}.upcoming h3{font-family:Manrope;font-size:14px}.upcoming h3 span{font-family:DM Sans;font-size:10px;font-weight:400;margin-left:10px;color:#929d82}.upcomingrow{display:flex;align-items:center;gap:14px;border-top:1px solid #424a38;padding:13px 4px}.upcomingrow>span:first-child{font-size:12px;color:#a78f63}.upcomingrow strong{font-size:11px;color:#b9c1a8}.upcomingrow>span:last-child{margin-left:auto;font-size:9px;color:#8d977e}@media(max-width:600px){.nextup{padding:17px}.nextup h2{font-size:22px}.nextuphead{align-items:start;flex-direction:column;gap:9px}.nextupfoot{align-items:start;flex-direction:column}.upcomingrow>span:last-child{display:none}}

nav a[hidden]{display:none}

.uploadbox.dragging{border-color:#e0b780;background:#414735}#selectedaudio{font-size:12px;color:#e0b780;overflow-wrap:anywhere;margin:10px 0}.uploaderror{color:#ffcfb3;background:#49362d;border:1px solid #90654c;padding:12px;border-radius:6px}.uploaderror[hidden]{display:none}[aria-invalid="true"]{border-color:#df9b78}

.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.photosettings{display:flex;gap:18px;align-items:center;margin:24px 0}.photosettings .avatar{width:72px;height:72px}.photosettings input{max-width:100%;margin-top:10px}.wheelgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.wheelstage{text-align:center;padding:24px 20px 32px;overflow:hidden}.wheelpointer{color:#ead2a3;font-size:30px;position:relative;z-index:1;line-height:30px;margin-bottom:-7px}.tokenwheel{width:min(320px,100%);aspect-ratio:1;position:relative;border:8px solid #c9aa74;border-radius:50%;margin:0 auto 28px;background:conic-gradient(#8c9c70 0deg 21.9deg,#242c1f 21.9deg 22.5deg,#3b4439 22.5deg 44.4deg,#242c1f 44.4deg 45deg,#8c9c70 45deg 66.9deg,#242c1f 66.9deg 67.5deg,#3b4439 67.5deg 89.4deg,#242c1f 89.4deg 90deg,#8c9c70 90deg 111.9deg,#242c1f 111.9deg 112.5deg,#3b4439 112.5deg 134.4deg,#242c1f 134.4deg 135deg,#8c9c70 135deg 156.9deg,#242c1f 156.9deg 157.5deg,#3b4439 157.5deg 179.4deg,#242c1f 179.4deg 180deg,#8c9c70 180deg 201.9deg,#242c1f 201.9deg 202.5deg,#3b4439 202.5deg 224.4deg,#242c1f 224.4deg 225deg,#8c9c70 225deg 246.9deg,#242c1f 246.9deg 247.5deg,#3b4439 247.5deg 269.4deg,#242c1f 269.4deg 270deg,#8c9c70 270deg 291.9deg,#242c1f 291.9deg 292.5deg,#3b4439 292.5deg 314.4deg,#242c1f 314.4deg 315deg,#8c9c70 315deg 336.9deg,#242c1f 336.9deg 337.5deg,#8c9c70 337.5deg 359.4deg,#242c1f 359.4deg 360deg);box-shadow:0 0 0 6px #1c211a,inset 0 0 0 2px #ffffff30;transition:transform 3.5s cubic-bezier(.15,.65,.12,1)}.tokenwheel span{position:absolute;left:50%;top:50%;width:48%;transform-origin:left center;transform:rotate(calc(var(--angle) - 90deg));text-align:right;padding-right:15px;font-size:10px;font-weight:800;color:#eee9d8;letter-spacing:1px}.tokenwheel b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#292e23;border:3px solid #c9aa74;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:28px;color:#e6c894}#wheeloutcome{min-height:48px;font-weight:700;color:#e6c894;line-height:1.7}.wheelbalance{padding:14px 0 22px;color:#adb69d}.wheelbalance strong{font-size:34px;color:#e6c894}#wheelerror{color:#ffcfb3}.wheelgrid button:disabled{opacity:.6;cursor:default}@media(max-width:850px){.wheelgrid{grid-template-columns:1fr}.wheelstage{max-width:520px;width:100%;margin:auto}.photosettings{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.tokenwheel{transition:none}}

.pocketwords{display:inline-block;color:#292d22}.pocketpop .pocketwords{background:linear-gradient(110deg,#292d22 38%,#fff9dc 48%,#a2763c 51%,#292d22 62%);background-size:280% 100%;background-position:150% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pocketWordShimmer .85s .15s ease-in-out both}@keyframes pocketWordShimmer{from{background-position:150% 0}to{background-position:-50% 0}}@media(prefers-reduced-motion:reduce){.pocketpop .pocketwords{animation:none;background:none;color:#292d22}}

.nowplaying{position:fixed;left:276px;right:24px;bottom:20px;z-index:30;display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid #b39765;border-radius:12px;background:#292f25;box-shadow:0 8px 32px #10140dc0;max-width:900px}.nowplaying[hidden]{display:none}.playingmark{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;background:#48503a;color:#e5c486;border-radius:9px;font-size:25px}.playinginfo{min-width:0;flex:1}.playinginfo .eyebrow{font-size:9px;margin-bottom:5px}.playinginfo strong,.playinginfo small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playinginfo strong{font-size:14px;color:#eee5d4}.playinginfo small{font-size:10px;margin-top:3px}.playingseek{display:flex;align-items:center;gap:12px;margin-top:8px}.playingseek input{flex:1;min-width:30px;width:100%;padding:0;margin:0;height:15px;accent-color:#d5b477;cursor:pointer;border:0;background:transparent}.playingseek span{font-size:10px;white-space:nowrap;color:#b9c2a4;font-variant-numeric:tabular-nums}.playingcontrols{display:flex;gap:8px;flex-shrink:0}.playingcontrols button{padding:10px 12px;font-size:12px}.has-now-playing .shell{padding-bottom:140px}@media(max-width:1100px){.nowplaying{left:230px;right:20px}}@media(max-width:800px){.nowplaying{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px;gap:10px}.playingmark{display:none}}@media(max-width:480px){.nowplaying{flex-wrap:wrap}.playinginfo{flex-basis:calc(100% - 145px)}.playingcontrols button{padding:10px 8px}.playingseek{gap:6px}.has-now-playing .shell{padding-bottom:155px}}

.feedbackviewbtn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #626b53;color:#d8c28e;border-radius:6px;padding:6px 9px;font-size:11px}.feedbackviewbtn:hover{background:#414936}.feedbackviewbtn span{background:#414735;color:#c7d0b5;border-radius:4px;padding:1px 5px}.feedbackviewhead{margin:24px 0 12px}.feedbackviewhead h3{font-size:14px}.feedbackviewhead span{color:#adb69c;font-weight:400}.feedbacklist{max-height:min(52vh,480px);overflow-y:auto;overscroll-behavior:contain;padding-right:8px;margin-bottom:16px}.postedreview{border:1px solid #535c47;background:#252b21;border-radius:8px;padding:16px;margin-bottom:12px}.postedreview header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;height:auto;padding:0;background:none;border:0;position:static}.postedreview strong{color:#e2c693;font-size:12px}.postedreview time{color:#aab697;font-size:10px}.postedreview p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#d0d7c3;margin-bottom:0}#feedbackmore[hidden]{display:none}dialog{max-height:90dvh;overflow-y:auto}.sessionfooter{flex-wrap:wrap}

.socialsettings{margin:26px 0 20px;padding-top:22px;border-top:1px solid #4d5843}.socialsettings h3{margin-top:0}.sociallinks{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 10px}.sociallink{display:inline-flex;align-items:center;gap:7px;background:#30382b;border:1px solid #626d51;border-radius:7px;padding:8px 10px;color:#dfc28d;font-size:11px;font-weight:600}.sociallink:hover{background:#414b35;border-color:#b79864}.sociallink b{font-size:9px;background:#48543a;padding:3px;border-radius:3px;color:#ced9b7}.sociallink>span{font-size:11px;color:#a8b694}.profilebio{white-space:pre-wrap;overflow-wrap:anywhere}

.artistname{background:none;border:0;padding:0;color:#bfc5b0;font-weight:700;font-size:11px;text-align:left}.artistname:hover{color:#e7c58c;text-decoration:underline}.fullprofilebtn{display:block;margin-top:18px}.publicprofileback{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.fullprofilehero{padding:36px;gap:24px}.fullprofilehero .avatar{width:110px;height:110px;font-size:34px;flex-shrink:0}.fullprofileidentity{min-width:0}.fullprofileidentity h1{overflow-wrap:anywhere}.publichandle{color:#d5ba86!important;margin:4px 0 14px!important}.publicprofiledetails{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.publicprofiledetails h2{font-size:18px;margin-top:0}.publicprofiledetails .sociallinks{margin-top:14px}.publicprofilestats{margin:22px 0}.profilecontribution{margin-bottom:16px}.profilecontribution h3{margin-bottom:5px}.profilecontribution .eyebrow{line-height:1.7}.publicprofiledetails .profilebio{margin-bottom:0}@media(max-width:700px){.publicprofiledetails{grid-template-columns:1fr}.fullprofilehero{padding:24px;gap:16px}.fullprofilehero .avatar{width:76px;height:76px;font-size:25px}.fullprofilehero h1{font-size:28px}.publicprofileback{flex-wrap:wrap}}
.reviewreplyactions{display:flex;gap:18px;align-items:center;margin-top:16px;padding-top:10px;border-top:1px solid #414a37}.reviewreplyactions button{font-size:11px}.feedbackreplies{margin-top:15px;padding:14px 0 0 15px;border-left:2px solid #8a9a6b}.feedbackreplies[hidden],.replymore[hidden]{display:none}.threadreply{padding:12px;background:#303829;border:1px solid #4b593e;border-radius:7px;margin-bottom:10px}.threadreply header{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between;padding:0;background:none;border:0;height:auto;position:static}.threadreply time{font-size:9px;color:#aebd9b}.threadreply p{font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#d1dac4;margin:10px 0 0}.replyauthor{font-size:11px;font-weight:700;padding:0;text-align:left}.replyform{margin-top:20px;padding-top:16px;border-top:1px solid #535f44}.replyform label{display:block;font-size:12px;font-weight:600;color:#c8d2b7;margin-bottom:8px}.replyform textarea{min-height:85px;width:100%;resize:vertical}.replyform small{font-size:10px;line-height:1.6}.replyerror{font-size:11px;color:#f4c8a2;margin:10px 0}.emptyreply,.replysignin{font-size:12px;color:#b2bf9e}.replymore{font-size:11px;margin-top:8px}@media(max-width:480px){.feedbackreplies{padding-left:10px}.postedreview{padding:13px}.threadreply{padding:10px}}

.tokenwheel span{font-size:8px;letter-spacing:.6px;padding-right:12px}@media(max-width:480px){.tokenwheel span{font-size:7px;letter-spacing:.3px;padding-right:9px}}