:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--frame:#0c0c0c;--panel:#151515;--line:#ffffffdb;--line-soft:#ffffff52;--text:#fff;--muted:#b8b8b8;--accent:#fff;--danger:#fff}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden}body{color:var(--text);background:var(--bg);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.dashboard-page{place-items:stretch center;width:100%;height:100dvh;min-height:100%;padding:clamp(6px,.8vw,10px);display:grid;overflow:auto}.dashboard-frame{background:#000;border:1.25px solid #ffffffc7;border-radius:clamp(14px,1.5vw,18px);grid-template-rows:auto minmax(0,1fr);width:min(100%,1600px);max-width:100%;height:100%;min-height:0;max-height:100%;display:grid;overflow:hidden}.topbar{z-index:30;border-bottom:1px solid #ffffffb8;grid-template-columns:minmax(0,1.06fr) minmax(220px,2.2fr) minmax(124px,.94fr);align-items:center;gap:clamp(6px,.7vw,10px);padding:clamp(8px,.9vw,11px);display:grid;position:relative}.topbar:after{content:none}.identity-block{align-items:center;gap:10px;min-width:0;display:flex}.identity-block>div{min-width:0}.avatar{border:1px solid var(--line-soft);color:#fff;background:#000;border-radius:999px;flex:none;place-items:center;width:clamp(34px,3.5vw,46px);height:clamp(34px,3.5vw,46px);font-size:clamp(.88rem,1.15vw,1.02rem);font-weight:800;display:grid}.identity-name{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.9rem,1.55vw,1.45rem);line-height:.95;overflow:hidden}.identity-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:clamp(.64rem,.82vw,.86rem);overflow:hidden}.search-block{width:100%;min-width:0;position:relative}.search-block input{border:1.5px solid var(--line);width:100%;height:clamp(36px,4.2vh,44px);color:var(--text);text-align:center;background:#090909;border-radius:999px;padding:0 clamp(108px,8.2vw,148px) 0 clamp(10px,1vw,16px);font-size:clamp(.86rem,1.5vw,1.3rem)}.search-source-dock{z-index:2;gap:4px;display:flex;position:absolute;top:50%;right:clamp(8px,.8vw,10px);transform:translateY(-50%)}.search-source-btn{width:clamp(24px,2.2vw,28px);height:clamp(24px,2.2vw,28px);box-shadow:none;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:999px;place-items:center;padding:0;display:grid;transform:none}.search-source-btn img{object-fit:contain;filter:brightness(0)invert();width:70%;height:70%;display:block}.search-source-letter{letter-spacing:.01em;color:#fff;font-size:.82rem;font-weight:800;line-height:1}.search-source-btn.active{background:#ffffff1f;border-color:#ffffffbf}.search-source-btn:not(.active):hover{background:#ffffff14}.search-suggestions{z-index:40;background:#090909;border:1.5px solid #ffffff38;border-radius:18px;gap:4px;max-height:min(260px,36vh);margin:0;padding:6px;list-style:none;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 28px #00000073,inset 0 0 0 1px #ffffff08}.search-suggestion-btn{text-align:left;width:100%;box-shadow:none;background:0 0;border:0;border-radius:14px;gap:2px;padding:9px 12px;display:grid;transform:none}.search-suggestion-btn:hover,.search-suggestions li.active .search-suggestion-btn{text-shadow:none;box-shadow:none;background:#ffffff14;transform:none}.search-suggestion-value{color:#fff;font-size:clamp(.8rem,1.2vw,1rem)}.search-suggestion-meta{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.68rem}.rec-pill{border:1.5px solid var(--line);background:#000;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:clamp(36px,4.2vh,44px);padding:0 12px;font-size:clamp(.84rem,1.45vw,1.22rem);display:flex}.rec-dot{background:#5e5e5e;border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 4px #ffffff1f}.rec-dot.on{background:var(--danger);box-shadow:0 0 0 5px #fff3}.main-grid{grid-template:"left center right"minmax(0,1fr)"left center right"minmax(0,.78fr)"left player player"minmax(96px,.42fr)/minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);gap:clamp(8px,.75vw,10px);min-height:0;padding:clamp(8px,.75vw,10px);display:grid;overflow:hidden}.panel{background:#000;border:1.5px solid #ffffffc2;border-radius:clamp(12px,1.1vw,16px);gap:8px;min-width:0;min-height:0;padding:clamp(8px,.75vw,10px);display:grid;overflow:auto}.panel h2{letter-spacing:.01em;margin:0;font-size:clamp(1.05rem,1.55vw,1.35rem);line-height:1}.left-panel{grid-area:left;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0}.queue-list{overscroll-behavior:contain;gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.queue-list li{border:1px solid var(--line-soft);color:#e0e0e0;background:#000;border-radius:10px;grid-template-columns:22px 32px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px 8px;font-size:.8rem;display:grid;overflow:clip}.queue-list li.queue-item--placeholder{grid-template-columns:minmax(0,1fr)}.queue-order-controls{gap:4px;display:grid}.queue-icon-btn,.queue-remove-btn{min-width:0}.queue-icon-btn{border-radius:7px;width:22px;height:14px;padding:0;font-size:.62rem;font-weight:800;line-height:1}.queue-remove-btn{white-space:nowrap;border-radius:8px;height:28px;padding:0 8px;font-size:.67rem}.queue-thumb{color:#fff;text-transform:uppercase;background:#080808;border:1px solid #ffffff3d;border-radius:9px;place-items:center;width:32px;height:32px;font-size:.78rem;font-weight:800;display:grid;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a}.queue-thumb.glowing{box-shadow:0 0 0 1px #ffffff14,0 0 18px #ffffff24,0 0 28px #ffffff14}.queue-thumb img{object-fit:cover;width:100%;height:100%;display:block}.queue-copy{gap:2px;min-width:0;display:grid}.queue-title,.queue-subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.queue-title{color:#f1f1f1;font-size:.79rem;line-height:1.15}.queue-subtitle{color:#a7a7a7;font-size:.66rem;line-height:1.1}.field-label,.mini-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.66rem;font-weight:700}.center-col{grid-area:center;grid-template-rows:minmax(0,1fr) auto;gap:clamp(8px,.75vw,10px);min-width:0;min-height:0;display:grid;overflow:hidden}.center-top,.center-mid{min-width:0;min-height:0}.center-top{grid-template-rows:auto minmax(0,1fr) auto}.center-mid{align-content:start;gap:6px;padding:clamp(7px,.62vw,9px)}.center-mid h2{font-size:clamp(.96rem,1.35vw,1.16rem)}textarea,input,select{width:100%;min-width:0;color:var(--text);font:inherit;background:#000;border:1px solid #ffffff4f;border-radius:10px;padding:8px 10px;font-size:.88rem}textarea{resize:none;min-height:0;line-height:1.25}.center-top textarea{height:100%}.inline-controls{gap:6px;display:grid}.inline-controls.two{grid-template-columns:1fr 1fr}.inline-controls.three{grid-template-columns:minmax(0,1fr) auto auto}.mix-select-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mix-field{gap:4px;min-width:0;display:grid}.mix-field select{height:34px;padding:6px 10px;font-size:.8rem}button{color:#fff;min-width:0;font:inherit;overflow-wrap:anywhere;cursor:pointer;background:#000;border:1px solid #ffffff8c;border-radius:10px;padding:8px 10px;font-size:.88rem;font-weight:700;line-height:1.05;transition:border-color .16s,box-shadow .18s,text-shadow .18s,color .16s,transform .16s}button:disabled{opacity:.55;cursor:not-allowed}button:not(:disabled):hover,.rec-pill:not(:disabled):hover{color:#fff;text-shadow:0 0 10px #ffffff38;border-color:#ffffffeb;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff0d,0 0 14px #ffffff14,0 0 26px #ffffff0d}.player-panel{background:#000;border:1.5px solid #ffffffc2;border-radius:clamp(12px,1.1vw,16px);grid-area:player;grid-template-rows:auto auto auto;gap:4px;min-width:0;min-height:0;padding:clamp(6px,.58vw,8px);display:grid;overflow:hidden}.player-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:0;display:grid}.cover{background:#c8c8c8;border-radius:clamp(9px,.7vw,11px);width:clamp(38px,3.4vw,46px);height:clamp(38px,3.4vw,46px)}.track-info{min-width:0}.track-artist{color:#b0b0b0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.72rem;overflow:hidden}.track-title{white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:clamp(.86rem,1.2vw,1.08rem);overflow:hidden}.player-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.icon-btn{border:1.5px solid var(--line);background:#000;border-radius:11px;place-items:center;width:clamp(30px,3vw,38px);height:clamp(30px,3vw,38px);padding:0;display:grid;position:relative}.icon-btn.primary{width:clamp(34px,3.2vw,42px);height:clamp(34px,3.2vw,42px)}.icon-btn.active{border-color:#fffffff5;box-shadow:inset 0 0 0 1px #ffffff14}.icon-asset{filter:invert();opacity:.9;pointer-events:none;width:15px;height:15px;transition:opacity .16s,filter .18s,transform .16s;display:block}.icon-btn.primary .icon-asset{width:17px;height:17px}.icon-btn:disabled .icon-asset{opacity:.34}.icon-btn:not(:disabled):hover .icon-asset{opacity:1;filter:invert()drop-shadow(0 0 6px #ffffff3d)}.icon-asset.forward{transform:rotate(180deg)}.mode-badge{color:#fff;text-align:center;pointer-events:none;background:#000;border:1px solid #ffffff47;border-radius:999px;min-width:12px;height:12px;padding:0 3px;font-size:.48rem;font-weight:800;line-height:10px;position:absolute;top:4px;right:4px}.progress-track{touch-action:none;background:#fff3;border-radius:999px;height:10px;transition:background .14s,transform .14s;position:relative;overflow:hidden}.progress-track.interactive{cursor:pointer}.progress-track.interactive:hover,.progress-track.dragging{background:#ffffff3d;transform:translateY(-1px)}.progress-fill{border-radius:inherit;z-index:1;background:#fff;height:100%;position:relative}.progress-hover-fill{border-radius:inherit;z-index:2;pointer-events:none;background:#ffffff52;height:100%;position:absolute;inset:0 auto 0 0}.progress-thumb{z-index:3;pointer-events:none;background:#fff;border:2px solid #0e0e0e;border-radius:999px;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 6px 14px #0000004d}.progress-tooltip{color:#fff;white-space:nowrap;z-index:4;pointer-events:none;background:#0c0c0cf5;border:1px solid #ffffff42;border-radius:999px;padding:4px 7px;font-size:.68rem;font-weight:700;line-height:1;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)}.time-row{color:#e0e0e0;justify-content:space-between;font-size:.74rem;display:flex}.right-panel{grid-area:right;grid-auto-rows:min-content;align-content:start;min-width:0;min-height:0}.status-pill{border:1px solid var(--line-soft);background:#000;border-radius:10px;margin:0;padding:7px 9px;font-size:.88rem;font-weight:700}.status-pill[data-tone=ok],.status-pill[data-tone=error]{color:#fff}.status-pill[data-tone=pending]{color:#e2e2e2}.error-text{color:#f0f0f0;margin:0;font-size:.76rem;line-height:1.25}@media (width<=1120px){.topbar{grid-template-columns:minmax(0,1fr) minmax(220px,1.55fr) minmax(112px,.82fr)}.rec-pill{gap:6px;padding:0 10px}}@media (width<=980px){.dashboard-page{place-items:start center}.dashboard-frame{height:auto;min-height:100%;max-height:none}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity rec""search search"}.identity-block{grid-area:identity}.search-block{grid-area:search}.rec-pill{grid-area:rec;min-width:112px}.main-grid{grid-template:"left right"minmax(260px,1fr)"center center"minmax(220px,.85fr)"player player"/minmax(0,1fr) minmax(0,1fr);overflow:visible}.center-col{grid-template-rows:minmax(180px,1fr) auto}.mix-select-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.dashboard-page{--mobile-player-space:122px;padding:6px}.dashboard-frame{border-radius:14px;min-height:100%}.topbar{padding:8px}.avatar{width:36px;height:36px}.identity-name{font-size:1rem}.identity-sub{font-size:.68rem}.rec-pill{min-width:104px;height:38px;font-size:.82rem}.main-grid{padding:8px 8px calc(var(--mobile-player-space) + max(8px, env(safe-area-inset-bottom)));grid-template:"left""center""right"/1fr;gap:8px;overflow:visible}.player-panel{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));z-index:20;background:#000;position:fixed}.center-col{grid-template-rows:auto}.panel{overflow:visible}.panel h2{font-size:1rem}.left-panel{grid-template-rows:auto minmax(0,auto) auto auto}.queue-list{max-height:min(42dvh,320px);overflow-y:auto}.player-top{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cover info""actions actions"}.cover{grid-area:cover;width:40px;height:40px}.track-info{grid-area:info}.player-actions{grid-area:actions;justify-content:space-between}}@media (width<=560px){.dashboard-page{--mobile-player-space:108px;padding:0}.dashboard-frame{border-width:0;border-radius:0}.topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity rec""search search";gap:7px;padding:8px}.identity-block{gap:8px}.avatar{width:34px;height:34px;font-size:.84rem}.identity-name{font-size:.96rem}.identity-sub{font-size:.64rem}.rec-pill{justify-self:end;gap:5px;min-width:100px;height:36px;padding:0 9px;font-size:.78rem}.rec-dot{width:10px;height:10px}.search-block input{text-align:left;height:40px;padding-right:116px;font-size:.86rem}.search-source-dock{gap:3px;right:7px}.search-source-btn{width:24px;height:24px}.search-suggestions{border-radius:14px;max-height:min(230px,52dvh)}.main-grid{padding:7px 7px calc(var(--mobile-player-space) + max(7px, env(safe-area-inset-bottom)));gap:7px}.panel{border-radius:12px;gap:7px;padding:8px}textarea,input,select,button:not(.icon-btn):not(.queue-icon-btn):not(.search-source-btn){min-height:40px;padding:7px 9px;font-size:.84rem}textarea{min-height:78px}.center-top{grid-template-rows:auto auto auto}.center-top textarea{height:auto}.inline-controls.two{grid-template-columns:1fr}.center-top .inline-controls.three{grid-template-columns:1fr 1fr}.center-top .inline-controls.three select{grid-column:1/-1}.mix-select-grid{grid-template-columns:1fr 1fr}.mix-field select{height:40px;font-size:.82rem}.queue-list li{grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"thumb copy copy""order order remove";gap:6px;padding:6px}.queue-list li.queue-item--placeholder{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy"}.queue-order-controls{grid-area:order;gap:5px;display:flex}.queue-copy{grid-area:copy}.queue-thumb{grid-area:thumb;width:30px;height:30px}.queue-icon-btn{width:34px;height:34px;min-height:34px}.queue-remove-btn{grid-area:remove;justify-self:start;height:34px;min-height:34px}.player-actions{grid-area:actions;justify-content:flex-end;gap:4px}.icon-btn{width:40px;min-width:40px;height:40px;min-height:40px}.icon-btn.primary{width:42px;min-width:42px;height:42px;min-height:42px}.player-panel{left:7px;right:7px;bottom:max(7px, env(safe-area-inset-bottom));gap:5px;overflow:visible}.player-top{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cover info actions";gap:7px}.cover{width:38px;height:38px}.track-artist{font-size:.68rem}.track-title{font-size:.92rem}.progress-track{height:14px}.time-row{font-size:.68rem}.right-panel .inline-controls.two{grid-template-columns:1fr 1fr}.status-pill{padding:7px 8px;font-size:.82rem}}@media (width<=380px){.dashboard-page{--mobile-player-space:150px}.topbar{grid-template-columns:1fr;grid-template-areas:"identity""rec""search"}.rec-pill{justify-self:stretch;width:100%}.search-block input{padding-right:12px;font-size:.82rem}.search-block{gap:6px;display:grid}.search-source-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;display:grid;position:static;transform:none}.search-source-btn{width:100%;height:34px}.center-top .inline-controls.three,.mix-select-grid,.right-panel .inline-controls.two{grid-template-columns:1fr}.player-top{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cover info""actions actions"}.player-actions{justify-content:space-between}}@media (width<=340px){.main-grid{padding:6px 6px calc(var(--mobile-player-space) + max(6px, env(safe-area-inset-bottom)))}.panel{padding:7px}.identity-name{font-size:.9rem}.search-block input{padding-left:9px;padding-right:9px}.search-source-btn{height:32px}.queue-list li{grid-template-columns:30px minmax(0,1fr) auto}.queue-icon-btn{width:32px;height:32px;min-height:32px}.queue-thumb{width:28px;height:28px}.icon-btn{width:38px;min-width:38px;height:38px;min-height:38px}.icon-btn.primary{width:40px;min-width:40px;height:40px;min-height:40px}}@media (height<=680px) and (width<=720px){.topbar{padding:6px}.main-grid{padding:6px 6px calc(var(--mobile-player-space) + max(6px, env(safe-area-inset-bottom)));gap:6px}.panel{gap:6px;padding:7px}.player-panel{left:6px;right:6px;bottom:max(6px, env(safe-area-inset-bottom));z-index:20;background:#000}textarea{min-height:68px}}@media (height<=520px) and (width>=561px) and (width<=720px){.dashboard-page{--mobile-player-space:104px}.main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left center""right right"}.player-top{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cover info actions"}.player-actions{justify-content:flex-end}.center-col{align-content:start}.right-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start}.right-panel h2,.right-panel .status-pill,.right-panel .error-text{grid-column:1/-1}}@media (height<=680px) and (width>=721px){.dashboard-page{padding:4px}.dashboard-frame{border-radius:12px}.topbar{gap:6px;padding:6px}.avatar{width:32px;height:32px}.identity-name{font-size:.9rem}.identity-sub{display:none}.search-block input,.rec-pill{height:34px;font-size:.82rem}.search-source-btn{width:22px;height:22px}.main-grid{grid-template-rows:minmax(0,1fr) minmax(0,.68fr) minmax(82px,.35fr);gap:6px;padding:6px}.panel{gap:6px;padding:6px}.panel h2{font-size:.96rem}textarea,input,select,button{padding:6px 8px;font-size:.78rem}.queue-list li{padding:5px 6px}.queue-thumb{width:28px;height:28px}.player-panel{gap:3px;padding:5px 6px}.cover{width:36px;height:36px}.icon-btn{width:30px;height:30px}.icon-btn.primary{width:34px;height:34px}.progress-track{height:8px}}@media (height<=520px) and (width>=721px){.dashboard-page{place-items:start center}.dashboard-frame{min-height:520px;max-height:none}}