@import"https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..125,400..900&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{font-family:Archivo,sans-serif;color:#f4f1ec;background:#09090c;color-scheme:dark;--ground: #09090c;--surface: #111116;--raised: #18181e;--line: #2a2a31;--muted: #aaa7b1;--pink: #ff2f78;--lime: #b8ff38;--cyan: #38d7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--ground);overflow-wrap:anywhere}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}::selection{color:var(--ground);background:var(--lime)}:focus-visible{outline:2px solid var(--lime);outline-offset:3px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:#424149;border:2px solid var(--ground)}svg{fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr) 310px;min-height:100vh;padding-bottom:108px}.sidebar{position:sticky;top:0;height:calc(100vh - 108px);padding:24px 18px;background:#0c0c10;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;text-align:left;font-weight:850}.brand-symbol{display:grid;place-items:end center;width:40px;height:42px;flex:0 0 40px}.brand-symbol>img{width:36px;height:42px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 5px 7px rgba(0,0,0,.42))}.brand b,.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#f4f1ec;color:var(--ground);transform:rotate(-4deg)}.brand small{display:block;color:var(--pink);font:600 11px IBM Plex Mono}.sidebar nav{margin-top:38px}.sidebar nav button{display:block;width:100%;min-height:42px;padding:0 11px;border:0;background:transparent;color:var(--muted);text-align:left;transition:color .18s ease-out,background .18s ease-out}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:var(--raised)}.sidebar nav button span{display:block;margin:22px 0 9px;color:#7f7c87;font:500 11px IBM Plex Mono;pointer-events:none}.room-state{position:absolute;right:18px;bottom:22px;left:18px;padding-top:16px;border-top:1px solid var(--line)}.room-state strong,.room-state span{display:block}.room-state strong{font-size:13px}.room-state span{margin-top:5px;color:var(--lime);font:500 11px/1.4 IBM Plex Mono}.content-shell{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;height:72px;padding:0 30px;background:#09090cf0;border-bottom:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar>strong{font-size:13px}.quick-search{display:flex;align-items:center;gap:9px;width:min(320px,38vw);height:38px;margin-left:auto;padding:0 13px;border:0;background:var(--raised);color:#8f8c97;text-align:left}.quick-search svg{fill:none}.member{display:flex;align-items:center;gap:9px;font-size:12px}.member>img,.member>b{width:34px;height:34px;border-radius:50%;object-fit:cover}.member>b{display:grid;place-items:center;color:var(--ground);background:var(--pink)}.member>button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--muted)}.member>button svg,.quick-search svg{stroke:currentColor}.mobile-nav{display:none}.page{min-height:calc(100vh - 180px)}.standard-page{padding:54px 30px 70px}.page-heading{max-width:760px;margin-bottom:42px}.page-heading.split{display:flex;align-items:flex-end;justify-content:space-between;max-width:none;gap:30px}.page-heading h1{max-width:12ch;margin:0;font-size:clamp(48px,5.3vw,78px);line-height:.9;letter-spacing:-.04em;font-weight:900;font-variation-settings:"wdth" 78;text-transform:uppercase}.page-heading p{max-width:60ch;margin:22px 0 0;color:#c2bfc8;line-height:1.55}.signal-tag,.queue-count{flex:0 0 auto;color:var(--lime);font:500 11px IBM Plex Mono}.hero{position:relative;min-height:510px;overflow:hidden}.hero>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.06)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#09090c,#09090ce6 26%,#09090c14 78%),linear-gradient(0deg,#09090c 0%,transparent 42%)}.hero>div{position:relative;z-index:1;width:min(590px,72%);padding:128px 30px 72px}.hero h1{max-width:7ch;margin:0;font-size:clamp(60px,7vw,96px);line-height:.78;letter-spacing:-.04em;font-weight:900;font-variation-settings:"wdth" 78;text-transform:uppercase}.hero p{max-width:46ch;margin:26px 0;color:#d5d2da;line-height:1.45}.actions{display:flex;gap:12px}.actions button,.recommendation-copy button{min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.46);background:#09090c73}.actions .primary{border-color:#f4f1ec;background:#f4f1ec;color:var(--ground);font-weight:800}.actions .primary:hover{border-color:var(--lime);background:var(--lime)}.hero small{display:block;margin-top:25px;color:var(--muted);font:500 11px IBM Plex Mono}.voice-picker{display:grid;max-width:330px;gap:7px;margin-top:22px}.voice-picker>span{color:var(--muted);font:500 11px IBM Plex Mono}.voice-picker select{min-height:44px;padding:0 38px 0 12px;border:1px solid #54525d;border-radius:0;background:#111116;color:#fff;font:600 13px Archivo}.voice-picker small,.permission-note{margin-top:0;color:#ff9aac}.section-block{padding:18px 30px 52px}.section-block.no-padding{padding:0}.section-block>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:32px 0 18px}.section-block h2,.recommendations h2{margin:0 0 5px;font-size:25px}.section-block header p{margin:0;color:var(--muted);font-size:13px}.text-action{display:flex;align-items:center;gap:7px;padding:8px 0;border:0;background:none;color:var(--lime);font-size:12px}.text-action svg{stroke:currentColor}.music-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 13px}.music-card{position:relative;min-width:0}.track-art{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#18181e}.art-fallback{display:grid;place-items:center;background:#1c1b22;color:#706d78}.art-fallback b{font-size:clamp(24px,5vw,54px);transform:rotate(-4deg)}.music-card>button{position:absolute;top:auto;right:10px;bottom:52px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ground);transform:translateY(3px);opacity:0;transition:opacity .18s ease-out,transform .18s ease-out}.music-card:hover>button,.music-card>button:focus-visible{opacity:1;transform:translateY(0)}.music-card>button svg{stroke:currentColor}.music-card h3{overflow:hidden;margin:10px 0 2px;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.music-card p{overflow:hidden;margin:0;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.search-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;max-width:850px;height:64px;margin-bottom:46px;padding:0 8px 0 20px;background:var(--raised)}.search-form svg{color:var(--muted);stroke:currentColor}.search-form input{min-width:0;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.search-form button{height:48px;padding:0 24px;border:0;background:var(--lime);color:var(--ground);font-weight:800}.search-prompt{display:flex;min-height:280px;flex-direction:column;justify-content:flex-end;padding:34px;background:linear-gradient(110deg,#131319,#1d0f18)}.search-prompt span{color:var(--pink);font:600 11px IBM Plex Mono}.search-prompt strong{display:block;max-width:18ch;margin-top:12px;font-size:30px;line-height:1.05}.inline-error,.empty-state{display:flex;min-height:170px;flex-direction:column;justify-content:center;padding:28px;border:1px solid var(--line)}.compact-empty{min-height:120px;margin-top:28px}.queue-empty{margin-bottom:30px}.section-status{color:var(--muted)}.inline-error strong{color:#ff9aac}.inline-error span,.empty-state span{margin-top:7px;color:var(--muted)}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.skeleton-grid span{aspect-ratio:1;background:linear-gradient(100deg,#141419 20%,#202027,#141419 76%);background-size:220% 100%;animation:skeleton 1.4s ease-in-out infinite}@keyframes skeleton{to{background-position:-220% 0}}.now-wide{display:grid;grid-template-columns:190px 1fr;align-items:end;gap:24px;margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--line)}.now-wide .track-art{width:190px}.now-wide span{color:var(--pink);font:600 11px IBM Plex Mono}.now-wide h2{margin:10px 0 4px;font-size:34px}.now-wide p{margin:0;color:var(--muted)}.queue-table article{display:grid;grid-template-columns:38px 52px minmax(0,1fr) 64px 40px;align-items:center;gap:14px;min-height:76px;border-bottom:1px solid var(--line)}.queue-table .track-art{width:52px;height:52px}.queue-index{color:#77747e;font:500 12px IBM Plex Mono}.queue-table strong,.queue-table small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-table small{margin-top:4px;color:var(--muted);font-size:12px}.vote,.icon-button{display:flex;align-items:center;justify-content:center;gap:3px;min-height:36px;padding:0 8px;border:1px solid #484751;background:none;color:var(--muted);font:500 12px IBM Plex Mono}.vote svg{width:15px;height:15px;stroke:currentColor}.vote.active,.vote:hover{border-color:var(--lime);color:var(--lime)}.icon-button.danger:hover{border-color:#ff718a;color:#ff718a}.icon-button svg{stroke:currentColor}.dj-page{padding-bottom:70px}.dj-intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,44%);align-items:center;min-height:560px;padding:45px 30px 0;overflow:hidden;background:radial-gradient(circle at 85% 62%,rgba(255,47,120,.16),transparent 38%),var(--ground)}.dj-intro:after{content:"";position:absolute;right:-10%;bottom:0;left:38%;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--lime),transparent)}.dj-intro>div{position:relative;z-index:1}.dj-intro h1{max-width:10ch;margin:0;font-size:clamp(52px,6vw,86px);line-height:.88;letter-spacing:-.04em;font-weight:900;font-variation-settings:"wdth" 78;text-transform:uppercase}.dj-intro p{max-width:48ch;margin:24px 0;color:#c9c6ce;line-height:1.55}.dj-intro span,.recommendation-copy>span{color:var(--lime);font:500 11px IBM Plex Mono}.dj-intro img{align-self:end;width:100%;max-height:520px;object-fit:contain;object-position:bottom center;filter:drop-shadow(18px 26px 30px rgba(0,0,0,.45))}.recommendations{padding:42px 30px}.recommendations>h2{margin-bottom:24px}.recommendations>article{display:grid;grid-template-columns:minmax(260px,.85fr) 1.15fr;gap:30px;padding:30px 0;border-top:1px solid var(--line)}.recommendation-copy h3{margin:10px 0;font-size:28px}.recommendation-copy p{max-width:52ch;color:var(--muted);line-height:1.5}.recommendation-copy button{margin-top:10px;background:#f4f1ec;color:var(--ground);font-weight:800}.recommendation-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recommendation-tracks strong,.recommendation-tracks small{display:block;overflow:hidden;margin-top:7px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.recommendation-tracks small{margin-top:2px;color:var(--muted)}.lyrics-page{display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);gap:50px;padding:55px 40px 80px}.lyrics-art{position:sticky;top:120px;align-self:start}.lyrics-art .track-art{max-width:380px}.lyrics-art span{display:block;margin-top:22px;color:var(--pink);font:600 11px IBM Plex Mono}.lyrics-art h1{margin:9px 0 4px;font-size:34px}.lyrics-art p{margin:0;color:var(--muted)}.lyric-lines{padding-top:12px}.lyric-lines p{max-width:20ch;margin:0 0 23px;color:#5f5d66;font-size:clamp(25px,3.2vw,46px);line-height:1.05;font-weight:750;transition:color .2s ease-out,transform .2s ease-out}.lyric-lines p.past{color:#8d8a94}.lyric-lines p.active{color:#fff;transform:translate(12px)}.lyrics-credit{align-self:end;color:#797680;font:400 10px/1.5 IBM Plex Mono}.queue-rail{position:sticky;top:0;height:calc(100vh - 108px);padding:24px 20px;overflow:auto;background:#0d0d11;border-left:1px solid var(--line)}.queue-rail>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.queue-rail h2{margin:0;font-size:16px}.queue-rail header button{border:0;background:none;color:var(--lime);font:500 11px IBM Plex Mono}.rail-now .track-art{aspect-ratio:1.6}.rail-now strong,.rail-now span,.rail-now small{display:block}.rail-empty{display:grid;gap:8px;min-height:210px;align-content:center;padding:22px 0;border-block:1px solid var(--line)}.rail-empty span{color:var(--muted);font-size:13px;line-height:1.45}.rail-empty button{justify-self:start;min-height:40px;margin-top:8px;padding:0 14px;border:1px solid #53515b;background:none}.rail-now strong{margin-top:12px;font-size:21px}.rail-now span{margin-top:2px;color:var(--muted);font-size:12px}.rail-now small{margin:8px 0 18px;color:var(--cyan);font:500 10px IBM Plex Mono}.queue-rail article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:8px 0;border-top:1px solid var(--line)}.queue-rail article .track-art{width:40px;height:40px}.queue-rail article strong,.queue-rail article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-rail article strong{font-size:12px}.queue-rail article small{margin-top:3px;color:var(--muted);font:400 10px IBM Plex Mono}.queue-rail article button{min-width:46px;min-height:32px;border:1px solid #484751;background:none;color:var(--muted);font:500 11px IBM Plex Mono}.queue-rail article button.active{border-color:var(--lime);color:var(--lime)}.player-shell{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:280px minmax(320px,1fr) 230px;align-items:center;gap:22px;min-height:108px;padding:13px 24px 11px;background:#141419;border-top:1px solid #34343b}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-art{flex:0 0 auto;width:58px;height:58px;object-fit:cover;background:#1c1b22}.player-track div{min-width:0}.player-track strong,.player-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track strong{font-size:13px}.player-track small{margin-top:4px;color:var(--muted);font-size:11px}.player-center{min-width:0}.transport{display:flex;justify-content:center;gap:8px}.transport button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:transparent;color:#c9c6ce}.transport .play{width:42px;height:42px;background:#fff;color:var(--ground)}.timeline{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:9px;margin-top:7px;color:var(--muted);font:500 10px IBM Plex Mono;font-variant-numeric:tabular-nums}.timeline span:last-child{text-align:right}.timeline input{width:100%;height:16px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.timeline input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--lime) var(--progress),#4a4951 var(--progress))}.timeline input::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #fff;border-radius:50%;background:var(--ground)}.timeline input::-moz-range-track{height:3px;background:#4a4951}.timeline input::-moz-range-progress{height:3px;background:var(--lime)}.timeline input::-moz-range-thumb{width:9px;height:9px;border:3px solid #fff;border-radius:50%;background:var(--ground)}.lyrics-trigger{justify-self:end;min-height:40px;padding:0 14px;border:1px solid #53515b;background:none}.lyrics-trigger:hover{border-color:var(--pink);color:var(--pink)}.player-empty{grid-template-columns:minmax(0,1fr) auto}.player-empty div{display:grid;gap:4px}.player-empty small{color:var(--muted)}.player-empty>button,.error-gate button{min-height:44px;padding:0 17px;border:0;background:var(--lime);color:var(--ground);font-weight:800}.gate{min-height:100vh;background:var(--ground)}.loading-gate{display:grid;place-content:center;justify-items:center;gap:18px;color:var(--muted)}.error-gate{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px}.error-gate div{max-width:520px}.error-gate h1{margin:0;font-size:clamp(42px,7vw,72px);line-height:.92;letter-spacing:-.04em;text-transform:uppercase}.error-gate p{color:var(--muted);line-height:1.5}.login-gate{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,46%);align-items:center;min-height:100vh;padding:5vw 7vw 0;overflow:hidden;background:radial-gradient(circle at 82% 62%,rgba(255,47,120,.17),transparent 38%),var(--ground)}.login-copy{position:relative;z-index:1}.login-copy>span{color:var(--pink);font:600 11px IBM Plex Mono}.login-copy h1{max-width:10ch;margin:16px 0 22px;font-size:clamp(55px,6.5vw,94px);line-height:.86;letter-spacing:-.04em;font-variation-settings:"wdth" 78;text-transform:uppercase}.login-copy p{max-width:46ch;color:#c5c2ca;line-height:1.55}.discord-login{display:inline-flex;align-items:center;min-height:50px;margin-top:18px;padding:0 22px;background:#5865f2;color:#fff;font-weight:800;text-decoration:none}.login-copy small{display:block;max-width:52ch;margin-top:16px;color:#ff93a7}.login-gate>img{align-self:end;width:100%;max-height:90vh;object-fit:contain;filter:drop-shadow(20px 28px 34px rgba(0,0,0,.48))}.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.queue-rail{display:none}.music-grid,.skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player-shell{grid-template-columns:250px minmax(300px,1fr) 180px}}@media(max-width:820px){.app-shell{display:block;padding-bottom:96px}.sidebar{display:none}.topbar{height:58px;padding:0 15px}.topbar>strong{font-size:14px}.quick-search{width:38px;margin-left:auto;padding:0 9px}.quick-search span,.member>span{display:none}.mobile-nav{position:sticky;top:58px;z-index:19;display:flex;gap:18px;overflow-x:auto;padding:0 15px;background:#09090cf5;border-bottom:1px solid var(--line);scrollbar-width:none}.mobile-nav button{flex:0 0 auto;height:45px;padding:0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px}.mobile-nav button.active{border-bottom-color:var(--pink);color:#fff}.standard-page{padding:42px 17px 60px}.page-heading h1{font-size:clamp(46px,13vw,70px)}.page-heading.split{display:block}.signal-tag,.queue-count{display:block;margin-top:18px}.hero{min-height:590px}.hero>img{object-position:center}.hero:after{background:linear-gradient(0deg,#09090c,#09090c1f 76%),linear-gradient(90deg,rgba(9,9,12,.88),transparent 94%)}.hero>div{width:100%;padding:220px 18px 42px}.hero h1{font-size:clamp(58px,18vw,78px)}.section-block{padding:12px 17px 45px}.music-grid,.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.music-card>button{opacity:1;transform:none}.search-form{height:auto;min-height:58px;grid-template-columns:auto 1fr;padding:0 14px}.search-form button{grid-column:1 / -1;width:calc(100% + 28px);margin-left:-14px}.now-wide{grid-template-columns:112px 1fr;gap:16px}.now-wide .track-art{width:112px}.now-wide h2{font-size:23px}.queue-table article{grid-template-columns:22px 42px minmax(0,1fr) 52px 40px;gap:9px}.queue-table .track-art{width:46px;height:46px}.dj-intro{display:block;min-height:700px;padding:48px 17px 0}.dj-intro h1{font-size:clamp(50px,14vw,72px)}.dj-intro img{position:absolute;right:-8%;bottom:0;width:83%;max-height:420px}.recommendations{padding:35px 17px}.recommendations>article{display:block}.recommendation-tracks{margin-top:25px}.lyrics-page{display:block;padding:32px 17px 70px}.lyrics-art{position:static;display:grid;grid-template-columns:96px 1fr;align-items:end;gap:15px;margin-bottom:48px}.lyrics-art .track-art{width:96px}.lyrics-art span{margin-top:0}.lyrics-art h1{font-size:24px}.lyric-lines p{font-size:clamp(27px,9vw,40px)}.player-shell{grid-template-columns:minmax(0,1fr) auto 42px;gap:8px;min-height:96px;padding:14px 13px max(8px,env(safe-area-inset-bottom))}.player-art{width:48px;height:48px}.player-track small{max-width:26vw}.transport button:not(.play){display:none}.player-center{display:contents}.transport{grid-column:2;grid-row:1}.timeline{position:absolute;inset:0 0 auto;display:block;margin:0}.timeline span{display:none}.timeline input{display:block;height:15px}.lyrics-trigger{grid-column:3;grid-row:1;width:42px;padding:0;font-size:0}.lyrics-trigger:before{content:"Aa";font:600 12px IBM Plex Mono}.login-copy h1{font-size:clamp(52px,15vw,74px)}.player-empty{display:flex;min-height:84px;justify-content:space-between;padding-bottom:max(12px,env(safe-area-inset-bottom))}.player-empty>button{min-height:44px}.voice-picker{max-width:none}.login-gate{display:block;padding:56px 20px 0}.login-gate>img{display:block;width:78%;max-height:48vh;margin:28px auto 0}}@media(pointer:coarse){button,.discord-login,.mobile-nav button{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}