@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-standard-normal-rJmnGBSt.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-standard-normal-7khWdh9v.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-standard-normal-DY7AcnAa.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}: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-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}.music-card-art{position:relative}.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-art>button{position:absolute;top:auto;right:10px;bottom:10px;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 .music-card-art>button,.music-card-art>button:focus-visible{opacity:1;transform:translateY(0)}.music-card-art>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}.music-card .track-facts{display:block;margin-top:7px;color:#8f8b96;font:500 10px IBM Plex Mono;text-transform:uppercase}.music-card .track-description{display:-webkit-box;margin-top:8px;overflow:hidden;line-height:1.45;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.search-modes{display:flex;max-width:850px;margin-bottom:20px;border-bottom:1px solid var(--line)}.search-modes button{min-width:130px;min-height:46px;padding:0 18px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:800}.search-modes button[aria-pressed=true]{border-bottom-color:var(--pink);color:#fff}.search-sources{display:flex;align-items:center;gap:20px;max-width:850px;margin:0 0 16px;padding:0;border:0}.search-sources legend{float:left;margin-right:10px;color:#8f8b96;font:600 10px IBM Plex Mono;text-transform:uppercase}.search-sources label{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 2px;font-size:13px;font-weight:700}.search-sources input{width:18px;height:18px;accent-color:var(--pink)}.search-sources small{margin-left:auto;color:var(--muted);font-size:11px}.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}.playlist-results{border-top:1px solid var(--line)}.playlist-results article{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:144px;padding:15px 0;border-bottom:1px solid var(--line)}.playlist-results .playlist-artwork{width:112px;aspect-ratio:1;object-fit:cover}.playlist-results span,.playlist-preview header span{color:var(--pink);font:600 10px IBM Plex Mono}.playlist-results h3{display:-webkit-box;margin:8px 0 3px;overflow:hidden;font-size:19px;line-height:1.15;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.playlist-results p,.playlist-results small{display:block;margin:0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.playlist-results small{max-width:74ch;margin-top:9px}.playlist-results button,.playlist-selection-bar button{min-height:42px;padding:0 16px;border:1px solid #4c4a54;background:transparent;color:#fff;font-weight:800}.playlist-preview>.text-action{margin-bottom:24px}.playlist-preview>header{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:end;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.playlist-preview>header .playlist-artwork{width:170px;aspect-ratio:1;object-fit:cover}.playlist-preview h2{margin:10px 0 5px;font-size:clamp(28px,4vw,48px);line-height:.98}.playlist-preview header p,.playlist-note{margin:0;color:var(--muted)}.playlist-selection-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 0}.playlist-selection-bar span{color:var(--muted);font-size:12px}.playlist-selection-bar .primary{border-color:var(--lime);background:var(--lime);color:var(--ground)}.playlist-tracks label{display:grid;grid-template-columns:24px 28px 52px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;border-bottom:1px solid var(--line);cursor:pointer}.playlist-tracks input{width:18px;height:18px;accent-color:var(--pink)}.playlist-tracks .track-art{width:52px;height:52px}.playlist-tracks strong,.playlist-tracks small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-tracks small{margin-top:4px;color:var(--muted);font-size:11px}.playlist-note{padding-top:16px;font-size:12px}.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}.search-loading{display:grid;min-height:220px;align-content:center;gap:9px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.search-loading>span{width:54px;height:3px;margin-bottom:9px;background:var(--pink)}.search-loading strong{font-size:clamp(22px,3vw,34px)}.search-loading small{color:var(--muted)}.inline-success{margin:0 0 18px;padding:13px 15px;background:#172011;color:var(--lime);font-weight:750}.playlist-feedback{margin:0 0 18px}.lyric-lines .plain{color:#d4d1d8;opacity:1}.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}.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-art>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}.search-sources{display:grid;grid-template-columns:auto auto;gap:12px 18px}.search-sources legend,.search-sources small{grid-column:1 / -1;margin:0}.playlist-results article{grid-template-columns:82px minmax(0,1fr);gap:14px}.playlist-results .playlist-artwork{width:82px}.playlist-results article>button{grid-column:1 / -1}.playlist-preview>header{grid-template-columns:96px minmax(0,1fr);gap:15px}.playlist-preview>header .playlist-artwork{width:96px}.playlist-selection-bar{grid-template-columns:1fr auto}.playlist-selection-bar span{grid-column:1 / -1;grid-row:1}.playlist-selection-bar .primary{grid-column:1 / -1}.playlist-tracks label{grid-template-columns:24px 44px minmax(0,1fr) auto}.playlist-tracks label>span:nth-of-type(1){display:none}.playlist-tracks .track-art{width:44px;height:44px}.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}}:root{--ground: #f6f3f5;--surface: #fffdfd;--raised: #f0eaf0;--line: #ded8de;--muted: #625b64;--pink: #b32062;--lime: #b32062;--cyan: #6b3158;--ink: #211c23;--blush: #f5dce7;--text: #211c23;--text-muted: #625b64;--text-subtle: #80717c;--accent: #b32062;--accent-hover: #8c1248;--accent-soft: #f5dce7;--accent-text: #7f1a49;--bg-hover: #f2eaf0;--bg-active: #e8e0e6;--input-bg: #faf7fa;--input-border: #ded8de;--card-bg: #fffdfd;--card-shadow: rgba(63, 37, 56, .1);--danger: #9d2854;--danger-hover: #7a1a38}html.dark{--ground: #1a181c;--surface: #1e1c20;--raised: #252227;--line: #353137;--muted: #a6a0aa;--pink: #f5b8d0;--lime: #f5b8d0;--cyan: #b8d0f5;--ink: #f4f1ec;--blush: #3d2e38;--text: #f4f1ec;--text-muted: #a6a0aa;--text-subtle: #8b858d;--accent: #f5b8d0;--accent-hover: #f8cce3;--accent-soft: #3d2e38;--accent-text: #f5b8d0;--bg-hover: #2d2a2f;--bg-active: #353137;--input-bg: #252227;--input-border: #3d383f;--card-bg: #1e1c20;--card-shadow: rgba(0, 0, 0, .35);--danger: #f58aa8;--danger-hover: #f8a8c0;color-scheme:light dark;color:var(--ink);background:var(--ground)}body,.gate{background:var(--ground)}::selection{color:var(--ground);background:var(--pink)}:focus-visible{outline-color:var(--pink)}::-webkit-scrollbar-track{background:var(--ground)}::-webkit-scrollbar-thumb{background:var(--text-subtle);border-color:var(--ground)}.app-shell{grid-template-columns:204px minmax(0,1fr) 292px;padding-bottom:112px}.sidebar{height:calc(100vh - 112px);padding:28px 17px;background:var(--raised);border-right:1px solid var(--line)}.brand{gap:9px;font-size:15px;letter-spacing:-.02em}.brand-symbol{width:37px;height:39px;flex-basis:37px}.brand-symbol>img{width:35px;height:39px;filter:none}.brand small{margin-top:3px;color:var(--accent-text);font:500 10px IBM Plex Mono;letter-spacing:0}.sidebar nav{margin-top:46px}.sidebar nav button{min-height:44px;margin-bottom:3px;padding:0 13px;border-radius:10px;color:var(--muted);font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{color:var(--ink);background:var(--surface)}.sidebar nav button.active{box-shadow:0 4px 12px var(--card-shadow)}.sidebar nav button span{color:var(--text-subtle)}.room-state{border-color:var(--line)}.room-state span{color:var(--accent-text)}.topbar{height:73px;padding-inline:34px;background:var(--surface);border-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar>strong{font-size:15px}.quick-search{width:min(310px,35vw);background:var(--raised);border-radius:9px;color:var(--text-muted)}.member>b{color:var(--ground);background:var(--pink)}.member>button{color:var(--text-muted)}.mobile-nav{background:var(--surface)}.standard-page{padding:47px 38px 74px}.page-heading{margin-bottom:30px}.page-heading h1{max-width:15ch;font-size:clamp(40px,4.4vw,66px);line-height:1;letter-spacing:-.035em;font-variation-settings:"wdth" 95;text-transform:none;color:var(--ink)}.page-heading p{margin-top:13px;color:var(--muted)}.signal-tag,.queue-count{color:var(--accent-text)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,43%);min-height:470px;margin:24px 32px 0;overflow:visible;background:var(--card-bg);border-radius:16px;box-shadow:0 18px 48px var(--card-shadow)}.hero>img{position:relative;grid-column:2;grid-row:1;width:calc(100% - 34px);height:calc(100% - 34px);margin:17px;border-radius:12px;object-position:center;filter:none}.hero:after{display:none}.hero>div{grid-column:1;grid-row:1;align-self:center;width:100%;padding:44px 24px 42px 46px}.hero h1{max-width:10ch;font-size:clamp(48px,5.5vw,82px);line-height:.94;font-variation-settings:"wdth" 90;text-transform:none;color:var(--ink)}.hero p{max-width:40ch;margin:22px 0 26px;color:var(--text-muted);line-height:1.48}.hero small{margin-top:20px;color:var(--muted)}.actions button,.recommendation-copy button{min-height:43px;border:1px solid var(--line);border-radius:22px;background:transparent;color:var(--ink)}.actions .primary,.search-form button,.playlist-selection-bar .primary,.player-empty>button,.error-gate button{border-color:var(--pink);background:var(--pink);color:var(--ground)}.actions .primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.voice-picker>span,.voice-picker small,.permission-note{color:var(--accent-text)}.voice-picker select{border:1px solid var(--line);border-radius:8px;background:var(--input-bg);color:var(--ink)}.section-block{padding:26px 38px 58px}.section-block>header{margin-block:24px 20px}.section-block h2,.recommendations h2{font-size:25px;letter-spacing:-.025em}.text-action{color:var(--pink);font-weight:750}.music-grid{gap:22px 16px}.track-art{border-radius:10px;background:var(--raised)}.art-fallback{color:var(--text-subtle);background:var(--line)}.music-card-art>button{background:var(--surface);color:var(--ink);box-shadow:0 6px 15px #291a272e}.music-card h3{font-size:14px;color:var(--ink)}.music-card p,.music-card .track-facts{color:var(--muted)}.search-modes{border-color:var(--line)}.search-modes button{color:var(--muted)}.search-modes button[aria-pressed=true]{color:var(--ink)}.search-sources{flex-wrap:wrap;gap:5px 20px}.search-sources legend{color:var(--text-muted)}.search-sources small{color:var(--muted)}.search-sources input,.playlist-tracks input{accent-color:var(--pink)}.search-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px var(--card-shadow)}.search-form input{color:var(--ink)}.search-form input::placeholder{color:var(--text-subtle)}.search-form button{border-radius:8px}.playlist-results button,.playlist-selection-bar button{border-color:var(--line);border-radius:8px;color:var(--ink)}.playlist-selection-bar .primary{color:var(--ground)}.playlist-results .playlist-artwork,.playlist-preview>header .playlist-artwork{border-radius:10px}.playlist-results span,.playlist-preview header span{color:var(--pink)}.playlist-results p,.playlist-results small,.playlist-preview header p,.playlist-note{color:var(--muted)}.playlist-preview h2{letter-spacing:-.025em;color:var(--ink)}.playlist-tracks label:hover{background:var(--bg-hover)}.search-prompt{min-height:240px;border-radius:14px;background:var(--accent-soft)}.search-prompt span{color:var(--accent-text)}.search-prompt strong{color:var(--ink)}.search-loading>span{border-radius:2px;background:var(--pink)}.inline-success{border-radius:8px;background:var(--bg-active);color:var(--ink)}.inline-error,.empty-state{border-radius:12px;background:var(--surface);border:1px solid var(--line)}.inline-error strong{color:var(--danger)}.skeleton-grid span{border-radius:12px;background:linear-gradient(100deg,var(--line) 20%,var(--raised) 48%,var(--line) 76%)}.radio-control{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:770px;margin:0 0 32px;padding:19px 22px;border-radius:12px;background:var(--accent-soft)}.radio-control div{display:grid;gap:5px}.radio-control strong{font-size:15px;color:var(--ink)}.radio-control span{color:var(--accent-text);font-size:12px;line-height:1.4}.radio-control button{flex:0 0 auto;min-width:92px;min-height:38px;padding:0 14px;border:1px solid var(--pink);border-radius:20px;background:var(--surface);color:var(--accent-text);font-weight:750}.radio-control button[aria-checked=true]{background:var(--pink);color:var(--ground)}.radio-control button:disabled{opacity:.72}.now-wide{border-color:var(--line)}.now-wide span{color:var(--pink)}.now-wide h2{letter-spacing:-.025em;color:var(--ink)}.queue-table article{grid-template-columns:34px 50px minmax(0,1fr) 64px auto}.queue-table .track-art{width:50px;height:50px}.queue-index,.queue-table small{color:var(--muted)}.vote,.icon-button{border-color:var(--line);border-radius:8px;color:var(--text-muted)}.vote.active,.vote:hover{border-color:var(--pink);color:var(--pink)}.queue-edit-actions{display:flex;gap:5px}.queue-edit-actions .icon-button{width:34px;min-width:34px;height:34px;padding:6px}.queue-edit-actions .icon-button.down svg{transform:rotate(180deg)}.icon-button.danger:hover{color:var(--danger-hover);border-color:var(--danger-hover)}.dj-intro{min-height:490px;background:var(--accent-soft)}.dj-intro:after{display:none}.dj-intro h1{font-variation-settings:"wdth" 95;text-transform:none;color:var(--ink)}.dj-intro p{color:var(--text-muted)}.dj-intro span,.recommendation-copy>span{color:var(--pink)}.dj-intro img{filter:none}.recommendation-copy button{background:var(--pink);color:var(--ground)}.lyrics-art span{color:var(--pink)}.lyric-lines p{color:var(--text-muted)}.lyric-lines p.past{color:var(--text-subtle)}.lyric-lines p.active{color:var(--ink)}.lyrics-credit{color:var(--muted)}.queue-rail{height:calc(100vh - 112px);background:var(--surface);border-left:1px solid var(--line)}.queue-rail header button{color:var(--pink)}.rail-now .track-art{aspect-ratio:1}.rail-now strong{font-size:20px;letter-spacing:-.02em;color:var(--ink)}.rail-now small{color:var(--accent-text)}.rail-empty button{border-color:var(--line);border-radius:8px;color:var(--ink)}.queue-rail article button{border-color:var(--line);border-radius:7px;color:var(--text-muted)}.queue-rail article button.active{border-color:var(--pink);color:var(--pink)}.player-shell{min-height:112px;grid-template-columns:minmax(190px,290px) minmax(260px,1fr) 130px;background:var(--accent-soft);border-top:1px solid var(--border-strong);box-shadow:0 -8px 25px var(--card-shadow)}.player-art{border-radius:8px;background:var(--raised)}.player-track strong{font-size:14px;color:var(--ink)}.player-track small,.transport button{color:var(--text-muted)}.transport .play{background:var(--surface);color:var(--ink);box-shadow:0 4px 12px var(--card-shadow)}.timeline{color:var(--text-muted)}.timeline input::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--pink) var(--progress),var(--line) var(--progress))}.timeline input::-webkit-slider-thumb{background:var(--pink)}.timeline input::-moz-range-track{background:var(--line)}.timeline input::-moz-range-progress{background:var(--pink)}.timeline input::-moz-range-thumb{background:var(--pink)}.lyrics-trigger{border-color:var(--line);border-radius:8px;color:var(--ink)}.lyrics-trigger:hover{border-color:var(--pink);color:var(--pink)}.player-empty>button{border-radius:8px}.login-gate{background:var(--accent-soft)}.login-copy>span{color:var(--pink)}.login-copy h1{color:var(--ink)}.login-copy p,.login-copy small,.error-gate p{color:var(--muted)}.discord-login{background:var(--pink);color:var(--ground)}@media(max-width:1180px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.queue-rail{display:none}.hero{min-height:430px}}@media(max-width:820px){.app-shell{display:block;padding-bottom:112px}.sidebar{display:none}.topbar{position:relative;height:63px;padding-inline:18px}.topbar>strong{display:none}.quick-search{width:auto;margin-left:0;flex:1}.member>span{display:none}.mobile-nav{display:flex;overflow-x:auto;padding:0 14px 8px;border-bottom:1px solid var(--line)}.mobile-nav button{flex:0 0 auto;color:var(--muted)}.mobile-nav button.active{color:var(--pink);border-color:var(--pink)}.standard-page{padding:28px 18px 55px}.page-heading h1{font-size:clamp(38px,10vw,58px)}.hero{display:flex;flex-direction:column;min-height:0;margin:16px 18px 0}.hero>img{order:0;width:calc(100% - 28px);height:auto;aspect-ratio:1.5;margin:14px}.hero>div{order:1;padding:14px 24px 30px}.hero h1{font-size:clamp(48px,12vw,70px)}.hero p{margin:13px 0 20px}.section-block{padding:25px 18px 44px}.music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-sources small{flex-basis:100%;margin-left:0}.search-form{margin-bottom:27px}.playlist-results article{grid-template-columns:74px minmax(0,1fr);gap:12px}.playlist-results .playlist-artwork{width:74px}.playlist-results button{grid-column:2;justify-self:start}.playlist-preview>header{grid-template-columns:100px minmax(0,1fr);gap:14px}.playlist-preview>header .playlist-artwork{width:100px}.playlist-selection-bar{grid-template-columns:1fr auto;gap:9px}.playlist-selection-bar .primary{grid-column:1 / -1;justify-self:stretch}.queue-table article{grid-template-columns:24px 42px minmax(0,1fr) auto;gap:8px;padding-block:8px}.queue-table .track-art{width:42px;height:42px}.queue-table .vote{grid-column:3;justify-self:start}.queue-edit-actions{grid-column:4;grid-row:1 / 3}.queue-edit-actions .icon-button{width:30px;min-width:30px;height:30px;padding:5px}.radio-control{align-items:flex-start}.dj-intro{min-height:0}.lyrics-page{padding-inline:18px}.player-shell{grid-template-columns:minmax(0,1fr) auto;min-height:96px;gap:8px;padding:9px 14px}.player-track{grid-column:1}.player-center{grid-column:2}.transport{justify-content:flex-end}.timeline,.lyrics-trigger{display:none}}@media(max-width:480px){.actions{flex-wrap:wrap}.page-heading.split{align-items:start}.queue-count{white-space:nowrap}.queue-edit-actions{flex-direction:column}.playlist-tracks label{grid-template-columns:20px 20px 42px minmax(0,1fr);gap:7px}.playlist-tracks .track-art{width:42px;height:42px}.playlist-tracks label>small{display:none}.radio-control{flex-direction:column}}@media(prefers-reduced-motion:reduce){.music-card-art>button{transform:none;transition:none}}:root{--platform-gutter: clamp(24px, 2vw, 48px);--bg: #f6f3f5;--bg-elevated: #fffdfd;--bg-raised: #f0eaf0;--bg-hover: #f2eaf0;--bg-active: #e8e0e6;--border: #ded8de;--border-strong: #e8e0e6;--border-focus: #b32062;--text: #211c23;--text-muted: #625b64;--text-subtle: #80717c;--text-on-accent: #fff;--accent: #b32062;--accent-hover: #8c1248;--accent-soft: #f5dce7;--accent-text: #7f1a49;--status-bg: #f1e6ed;--status-text: #5c3c50;--card-bg: #fffdfd;--card-shadow: rgba(59, 32, 50, .07);--card-shadow-strong: rgba(38, 18, 31, .17);--input-bg: #faf7fa;--input-border: #ded8de;--scrollbar-thumb: #b9aeb8;--scrollbar-track: transparent;--player-bg: #f5dce7;--player-border: #e5c7d7;--queue-rail-bg: #fffdfd;--queue-rail-border: #e8e0e6;--queue-rail-shadow: rgba(38, 18, 31, .17);--danger: #9d244c;--danger-hover: #7a1a38}html.dark{--bg: #1a181c;--bg-elevated: #1e1c20;--bg-raised: #252227;--bg-hover: #2d2a2f;--bg-active: #353137;--border: #353137;--border-strong: #454047;--border-focus: #f5b8d0;--text: #f4f1ec;--text-muted: #a6a0aa;--text-subtle: #8b858d;--text-on-accent: #1a181c;--accent: #f5b8d0;--accent-hover: #f8cce3;--accent-soft: #3d2e38;--accent-text: #f5b8d0;--status-bg: #2d252c;--status-text: #d4b8c8;--card-bg: #1e1c20;--card-shadow: rgba(0, 0, 0, .35);--card-shadow-strong: rgba(0, 0, 0, .45);--input-bg: #252227;--input-border: #3d383f;--scrollbar-thumb: #5a545c;--scrollbar-track: transparent;--player-bg: #2d252c;--player-border: #453a42;--queue-rail-bg: #1e1c20;--queue-rail-border: #353137;--queue-rail-shadow: rgba(0, 0, 0, .45);--danger: #f58aa8;--danger-hover: #f8a8c0}.platform-shell{min-height:100vh;padding-bottom:112px;background:var(--bg)}.platform-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:34px;min-height:76px;padding:0 var(--platform-gutter);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.platform-brand{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-height:54px;padding:0;border:0;background:transparent;color:var(--text);font-size:17px;font-weight:900;letter-spacing:-.025em}.platform-brand img{width:40px;height:44px;object-fit:contain}.platform-brand b{color:var(--accent)}.platform-nav{display:flex;align-items:stretch;gap:3px;align-self:stretch;min-width:0}.platform-nav button{position:relative;padding:0 14px;border:0;background:transparent;color:var(--text-muted);font-size:13px;font-weight:700;white-space:nowrap}.platform-nav button:after{position:absolute;right:14px;bottom:0;left:14px;height:2px;background:transparent;content:""}.platform-nav button:hover,.platform-nav button.active{color:var(--text)}.platform-nav button.active:after{background:var(--accent)}.platform-tools{display:flex;align-items:center;gap:9px;margin-left:auto}.platform-tools button{display:grid;place-items:center;width:35px;height:35px;padding:7px;border:0;border-radius:50%;background:transparent;color:var(--text-muted)}.platform-tools button:hover{background:var(--bg-hover)}.platform-tools svg{width:18px;height:18px;stroke:currentColor}.platform-search svg,.platform-logout svg{fill:none}.platform-theme-toggle{display:grid;place-items:center;width:35px;height:35px;padding:7px;border:0;border-radius:50%;background:transparent;color:var(--text-muted)}.platform-theme-toggle:hover{background:var(--bg-hover);color:var(--accent)}.platform-member{overflow:hidden;max-width:130px;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;color:var(--text)}.platform-avatar{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;object-fit:cover;background:var(--accent);color:var(--text-on-accent);font-size:11px}.platform-status{display:flex;align-items:center;gap:8px;min-height:33px;padding:0 var(--platform-gutter);background:var(--status-bg);color:var(--status-text);font-size:11px;font-weight:650}.status-dot,.room-people-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--accent)}.platform-content{min-width:0;width:100%;padding-right:clamp(310px,18vw,380px)}.platform-body{display:grid;grid-template-columns:1fr;width:100%;min-height:calc(100vh - 221px)}.platform-body>.platform-content{min-width:0;width:100%}.queue-rail{position:fixed;top:109px;right:0;z-index:30;width:clamp(310px,18vw,380px);height:calc(100vh - 221px);min-height:500px;background:var(--queue-rail-bg);border-left:1px solid var(--queue-rail-border);box-shadow:-10px 0 40px var(--queue-rail-shadow)}.platform-queue-toggle{display:none!important;position:relative}.platform-queue-toggle b{position:absolute;top:-3px;right:-6px;min-width:16px;height:16px;padding:1px 3px;border-radius:8px;background:var(--accent);color:var(--text-on-accent);font:700 10px Archivo,sans-serif}.queue-rail-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 22px 21px;border-bottom:1px solid var(--border-strong)}.queue-rail-heading h2{margin:0;font-size:26px;line-height:1;letter-spacing:-.03em;color:var(--text)}.queue-rail-heading p{margin:6px 0 0;color:var(--text-muted);font-size:12px}.queue-rail-close{display:none;place-items:center;width:35px;height:35px;padding:7px;border:0;border-radius:50%;background:transparent;color:var(--text-subtle)}.queue-rail-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8}.queue-rail-scroll{min-height:0;overflow-y:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.queue-rail-current,.queue-rail-upcoming{padding:16px}.queue-rail-current{border-bottom:1px solid var(--border-strong)}.queue-rail-current h3,.queue-rail-upcoming h3{margin:0 0 10px;font-size:12px;font-weight:800;color:var(--text-muted)}.queue-rail .queue-rail-current-track{display:flex;flex-direction:column;align-items:start;gap:0;min-width:0;min-height:0;padding:0;border:0}.queue-rail .queue-rail-current-track .track-art{width:100%;max-width:200px;height:auto;aspect-ratio:1.32;margin-bottom:10px;border-radius:6px;object-fit:cover}.queue-rail-current-track>strong{font-size:17px;line-height:1.15;letter-spacing:-.025em;color:var(--text)}.queue-rail-current-track>span:not(.requester){margin-top:4px;color:var(--text-muted);font-size:13px}.requester{display:inline-flex;align-items:center;gap:8px;min-width:0;margin-top:13px;color:var(--text-muted);font-size:11px;line-height:1.25}.requester img,.requester-fallback{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;object-fit:cover;background:var(--accent);color:var(--text-on-accent);font-size:9px;font-weight:800}.requester>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.requester strong{color:var(--text);font-weight:750}.requester-compact{gap:5px;margin-top:7px;font-size:10px}.requester-compact img,.requester-compact .requester-fallback{width:19px;height:19px;flex-basis:19px;font-size:8px}.queue-rail-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.queue-rail-section-heading button{padding:0;border:0;background:transparent;color:var(--accent-text);font-size:10px;font-weight:800;white-space:nowrap}.queue-rail .queue-rail-track{display:grid;grid-template-columns:15px 44px minmax(0,1fr);align-items:start;gap:8px;min-width:0;min-height:0;padding:12px 0;border-top:1px solid var(--border)}.queue-rail-number{padding-top:16px;color:var(--text-subtle);font:500 10px IBM Plex Mono}.queue-rail .queue-rail-track .track-art{width:44px;height:44px;border-radius:5px;object-fit:cover}.queue-rail-track-copy{min-width:0}.queue-rail-track-copy>strong,.queue-rail-track-copy>span:not(.requester){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-rail-track-copy>strong{font-size:12px;line-height:1.25;color:var(--text)}.queue-rail-track-copy>span:not(.requester){margin-top:3px;color:var(--text-muted);font-size:11px}.queue-rail-empty{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.queue-rail-footer{margin-top:auto;padding:15px 22px;border-top:1px solid var(--border-strong)}.queue-rail-footer button{width:100%;min-height:38px;border:1px solid var(--accent);border-radius:19px;background:var(--bg-elevated);color:var(--accent-text);font-size:12px;font-weight:800}.queue-rail-footer button:hover{background:var(--accent-soft)}.queue-rail-scrim{display:none}.platform-content>.standard-page{min-height:calc(100vh - 221px);padding:44px var(--platform-gutter) 80px}.platform-content .page-heading h1{max-width:19ch}.platform-content .music-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.platform-shell .player-shell{grid-template-columns:minmax(200px,350px) minmax(340px,1fr) 170px}.room-home{padding:30px var(--platform-gutter) 64px}.room-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.room-heading h1{margin:0;font-size:clamp(33px,4vw,53px);line-height:1;letter-spacing:-.035em;color:var(--text)}.room-heading p{margin:7px 0 0;color:var(--text-muted);font-size:14px}.room-people{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--accent-text);font-size:12px;font-weight:700;white-space:nowrap}.room-stage{display:block;min-height:500px}.room-now,.room-up-next{min-width:0;overflow:hidden;border-radius:16px;background:var(--card-bg);box-shadow:0 10px 30px var(--card-shadow)}.room-now{display:grid;grid-template-columns:minmax(250px,45%) minmax(0,1fr);min-height:500px;padding:15px}.room-cover{position:relative;min-width:0;min-height:100%;overflow:hidden;border-radius:11px;background:var(--bg-raised)}.room-cover .room-artwork{display:block;width:100%;height:100%;min-height:520px;object-fit:cover}.room-cover .room-artwork.art-fallback{display:grid}.room-live-state{position:absolute;left:16px;bottom:16px;padding:7px 11px;border-radius:5px;background:var(--bg-elevated);color:var(--accent-text);font:600 10px IBM Plex Mono;text-transform:uppercase}.room-now-details{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:28px 27px 20px}.room-now-copy>span{color:var(--accent-text);font:600 11px IBM Plex Mono;text-transform:uppercase}.room-now-copy h2{margin:17px 0 10px;font-size:clamp(37px,3.8vw,66px);line-height:.98;letter-spacing:-.035em;overflow-wrap:anywhere;color:var(--text)}.room-now-copy p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.45}.room-now-controls{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:28px}.room-play{min-height:44px;padding:0 23px;border:0;border-radius:24px;background:var(--accent);color:var(--text-on-accent);font-weight:800}.room-queue-link{display:flex;align-items:center;gap:4px;min-height:40px;padding:0;border:0;background:transparent;color:var(--accent-text);font-size:12px;font-weight:800}.room-queue-link svg{width:15px;height:15px;stroke:currentColor}.room-channel{display:grid;align-items:center;gap:6px;padding-top:18px;border-top:1px solid var(--border-strong)}.room-channel>span{color:var(--text-muted);font:600 10px IBM Plex Mono;text-transform:uppercase}.room-channel strong{font-size:13px;color:var(--text)}.room-channel select{width:100%;min-height:36px;padding:0 10px;border:1px solid var(--input-border);border-radius:7px;background:var(--input-bg);color:var(--text)}.room-channel small{color:var(--text-muted);font-size:11px}.room-up-next{display:flex;flex-direction:column}.room-up-next>header{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:27px 26px 19px}.room-up-next h2{margin:0;font-size:26px;line-height:1;letter-spacing:-.025em;color:var(--text)}.room-up-next header p{margin:7px 0 0;color:var(--text-muted);font-size:12px}.room-up-next header button{flex:0 0 auto;padding:8px 0;border:0;background:transparent;color:var(--accent-text);font-size:12px;font-weight:800}.room-next-list{flex:1;min-height:0;padding:0 26px}.room-next-list article{display:grid;grid-template-columns:20px 44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:69px;border-top:1px solid var(--border)}.room-next-index{color:var(--text-subtle);font:500 11px IBM Plex Mono}.room-next-list .track-art{width:44px;height:44px;border-radius:6px}.room-next-list article>div{min-width:0}.room-next-list strong,.room-next-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-next-list strong{font-size:13px;color:var(--text)}.room-next-list small{margin-top:4px;color:var(--text-muted);font-size:11px}.room-vote{display:flex;align-items:center;gap:2px;min-width:39px;min-height:30px;padding:0 5px;border:1px solid var(--border);border-radius:7px;background:var(--bg-elevated);color:var(--text-muted);font:500 11px IBM Plex Mono}.room-vote svg{width:13px;height:13px;stroke:currentColor}.room-vote.active{border-color:var(--accent);color:var(--accent-text)}.room-more{min-height:42px;padding:0;border:0;background:transparent;color:var(--accent-text);font-weight:750}.room-next-empty{display:flex;flex:1;flex-direction:column;align-items:start;justify-content:center;padding:24px 30px}.room-next-empty strong{font-size:23px;line-height:1.1;color:var(--text)}.room-next-empty p{max-width:34ch;color:var(--text-muted);line-height:1.5}.room-next-empty button{min-height:40px;padding:0 15px;border:1px solid var(--accent);border-radius:20px;background:var(--bg-elevated);color:var(--accent-text);font-weight:750}.room-up-next>footer{display:flex;justify-content:space-between;gap:8px;padding:15px 26px;border-top:1px solid var(--border);background:var(--accent-soft);color:var(--status-text);font-size:11px;font-weight:700}.room-up-next>footer button{padding:0;border:0;background:transparent;color:var(--accent-text);font-size:11px;font-weight:800}.room-discover{display:grid;grid-template-columns:1fr auto;gap:20px;padding-top:35px}.room-discover h2{margin:0 0 5px;font-size:26px;letter-spacing:-.025em;color:var(--text)}.room-discover p{margin:0;color:var(--text-muted);font-size:13px}.room-discover .music-grid,.room-discover .empty-state{grid-column:1 / -1}.queue-page{display:flex;flex-direction:column;align-items:stretch;gap:18px}.queue-page .page-heading{width:100%;margin-bottom:0}.queue-heading-actions{display:flex;align-items:center;gap:13px}.queue-clear-trigger{min-height:33px;padding:0 11px;border:1px solid var(--border-strong);border-radius:17px;background:transparent;color:var(--accent-text);font-size:11px;font-weight:800;white-space:nowrap}.queue-clear-trigger:hover{background:var(--bg-hover)}.queue-clear-confirm{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:17px 20px;border-radius:12px;background:var(--accent-soft)}.queue-clear-confirm>div:first-child{display:grid;gap:4px}.queue-clear-confirm strong{font-size:14px;color:var(--text)}.queue-clear-confirm span{color:var(--text-muted);font-size:12px}.queue-clear-confirm small{color:var(--danger);font-size:11px}.queue-clear-confirm-actions{display:flex;gap:8px;flex:0 0 auto}.queue-clear-confirm-actions button{min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:18px;background:var(--bg-elevated);color:var(--text-muted);font-size:11px;font-weight:800}.queue-clear-confirm-actions button.danger{border-color:var(--danger);background:var(--danger);color:var(--text-on-accent)}.queue-clear-confirm-actions button:disabled{opacity:.55;cursor:wait}.queue-page .radio-control{order:1;flex-direction:row;align-items:center;width:100%;margin:0}.queue-page .queue-clear-confirm{order:2}.queue-page .now-wide,.queue-page .queue-empty{order:3}.queue-page .queue-table{order:4;width:100%;min-height:0;padding:9px 24px 20px;border-radius:14px;background:var(--card-bg);box-shadow:0 9px 25px var(--card-shadow)}.queue-page .now-wide{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:14px;padding:0;border:0}.queue-page .now-wide .track-art{width:78px;height:78px;border-radius:8px}.queue-page .now-wide>div{padding-top:0}.queue-page .queue-table article{min-height:79px}.queue-drag-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:34px;min-height:46px;padding:2px;border:0;border-radius:7px;background:transparent;color:var(--text-subtle);cursor:grab;touch-action:none}.queue-drag-handle:hover,.queue-drag-handle:focus-visible{background:var(--bg-hover);color:var(--accent-text)}.queue-drag-handle:active{cursor:grabbing}.queue-drag-handle:disabled{opacity:.45;cursor:wait}.queue-drag-handle span{font:500 10px IBM Plex Mono}.queue-row-dragging{position:relative;z-index:2;border-radius:8px;background:var(--accent-soft);box-shadow:0 12px 25px var(--card-shadow-strong)}.queue-row-drop{background:var(--bg-hover)}.search-page .page-heading{margin-bottom:28px}.source-coming-soon{opacity:.56;cursor:not-allowed}.source-coming-soon input{cursor:not-allowed}.source-soon-label{margin-left:5px;padding:3px 6px;border-radius:8px;background:var(--accent-soft);color:var(--accent-text);font-size:11px;font-weight:800;white-space:nowrap}.search-workspace .playlist-sources{align-items:flex-start;flex-direction:column;gap:10px}.search-workspace .search-sources.playlist-sources small{width:100%;max-width:none;margin-left:0;text-align:left}.search-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);align-items:stretch;gap:28px;margin-bottom:28px}.search-workspace-main{min-width:0;display:flex;flex-direction:column;justify-content:center}.search-workspace .search-modes{max-width:none;margin-bottom:19px}.search-workspace .search-sources{max-width:none;min-height:44px;margin-bottom:20px}.search-workspace .search-sources small{max-width:27ch;line-height:1.4;text-align:right}.search-workspace .search-form{max-width:none;width:100%;margin:0}.search-room-context{display:grid;grid-template-columns:125px minmax(0,1fr);gap:17px;min-width:0;min-height:180px;padding:16px;border-radius:14px;background:var(--accent-soft)}.search-context-art{overflow:hidden;border-radius:9px;background:var(--bg-raised)}.search-context-art .track-art,.search-context-art img{display:block;width:100%;height:100%;object-fit:cover}.search-context-copy{display:flex;min-width:0;flex-direction:column;align-items:start;justify-content:center}.search-context-copy>span{margin-bottom:9px;color:var(--accent-text);font:600 10px IBM Plex Mono}.search-context-copy strong{display:-webkit-box;overflow:hidden;max-width:100%;font-size:21px;line-height:1.1;letter-spacing:-.02em;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text)}.search-context-copy small{display:block;overflow:hidden;max-width:100%;margin-top:7px;color:var(--text-muted);font-size:12px;white-space:nowrap;text-overflow:ellipsis}.search-context-copy button{display:flex;align-items:center;gap:5px;margin-top:18px;padding:0;border:0;background:transparent;color:var(--accent-text);font-size:12px;font-weight:800}.search-context-copy button svg{stroke:currentColor}.search-idle-note{padding:21px 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:14px}.search-page>.section-block{padding-inline:0;background:transparent}.search-page>.section-block>header{margin-top:8px}.queue-page .compact-empty{order:5}.dj-page{padding-bottom:68px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dj-page .dj-intro{min-height:250px;grid-template-columns:minmax(0,1fr) 230px;padding:25px 36px 0;border-radius:0;background:var(--accent-soft)}.dj-page .dj-intro h1{max-width:17ch;font-size:clamp(38px,4.4vw,62px);line-height:.98;color:var(--text)}.dj-page .dj-intro p{margin:14px 0;color:var(--text-muted)}.dj-page .dj-intro img{max-height:240px}.dj-workspace{display:grid;grid-template-columns:minmax(350px,.88fr) minmax(0,1.12fr);align-items:start;gap:22px;padding:28px 36px}.dj-chat,.dj-workspace .recommendations{min-width:0;overflow:hidden;border-radius:15px;background:var(--card-bg);box-shadow:0 10px 30px var(--card-shadow)}.dj-chat{display:flex;flex-direction:column;min-height:570px}.dj-chat-heading{padding:25px 26px 19px;border-bottom:1px solid var(--border)}.dj-chat-heading>span{color:var(--accent-text);font:600 10px IBM Plex Mono;letter-spacing:.04em}.dj-chat-heading>button{float:right;padding:0;border:0;background:transparent;color:var(--accent-text);font-size:11px;font-weight:750}.dj-chat-heading h2{margin:9px 0 5px;font-size:27px;letter-spacing:-.03em;color:var(--text)}.dj-chat-heading p{margin:0;color:var(--text-muted);font-size:12px}.dj-chat-messages{display:flex;flex:1;flex-direction:column;gap:18px;max-height:440px;min-height:320px;overflow-y:auto;padding:24px 26px}.dj-chat-welcome{align-self:center;margin:auto 0;text-align:center}.dj-chat-welcome img{width:76px;height:76px;object-fit:contain}.dj-chat-welcome strong{display:block;margin-top:12px;font-size:19px;color:var(--text)}.dj-chat-welcome p{margin:6px 0 0;color:var(--text-muted);font-size:13px}.dj-chat-message{max-width:87%}.dj-chat-message.user{align-self:end}.dj-chat-message>span{display:block;margin-bottom:6px;color:var(--accent-text);font:600 10px IBM Plex Mono}.dj-chat-message.user>span{text-align:right}.dj-chat-message p{margin:0;padding:12px 15px;border-radius:12px 12px 12px 3px;background:var(--accent-soft);color:var(--text);font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.dj-chat-message.user p{border-radius:12px 12px 3px;background:var(--accent);color:var(--text-on-accent)}.dj-chat-thinking,.dj-chat-error{margin:0;padding:0 26px 14px;color:var(--text-muted);font-size:12px}.dj-chat-error{color:var(--danger)}.dj-chat-compose{display:flex;gap:9px;padding:15px 17px;border-top:1px solid var(--border)}.dj-chat-compose input{flex:1;min-width:0;min-height:42px;padding:0 13px;border:1px solid var(--input-border);border-radius:8px;background:var(--bg-elevated);color:var(--text);font:inherit;font-size:13px}.dj-chat-compose button{min-height:42px;padding:0 20px;border:0;border-radius:21px;background:var(--accent);color:var(--text-on-accent);font-weight:750}.dj-chat-compose button:disabled{opacity:.5;cursor:not-allowed}.dj-workspace .recommendations{padding:24px 26px}.dj-workspace .recommendations>h2{margin:0 0 9px;font-size:25px;color:var(--text)}.dj-workspace .recommendations>article{display:block;padding:21px 0}.dj-workspace .recommendation-tracks{margin-top:17px}.dj-workspace .recommendation-copy h3{font-size:24px;color:var(--text)}@media(max-width:1250px){.platform-header{gap:18px;padding-inline:24px}.platform-nav button{padding-inline:9px}.platform-member{display:none}.room-stage{min-height:0}.room-now-copy h2{font-size:clamp(30px,3.3vw,47px)}}@media(max-width:1180px){.platform-body{display:block}.platform-queue-toggle{display:grid!important}.queue-rail{position:fixed;top:0;right:0;z-index:81;width:min(360px,90vw);height:100dvh;min-height:0;visibility:hidden;box-shadow:-10px 0 40px var(--queue-rail-shadow);transform:translate(105%);transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility .24s}.queue-rail-open{visibility:visible;transform:translate(0)}.queue-rail-close{display:grid}.queue-rail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:block;width:100%;height:100%;border:0;background:var(--queue-rail-shadow)}.platform-content{padding-right:0}}@media(max-width:900px){.platform-header{display:grid;grid-template-columns:1fr auto;gap:0;min-height:0;padding:5px 18px 0}.platform-brand{min-height:49px}.platform-brand img{width:34px;height:38px}.platform-tools{grid-column:2;grid-row:1}.platform-nav{grid-column:1 / -1;grid-row:2;overflow-x:auto;gap:5px;min-height:45px}.platform-nav button{padding:0 11px}.platform-status{padding-inline:18px}.room-home{padding:23px 18px 45px}.room-stage{grid-template-columns:1fr}.room-now{grid-template-columns:minmax(230px,44%) minmax(0,1fr)}.room-now-details{gap:20px;padding:20px 16px 12px}.room-cover{height:auto;min-height:330px}.room-cover .room-artwork{min-height:330px}.room-up-next{min-height:340px}.platform-content .music-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-shell .player-shell{grid-template-columns:minmax(0,1fr) auto}.queue-page{display:block}.queue-clear-confirm{flex-direction:column;align-items:stretch}.queue-page .radio-control{flex-direction:row;width:auto}.queue-page .now-wide{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center}.queue-page .now-wide .track-art{width:120px}.queue-page .now-wide>div{padding-top:0}.dj-workspace{grid-template-columns:1fr;padding:22px 18px}.dj-chat{min-height:490px}.search-workspace{grid-template-columns:1fr;gap:20px}.search-room-context{grid-template-columns:105px minmax(0,1fr);min-height:145px}}@media(max-width:580px){.platform-brand{font-size:15px}.platform-brand img{width:30px;height:34px}.platform-tools{gap:1px}.platform-search{display:none!important}.platform-status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.platform-content>.standard-page{padding:27px 18px 60px}.room-heading{align-items:start;flex-direction:column;gap:10px}.room-heading h1{font-size:37px}.room-stage{gap:13px}.room-now{display:block;padding:12px}.room-cover{height:auto;min-height:0;aspect-ratio:1.15}.room-cover .room-artwork{width:100%;height:100%;min-height:0}.room-now-details{gap:19px;padding:22px 13px 11px}.room-now-copy h2{font-size:clamp(34px,10vw,54px)}.room-now-controls{margin-top:0}.room-up-next>header{padding:22px 19px 15px}.room-next-list{padding-inline:19px}.room-next-list article{grid-template-columns:18px 40px minmax(0,1fr) 40px;gap:8px}.room-next-list .track-art{width:40px;height:40px}.room-up-next>footer{padding-inline:19px}.room-discover{padding-top:27px}.room-discover .text-action{justify-self:start}.platform-content .music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-page .radio-control{flex-direction:column}.queue-heading-actions{align-items:flex-start;flex-direction:column;gap:8px}.queue-clear-confirm-actions{flex-wrap:wrap}.queue-page .queue-table{padding:4px 12px 18px}.dj-page .dj-intro{grid-template-columns:1fr 98px;min-height:205px;padding:23px 18px 0}.dj-page .dj-intro h1{font-size:35px}.dj-page .dj-intro p{font-size:12px}.dj-page .dj-intro img{align-self:end;width:135px;max-height:165px;margin-left:-30px}.dj-page .dj-intro span{font-size:9px}.dj-chat-heading,.dj-chat-messages,.dj-workspace .recommendations{padding-inline:18px}.search-page .page-heading{margin-bottom:20px}.search-workspace .search-sources small{max-width:none;text-align:left}.search-workspace .search-form{margin-bottom:0}.search-room-context{grid-template-columns:95px minmax(0,1fr);padding:12px}.search-context-copy strong{font-size:19px}.search-context-copy button{margin-top:12px}}.studio-page{padding:36px var(--platform-gutter) 64px;color:var(--text)}.studio-heading,.studio-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.studio-heading h1{margin:0;font-size:clamp(33px,4vw,53px);letter-spacing:-.035em;line-height:1.1}.studio-heading p{margin:10px 0 0;color:var(--text-muted)}.studio-tabs{display:flex;gap:24px;overflow-x:auto;margin:32px 0 24px;border-bottom:1px solid var(--border)}.studio-tabs button{padding:12px 0;flex:0 0 auto;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-weight:650}.studio-tabs button[aria-current]{color:var(--accent);border-color:var(--accent)}.studio-button,.studio-row-actions button,.studio-save-options button,.studio-confirm button{min-height:40px;padding:9px 15px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);color:var(--text);font-size:14px;font-weight:650}.studio-button:hover,.studio-row-actions button:hover,.studio-save-options button:hover,.studio-confirm button:hover{background:var(--bg-hover);border-color:var(--border-focus)}.studio-button.primary{background:var(--accent);color:var(--text-on-accent);border-color:transparent}.studio-button.primary:hover{background:var(--accent-hover)}.studio-text-button{min-height:32px;padding:5px 0;border:0;background:none;color:var(--accent);font-weight:650;font-size:11px;text-align:left;text-underline-offset:3px}.studio-text-button:hover{text-decoration:underline}.studio-text-button[aria-pressed=true]{color:var(--accent-text)}.studio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.studio-page label,.studio-save-options label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:650}.studio-page input,.studio-page select,.studio-page textarea,.studio-save-options select{min-width:0;width:100%;padding:12px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text);font:inherit;caret-color:var(--accent)}.studio-page input::placeholder{color:var(--text-muted)}.studio-page h2{font-size:26px;line-height:1.15;letter-spacing:-.025em}.studio-page h3{margin:0 0 10px}.studio-muted,.studio-page small{color:var(--text-muted);line-height:1.6}.studio-notice{padding:12px 0;color:var(--accent-text);font-size:14px}.studio-error,.studio-danger{color:var(--danger)}.studio-library{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:clamp(24px,3vw,48px)}.studio-list-browser{border-right:1px solid var(--border);padding-right:24px;min-width:0}.studio-list-browser ul{list-style:none;padding:0;margin:18px 0}.studio-list-browser li{margin:3px 0}.studio-list-browser li button{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:9px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left}.studio-list-browser li button:hover,.studio-list-browser li button.selected{background:var(--bg-active)}.studio-list-browser strong,.studio-list-browser small{display:block}.studio-list-browser strong{font-size:14px;line-height:1.3}.studio-list-browser .track-art,.studio-cover-empty{width:46px;height:46px;object-fit:cover;border-radius:8px}.studio-cover-empty{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font-size:26px;font-weight:850}.studio-playlist-detail{min-width:0}.studio-playlist-heading{padding-bottom:24px}.studio-playlist-heading h2{margin:0 0 12px;font-size:clamp(33px,4vw,53px)}.studio-playlist-heading p{margin:0 0 20px;color:var(--text-muted);max-width:70ch;line-height:1.5}.studio-playlist-heading p span{display:block;margin-top:8px;font-size:11px}.studio-playlist-heading>small{display:block;margin-top:12px}.studio-tracks{list-style:none;padding:0;margin:0 0 24px}.studio-tracks>li{display:grid;grid-template-columns:24px 48px minmax(100px,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.studio-tracks .track-art{width:48px;height:48px;border-radius:8px;object-fit:cover}.studio-track-number,.studio-duration{color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.studio-track-copy{min-width:0}.studio-track-copy>strong,.studio-track-copy>span{display:block}.studio-track-copy>strong{font-size:14px;line-height:1.4}.studio-track-copy>span{color:var(--text-muted);font-size:14px;margin-top:3px}.studio-row-actions{grid-column:3 / -1;display:flex;flex-wrap:wrap;gap:7px}.studio-row-actions button{min-height:32px;padding:5px 10px;font-size:11px}.studio-save{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:5px}.studio-save-options{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:16px;background:var(--bg-raised);border-radius:8px;gap:10px}.studio-save-options button{text-align:left;font-size:11px}.studio-form{display:grid;gap:18px;max-width:560px;padding:24px 0 32px}.studio-form h2,.studio-form h3{margin:0}.studio-create{margin-bottom:24px;border-bottom:1px solid var(--border)}.studio-inline-form{display:flex;align-items:end;max-width:700px}.studio-inline-form label{flex:1}.studio-confirm{padding:18px;border:1px solid var(--danger);border-radius:8px}.studio-confirm p{margin-top:0}.studio-confirm button{margin:0 10px 8px 0}.studio-empty{padding:48px 0;max-width:65ch}.studio-empty h2,.studio-empty h3{max-width:24ch;margin:0 0 12px}.studio-empty p{color:var(--text-muted);line-height:1.7}.studio-session-list{list-style:none;padding:0;margin:24px 0}.studio-session-list>li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid var(--border)}.studio-session-list h3{margin:8px 0}.studio-session-list p,.studio-session-list time{margin:4px 0;color:var(--text-muted);font-size:14px}.studio-session-preview{width:100%}.studio-preferences{max-width:750px}.studio-preferences h3{margin-top:36px}.studio-switch{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:24px;padding:20px 0;border-bottom:1px solid var(--border)}.studio-switch strong,.studio-switch small{display:block}.studio-switch small{margin-top:7px;font-weight:400}.studio-switch input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--accent)}.studio-recap-summary{margin:36px 0;font-size:26px;font-weight:650}.studio-recap-list{list-style:none;padding:0}.studio-recap-list li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}.studio-recap-list .track-art{width:48px;height:48px;border-radius:8px;object-fit:cover}.studio-recap-list p{margin:5px 0 0;color:var(--text-muted);font-size:14px}.studio-recap-list span{color:var(--text-muted);font-size:14px;font-variant-numeric:tabular-nums}@media(max-width:1100px){.platform-header{gap:16px}.platform-nav{overflow-x:auto}.platform-nav button{padding-inline:10px}.platform-tools{flex-shrink:0}}@media(max-width:850px){.studio-library{grid-template-columns:1fr}.studio-list-browser{border-right:0;border-bottom:1px solid var(--border);padding:0 0 16px}.studio-list-browser ul{display:flex;overflow-x:auto;gap:8px}.studio-list-browser li{flex:0 0 210px}}@media(max-width:600px){.studio-page{padding:28px 18px 48px}.studio-heading,.studio-section-heading{align-items:start;flex-direction:column;gap:18px}.studio-tabs{gap:20px}.studio-inline-form{flex-direction:column;align-items:stretch}.studio-tracks>li{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.studio-tracks .track-art{width:40px;height:40px}.studio-track-number{display:none}.studio-row-actions{grid-column:2 / -1}}.studio-dj-selection{margin:18px 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.studio-dj-selection h3{margin:0 0 12px}.studio-dj-selection ul{list-style:none;padding:0}.studio-dj-selection li{margin:12px 0}.studio-dj-selection li span{display:block;margin-top:4px;color:var(--text-muted);font-size:14px}.studio-dj-selection p{color:var(--text-muted);font-size:14px;line-height:1.5}.room-controls{margin:24px var(--platform-gutter) 0;color:var(--text)}.room-controls details{border-bottom:1px solid var(--border)}.room-controls summary{padding:15px 0;cursor:pointer;font-weight:650}.room-control-fields{display:grid;max-width:640px;gap:18px;padding:14px 0 28px}.room-control-fields>label,.room-control-fields form label{display:grid;gap:10px;font-size:14px}.room-control-fields input:not([type=checkbox]):not([type=range]),.room-control-fields select{padding:11px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--input-bg);font:inherit}.room-control-fields input[type=range]{width:100%;accent-color:var(--accent)}.room-control-fields .room-control-toggle{display:flex;align-items:center;gap:10px}.room-control-toggle input{width:18px;height:18px;accent-color:var(--accent)}.room-control-fields small,.room-control-fields p{color:var(--text-muted);line-height:1.6}.room-control-fields form .studio-button{margin-top:12px}.room-undo{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0}.room-undo button{border:0;background:transparent;color:var(--accent);font-weight:700;padding:10px}.studio-detail-cover{margin-bottom:22px;width:120px;height:120px}.studio-detail-cover .track-art{width:100%;height:100%;object-fit:cover;border-radius:11px}.studio-author{display:flex;gap:9px;align-items:center;margin:14px 0 22px;color:var(--text-muted);font-size:14px}.studio-author img{border-radius:50%}.studio-highlights{padding-bottom:28px}.studio-highlights ul{display:flex;flex-wrap:wrap;gap:18px 36px;padding:0;list-style:none}.studio-highlights li{display:flex;flex-direction:column}.studio-highlights span{color:var(--text-muted);font-size:11px}.studio-event-notice{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:14px var(--platform-gutter);background:var(--accent-soft);color:var(--text)}.studio-event-notice div{flex:1;min-width:190px}.studio-event-notice span{display:block;margin-top:5px;font-size:14px;color:var(--text-muted)}.activity-gate p{max-width:48ch;line-height:1.6}.activity-gate img{object-fit:contain;margin-bottom:20px}.activity-shell .platform-header{padding-block:10px}.activity-shell .platform-member,.activity-shell .platform-logout{display:none}@media(max-width:900px){.activity-shell .platform-brand span{display:none}}.login-v2{min-height:100svh;padding:0 clamp(24px,5vw,96px);background:var(--bg);color:var(--text)}.login-v2-header{display:flex;align-items:center;justify-content:space-between;height:92px;border-bottom:1px solid var(--border)}.login-v2-header .platform-brand{text-decoration:none}.login-v2-header .platform-theme-toggle svg{width:19px;height:19px;fill:none}.login-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:clamp(48px,9vw,160px);align-items:center;min-height:calc(100svh - 156px);padding:48px 0 56px;max-width:1440px;margin:auto}.login-v2-copy{max-width:580px}.login-v2-copy h1{margin:0;font-size:clamp(37px,3.8vw,66px);font-weight:780;letter-spacing:-.035em;line-height:1.03}.login-v2-copy h1 span{color:var(--accent)}.login-v2-intro{margin:23px 0 0;max-width:36ch;font-size:14px;line-height:1.6;color:var(--text-muted)}.login-v2-entry{max-width:400px;margin-top:44px}.login-v2-entry h2{margin:0 0 9px;font-size:26px;letter-spacing:-.02em}.login-v2-entry>p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.6}.login-v2-remember{display:flex;align-items:flex-start;gap:12px;margin:25px 0;cursor:pointer}.login-v2-remember input{width:19px;height:19px;margin:1px 0 0;flex:0 0 19px;accent-color:var(--accent)}.login-v2-remember strong{display:block;font-size:14px;font-weight:650}.login-v2-remember small{display:block;max-width:36ch;margin-top:6px;color:var(--text-muted);font-size:11px;line-height:1.5}.login-v2-submit{display:grid;place-items:center;min-height:54px;padding:12px 20px;border-radius:11px;background:var(--accent);color:var(--text-on-accent);text-decoration:none;font-size:14px;font-weight:750}.login-v2-submit:hover{background:var(--accent-hover)}.login-v2-submit[aria-disabled=true]{cursor:wait;opacity:.7}.login-v2-trust{display:block;margin-top:16px;color:var(--text-muted);font-size:11px;line-height:1.6}.login-v2-art{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.login-v2-portrait{display:grid;place-items:end center;height:clamp(280px,29vw,480px);overflow:hidden;border-radius:16px 16px 0 0;background:var(--accent-soft)}.login-v2-portrait img{width:86%;height:100%;object-fit:contain;object-position:bottom}.login-v2-caption{padding:30px 34px;border-radius:0 0 16px 16px;background:var(--bg-elevated)}.login-v2-caption h2{margin:0 0 12px;font-size:26px;line-height:1.15;letter-spacing:-.025em}.login-v2-caption p{max-width:38ch;margin:0;color:var(--text-muted);line-height:1.6;font-size:14px}.login-v2-caption span{display:block;margin-top:25px;color:var(--accent-text);line-height:1.6;font-size:11px;font-weight:600}.login-v2-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;min-height:64px;padding:18px 0;border-top:1px solid var(--border);color:var(--text-muted);font-size:11px;line-height:1.6}.login-v2-entry .login-v2-error{margin-top:20px;color:var(--danger)}@media(max-width:760px){.login-v2-header{height:76px}.login-v2-layout{grid-template-columns:1fr;padding:36px 0;gap:36px}.login-v2-copy{max-width:none}.login-v2-copy h1{font-size:clamp(37px,9vw,66px)}.login-v2-intro{font-size:14px}.login-v2-entry{max-width:none;margin-top:32px}.login-v2-art{display:grid;grid-template-columns:110px 1fr;align-items:stretch}.login-v2-portrait{height:100%;min-height:180px;border-radius:16px 0 0 16px}.login-v2-portrait img{width:125%;height:180px}.login-v2-caption{padding:22px 18px;border-radius:0 16px 16px 0}.login-v2-caption h2{font-size:26px}.login-v2-caption p{font-size:14px}.login-v2-caption span{margin-top:14px;font-size:11px}}:root{color-scheme:light;--bg: #eeecee;--ground: #eeecee;--surface: #fafafa;--bg-elevated: #fafafa;--raised: #f1eef0;--bg-raised: #f1eef0;--bg-hover: #ebe5e9;--bg-active: #f3d9e6;--text: #171717;--ink: #171717;--muted: #696369;--text-muted: #696369;--text-subtle: #716870;--line: #e4dfe3;--border: #e4dfe3;--border-strong: #e4dfe3;--pink: #b62e78;--accent: #b62e78;--accent-text: #a32568;--accent-hover: #98215f;--accent-soft: #f3d9e6;--blush: #f3d9e6;--border-focus: #b62e78;--text-on-accent: #fafafa;--lime: #d6f676;--green: #426314;--hero: #f2e6ec;--input-bg: #f1eef0;--input-border: #e4dfe3;--card-bg: #fafafa;--player-bg: #fafafa;--queue-rail-bg: #fafafa;--status-bg: #fafafa;--status-text: #696369;--player-height: 98px;--platform-gutter: 28px;--card-shadow: #27131c0d;--card-shadow-strong: #27131c20;--scrollbar-thumb: #b5acb3}html.dark{color-scheme:dark;--bg: #050505;--ground: #050505;--surface: #111111;--bg-elevated: #111111;--raised: #1c1a1c;--bg-raised: #1c1a1c;--bg-hover: #292329;--bg-active: #3b2231;--text: #fafafa;--ink: #fafafa;--muted: #aaa3a9;--text-muted: #aaa3a9;--text-subtle: #aaa3a9;--line: #302a2f;--border: #302a2f;--border-strong: #302a2f;--pink: #f17cbd;--accent: #f17cbd;--accent-text: #f17cbd;--accent-hover: #f6a0cf;--accent-soft: #3b2231;--blush: #3b2231;--border-focus: #f17cbd;--text-on-accent: #171717;--green: #d6f676;--hero: #251b22;--input-bg: #1c1a1c;--input-border: #302a2f;--card-bg: #111111;--player-bg: #111111;--queue-rail-bg: #111111;--status-bg: #111111;--status-text: #aaa3a9;--card-shadow: #0003;--card-shadow-strong: #0006;--scrollbar-thumb: #544750}html,body{background:var(--ground);color:var(--text)}button,input,select,textarea{font-family:Archivo,sans-serif}button{-webkit-tap-highlight-color:transparent}input,textarea{caret-color:var(--pink)}::selection{background:var(--pink);color:var(--text-on-accent)}:focus-visible{outline:2px solid var(--pink);outline-offset:4px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}[hidden]{display:none!important}.premium-shell{display:grid;grid-template-columns:196px minmax(0,1fr) 278px;gap:12px;height:100dvh;min-height:0;padding:12px 12px calc(var(--player-height) + 26px);overflow:hidden}.premium-sidebar{display:flex;flex-direction:column;min-height:0;padding:10px 9px 0;overflow-y:auto}.premium-sidebar .platform-brand{gap:8px;min-height:48px;margin-bottom:24px;font-size:20px;letter-spacing:-.035em;white-space:nowrap}.premium-sidebar .platform-brand img{width:33px;height:42px}.premium-navigation{display:grid;gap:4px}.premium-navigation button{display:flex;align-items:center;gap:12px;min-height:43px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:550;text-align:left}.premium-navigation button:nth-child(4),.premium-navigation button:last-child{margin-top:16px}.premium-navigation button:hover{background:var(--bg-hover);color:var(--text)}.premium-navigation button.active{background:var(--surface);color:var(--pink)}.premium-navigation svg{flex-shrink:0;width:18px;height:18px}.premium-navigation small{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums}.sidebar-session{display:grid;grid-template-columns:6px minmax(0,1fr);gap:7px;align-items:center;margin-top:auto;padding:28px 12px 22px;font-size:11px;color:var(--muted)}.sidebar-session small{grid-column:2;font-size:10px}.status-dot{background:var(--green)}.sidebar-profile{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding:17px 2px 4px}.sidebar-profile>div{flex:1;min-width:0}.sidebar-profile strong{display:block;overflow:hidden;text-overflow:ellipsis;font-size:12px}.sidebar-profile small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.sidebar-profile button,.sidebar-close,.premium-queue-toggle{background:transparent;border:0;padding:8px;color:var(--muted)}.sidebar-profile svg,.sidebar-close svg,.premium-topbar svg{stroke:currentColor;stroke-width:1.7;fill:none}.sidebar-close,.navigation-scrim,.navigation-toggle,.premium-mobile-nav,.premium-queue-toggle{display:none}.premium-workspace{display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:16px;background:var(--surface);overflow:hidden}.premium-topbar{display:flex;align-items:center;gap:20px;flex-shrink:0;min-height:76px;padding:17px 28px 10px}.premium-search{display:flex;align-items:center;gap:12px;text-align:left;background:var(--raised);color:var(--muted);padding:13px 17px;width:min(100%,440px);border:0;border-radius:24px;font-size:11px}.premium-search svg{width:17px;flex-shrink:0}.premium-search:hover{background:var(--bg-hover)}.premium-topbar-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.premium-listening{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;color:var(--muted)}.premium-shell .platform-status{min-height:28px;padding:0 28px 10px;font-size:9px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}.premium-shell .platform-status .status-dot{display:none}.premium-shell .platform-content{flex:1;min-height:0;min-width:0;width:100%;padding:0;overflow-y:auto}.premium-shell .platform-content>.standard-page,.premium-shell .room-home,.premium-shell .studio-page{min-height:0;padding:10px 28px 40px}.premium-shell .page-heading h1,.premium-shell .studio-heading h1{font-size:clamp(30px,3.1vw,46px);max-width:100%;font-variation-settings:normal}.premium-shell .page-heading p,.premium-shell .studio-heading p{font-size:13px;line-height:1.5}.premium-shell .page-heading{margin:16px 0 28px}.premium-shell .room-heading{margin:5px 0 21px;align-items:center}.premium-shell .room-heading h1{font-size:23px}.premium-shell .room-heading p{font-size:11px}.premium-shell .room-people{font-size:10px}.premium-shell .room-stage{min-height:0}.premium-shell .room-now{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:360px;padding:28px;gap:25px;background:var(--hero);box-shadow:none;border-radius:12px}.premium-shell .room-cover{grid-column:2;grid-row:1;min-height:0;align-self:center;width:100%;max-width:380px;justify-self:center;aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:0 18px 35px var(--card-shadow-strong)}.premium-shell .room-cover .room-artwork{width:100%;height:100%;min-height:0;object-fit:contain}.premium-shell .room-live-state{left:10px;bottom:10px;font:600 9px Archivo,sans-serif;text-transform:none;border-radius:5px}.premium-shell .room-now-details{grid-column:1;grid-row:1;padding:0;justify-content:center}.premium-shell .room-now-copy h2{font-size:clamp(30px,3.5vw,65px);font-weight:600;line-height:1.04;letter-spacing:-.035em;margin:0 0 14px;overflow-wrap:anywhere}.premium-shell .room-now-copy p{font-size:clamp(13px,1.2vw,19px)}.premium-shell .room-now-copy .requester{margin-top:20px;font-size:10px}.premium-shell .room-now-copy .requester img,.premium-shell .room-now-copy .requester-fallback{width:29px;height:29px;flex-basis:29px}.premium-shell .room-now-copy .requester strong{display:block;margin-top:3px;font-size:11px}.premium-shell .room-now-controls{margin-top:24px;gap:10px}.premium-shell .room-play{min-height:40px;padding:0 24px;font-size:12px}.premium-shell .room-queue-link{font-size:10px}.premium-shell .room-channel{padding-top:19px;margin-top:23px;border:0}.premium-shell .room-channel>span{font:500 10px Archivo,sans-serif;text-transform:none}.premium-shell .room-channel select{background:var(--surface);border:0;font-size:11px}.premium-shell .room-discover{margin-top:30px}.premium-shell .room-discover h2{font-size:23px;font-weight:600}.premium-shell .room-discover p{font-size:12px}.premium-shell .room-discover .text-action{font-size:10px}.premium-shell .music-grid{gap:24px 17px;grid-template-columns:repeat(4,minmax(0,1fr))}.premium-shell .music-card{min-width:0}.premium-shell .music-card h3{font-size:13px;line-height:1.35;font-weight:600}.premium-shell .music-card p{font-size:11px}.premium-shell .music-card-art .track-art{object-fit:contain;border-radius:8px}.premium-shell>.queue-rail{position:static;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;border:0;border-radius:16px;box-shadow:none;padding:8px 17px}.premium-shell .queue-rail-heading{padding:18px 0}.premium-shell .queue-rail-heading h2{font-size:22px;font-weight:600}.premium-shell .queue-rail-heading p{font-size:10px}.premium-shell .queue-rail-scroll{flex:1}.premium-shell .queue-rail-current,.premium-shell .queue-rail-upcoming{padding:18px 0}.premium-shell .queue-rail-current-track .track-art{aspect-ratio:1;object-fit:contain;max-width:100%;width:100%;height:auto;max-height:175px;background:var(--raised)}.premium-shell .queue-rail-current-track>strong{margin-top:4px;font-size:13px;line-height:1.3;font-weight:600}.premium-shell .queue-rail-current-track>span:not(.requester){font-size:11px}.premium-shell .queue-rail .requester{font-size:9px}.premium-shell .queue-rail .requester strong{display:block;margin-top:2px}.premium-shell .queue-rail .queue-rail-track{grid-template-columns:42px minmax(0,1fr);border:0;padding:12px 0;gap:10px}.premium-shell .queue-rail-number{display:none}.premium-shell .queue-rail-track-copy>strong{font-size:11px}.premium-shell .queue-rail-track-copy>span:not(.requester){font-size:10px}.premium-shell .queue-rail .requester-compact{gap:5px}.premium-shell .queue-rail .requester-compact>span{white-space:normal}.premium-shell .queue-rail .requester-compact img{width:17px;height:17px;flex-basis:17px}.premium-shell .queue-rail-footer{padding:13px 0 9px}.premium-shell .queue-rail-footer button{font-size:11px}.premium-shell .player-shell{position:fixed;z-index:45;left:12px;right:12px;bottom:12px;width:auto;height:var(--player-height);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,1.2fr) minmax(110px,.7fr);align-items:center;gap:30px;padding:13px 23px;border:0;border-radius:12px;background:var(--surface);box-shadow:0 7px 20px var(--card-shadow)}.premium-shell .player-track{min-width:0;gap:13px}.premium-shell .player-art{width:62px;height:62px;flex-shrink:0;object-fit:contain;border-radius:5px}.premium-shell .player-track>div{min-width:0}.premium-shell .player-track strong{font-size:12px}.premium-shell .player-track small{font-size:10px}.premium-shell .player-track .requester{margin-top:5px;font-size:9px;gap:5px}.premium-shell .player-track .requester img,.premium-shell .player-track .requester-fallback{width:16px;height:16px;flex-basis:16px}.premium-shell .transport{gap:15px;margin-bottom:6px}.premium-shell .transport .play{background:var(--text);color:var(--surface);width:33px;height:33px;box-shadow:none}.premium-shell .transport .play svg{width:16px;height:16px}.premium-shell .timeline{font-size:9px;gap:12px;font-variant-numeric:tabular-nums}.premium-shell .lyrics-trigger{justify-self:end;border:0;background:transparent;font-size:11px}.premium-shell .player-empty{grid-template-columns:1fr auto}.premium-shell .search-workspace{display:block}.premium-shell .search-room-context{display:none}.premium-shell .search-form{box-shadow:none;background:var(--raised);border:0;padding:6px}.premium-shell .search-form input{font-size:13px}.premium-shell .search-modes{max-width:none}.premium-shell .search-sources small{max-width:none;text-align:left}.premium-shell .search-workspace .playlist-sources{flex-direction:row}.premium-shell .queue-page{display:flex;gap:20px}.premium-shell .queue-page .page-heading{margin-bottom:5px}.premium-shell .queue-page .now-wide{background:var(--hero);border-radius:12px;padding:18px}.premium-shell .queue-page .now-wide h2{font-size:23px}.premium-shell .queue-page .now-wide>div>span{font:500 10px Archivo,sans-serif}.premium-shell .queue-page .queue-table{box-shadow:none;padding:0;border-radius:0}.premium-shell .queue-table article{grid-template-columns:28px 48px minmax(0,1fr) 46px auto;gap:10px}.premium-shell .queue-table strong{font-size:13px}.premium-shell .queue-table small{font-size:10px}.premium-shell .queue-index,.premium-shell .queue-drag-handle span{font-family:Archivo,sans-serif}.premium-shell .dj-page .dj-intro{margin:10px 28px 0;border-radius:12px;background:var(--hero);padding:25px 28px 0;grid-template-columns:minmax(0,1fr) 170px;min-height:230px}.premium-shell .dj-page .dj-intro h1{font-size:40px}.premium-shell .dj-page .dj-intro img{max-height:220px}.premium-shell .dj-workspace{padding:24px 28px;grid-template-columns:minmax(0,1fr)}.premium-shell .dj-chat{background:var(--raised);box-shadow:none;min-height:420px}.premium-shell .dj-chat-messages{min-height:220px}.premium-shell .recommendations{box-shadow:none}.premium-shell .studio-library{grid-template-columns:minmax(145px,.65fr) minmax(0,1.4fr);gap:25px}.premium-shell .studio-list-browser{padding-right:16px}.premium-shell .studio-heading{flex-wrap:wrap}.premium-shell .studio-tracks>li{grid-template-columns:18px 43px minmax(0,1fr) auto;gap:10px}.premium-shell .studio-tracks .track-art{object-fit:contain}.premium-shell .studio-button{font-size:12px}.premium-shell .studio-row-actions{flex-wrap:wrap}.premium-shell .room-controls{margin:0;padding:0;border:0;background:transparent}.settings-tabs,.activity-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);overflow-x:auto;margin-bottom:24px}.settings-tabs button,.activity-tabs button{padding:14px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap}.settings-tabs button[aria-pressed=true],.activity-tabs button[aria-selected=true]{color:var(--pink);border-bottom-color:var(--pink)}.premium-shell .room-control-fields{display:grid;grid-template-columns:1fr;gap:18px;max-width:760px;padding:0 0 30px}.premium-shell .room-control-fields>label{display:flex;flex-direction:column;gap:12px;padding:16px 0;font-size:13px;border-bottom:1px solid var(--line)}.premium-shell .room-control-fields>.room-control-toggle{flex-direction:row;align-items:center}.premium-shell .room-control-fields input:not([type=checkbox]),.premium-shell .room-control-fields select{max-width:100%;width:100%}.premium-shell .room-control-fields small{font-size:11px;line-height:1.6;color:var(--muted)}.premium-shell .room-control-fields input[type=checkbox]{accent-color:var(--pink);width:17px;height:17px}.appearance-settings{border-top:1px solid var(--line);padding:25px 0}.appearance-settings h2{font-size:22px;margin:0 0 10px}.appearance-settings p{color:var(--muted);font-size:12px}.appearance-settings button{display:flex;gap:10px;align-items:center}.appearance-settings svg{stroke:currentColor;stroke-width:1.7;fill:none}.premium-shell .lyrics-page{padding:25px 28px}.premium-shell .lyrics-art{align-items:center}.premium-shell .lyrics-art .track-art{object-fit:contain}.premium-shell .lyric-lines{position:relative;max-height:58dvh;overflow:auto;overscroll-behavior:contain;padding:18px 0 100px}.premium-shell .lyric-lines p{font-size:clamp(24px,2.6vw,44px);line-height:1.22;letter-spacing:-.025em;margin:0 0 24px;font-weight:550;transition:color .35s}.premium-shell .lyric-lines p.active{color:var(--pink)}.premium-shell .lyric-lines p.past{color:var(--muted)}.premium-shell.activity-shell{grid-template-columns:minmax(0,1fr)}.activity-shell .premium-sidebar{display:none}.activity-shell .premium-topbar{justify-content:space-between}.activity-shell .navigation-toggle{display:inline-flex;align-items:center;gap:9px;border:0;border-radius:20px;padding:10px 15px;background:var(--raised);color:var(--text);font-size:12px}.cinema-home{border:0;background:transparent;font-weight:750;letter-spacing:-.025em;font-size:19px}.activity-shell .premium-topbar-tools{margin:0}.activity-cinema-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(25px,5vw,90px);padding:20px 5vw 35px;min-height:100%;align-items:center}.activity-record{min-width:0;max-width:650px;width:100%;justify-self:center}.activity-record>.activity-record-art{display:block;width:min(100%,max(160px,calc(100dvh - 470px)));height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto;border-radius:8px;box-shadow:0 18px 35px var(--card-shadow-strong)}.activity-record-caption{margin-top:24px}.activity-record h1{font-size:clamp(26px,3vw,44px);letter-spacing:-.035em;line-height:1.08;margin:0 0 9px}.activity-record p{font-size:15px;color:var(--muted);margin:0}.activity-record>.studio-save{margin-top:10px}.activity-record>.requester{margin-top:18px}.activity-companion{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.activity-tabs{margin:0}.activity-tabs small{font-size:10px;margin-left:8px;color:var(--muted)}.activity-companion #cinema-panel{max-height:calc(100dvh - 300px);overflow-y:auto}.activity-companion .lyrics-compact{display:block;min-height:0;padding:20px 0 0}.activity-companion .lyric-lines{max-height:calc(100dvh - 365px);padding-bottom:80px}.activity-companion .lyrics-credit{font-size:9px;padding:10px 0}.activity-companion .queue-page{padding:0;gap:14px}.activity-companion .queue-page .now-wide{display:none}.activity-companion .queue-page .page-heading h1{font-size:25px}.activity-companion .queue-page .page-heading p{font-size:11px}.activity-companion .queue-table article{grid-template-columns:24px 42px minmax(0,1fr) 45px}.activity-companion .queue-edit-actions{grid-column:3 / -1;justify-self:end}.activity-shell.navigation-open .premium-sidebar{display:flex;position:fixed;z-index:70;inset:12px auto calc(var(--player-height) + 26px) 12px;width:235px;border-radius:12px;padding:20px 14px;background:var(--surface);box-shadow:10px 12px 40px var(--card-shadow-strong)}.navigation-open .navigation-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#05050580;border:0;z-index:65}.activity-shell.navigation-open .sidebar-close{display:block;position:absolute;top:18px;right:8px}.activity-shell.navigation-open .platform-brand{font-size:17px}.premium-shell .room-cover,.activity-record>.activity-record-art,.login-premium-portrait{animation:record-arrive .65s cubic-bezier(.16,1,.3,1) both}@keyframes record-arrive{0%{clip-path:inset(0 0 4% 0);transform:translateY(7px)}to{clip-path:inset(0);transform:translateY(0)}}.session-gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:30px;background:var(--ground);text-align:center}.session-gate-identity{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:19px;letter-spacing:-.025em;font-weight:700}.session-gate-identity img{width:115px;height:140px;object-fit:contain}.session-gate-copy h1{font-size:clamp(26px,4vw,42px);font-weight:550;letter-spacing:-.03em;margin:12px 0}.session-gate-copy p{max-width:43ch;color:var(--muted);font-size:13px;line-height:1.6}.session-gate-progress{width:150px;height:3px;background:var(--line);border-radius:3px;overflow:hidden}.session-gate-progress span{display:block;height:100%;width:45%;background:var(--pink);animation:connection-progress 1.6s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes connection-progress{to{transform:translate(122%);background:var(--green)}}@media(min-width:1700px){.premium-shell{grid-template-columns:220px minmax(0,1fr) 310px;padding-inline:16px;gap:16px}.premium-shell .room-now{padding:38px;min-height:450px;gap:45px}.premium-shell .room-cover{max-width:430px}.premium-shell .room-now-copy h2{font-size:clamp(50px,4vw,82px)}}@media(max-width:1200px){.premium-shell{grid-template-columns:170px minmax(0,1fr) 230px;gap:9px}.premium-sidebar{padding-inline:3px}.premium-sidebar .platform-brand{font-size:17px}.premium-navigation button{font-size:11px;gap:9px;padding:10px}.premium-topbar{padding-inline:22px;gap:10px}.premium-listening{display:none}.premium-shell .platform-content>.standard-page,.premium-shell .room-home,.premium-shell .studio-page{padding-inline:22px}.premium-shell .room-now{padding:23px;gap:20px;min-height:320px}.premium-shell .room-now-copy h2{font-size:38px}.premium-shell .room-now-copy p{font-size:14px}.premium-shell .room-heading p{max-width:30ch}.premium-shell .room-people{font-size:9px}.premium-shell .queue-edit-actions{gap:2px}.premium-shell .queue-edit-actions .icon-button{width:28px;min-width:28px;padding:5px}.premium-shell .studio-library{grid-template-columns:1fr}.premium-shell .studio-list-browser{border-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}.premium-shell .studio-list-browser ul{display:flex;overflow-x:auto}.premium-shell .studio-list-browser li{min-width:175px}}@media(max-width:1000px){.premium-shell{grid-template-columns:170px minmax(0,1fr)}.premium-shell>.queue-rail{display:none}.premium-shell>.queue-rail-open{display:flex;position:fixed;z-index:60;right:12px;top:12px;bottom:calc(var(--player-height) + 26px);height:auto;width:min(320px,calc(100vw - 24px));box-shadow:-10px 8px 35px var(--card-shadow-strong)}.premium-shell .queue-rail-close,.premium-queue-toggle{display:grid}.premium-shell .queue-rail-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#05050580;z-index:55}.premium-shell .player-shell{grid-template-columns:minmax(0,1fr) minmax(200px,1fr) 100px;gap:15px}.premium-shell .room-now-copy h2{font-size:clamp(32px,4vw,48px)}}@media(max-width:700px){:root{--player-height: 106px}.premium-shell{display:block;height:auto;min-height:100dvh;padding:0 0 calc(var(--player-height) + 62px);overflow:visible}.premium-sidebar{display:none}.premium-workspace{border-radius:0;min-height:calc(100dvh - 160px);overflow:visible}.premium-shell .platform-content{overflow:visible}.premium-topbar{min-height:67px;padding:12px 17px 8px;gap:10px}.premium-search{padding:11px;font-size:10px;flex:1}.premium-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.premium-topbar-tools{gap:3px}.navigation-toggle{display:flex;align-items:center;border:0;background:transparent;padding:4px;color:var(--text)}.navigation-toggle>span{display:none}.premium-queue-toggle{display:none}.premium-shell .platform-status{font-size:9px;padding-inline:17px;white-space:normal}.premium-shell .platform-content>.standard-page,.premium-shell .room-home,.premium-shell .studio-page{padding:12px 17px 30px}.premium-shell .room-heading{margin:0 0 20px;gap:15px}.premium-shell .room-heading h1{font-size:22px}.premium-shell .room-heading p{font-size:10px}.premium-shell .room-now{display:flex;flex-direction:column;padding:22px;gap:23px;min-height:0}.premium-shell .room-cover{width:min(100%,38dvh);max-width:320px;min-height:0;align-self:center}.premium-shell .room-now-details{display:block}.premium-shell .room-now-copy h2{font-size:38px}.premium-shell .room-now-copy p{font-size:17px}.premium-shell .room-now-copy .requester{margin-top:17px}.premium-shell .room-channel{margin-top:18px}.premium-shell .room-now-controls{margin-top:20px}.premium-shell .room-discover h2{font-size:22px}.premium-shell .room-discover p{font-size:11px}.premium-shell .music-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-shell .player-shell{left:0;right:0;bottom:0;border-radius:0;height:var(--player-height);padding:10px 16px;gap:5px 12px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;border-top:1px solid var(--line);box-shadow:none}.premium-shell .player-track{grid-column:1;grid-row:1;gap:9px}.premium-shell .player-art{width:45px;height:45px}.premium-shell .player-track strong{font-size:11px}.premium-shell .player-track small{font-size:9px}.premium-shell .player-track .requester{font-size:8px;margin-top:4px}.premium-shell .player-track .requester img{width:14px;height:14px;flex-basis:14px}.premium-shell .player-center{display:contents}.premium-shell .transport{grid-column:2;grid-row:1;gap:5px;margin:0}.premium-shell .timeline{display:flex;grid-column:1 / -1;grid-row:2;width:100%;font-size:8px}.premium-shell .lyrics-trigger{display:none}.premium-mobile-nav{display:flex;position:fixed;z-index:44;left:0;right:0;bottom:var(--player-height);height:57px;border-top:1px solid var(--line);background:var(--surface)}.premium-mobile-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:var(--muted);font-size:9px}.premium-mobile-nav button[aria-current]{color:var(--pink)}.premium-mobile-nav svg{width:19px;height:19px}.navigation-open .premium-sidebar{display:flex;position:fixed;z-index:70;inset:8px auto calc(var(--player-height) + 12px) 8px;width:min(280px,calc(100vw - 40px));padding:20px 16px;background:var(--surface);border-radius:12px}.navigation-open .sidebar-close{display:block;position:absolute;top:18px;right:12px}.premium-navigation button{min-height:42px;font-size:12px}.sidebar-session{padding-block:18px}.premium-shell .queue-page .page-heading{align-items:start;flex-wrap:wrap;gap:14px}.premium-shell .queue-table article{grid-template-columns:22px 43px minmax(0,1fr) 42px;gap:9px}.premium-shell .queue-table .vote{grid-row:1;grid-column:4}.premium-shell .queue-table .queue-edit-actions{grid-row:2;grid-column:3 / -1;flex-direction:row;justify-self:end;gap:7px}.premium-shell .queue-table .queue-edit-actions button{width:35px;height:35px}.premium-shell .queue-page .now-wide{grid-template-columns:64px minmax(0,1fr);padding:15px}.premium-shell .queue-page .now-wide .track-art{width:64px;height:64px}.premium-shell .queue-page .now-wide h2{font-size:20px}.premium-shell .search-workspace .playlist-sources{flex-direction:column}.premium-shell .dj-page .dj-intro{margin-inline:17px;padding:22px 20px 0;grid-template-columns:minmax(0,1fr) 90px;min-height:190px}.premium-shell .dj-page .dj-intro h1{font-size:29px}.premium-shell .dj-page .dj-intro img{max-height:160px}.premium-shell .dj-workspace{padding:20px 17px}.premium-shell .studio-tracks>li{grid-template-columns:18px 42px minmax(0,1fr)}.premium-shell .studio-row-actions{grid-column:2 / -1}.premium-shell .studio-tracks .studio-track-copy{min-width:0}.settings-tabs{gap:23px}.settings-tabs button{font-size:12px}.premium-shell .lyrics-page{padding:20px 17px}.premium-shell.activity-shell{padding-bottom:calc(var(--player-height) + 15px)}.activity-shell .premium-mobile-nav{display:none}.activity-shell .navigation-toggle>span{display:inline}.activity-shell .premium-topbar{gap:10px}.activity-shell .cinema-home{font-size:16px}.activity-cinema-stage{display:block;padding:20px 23px 30px}.activity-record>.activity-record-art{width:min(100%,42dvh)}.activity-record h1{font-size:32px}.activity-record p{font-size:14px}.activity-companion{margin-top:28px}.activity-companion #cinema-panel{max-height:none;overflow:visible}.activity-companion .lyric-lines{max-height:48dvh}.activity-companion .lyric-lines p{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.session-gate-progress span{width:100%}}.login-premium{min-height:100dvh;padding:24px clamp(24px,5vw,85px);display:flex;flex-direction:column;background:var(--ground)}.login-premium-header{display:flex;justify-content:space-between;align-items:center}.login-premium-header .platform-brand{font-size:22px;text-decoration:none;letter-spacing:-.03em}.login-premium-header svg{stroke:currentColor;stroke-width:1.7;fill:none}.login-premium-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,7vw,110px);align-items:center;padding:40px 0;max-width:1500px;width:100%;margin:auto}.login-premium-copy h1{font-size:clamp(45px,5.4vw,82px);letter-spacing:-.04em;line-height:1.02;font-weight:600;margin:0;text-wrap:balance}.login-premium-copy h1 span{color:var(--pink)}.login-premium-intro{max-width:43ch;font-size:16px;line-height:1.6;color:var(--muted);margin:24px 0 38px}.login-premium-entry{max-width:390px}.login-premium-entry h2{font-size:23px;margin:0 0 8px;font-weight:550;letter-spacing:-.02em}.login-premium-entry>p{font-size:12px;color:var(--muted);margin:0 0 21px}.login-premium-submit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:53px;border-radius:27px;background:var(--text);color:var(--surface);text-decoration:none;font-size:14px;font-weight:600}.login-premium-submit:hover{background:var(--pink);color:var(--text-on-accent)}.login-premium-submit[aria-disabled=true]{opacity:.65;cursor:wait}.login-premium-remember{display:flex;align-items:center;gap:10px;margin:22px 0;font-size:12px}.login-premium-remember input{width:17px;height:17px;accent-color:var(--pink)}.login-premium-remember small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.login-premium-trust{font-size:10px;line-height:1.5;color:var(--muted)}.login-premium-art{min-width:0;width:100%;max-width:650px;justify-self:center}.login-premium-portrait{aspect-ratio:1;border-radius:16px;overflow:hidden;background:#050505}.login-premium-portrait img{width:100%;height:100%;object-fit:cover;display:block}.login-premium-caption{display:flex;align-items:center;gap:12px;padding:21px 0}.login-premium-caption p{font-size:12px;margin:0;flex:1;color:var(--muted)}.login-premium-caption>svg{color:var(--green)}.login-premium-footer{display:flex;justify-content:space-between;gap:20px;padding-top:15px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.login-premium-entry .login-premium-error{color:var(--danger);padding:13px 0;line-height:1.5}@media(max-width:700px){.login-premium{padding:16px 23px 25px}.login-premium-header .platform-brand{font-size:18px}.login-premium-header .platform-brand img{width:32px}.login-premium-layout{display:flex;flex-direction:column;gap:34px;padding:30px 0;align-items:stretch}.login-premium-copy h1{font-size:clamp(42px,11vw,64px)}.login-premium-intro{font-size:13px;margin:20px 0 30px}.login-premium-entry{max-width:none}.login-premium-art{display:flex;gap:18px;align-items:center;padding-top:25px;border-top:1px solid var(--line)}.login-premium-portrait{width:90px;flex-shrink:0;border-radius:12px}.login-premium-caption{flex:1;flex-wrap:wrap}.login-premium-caption p{flex-basis:75%;font-size:12px}.login-premium-caption>svg{display:none}.login-premium-footer{font-size:9px;line-height:1.5}}.premium-navigation svg,.premium-mobile-nav svg,.login-premium svg{fill:none;stroke:currentColor;stroke-width:1.7}.premium-sidebar{overflow:hidden}.premium-navigation{min-height:0;overflow-y:auto;flex-shrink:1}.sidebar-profile{flex-shrink:0}.premium-shell .room-now-copy>.requester{font-family:Archivo,sans-serif;text-transform:none;color:var(--muted);letter-spacing:normal}@media(min-width:701px)and (max-height:850px){.premium-sidebar .platform-brand{margin-bottom:16px}.premium-navigation{flex:1;gap:2px}.premium-navigation button{min-height:37px;padding-block:8px}.premium-navigation button:nth-child(4),.premium-navigation button:last-child{margin-top:8px}.sidebar-session{display:none}.sidebar-profile{margin-top:15px;padding-top:13px}}.activity-companion #cinema-panel.cinema-lyrics-panel{max-height:none;overflow:visible}.premium-shell .lyric-lines p.active{transform:none}.activity-companion .lyric-lines{max-height:calc(100dvh - 370px)}.activity-companion .lyrics-credit{display:block;margin:0;font-family:Archivo,sans-serif}.premium-shell .studio-tracks>li{grid-template-columns:18px 43px minmax(0,1fr) 38px}.premium-shell .studio-row-actions{grid-column:3 / -1;justify-content:flex-start}@media(max-width:700px){.activity-companion .lyric-lines{max-height:48dvh}.premium-shell .studio-row-actions{grid-column:2 / -1}}.premium-shell .room-now-controls>.studio-save{flex-basis:100%;margin-top:0}.premium-shell .room-now-controls .studio-save-options{background:var(--surface)}.premium-shell.activity-ambient-shell{--ambient-ink:#302128;--ambient-muted:#604b53;--ambient-shade:#fff5eadb;isolation:isolate;padding-bottom:0;background:transparent;min-height:100dvh;color:var(--ambient-ink)}.dark .activity-ambient-shell{--ambient-ink:#fff6ef;--ambient-muted:#d3c5c2;--ambient-shade:#100c108c}.activity-ambient-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:#20171d;pointer-events:none}.activity-ambient-backdrop .ambient-cover-layer{position:absolute;width:100%;height:140%;inset:-20% auto auto -5%;object-fit:cover;filter:blur(80px) saturate(2.3);opacity:.85;will-change:transform;animation:activity-drift 18s ease-in-out infinite alternate}.activity-ambient-backdrop .ambient-cover-layer:nth-child(2){left:35%;opacity:.65;animation:activity-orbit 23s ease-in-out infinite alternate}.activity-ambient-backdrop .ambient-cover-layer:nth-child(3){left:-40%;top:0;opacity:.5;animation:activity-tide 16s ease-in-out infinite alternate}.activity-ambient-backdrop .art-fallback{background:#493647}.activity-ambient-backdrop .art-fallback b{display:none}.activity-ambient-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ambient-shade)}@keyframes activity-drift{0%{transform:scale(1.35) rotate(-12deg)}to{transform:scale(1.6) rotate(28deg)}}@keyframes activity-orbit{0%{transform:scale(1.25) rotate(140deg)}to{transform:scale(1.6) rotate(190deg)}}@keyframes activity-tide{0%{transform:scale(1.3) rotate(-65deg)}to{transform:scale(1.5) rotate(-20deg)}}.activity-ambient-backdrop.is-still .ambient-cover-layer{animation-play-state:paused}.activity-ambient-shell .premium-workspace,.activity-ambient-shell .platform-content{background:transparent}.activity-ambient-shell .premium-topbar{background:transparent;border:0;color:var(--ambient-ink)}.activity-ambient-shell .premium-topbar button{color:var(--ambient-ink)}.activity-ambient-shell .platform-status{background:transparent;color:var(--ambient-muted);border:0}.ambient-motion-toggle{font-size:11px;padding:9px 12px;border:0;background:transparent;cursor:pointer}.activity-ambient-shell .activity-cinema-stage{min-height:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:clamp(45px,7vw,150px);align-items:center;padding:20px clamp(30px,9vw,180px) 35px}.activity-ambient-shell .activity-record{width:100%;min-width:0;max-width:620px;justify-self:center}.activity-ambient-shell .activity-record>.activity-record-art{display:block;width:min(100%,max(160px,calc(100dvh - 375px)));height:auto;aspect-ratio:1;object-fit:contain;margin:auto;border-radius:12px;box-shadow:0 25px 65px #05050530}.activity-ambient-shell .activity-record-caption{margin-top:20px}.activity-ambient-shell .activity-record h1{font-size:clamp(20px,1.5vw,28px);color:var(--ambient-ink);line-height:1.2;letter-spacing:-.02em}.activity-ambient-shell .activity-record p{font-size:14px;color:var(--ambient-muted);margin-top:6px}.activity-ambient-shell .activity-record>.requester{margin-top:12px;color:var(--ambient-muted)}.activity-ambient-shell .activity-record>.studio-save{margin-top:12px}.activity-ambient-shell .activity-record>.studio-save>button{color:var(--ambient-ink)}.activity-ambient-shell .activity-inline-controls .player-shell{position:static;display:block;height:auto;min-height:0;width:100%;padding:15px 0 0;background:transparent;border:0;box-shadow:none;color:var(--ambient-ink)}.activity-inline-controls .player-track,.activity-inline-controls .lyrics-trigger{display:none}.activity-ambient-shell .activity-inline-controls .player-center{width:100%;max-width:none;display:flex;flex-direction:column-reverse}.activity-ambient-shell .activity-inline-controls .transport{justify-content:center;margin-top:18px;gap:26px}.activity-ambient-shell .activity-inline-controls .transport button{background:transparent;color:var(--ambient-ink)}.activity-ambient-shell .activity-inline-controls .transport .play{background:color-mix(in srgb,var(--ambient-ink) 8%,transparent);width:48px;height:48px}.activity-ambient-shell .activity-inline-controls .timeline{width:100%;color:var(--ambient-muted)}.activity-ambient-shell .activity-inline-controls .timeline input{accent-color:var(--ambient-ink)}.activity-ambient-shell .activity-companion{min-width:0;align-self:stretch;display:flex;flex-direction:column;min-height:480px}.activity-ambient-shell .activity-tabs{color:var(--ambient-muted);border:0}.activity-ambient-shell .activity-tabs button{color:var(--ambient-muted)}.activity-ambient-shell .activity-tabs button[aria-selected=true]{color:var(--ambient-ink);border-color:var(--ambient-ink)}.activity-ambient-shell .activity-companion #cinema-panel{flex:1;min-height:0}.activity-ambient-shell .activity-companion .lyrics-immersive{height:100%;padding:0;background:transparent}.activity-ambient-shell .lyrics-immersive .lyric-lines{position:relative;height:calc(100dvh - 230px);min-height:350px;max-height:850px;padding-block:20vh 30vh;scroll-padding-top:30%;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(transparent,#050505 13%,#050505 82%,transparent);mask-image:linear-gradient(transparent,#050505 13%,#050505 82%,transparent)}.activity-ambient-shell .lyrics-immersive .lyric-lines p{font-size:clamp(34px,3.8vw,64px);font-weight:750;line-height:1.16;letter-spacing:-.03em;padding:23px 2px;margin:0;color:var(--ambient-muted);opacity:.5;filter:blur(1px);transform:scale(.94);transform-origin:left center;transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s,opacity .8s}.activity-ambient-shell .lyrics-immersive .lyric-lines p.active{color:var(--ambient-ink);opacity:1;filter:none;transform:scale(1)}.activity-ambient-shell .lyrics-immersive .lyric-lines p.past{opacity:.3;filter:blur(2px)}.activity-ambient-shell .lyrics-immersive .lyric-lines p.plain{opacity:1;filter:none;transform:none;font-size:clamp(24px,2.4vw,40px)}.activity-lyric-word{position:relative;display:inline-block;white-space:pre}.activity-lyric-fill{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--ambient-ink);transition:clip-path .3s linear;pointer-events:none}.active .activity-lyric-word{color:color-mix(in srgb,var(--ambient-ink) 38%,transparent)}.activity-ambient-shell .lyrics-credit{font-size:10px;color:var(--ambient-muted);line-height:1.5}.activity-ambient-shell .cinema-queue-panel{color:var(--text);background:var(--surface);border-radius:16px}.activity-ambient-shell button:focus-visible{outline:2px solid var(--ambient-ink);outline-offset:4px}@media(max-width:760px){.activity-ambient-shell .activity-cinema-stage{display:block;padding:20px 24px 35px}.activity-ambient-shell .activity-record>.activity-record-art{width:min(100%,40dvh)}.activity-ambient-shell .activity-companion{margin-top:32px;min-height:440px}.activity-ambient-shell .lyrics-immersive .lyric-lines{height:430px;min-height:0;max-height:none;padding-block:130px 180px}.activity-ambient-shell .lyrics-immersive .lyric-lines p{font-size:34px;padding-block:20px}.activity-ambient-backdrop .ambient-cover-layer{filter:blur(55px) saturate(2)}.activity-ambient-shell .premium-listening{display:none}.ambient-motion-toggle{padding:8px 4px;font-size:10px}}@media(prefers-reduced-motion:reduce){.activity-ambient-backdrop .ambient-cover-layer{animation:none;will-change:auto}.activity-ambient-shell .lyrics-immersive .lyric-lines p,.activity-lyric-fill{transition:none;transform:none}}.activity-playback-status{color:var(--ambient-muted);font-size:12px;margin:10px 0}.lyrics-timing-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0;font-size:12px}.lyrics-timing-controls button{background:transparent;border:0;color:inherit;padding:6px 0;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.activity-ambient-shell .activity-video-stage{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding-inline:clamp(24px,5vw,90px)}.activity-video-stage .activity-record{max-width:960px}.activity-media{width:100%}.activity-media-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--ink,#171717)}.activity-media-frame video,.activity-media-frame .activity-media-poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}.activity-media-deck{opacity:0;pointer-events:none}.activity-media-deck.is-current{opacity:1}.activity-upcoming-status{font-size:12px;line-height:1.5;color:var(--ambient-muted,var(--text));overflow-wrap:anywhere}.activity-media-frame .activity-media-poster{object-fit:cover;opacity:.4}.activity-media-frame.is-audio{aspect-ratio:1;width:min(100%,max(240px,calc(100dvh - 390px)));max-width:560px;margin:auto;background:transparent;box-shadow:0 25px 65px #05050530}.activity-media-frame.is-audio .activity-media-poster{object-fit:contain;opacity:1}.activity-ambient-shell .activity-video-stage:has(.activity-media-frame.is-audio){grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:clamp(45px,7vw,150px);padding-inline:clamp(30px,9vw,180px)}.activity-video-stage:has(.activity-media-frame.is-audio) .activity-record{max-width:620px}.activity-media-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;background:#171717b8;text-align:center}.activity-ambient-shell .activity-media-message p{color:#fafafa;margin:0;max-width:40ch}.activity-media-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:12px;font-size:12px;color:var(--ambient-muted,var(--text))}.activity-media-tools label{display:flex;align-items:center;gap:8px;margin-left:auto}.activity-media-tools input{width:80px;accent-color:var(--ambient-ink,var(--text))}.activity-fullscreen{padding:6px 0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.activity-fullscreen:hover{color:var(--ambient-ink,var(--text))}.activity-media-frame:fullscreen,.activity-media-frame.is-expanded{aspect-ratio:auto;border-radius:0;background:#171717}.activity-media-frame.is-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.activity-fullscreen-exit{position:absolute;top:16px;right:16px;z-index:1;min-height:44px;padding:10px 16px;border:1px solid #ffffff59;border-radius:8px;background:#171717d9;color:#fafafa;font:inherit;cursor:pointer}.activity-fullscreen-exit:hover{background:#171717}.activity-fullscreen-exit:focus-visible{outline:2px solid #fafafa;outline-offset:3px}.activity-ambient-shell .activity-inline-controls .timeline{position:static;display:flex}.activity-ambient-shell .activity-inline-controls .timeline span{display:inline;flex:0 0 auto;white-space:nowrap;width:auto}.activity-ambient-shell .activity-inline-controls .transport button:not(.play){display:grid}@media(max-width:760px){.activity-ambient-shell .activity-video-stage{padding:16px 20px 32px}.activity-ambient-shell .activity-video-stage:has(.activity-media-frame.is-audio){padding:20px 24px 35px}.activity-media-frame.is-audio{width:min(100%,45dvh)}.activity-media-tools{gap:8px 12px}}