@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.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}:root{font-family:DM Sans Variable,sans-serif;color:#dce5dd;background:#101513;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-size:14px;--mint:#a4e5bf;--muted:#7d8b82;--line:#27312b;--card:#181f1b;--range-fill:0%}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button,input,select{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope Variable,sans-serif}p{color:var(--muted);line-height:1.7}::selection{background:#8dd3a34a}.app-shell{min-height:100vh}.sidebar{width:252px;background:#141a17;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:34px 20px 0}.brand{display:flex;gap:12px;align-items:center;font-size:28px;font-weight:800;letter-spacing:-1px;padding:0 10px}.brand-icon{color:var(--mint);width:37px;height:40px;position:relative;display:grid;place-items:center}.brand-icon>svg{width:36px;height:36px;transform:rotate(-17deg);fill:#a4e5bf12}.brand-icon i{position:absolute;width:5px;height:5px;border-radius:2px;background:var(--mint);right:0;top:2px}.brand-dot{color:var(--mint)}.brand small{display:block;font-family:DM Sans Variable,sans-serif;font-size:7px;font-weight:500;letter-spacing:2px;color:#7b8e80;margin-top:3px}.server-switch{display:flex;align-items:center;gap:10px;padding:13px 12px;background:#1b241e;border:1px solid #2b382e;border-radius:9px;margin:32px 0 30px}.server-avatar{height:33px;width:33px;border-radius:8px;background:#2e4836;display:grid;place-items:center;color:var(--mint);flex-shrink:0}.server-avatar img,.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.server-choice{flex:1;min-width:0}.server-choice>span{font-size:8px;letter-spacing:1.3px;color:#7d9382;display:block;margin-bottom:5px}.server-choice strong{font-size:11px}.server-choice select{background:transparent;border:0;font-size:11px;font-weight:600;width:100%;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.server-choice option,select option{background:#1c251f;color:#dce5dd}.server-switch>svg{color:#708778}.nav-label{display:block;font-size:9px;letter-spacing:1.4px;color:#627568;padding-left:13px;margin-bottom:12px;font-weight:600}.nav-group{margin-bottom:26px}.nav-item{height:43px;border-radius:7px;width:100%;display:flex;align-items:center;gap:12px;color:#8a998d;padding:0 13px;font-size:12px;font-weight:450;margin:3px 0;transition:background .15s,color .15s}.nav-item svg{stroke-width:1.6}.nav-item:hover{background:#202b23;color:#d7e8db}.nav-item.active{background:#263d2e;color:var(--mint)}.nav-item small{margin-left:auto;background:#22382a;color:#9fc9ac;border:1px solid #36513e;padding:2px 5px;border-radius:4px;font-size:9px}.nav-item.active small{background:#39503b;color:var(--mint)}.sidebar-bottom{margin-top:auto}.made-for{display:flex;align-items:center;gap:9px;margin:22px 5px;padding:14px 11px;background:#1a251d;border:1px solid #293d2e;border-radius:8px;font-size:10px;color:#b7caba}.made-for small{display:block;font-size:8px;color:#78917e;margin-top:4px}.made-for>svg{margin-left:auto;color:#668d70}.status-dot{width:6px;height:6px;background:#a5dfb0;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 10px #9ce0ac18}.user-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin:0 -20px;padding:20px 22px;min-height:80px}.user-profile strong{font-size:11px;display:block;max-width:140px;overflow:hidden;text-overflow:ellipsis}.user-profile small{font-size:9px;color:#708576;display:block;margin-top:4px}.user-profile>.icon-button{margin-left:auto;width:24px}.user-avatar{width:33px;height:33px;background:#28392e;border-radius:50%;display:grid;place-items:center;color:#aec5b1;flex-shrink:0}.main{margin-left:252px;min-height:100vh}.topbar{height:76px;padding:0 43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#121815}.breadcrumb{display:flex;gap:15px;align-items:center;font-size:11px}.breadcrumb>span{color:#78867d}.breadcrumb>svg{color:#59685e}.breadcrumb strong{font-weight:500;color:#bdcabf}.topbar-right{display:flex;gap:26px;align-items:center}.connection{font-size:10px;display:flex;align-items:center;gap:7px;color:#94aa99}.connection.offline{color:#e4a18a}.connection.offline .status-dot{background:#e4a18a}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#acbcaf;padding:0;font-weight:500}.text-link:hover{color:var(--mint)}.tiny-moon{width:30px;height:30px;border-radius:50%;background:#25382b;color:#9cc4a4;display:grid;place-items:center}.workspace{max-width:1600px;margin:0 auto;padding:35px 43px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:600;color:#83998a;display:inline-flex;align-items:center;gap:7px}h1{font-size:28px;line-height:1.35;letter-spacing:-1.05px;font-weight:650;margin-top:9px}.heading-dot{color:var(--mint)}.page-heading p{font-size:11px;margin-top:8px;color:#7b8d7f}.heading-actions{display:flex;align-items:center;gap:10px;padding-top:15px}.button{min-height:39px;border:1px solid transparent;border-radius:6px;padding:10px 15px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;white-space:nowrap;transition:filter .15s,background .15s}.button.primary{background:#a4e5bf;color:#163725;border-color:#b0ecc8}.button.primary:hover:not(:disabled){background:#bcefd1}.button.secondary{background:#202b23;border-color:#344438;color:#c0d4c4}.button.secondary:hover:not(:disabled){background:#29382d}.button.subtle{background:transparent;border-color:#303e33;color:#8fa995}.button.subtle:hover:not(:disabled){border-color:#66836d;color:#c5dfcc}.button.danger{background:#59392e;color:#f0c5b1;border-color:#795043}.button.full{width:100%}.icon-button{height:31px;min-width:29px;display:inline-grid;place-items:center;border-radius:5px;color:#789480;padding:0 5px}.icon-button:hover:not(:disabled){background:#2b3b2f;color:#c0e9ca}.icon-button[aria-pressed=true]{color:var(--mint);background:#2a4432}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h2{font-size:14px;font-weight:600;letter-spacing:-.3px}.section-title>svg{color:#7e9385}.section-title p{font-size:10px;margin-top:5px}.tag{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #3c5643;background:#25362b;color:#a6d4b3;font-size:8px;border-radius:4px;padding:4px 7px;line-height:1}.player-grid{display:grid;grid-template-columns:minmax(0,2.45fr) minmax(245px,1fr);gap:20px}.now-playing{padding:23px 24px 0;background:linear-gradient(110deg,#1d2b21,#1a231d 80%)}.now-playing .section-title{margin-bottom:24px}.now-playing-content{display:flex;gap:25px;align-items:center;min-height:159px}.cover{height:158px;width:158px;object-fit:cover;border-radius:7px;flex-shrink:0;display:block;background:#263b2d}.cover-art{position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 10%,#74977888,transparent 55%),linear-gradient(145deg,#314d38,#1d2e22);border:1px solid #739b7140}.cover-art>svg{color:#d5e6c3;z-index:1;transform:rotate(-15deg);filter:drop-shadow(0 0 20px #c3db9670)}.orbit{position:absolute;top:20px;right:-26px;bottom:20px;left:-26px;border:1px solid #d7eec330;transform:rotate(-35deg);border-radius:50%}.orbit-two{top:38px;right:-50px;bottom:38px;left:-50px;transform:rotate(-35deg)}.cover-label{position:absolute;bottom:13px;left:14px;font-size:6px;line-height:1.5;letter-spacing:1.4px;color:#9eb49c}.cover.small{height:34px;width:34px;border-radius:5px}.cover.small>svg{filter:none}.song-info{flex:1;min-width:0;padding-top:5px}.source-label{font-size:8px;display:flex;align-items:center;gap:5px;color:#90a388;text-transform:uppercase;letter-spacing:1.1px}.song-info h2{font-size:24px;font-weight:650;line-height:1.4;letter-spacing:-.8px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-info>p{font-size:12px;color:#9db29f;margin-top:3px}.song-meta{display:flex;align-items:center;gap:10px;margin-top:13px;color:#718a76;font-size:9px}.song-meta>.tag{color:#9bb4a0;border-color:#3c5140;background:#2b3b30;font-size:8px;padding:3px 5px}.player-buttons{display:flex;align-items:center;gap:9px;margin-top:19px}.player-buttons>.icon-button{color:#90ab98;min-width:25px}.player-buttons>.icon-button:last-child{margin-left:auto}.play-button{width:43px;height:43px;background:var(--mint);color:#173b24;border-radius:50%;display:inline-grid;place-items:center;flex-shrink:0}.play-button:hover:not(:disabled){background:#c7f3d6}.progress{display:flex;align-items:center;gap:10px;margin-top:25px;margin-bottom:13px;font-size:8px;color:#8da392}.progress input{flex:1}.progress>span{min-width:25px}.progress>span:last-child{text-align:right}input[type=range]{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#a4e5bf var(--range-fill),#344b3b var(--range-fill));border-radius:4px;cursor:pointer;accent-color:var(--mint);margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;width:8px;border-radius:50%;background:#b5edca}input[type=range]:disabled{opacity:.4;cursor:default}.player-wave{height:54px;border-top:1px solid #34473866;margin:0 -24px;display:flex;align-items:center;padding:0 24px;gap:50px;background:#14231a30}.player-wave>span{font-size:7px;color:#65846d;letter-spacing:1.1px;display:flex;align-items:center;gap:7px;white-space:nowrap}.waveform{height:48px;width:100%;display:block}.player-wave .waveform{height:42px;opacity:.7}.sound-card{padding:23px 21px;display:flex;flex-direction:column}.sound-card>.section-title{margin-bottom:25px}.volume>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.volume>div:first-child>span{display:flex;gap:7px;align-items:center;color:#9eafa2;font-size:10px}.volume strong{font-size:19px;font-weight:500;color:#c1dfc9}.volume strong small{font-size:11px;color:#819f89;padding-left:3px}.range-label{display:flex;justify-content:space-between;font-size:8px;color:#586e5e}.sound-divider{border-top:1px solid var(--line);margin:19px 0}.sound-card .eyebrow{font-size:7px;letter-spacing:1.3px}.filter-shortcut{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 0 0}.filter-icon{height:32px;width:32px;border-radius:6px;background:#2b3c2e;color:#a4cead;display:grid;place-items:center}.filter-shortcut strong{display:block;font-size:11px;font-weight:500}.filter-shortcut small{display:block;font-size:8px;color:#728d79;margin-top:5px}.filter-shortcut>svg{margin-left:auto;color:#708376}.small-stat{display:flex;justify-content:space-between;gap:5px;font-size:9px;margin-bottom:13px}.small-stat>span{color:#6b8473}.small-stat strong{font-weight:400;color:#a6b9ab;display:inline-flex;gap:6px;align-items:center}.small-stat .status-dot{width:4px;height:4px}.sound-card>.button{font-size:9px;min-height:30px;padding:8px 10px;margin-top:auto}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:21px 0;border:1px solid var(--line);background:#161d19;border-radius:9px;padding:20px 0}.metric{display:flex;align-items:center;gap:13px;padding:0 22px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric-icon{width:35px;height:35px;display:grid;place-items:center;background:#24342a;border-radius:7px;color:#95b99e;flex-shrink:0}.metric .eyebrow{font-size:7px;letter-spacing:1.1px}.metric strong{display:flex;align-items:baseline;gap:7px;font-family:Manrope Variable,sans-serif;font-size:21px;line-height:1;margin-top:9px;font-weight:600}.metric strong small{font-family:DM Sans Variable,sans-serif;font-size:9px;color:#748d7b;font-weight:400}.queue-card{margin-top:22px}.queue-heading{padding:22px 24px}.queue-heading h2{display:flex;align-items:center;gap:10px}.count-badge{background:#2d3c31;color:#a5c0ad;border:1px solid #3c4b40;font-size:8px;padding:3px 6px;border-radius:4px;font-family:DM Sans Variable,sans-serif;font-weight:400}.inline-actions{display:flex;align-items:center;gap:13px}.inline-actions>.button{font-size:9px;min-height:30px;padding:7px 11px}.track-head,.track-row{display:grid;grid-template-columns:36px minmax(150px,3fr) minmax(85px,1fr) minmax(100px,1fr) 55px 90px;gap:12px;align-items:center}.track-head{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 24px;background:#131b1666;color:#647c6b;font-size:7px;letter-spacing:1px}.track-row{padding:13px 24px;border-bottom:1px solid #26332a88;min-height:65px;transition:background .15s}.track-row:hover{background:#22302780}.track-number{font-size:10px;color:#687e6d;padding-left:1px;position:relative}.track-number>svg{display:none}.track-row[draggable=true]:hover .track-number>span{display:none}.track-row[draggable=true]:hover .track-number>svg{display:block;cursor:grab}.track-title{display:flex;align-items:center;gap:11px;min-width:0}.track-title>div{min-width:0}.track-title strong,.library-track strong{font-size:11px;display:block;font-weight:500;color:#c0d0c4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title small,.library-track small{font-size:9px;color:#6e8976;display:block;margin-top:5px}.track-source{font-size:9px;display:flex;align-items:center;gap:6px;color:#829a88;text-transform:capitalize}.source-dot{width:5px;height:5px;background:#bf746b;display:inline-block;border-radius:50%}.source-dot.spotify{background:#85c39b}.track-requester{font-size:9px;color:#7b9281}.track-duration{font-size:9px;color:#8ea192;font-variant-numeric:tabular-nums}.track-actions{display:flex;justify-content:flex-end;gap:3px}.track-actions .icon-button{min-width:23px;width:23px;height:27px;padding:0}.track-actions .icon-button svg{width:14px;height:14px}.queue-card:has(.queue-search) .track-head,.queue-card:has(.queue-search) .track-row{grid-template-columns:26px minmax(150px,3fr) minmax(75px,1fr) minmax(90px,1fr) 40px 100px}.queue-footer{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#627c6a;padding:14px 24px;background:#17231b44}.queue-footer>span{display:flex;align-items:center;gap:6px}.queue-search{display:flex;align-items:center;gap:10px;margin:0 24px 20px;border:1px solid var(--line);border-radius:6px;background:#121a15;padding:9px 13px;color:#789680}.queue-search input{background:none;border:0;outline:0;color:#bfd2c4;width:100%;font-size:11px}.queue-search>span{font-size:9px;white-space:nowrap;color:#607f6a}.bottom-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:21px}.quick-add{display:flex;gap:14px;align-items:center;padding:22px}.round-icon{color:#93bd9f;width:37px;height:37px;border-radius:8px;background:#2b3b2e;display:grid;place-items:center;flex-shrink:0}.quick-add h3,.tip h3{font-size:12px;font-weight:550}.quick-add p,.tip p{font-size:9px;margin-top:6px;color:#718b79}.quick-add>.button{margin-left:auto;font-size:9px;min-height:32px;padding:8px 10px}.tip{padding:23px 20px;display:flex;gap:13px;background:#1a261d;border-color:#2c3e30}.tip>svg{color:#7d9e7f;flex-shrink:0;margin-top:3px}.tip p{max-width:240px}.sources-strip{border-top:1px solid #24362b;border-bottom:1px solid #24362b;margin-top:27px;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.sources-strip>div:first-child{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#718f7b}.sources-strip strong{font-weight:500;font-size:9px}.source-badges{display:flex;gap:6px;flex-wrap:wrap}.source-badges>span{display:inline-flex;align-items:center;gap:5px;font-size:8px;padding:5px 7px;border:1px solid #293a2f;border-radius:4px;color:#819c89}.source-badges svg{color:#70927c}.sources-strip .text-link{font-size:9px;white-space:nowrap}.footer{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#587561;padding:21px 0 2px}.footer>span{display:flex;gap:8px;align-items:center}.footer>span:first-child>span{color:#394f40}.footer .status-dot{width:4px;height:4px;background:#789b81}.subtle-badge{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#879b8d;padding:9px 12px;border:1px solid #2c3a30;border-radius:5px}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;padding:50px 24px;gap:12px}.empty-icon{width:55px;height:55px;border-radius:16px;background:#24372a;color:#97b99e;display:grid;place-items:center;margin-bottom:5px}.empty h3{font-size:16px;font-weight:550}.empty p{font-size:11px;max-width:410px;line-height:1.8}.empty>.button,.empty>.inline-actions{margin-top:8px}.info-banner,.error-banner,.demo-banner{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid #384c3e;background:#1f3025;color:#adceb7;font-size:11px;border-radius:7px;margin-bottom:23px;line-height:1.6}.info-banner>svg,.error-banner>svg{flex-shrink:0}.error-banner{border-color:#735343;background:#382a22;color:#e7bd9f}.error-banner button{margin-left:auto;text-decoration:underline;font-size:10px}.demo-banner{padding:9px 14px;background:#25352c;color:#a6c4b2;justify-content:space-between}.demo-banner>span,.demo-banner button{display:flex;align-items:center;gap:8px}.demo-banner button{font-size:10px;white-space:nowrap}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.filter-card{text-align:left;padding:26px;position:relative;transition:background .15s,border-color .15s}.filter-card.selected{border-color:#83bb98;background:#223a2b}.filter-card:hover:not(:disabled){background:#24352a;border-color:#4b6e55}.filter-symbol{font-size:32px;color:#b3d8b9;height:65px;letter-spacing:2px}.filter-card h3{font-size:16px;font-weight:550;margin:13px 0 7px}.filter-card p{font-size:11px}.filter-apply{display:flex;align-items:center;justify-content:space-between;color:#759a80;font-size:10px;margin-top:24px}.selected-check{background:var(--mint);color:#23442c;border-radius:50%;position:absolute;right:22px;top:22px;width:22px;height:22px;display:grid;place-items:center}.playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.playlist-card{padding:16px}.playlist-art{height:180px;background:radial-gradient(circle at 20% 20%,#789b7250,transparent 70%),linear-gradient(135deg,#354e39,#202d22);border:1px solid #46634b;border-radius:6px;color:#cbe3b9;display:flex;align-items:center;justify-content:center;position:relative}.playlist-art>span{position:absolute;left:17px;bottom:12px;font-size:28px;opacity:.3;font-family:Manrope Variable,sans-serif}.playlist-art .play-button{position:absolute;right:13px;bottom:13px;width:36px;height:36px}.playlist-card h3{font-size:16px;margin:18px 0 5px;font-weight:550}.playlist-card p{font-size:10px;color:#789781}.playlist-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.library-list{padding:0 24px}.library-list>.section-title{padding:24px 0}.library-row{display:flex;align-items:center;gap:16px;min-height:75px;border-top:1px solid var(--line)}.library-index{font-size:10px;color:#63816c;width:17px;flex-shrink:0}.library-track{flex:1;min-width:0}.library-row>.track-duration{margin:0 12px}.library-row>.tag{font-size:8px}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:23px}.settings-card{padding:27px}.settings-card>h2{font-size:21px;letter-spacing:-.6px;margin:15px 0 12px}.settings-card>p{font-size:11px;margin-bottom:22px}.settings-card>.section-title{margin-bottom:25px}.field-label{display:flex;justify-content:space-between;font-size:11px;font-weight:500;color:#b4c9bb;margin:24px 0 10px}.field-label:first-child{margin-top:0}.text-input,.input-icon{width:100%;min-height:41px;border:1px solid #3c5142;background:#141e18;color:#c0d8c8;border-radius:6px;padding:10px 12px;font-size:11px}.text-input::placeholder,.input-icon input::placeholder{color:#5d806a}.field-help{font-size:10px;margin:8px 0 22px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:21px 0;border-top:1px solid var(--line)}.setting-toggle strong{font-weight:500;font-size:12px}.setting-toggle p{font-size:10px;margin-top:7px}.switch{background:#36493b;border:1px solid #49604f;width:32px;height:19px;border-radius:20px;display:flex;align-items:center;padding:3px;flex-shrink:0}.switch>span{width:11px;height:11px;border-radius:50%;background:#92a999;transition:transform .15s}.switch.checked{background:#a4dfb8;border-color:#a4dfb8}.switch.checked>span{transform:translate(13px);background:#234b32}.settings-note{display:flex;align-items:flex-start;gap:9px;color:#6c917a;font-size:10px;line-height:1.8;margin:24px 0 0!important;padding-top:20px;border-top:1px solid var(--line)}.settings-note>svg{flex-shrink:0;margin-top:3px}.save-bar{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.save-bar>span{font-size:10px;color:#87a58f}.stack-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.stack-actions>.button{font-size:10px}.panel-preview{padding:26px;background:#17231b}.discord-preview{margin-top:25px;padding:18px;background:#222d26;border:1px solid #405547;border-left:4px solid #91cba2;border-radius:7px}.preview-brand{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#97bc9f}.discord-preview h3{font-size:18px;line-height:1.5;margin-top:18px}.discord-preview>p{font-size:10px;margin:10px 0;color:#92ad9b}.preview-stats{display:flex;gap:10px;font-size:9px;margin:20px 0;padding-bottom:17px;border-bottom:1px solid #3b4e40;color:#b6caba}.preview-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.preview-buttons span{padding:8px 10px;background:#3b4c40;border-radius:4px;font-size:8px;color:#b8cec0}.preview-canvas{display:flex;gap:12px;align-items:center;margin-top:20px;background:#1c3626;padding:16px;color:#aad5b1;border-radius:5px;height:67px}.preview-canvas>svg{flex-shrink:0}.preview-canvas>span{font-size:10px;font-weight:600;letter-spacing:1px;white-space:nowrap}.preview-canvas small{font-size:4px;letter-spacing:1px;display:block;margin-top:5px}.preview-canvas .waveform{height:35px;min-width:0}.command-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.command-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0}.command-row>span{display:flex;align-items:center;gap:10px;color:#8cb197}.command-row strong{font-size:12px;font-weight:450;color:#bbd2c2}.dialog{color:#dce5dd;background:#1b291f;border:1px solid #496250;border-radius:14px;width:min(570px,calc(100% - 32px));padding:28px;box-shadow:0 30px 100px #0008;max-height:85vh}.dialog::backdrop{background:#080f0bba;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.dialog-heading h2{font-size:23px;margin-top:9px;letter-spacing:-.6px;font-weight:600}.dialog-heading p{font-size:11px;margin-top:9px}.dialog-copy{font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:29px;padding-top:22px;border-top:1px solid #354b3b}.input-icon{display:flex;gap:9px;align-items:center;padding:12px}.input-icon>svg{color:#81a98d;flex-shrink:0}.input-icon input{min-width:0;width:100%;border:0;background:none;outline:0;color:#c2daca;font-size:11px}.dialog-source-tags{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.dialog-note{font-size:10px;color:#789982;line-height:1.8;margin-top:18px}.checkbox-label{display:flex;align-items:center;gap:10px;color:#a1bea9;font-size:11px;margin-top:20px}.checkbox-label input{accent-color:var(--mint)}.playlist-edit-tracks{max-height:280px;overflow:auto;margin:20px 0}.playlist-edit-tracks>div{display:flex;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #344a3a}.playlist-edit-tracks strong{font-size:11px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.playlist-edit-tracks>div>span{color:#698d75;font-size:10px;min-width:15px}.source-list>div{display:flex;gap:14px;border-top:1px solid #354b3a;padding:18px 0}.source-list>div>svg{color:#93bc9e;flex-shrink:0}.source-list h3{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.source-list p{font-size:11px;margin-top:8px}.toast{position:fixed;bottom:30px;left:calc(50% + 126px);transform:translate(-50%);background:#293e30;border:1px solid #5a8264;border-radius:9px;box-shadow:0 10px 40px #0007;display:flex;align-items:center;gap:10px;padding:15px 17px;z-index:100;color:#c4e9ce;width:max-content;max-width:calc(100vw - 30px);font-size:12px}.toast.error{background:#442f26;border-color:#8f614b;color:#efc6ad}.toast>svg{flex-shrink:0}.toast button{display:grid;place-items:center;color:inherit;padding:0;margin-left:10px}.welcome{max-width:1050px;padding:50px 0 15px}.welcome>.eyebrow{font-size:9px;letter-spacing:2px}.welcome h1{font-size:51px;font-weight:600;letter-spacing:-2.5px;line-height:1.2;margin-top:22px;color:#dfede0}.welcome h1>span{color:#a4d5b2}.welcome>p{font-size:13px;margin-top:22px;max-width:560px;line-height:1.9;color:#8da793}.welcome-actions{display:flex;gap:13px;margin-top:30px}.welcome-actions .button{min-height:43px;padding:12px 18px}.welcome-visual{display:flex;align-items:center;position:relative;gap:35px;padding:35px;border:1px solid #3a5141;border-radius:12px;background:radial-gradient(ellipse at 90% 30%,#4a674130,transparent 65%),#1d2c22;margin-top:55px;overflow:hidden}.welcome-disc{height:130px;width:130px;border-radius:50%;background:repeating-radial-gradient(circle,#3d5941,#3d5941 1px,#29412f 2px,#29412f 6px);display:grid;place-items:center;color:#d0e5bd;flex-shrink:0;border:1px solid #617f59;box-shadow:0 0 70px #9eb47720}.welcome-disc>svg{background:#2d4430;box-shadow:0 0 20px #a0bc7040;border-radius:50%;padding:12px}.welcome-visual h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin-top:12px;line-height:1.5}.welcome-visual p{font-size:10px;margin-top:13px;color:#7d9d86;line-height:1.8}.welcome-visual>.waveform{position:absolute;right:-1px;width:28%;height:90px;opacity:.5}.welcome-features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.welcome-features>div>svg{color:#97bf9e;stroke-width:1.5}.welcome-features h3{font-size:12px;font-weight:550;margin:16px 0 10px}.welcome-features p{font-size:10px;line-height:1.8}.welcome .welcome-note{font-size:9px;max-width:800px;color:#5c7b65;margin-top:40px;border-top:1px solid #2c3b30;padding-top:20px}.page-loading{height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#9ad8ad}.page-loading p{font-size:12px}.mobile-menu,.sidebar-scrim{display:none}@media(min-width:1650px){:root{font-size:15px}.workspace{padding-top:45px}.page-heading{margin-bottom:38px}.now-playing-content{min-height:205px}.cover{width:185px;height:185px}.song-info h2{font-size:29px}.now-playing{padding:27px 30px 0}.player-wave{margin:0 -30px;padding:0 30px}.player-buttons{margin-top:29px}.sound-card{padding:27px}.metrics{margin:26px 0;padding:26px 0}.track-row{min-height:73px}.track-title strong{font-size:12px}.queue-heading{padding:26px}.bottom-grid{margin-top:26px}}@media(max-width:1250px){.sidebar{width:225px;padding-left:14px;padding-right:14px}.main{margin-left:225px}.topbar{padding:0 27px}.workspace{padding:28px 27px}.brand{padding-left:5px}.user-profile{margin:0 -14px;padding:18px 14px}.player-grid{grid-template-columns:minmax(0,1.9fr) minmax(210px,1fr);gap:16px}.now-playing{padding:20px 19px 0}.now-playing-content{gap:18px}.cover{width:115px;height:130px}.song-info h2{font-size:21px}.player-buttons{gap:4px}.player-wave{margin:0 -19px;padding:0 19px;gap:20px}.sound-card{padding:20px 17px}.metric{padding:0 15px;gap:10px}.metric .eyebrow{font-size:6px}.metric-icon{width:30px;height:30px}.metric strong{font-size:19px}.track-head,.track-row{grid-template-columns:20px minmax(130px,3fr) 80px 70px 33px 55px;gap:8px;padding-left:20px;padding-right:20px}.queue-card:has(.queue-search) .track-head,.queue-card:has(.queue-search) .track-row{grid-template-columns:20px minmax(130px,3fr) 80px 0 33px 100px;gap:8px}.queue-card:has(.queue-search) .track-requester{display:none}.sources-strip{flex-wrap:wrap;gap:13px}.sources-strip>div:first-child{display:none}.quick-add{padding:18px;gap:10px}.quick-add>.button{font-size:8px;padding:8px}.quick-add p,.tip p{font-size:8px}.quick-add h3,.tip h3{font-size:10px}.topbar-right{gap:18px}.filter-card{padding:23px}.toast{left:calc(50% + 112px)}}@media(max-width:1020px){.sidebar{width:210px}.main{margin-left:210px}.workspace{padding:25px 22px}.topbar{padding:0 22px}.topbar-right>.text-link{display:none}.brand{font-size:26px}.server-switch{padding:11px 8px}.nav-item{font-size:11px;padding-left:11px;gap:9px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{max-width:350px}.heading-actions .button{font-size:10px;padding:10px 12px}.player-grid{grid-template-columns:1fr}.now-playing-content{min-height:170px}.cover{height:155px;width:155px}.song-info h2{font-size:26px}.song-info{padding-top:0}.player-buttons{gap:13px}.sound-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:8px}.sound-card>.section-title{grid-column:1/-1;margin-bottom:10px}.sound-card>.volume{grid-row:2/5;align-self:center}.sound-divider{display:none}.sound-card>.eyebrow{grid-column:2}.filter-shortcut{grid-column:2;padding-top:0}.sound-card .small-stat{display:none}.sound-card>.button{grid-column:2;margin-top:8px}.metrics{grid-template-columns:1fr 1fr;row-gap:22px;padding:22px 0}.metric:nth-child(2){border-right:0}.metric .eyebrow{font-size:7px}.metric strong{font-size:21px}.queue-card:not(:has(.queue-search)) .track-head,.queue-card:not(:has(.queue-search)) .track-row{grid-template-columns:20px minmax(130px,1fr) 75px 0 33px 55px}.queue-card:not(:has(.queue-search)) .track-requester{display:none}.queue-head>span:nth-child(4){display:none}.track-head>span:nth-child(4){font-size:0}.track-row{gap:7px}.bottom-grid{grid-template-columns:1fr}.quick-add p,.tip p{font-size:10px}.quick-add h3,.tip h3{font-size:12px}.tip p{max-width:none}.filter-grid{grid-template-columns:1fr 1fr;gap:15px}.playlist-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.library-row{gap:10px}.library-row>.tag{display:none}.welcome h1{font-size:39px;letter-spacing:-1.5px}.welcome-visual{padding:28px;gap:24px}.welcome-disc{width:90px;height:90px}.welcome-visual h2{font-size:18px}.welcome-visual>.waveform{width:15%;opacity:.25}.welcome-features{gap:25px}.welcome-features h3{font-size:11px}.welcome-features p{font-size:9px}.toast{left:calc(50% + 105px)}}@media(max-width:760px){.sidebar{transform:translate(-100%);width:252px;transition:transform .2s}.sidebar.open{transform:translate(0)}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.main{margin-left:0}.mobile-menu{display:inline-grid;margin-right:0}.topbar{height:65px;padding:0 18px}.breadcrumb{gap:9px;font-size:10px}.topbar-right{gap:12px}.connection{font-size:8px}.tiny-moon{width:25px;height:25px}.workspace{padding:25px 18px}.page-heading{gap:15px;flex-wrap:wrap;margin-bottom:24px}.page-heading h1{font-size:26px;letter-spacing:-.8px}.page-heading p{font-size:11px;max-width:none}.heading-actions{padding:0}.player-grid{gap:16px}.now-playing{padding:20px 19px 0}.now-playing-content{gap:20px}.cover{width:127px;height:145px}.song-info h2{font-size:22px}.player-buttons{gap:5px}.metrics{margin:18px 0;row-gap:23px}.metric{padding-left:19px}.metric-icon{width:34px;height:34px}.metric strong{font-size:22px}.metric .eyebrow{font-size:6px}.queue-heading{padding:20px;flex-wrap:wrap;gap:18px}.queue-heading>.inline-actions{margin-left:auto}.track-head,.track-row{padding:13px 16px}.track-title strong{font-size:10px}.track-title small{font-size:8px}.queue-card:not(:has(.queue-search)) .track-head,.queue-card:not(:has(.queue-search)) .track-row{grid-template-columns:17px minmax(110px,1fr) 0 0 33px 50px;gap:6px}.track-source{display:none}.track-head>span:nth-child(3){font-size:0}.queue-card:has(.queue-search) .track-head,.queue-card:has(.queue-search) .track-row{grid-template-columns:17px minmax(80px,1fr) 0 0 30px 95px;gap:5px}.track-head{font-size:6px}.queue-footer{padding:13px 16px;font-size:7px}.queue-search{margin:0 16px 18px}.track-actions{gap:0}.track-actions .icon-button{min-width:22px;width:22px}.track-actions .icon-button svg{width:13px;height:13px}.footer{font-size:7px}.sources-strip{padding:15px 0;gap:15px}.source-badges{gap:4px}.source-badges>span{font-size:7px;padding:5px}.sources-strip .text-link{font-size:8px;margin-left:auto}.quick-add{flex-wrap:wrap;gap:14px;padding:20px}.quick-add>.button{font-size:10px}.toast{left:50%;bottom:18px;font-size:11px}.filter-grid{gap:13px}.filter-card{padding:22px}.filter-card h3{font-size:16px}.filter-card p{font-size:10px;min-height:34px}.filter-symbol{height:45px;font-size:28px}.playlist-grid{gap:14px}.playlist-art{height:150px}.playlist-card{padding:12px}.playlist-card h3{font-size:14px}.settings-card,.panel-preview{padding:22px}.command-grid{column-gap:24px}.command-row strong{font-size:11px}.settings-note{font-size:9px}.save-bar{gap:20px}.save-bar>span{font-size:9px}.save-bar .button{font-size:10px}.library-list{padding:0 16px}.library-row{gap:9px;min-height:73px}.library-index{font-size:9px}.library-row>.track-duration{margin:0 2px}.library-track strong{font-size:10px}.library-row>.icon-button{width:24px;min-width:24px;padding:0}.welcome{padding:30px 0 10px}.welcome h1{font-size:40px;letter-spacing:-1.6px}.welcome>p{font-size:12px}.welcome-visual{margin-top:35px;padding:23px;gap:20px}.welcome-disc{height:80px;width:80px}.welcome-disc svg{width:52px;height:52px}.welcome-visual h2{font-size:16px}.welcome-visual .eyebrow{font-size:6px}.welcome-features{gap:23px;grid-template-columns:1fr}.welcome-features>div{display:grid;grid-template-columns:30px 1fr;column-gap:15px}.welcome-features h3{margin:0 0 7px;font-size:12px}.welcome-features p{grid-column:2;font-size:10px}.welcome-features svg{grid-row:1/3}.welcome .welcome-note{font-size:8px}.demo-banner{align-items:flex-start;font-size:9px;gap:12px}.demo-banner>span{align-items:flex-start}.demo-banner svg{flex-shrink:0}.demo-banner button{font-size:8px}.dialog{padding:23px}.dialog-heading h2{font-size:21px}.dialog-heading p{font-size:10px}.dialog-actions .button{font-size:10px;padding:10px 12px}}@media(max-width:420px){.cover{width:96px;height:123px}.now-playing-content{gap:15px;min-height:140px}.song-info h2{font-size:19px}.song-info>p{font-size:10px}.player-buttons{gap:2px;margin-top:16px}.play-button{height:36px;width:36px}.player-buttons>.icon-button{min-width:22px;width:22px;padding:0}.player-buttons>.icon-button svg{width:15px}.player-buttons>.icon-button:last-child{display:none}.source-label{font-size:6px}.song-meta{font-size:8px;gap:5px}.player-wave>span{font-size:6px}.page-heading h1{font-size:24px}.metric{gap:10px;padding-left:14px}.metric-icon{width:30px;height:30px}.metric .eyebrow{font-size:5px;letter-spacing:.9px}.metric strong{font-size:20px}.metric strong small{font-size:8px}.inline-actions{gap:9px}.queue-heading>.inline-actions{width:100%;justify-content:flex-end}.track-actions .icon-button{width:19px;min-width:19px}.queue-card:has(.queue-search) .track-head,.queue-card:has(.queue-search) .track-row{grid-template-columns:16px minmax(75px,1fr) 0 0 28px 80px;gap:4px}.welcome h1{font-size:35px}.welcome-actions{gap:8px;flex-wrap:wrap}.welcome-actions .button{padding:11px 14px;font-size:10px}.welcome-visual{padding:20px;gap:18px}.welcome-visual h2{font-size:14px}.welcome-visual p{font-size:8px}.welcome-disc{height:65px;width:65px}.filter-card{padding:19px}.playlist-grid,.command-grid{grid-template-columns:1fr}.demo-banner{flex-wrap:wrap}.library-row>.track-duration{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}