@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#070b0f;--panel:#0e151c;--card:#141d26;--card-hi:#1a2632;--tile:#1f2c39;--line:rgba(160,188,210,.14);--text:#eef3f6;--muted:#8b9ba8;--accent:#ff6b57;--accent-ink:#1a0d0a;--danger:#ff8e80;--ok:#7ee7c7;--r-lg:20px;--r-md:14px;--r-sm:10px;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;min-height:100%;overscroll-behavior:none}body{margin:0;min-width:320px;overflow:hidden;background:var(--bg);touch-action:auto}@supports (height:100dvh){html,body,#root,.app,.stage{height:100dvh}}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ok);outline-offset:2px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{height:100%;width:100%;overflow:hidden}.stage{position:relative;height:100%;touch-action:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.player-shell{position:relative;width:100%;height:100%;background:#000}.player-shell video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.player-shell video.fill{object-fit:cover}.player-shell:fullscreen{width:100vw;height:100vh;background:#000}.player-shell:-webkit-full-screen{width:100vw;height:100vh;background:#000}.player-actions{position:absolute;right:18px;bottom:18px;z-index:3;display:flex;align-items:center;gap:8px;transition:opacity .25s,transform .25s}.player-control{min-width:48px;height:48px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:var(--r-md);background:#0a0f14b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-size:12px;font-weight:600}.player-control:hover,.player-control.active{background:var(--accent);color:var(--accent-ink)}.asleep .player-actions{opacity:0;pointer-events:none;transform:translateY(8px)}.empty-player{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:radial-gradient(circle at 50% 40%,#14202b,#070b0f 65%)}.empty-player span{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:22px;padding-left:4px;margin-bottom:10px}.empty-player strong{font:600 20px Space Grotesk}.empty-player small{color:var(--muted);font-size:14px}.dock{position:absolute;z-index:20;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:6px 7px;border-radius:22px;background:#080f15c7;border:1px solid rgba(220,235,245,.2);-webkit-backdrop-filter:blur(22px) saturate(1.25);backdrop-filter:blur(22px) saturate(1.25);box-shadow:0 14px 38px #00000080,inset 0 1px #ffffff0f;transition:opacity .25s,transform .25s;white-space:nowrap}.asleep .dock{opacity:0;transform:translate(-50%,8px);pointer-events:none}.dock-channel,.dock-skip,.dock-play,.dock-fit,.dock-settings{border:0;color:var(--text);display:grid;place-items:center;background:transparent}.dock-channel{height:52px;padding:0 15px;display:flex;align-items:center;gap:7px;border-radius:16px;font-size:13px;font-weight:700}.dock-channel:hover,.dock-channel.on{background:var(--accent);color:var(--accent-ink)}.dock-skip{width:45px;height:48px;border-radius:14px;color:#becbd3}.dock-skip:hover{background:#ffffff14;color:var(--text)}.dock-play{width:54px;height:54px;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 5px 15px #ff6b574d}.dock-fit{height:44px;padding:0 12px;border-radius:13px;color:#c7d2d9;font-size:11px;font-weight:700}.dock-fit.on,.dock-fit:hover{background:#ffffff1a;color:var(--text)}.dock-settings{width:40px;height:44px;border-left:1px solid rgba(220,235,245,.12);color:var(--muted)}.now{min-width:100px;display:flex;flex-direction:column;gap:2px;padding:0 9px;max-width:190px}.now strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border:0;background:#0006}.panel{position:absolute;z-index:12;top:0;bottom:0;left:0;width:min(500px,100%);display:flex;flex-direction:column;background:#070d129e;-webkit-backdrop-filter:blur(28px) saturate(1.3);backdrop-filter:blur(28px) saturate(1.3);border-right:1px solid rgba(220,235,245,.18);box-shadow:24px 0 70px #0000006b;overscroll-behavior:contain;touch-action:auto;transform:translate(-102%);visibility:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),visibility 0s .25s}.panel.open{transform:none;visibility:visible;transition:transform .25s cubic-bezier(.2,.8,.2,1),visibility 0s}.panel-head{flex:none;display:flex;align-items:center;gap:6px;padding:18px 14px 14px 22px;border-bottom:1px solid rgba(220,235,245,.12);background:linear-gradient(135deg,#0e192180,#080e1324)}.panel-title{flex:1;min-width:0}.eyebrow{margin-bottom:5px;color:var(--ok);font-size:10px;font-weight:700;letter-spacing:.14em}.panel-title h2{margin:0;font:600 23px Space Grotesk;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-title p{margin:3px 0 0;font-size:13px;color:var(--muted)}.status-pill{flex:none;display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(126,231,199,.2);border-radius:99px;color:var(--ok);font-size:11px;font-weight:600}.status-pill i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #7ee7c71f}.status-pill.proxy{border-color:#ffbe5c4d;color:#ffbe5c}.status-pill.proxy i{background:#ffbe5c;box-shadow:0 0 0 3px #ffbe5c1f}.icon-btn{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:var(--r-sm);background:transparent;color:var(--muted)}.icon-btn:hover:not(:disabled){background:var(--card-hi);color:var(--text)}.icon-btn.sm{width:40px;height:40px;background:var(--card-hi)}.icon-btn.danger:hover:not(:disabled){color:var(--danger)}.icon-btn:disabled{opacity:.5}.search{flex:none;margin:14px 18px 12px;height:54px;display:flex;align-items:center;gap:11px;padding:0 8px 0 16px;border:1px solid rgba(220,235,245,.17);border-radius:16px;background:#0b151d9e;color:#aebdca;box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0000001f}.search:focus-within{border-color:var(--ok)}.search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:15px;color:var(--text)}.search input::-webkit-search-cancel-button{display:none}.search button{width:36px;height:36px;border:0;border-radius:8px;background:none;color:var(--muted);display:grid;place-items:center}.chips{flex:none;display:flex;gap:9px;overflow-x:auto;padding:2px 18px 16px;scrollbar-width:none;touch-action:pan-x;overscroll-behavior:contain;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.chips::-webkit-scrollbar{display:none}.chips button{flex:none;height:42px;padding:0 16px;display:flex;align-items:center;gap:8px;border:1px solid rgba(220,235,245,.17);border-radius:13px;background:#111d267a;color:#b9c5ce;font-size:13px;font-weight:600;white-space:nowrap}.chips button small{font-size:11px;color:var(--muted)}.chips button.on{background:var(--text);border-color:var(--text);color:#0b1117}.chips button.on small{color:#4b5a66}.quickbar{display:flex;gap:7px;padding:0 18px 10px;overflow-x:auto;scrollbar-width:none}.quickbar::-webkit-scrollbar{display:none}.quickbar button{height:38px;display:flex;align-items:center;gap:6px;flex:none;padding:0 12px;border:1px solid rgba(220,235,245,.14);border-radius:11px;background:#101d2694;color:#c5d0d8;font-size:12px;font-weight:650}.quickbar button.active{background:#ff6b57eb;border-color:#ffb4a080;color:#180d0a}.quickbar small{font-size:10px;opacity:.75}.grid{position:relative;flex:1;min-height:0;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:auto;touch-action:none;padding:4px 18px calc(100px + env(safe-area-inset-bottom)) 18px;display:block}.grid::-webkit-scrollbar{width:6px}.grid::-webkit-scrollbar-thumb{background:#a0bcd238;border-radius:6px}.virtual-spacer{position:relative;width:100%}.virtual-row{position:absolute;left:0;right:0;display:grid;align-items:start}.card-wrap{position:relative;min-width:0}.card{width:100%;position:relative;min-width:0;min-height:44px;display:flex;flex-direction:column;gap:6px;height:148px;padding:7px;border:1px solid rgba(220,235,245,.16);border-radius:15px;background:linear-gradient(155deg,#1b2b37b8,#0d171fa3);text-align:center;-webkit-user-select:none;user-select:none;box-shadow:0 7px 18px #00000029,inset 0 1px #ffffff0b;transition:transform .15s,background .15s,border-color .15s}.card:hover{background:var(--card-hi)}.card.on{border-color:var(--accent);background:#ff6b571a}.card.on:after{content:"";position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #ff6b5740}.card-favorite{position:absolute;z-index:2;top:6px;right:6px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(220,235,245,.14);border-radius:9px;background:#060d127a;color:#a6b6c1}.card-favorite.on{color:#ffb35f;border-color:#ffb35f66}.logo{width:100%;aspect-ratio:1.6/1;display:grid;place-items:center;padding:2px;border-radius:11px;background:#14232e80;overflow:hidden;color:var(--muted);box-shadow:inset 0 0 0 1px #dcebf51a,0 4px 12px #0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:contrast(1.08) saturate(1.08)}.logo b{font:600 22px Space Grotesk;letter-spacing:.5px;color:#9fb2c1}.name{height:2.5em;font-size:14px;line-height:1.25;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;padding:0 2px;color:#f0f4f6}.card-group{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px;font-weight:500}.empty-grid,.empty-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 24px;text-align:center;color:var(--muted);font-size:14px}.empty-grid small{color:var(--muted);font-size:12px}.empty-panel{flex:1}.empty-panel strong{font:600 18px Space Grotesk;color:var(--text)}.loading-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:14px}.primary{height:48px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:15px}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:disabled{opacity:.6}.toast{position:fixed;z-index:60;top:18px;left:50%;transform:translate(-50%);max-width:min(520px,calc(100vw - 28px));display:flex;align-items:center;gap:10px;padding:12px 10px 12px 16px;border-radius:var(--r-md);background:#10181ff5;border:1px solid var(--line);box-shadow:0 12px 36px #00000080;font-size:14px;line-height:1.4}.toast.success svg{color:var(--ok)}.toast.error svg{color:var(--danger)}.toast svg{flex:none}.toast button{flex:none;width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--muted);display:grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#030609bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{width:min(640px,100%);max-height:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:22px;border-radius:var(--r-lg);background:#0e151c99;-webkit-backdrop-filter:blur(24px) saturate(1.15);backdrop-filter:blur(24px) saturate(1.15);border:1px solid var(--line);box-shadow:0 30px 90px #0009}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal-head h2{margin:0;font:600 24px Space Grotesk;letter-spacing:-.4px}.modal-head p{margin:5px 0 0;font-size:14px;color:var(--muted)}.lists{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.list{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--card)}.list.on{border-color:var(--accent)}.list-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:2px;border:0;background:none;text-align:left}.list-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--tile);color:var(--ok)}.list-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.list-copy strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-copy small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-main em{flex:none;font-style:normal;font-size:12px;color:var(--muted)}.add{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line)}.add h3{margin:0 0 2px;font-size:15px;font-weight:600}.add>input,.url{height:48px;border:1px solid var(--line);border-radius:var(--r-md);background:#ffffff0a;padding:0 14px;outline:0;font-size:15px}.url{display:flex;align-items:center;gap:10px;color:var(--muted)}.url input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:15px}.add>input:focus,.url:focus-within{border-color:var(--ok)}.device-note{display:block;padding-top:4px;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:560px){.dock{bottom:12px;max-width:calc(100% - 14px);gap:2px;padding:5px}.dock-channel{height:48px;padding:0 11px}.dock-channel span{display:none}.dock-skip{width:38px;height:46px}.dock-play{width:50px;height:50px}.dock-fit{padding:0 8px}.dock-settings{width:34px}.now{max-width:28vw;min-width:64px}.now{max-width:34vw}.panel{width:100%;border-right:0}.virtual-row{right:0}.card{height:136px}.logo{padding:9px}.modal{padding:18px}.player-actions{right:12px;bottom:12px}.player-control{height:48px}.player-control span{display:none}}@media(pointer:coarse){.icon-btn{width:52px;height:52px}.icon-btn.sm{width:48px;height:48px}.search{height:54px}.search button{width:42px;height:42px}.chips button{height:46px;padding-inline:16px}.dock-main,.dock-add{height:56px}.dock-add{width:56px}.card{height:148px;padding:10px}.primary{height:54px}.list-main{min-height:52px}}@media(orientation:landscape)and (max-height:620px){.panel{width:min(420px,48vw)}.panel-head{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:6px}.eyebrow{font-size:9px;margin-bottom:2px}.panel-title h2{font-size:18px}.search{height:44px;margin-top:2px;margin-bottom:6px}.chips{padding-bottom:8px}.chips button{height:34px}.grid{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.card{height:132px}.logo{padding:8px}.dock{bottom:max(10px,env(safe-area-inset-bottom))}}@media(min-width:900px)and (orientation:landscape){.panel{width:min(440px,36vw)}}@media(orientation:portrait)and (max-width:900px){.panel{width:100%}.dock{right:auto;max-width:calc(100% - 14px);justify-content:center}.now{max-width:32vw}.grid{padding-left:12px;padding-right:12px}}@media(max-width:560px){.panel-head{padding:10px 8px 6px 12px}.panel-title h2{font-size:18px}.panel-title p{font-size:11px}.status-pill{padding:5px 7px;font-size:10px}.search{height:44px;margin:2px 10px 8px}.chips{gap:6px;padding:0 10px 8px}.chips button{height:36px;padding-inline:12px;font-size:12px}.grid{padding:2px 8px calc(84px + env(safe-area-inset-bottom))}.card{height:140px;gap:4px;padding:6px;border-radius:14px;background:#141d2694;border-color:#a0bcd233;box-shadow:0 6px 14px #00000024}.logo{aspect-ratio:1.55/1;padding:2px;border-radius:10px;background:#1f2c3980}.logo b{font-size:24px}.name{font-size:12px;font-weight:650}.card-group{font-size:9px;letter-spacing:.02em}}@media(max-height:480px){.panel-head{padding-top:8px}.search{margin-bottom:8px;height:42px}.chips{padding-bottom:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.dock-settings{width:auto;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.dock-settings span{display:inline}.settings-card{position:absolute;z-index:25;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(360px,calc(100% - 24px));padding:16px;border:1px solid rgba(220,235,245,.2);border-radius:18px;background:#081016e6;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 18px 50px #00000080}.settings-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.settings-head strong{display:block;font:600 20px Space Grotesk}.settings-close{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:#ffffff0f;color:var(--muted)}.setting-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(220,235,245,.12);border-radius:13px;background:#182630a6;text-align:left;color:var(--text)}.setting-row span{display:grid;grid-template-columns:22px 1fr;align-items:center;column-gap:8px}.setting-row span svg{grid-row:span 2;color:var(--ok)}.setting-row b{font-size:13px}.setting-row small{grid-column:2;color:var(--muted);font-size:10px;margin-top:3px}.switch{font-style:normal;color:var(--muted);font-size:11px}.switch.on{color:var(--ok)}.setting-label{margin:15px 2px 7px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.setting-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.setting-options button{height:42px;border:1px solid rgba(220,235,245,.12);border-radius:10px;background:#ffffff0a;color:#bcc8cf;font-size:11px}.setting-options button.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.panel-head{padding:12px 10px 9px 16px}.panel-title h2{font-size:20px}.panel-title p{margin-top:2px;font-size:11px}.search{margin:8px 14px;height:48px}.quickbar{padding:0 14px 7px}.chips{padding:0 14px 9px;gap:7px}.grid{padding-top:2px}.dock-channel,.dock-skip,.dock-fit,.dock-settings{height:46px}.dock-channel{min-width:70px;padding:0 12px}.dock-skip{width:42px}.dock-fit{min-width:68px;padding:0 11px;background:#ffffff0e;border-radius:13px}.dock-fit.on{background:#ff6b5733;color:var(--text)}.dock-settings{min-width:82px;border-left:1px solid rgba(220,235,245,.12)}.dock-play{width:50px;height:50px}.now{min-width:92px;max-width:150px;padding:0 7px}.settings-head small{display:block;margin-top:3px;color:var(--muted);font-size:11px}@media(max-width:560px){.panel-head{padding:8px 7px 5px 12px}.search{margin:6px 10px;height:44px}.quickbar{padding:0 10px 6px}.chips{padding:0 10px 7px}.dock-channel{min-width:46px;padding:0 9px}.dock-skip{width:36px}.dock-fit{min-width:58px;padding:0 7px}.dock-settings{min-width:70px;padding:0 7px}.now{min-width:58px;max-width:23vw;padding:0 4px}.now strong{font-size:12px}.now small{font-size:10px}}.theme-midnight{--bg:#020611;--panel:#071225;--card:#0b1d38;--card-hi:#12345b;--tile:#102b4c;--line:rgba(116,185,255,.2);--accent:#55b8ff;--accent-ink:#03111d;--ok:#73e6ff}.theme-midnight .panel{background:#030c1dc7;border-color:#55b8ff4d}.theme-midnight .card{background:linear-gradient(145deg,#0e2b4dcc,#051327db);border-color:#55b8ff38}.theme-midnight .dock{background:#030d1de6;border-color:#55b8ff59}.theme-glass{--bg:#071317;--panel:#122b31;--card:#173d43;--card-hi:#20565d;--tile:#1d4b51;--line:rgba(164,239,225,.23);--accent:#75e1cb;--accent-ink:#06201e;--ok:#a4f1e1}.theme-glass .panel{background:#10363b85;-webkit-backdrop-filter:blur(34px) saturate(1.55);backdrop-filter:blur(34px) saturate(1.55);border-color:#a4efe157}.theme-glass .card{background:linear-gradient(145deg,#5bb1a838,#0a262d94);border-color:#a4efe140;box-shadow:0 8px 22px #00000026,inset 0 1px #d2fff51f}.theme-glass .logo{background:#aaf5e629;border-color:#c8fff540}.theme-glass .dock{background:#0a3035a8;border-color:#a4efe161}.theme-ember{--bg:#120708;--panel:#281114;--card:#3a1719;--card-hi:#572022;--tile:#4b1a1c;--line:rgba(255,174,112,.2);--accent:#ff8a55;--accent-ink:#2b0b05;--ok:#ffc08c}.theme-ember .panel{background:#230a0ecc;border-color:#ff8a554d}.theme-ember .card{background:linear-gradient(145deg,#5c231fd1,#250c11db);border-color:#ffae7033}.theme-ember .logo{background:#ffa4671f}.theme-ember .dock{background:#230a0eeb;border-color:#ff8a5559}.theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:13px}.theme-choice{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(220,235,245,.14);border-radius:11px;background:#ffffff0a;color:#c5d0d6;font-size:10px;font-weight:700}.theme-choice i{width:30px;height:18px;border-radius:6px;background:#162331;border:1px solid rgba(255,255,255,.2)}.theme-choice.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text)}.preview-midnight i{background:linear-gradient(135deg,#061126,#3d9fe8)}.preview-glass i{background:linear-gradient(135deg,#183f44,#75e1cb)}.preview-ember i{background:linear-gradient(135deg,#351014,#ff8a55)}.preview-current i{background:linear-gradient(135deg,#141d26,#ff6b57)}.theme-midnight .panel{left:auto;right:0;border-right:0;border-left:1px solid rgba(85,184,255,.3);transform:translate(102%);box-shadow:-24px 0 70px #00000080}.theme-midnight .panel.open{transform:none}.theme-midnight .panel-head{padding:22px 20px 16px}.theme-midnight .dock{left:auto;right:22px;transform:none;border-radius:16px}.theme-midnight.asleep .dock{transform:translateY(8px)}.theme-midnight .card{border-radius:10px;box-shadow:0 4px #55b8ff1f}.theme-midnight .card-favorite{border-radius:50%}.theme-midnight .logo{aspect-ratio:1.9/1;border-radius:7px}.theme-glass .panel{top:auto;bottom:0;left:50%;width:min(100%,980px);height:min(68vh,620px);border:1px solid rgba(164,239,225,.34);border-bottom:0;border-radius:26px 26px 0 0;transform:translate(-50%,102%);box-shadow:0 -20px 70px #0000006b}.theme-glass .panel.open{transform:translate(-50%)}.theme-glass .panel-head{padding:14px 22px 10px;border-bottom:0}.theme-glass .panel-title h2{font-size:21px}.theme-glass .search{margin:6px 22px 8px}.theme-glass .quickbar,.theme-glass .chips,.theme-glass .grid{padding-left:22px;padding-right:22px}.theme-glass .dock{bottom:18px;border-radius:99px}.theme-glass .card{height:154px;border-radius:22px}.theme-glass .card-favorite{top:8px;right:8px;border-radius:50%}.theme-glass .logo{aspect-ratio:1.8/1;border-radius:16px}.theme-ember .panel{left:auto;right:0;width:min(420px,100%);border-right:0;border-left:3px solid rgba(255,138,85,.48);transform:translate(102%);box-shadow:-30px 0 80px #0009}.theme-ember .panel.open{transform:none}.theme-ember .panel-head{padding:18px 18px 12px;background:linear-gradient(180deg,rgba(94,26,24,.5),transparent);border-bottom:2px solid rgba(255,138,85,.22)}.theme-ember .panel-title h2{font-size:26px;letter-spacing:-1px}.theme-ember .search{border-radius:99px}.theme-ember .quickbar button,.theme-ember .chips button{border-radius:6px}.theme-ember .card{height:176px;border-radius:8px;background:linear-gradient(160deg,#571f1cdb,#230a0ee6);box-shadow:4px 4px #ff8a551f}.theme-ember .logo{aspect-ratio:1.35/1;border-radius:6px}.theme-ember .card-favorite{border-radius:5px;background:#2b0b0d;color:#ffc08c}.theme-ember .dock{border-radius:8px;background:#2a0a0df2;box-shadow:6px 6px #ff8a5524}@media(max-width:560px){.theme-midnight .panel{width:88%}.theme-midnight .dock{right:8px}.theme-glass .panel{height:72vh;border-radius:22px 22px 0 0}.theme-glass .panel-head{padding:10px 14px 6px}.theme-glass .search,.theme-glass .quickbar,.theme-glass .chips{margin-left:14px;margin-right:14px;padding-left:0;padding-right:0}.theme-glass .grid{padding-left:14px;padding-right:14px}.theme-ember .panel{width:91%}.theme-ember .panel-head{padding:11px 12px 7px}.theme-ember .panel-title h2{font-size:20px}}.dock-play{width:62px;height:62px;flex:none}.dock-play svg{width:25px;height:25px}@media(max-width:560px){.dock-play{width:58px;height:58px}.dock-play svg{width:24px;height:24px}}.dock{gap:3px;padding:4px 6px;overflow:visible;border-radius:18px;background:#080f1566;border-color:#dcebf538;-webkit-backdrop-filter:blur(26px) saturate(1.35);backdrop-filter:blur(26px) saturate(1.35);box-shadow:0 12px 30px #00000052,inset 0 1px #ffffff1a}.dock-channel,.dock-skip,.dock-fit,.dock-settings{height:42px}.dock-channel{min-width:62px;padding:0 9px}.dock-skip{width:38px}.dock-play{position:relative;z-index:2;width:62px;height:62px;margin:0 2px;transform:translateY(-8px);border:3px solid rgba(8,15,21,.4);box-shadow:0 7px 18px #ff6b575c,0 0 0 1px #ffffff29}.dock-fit{min-width:62px;padding:0 8px;background:#ffffff0b}.dock-settings{min-width:76px;padding:0 8px;border-left-color:#dcebf524}.now{min-width:82px;max-width:130px;padding:0 5px}@media(max-width:560px){.dock{gap:2px;padding:3px 5px;border-radius:16px}.dock-channel,.dock-skip,.dock-fit,.dock-settings{height:40px}.dock-channel{min-width:42px;padding:0 7px}.dock-skip{width:34px}.dock-play{width:58px;height:58px;margin:0 1px;transform:translateY(-7px)}.dock-fit{min-width:54px;padding:0 6px}.dock-settings{min-width:64px;padding:0 6px}.now{min-width:52px;max-width:22vw;padding:0 3px}}.dock{gap:1px;padding:2px 4px;background:#080f1540;border-color:#dcebf52e;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);border-radius:15px}.dock-channel,.dock-skip,.dock-fit,.dock-settings{height:36px}.dock-channel{min-width:52px;padding:0 6px;gap:4px;font-size:11px}.dock-skip{width:32px}.dock-play{width:70px;height:70px;margin:0 1px;transform:translateY(-9px);border-width:3px;box-shadow:0 8px 20px #ff6b576b,0 0 0 1px #ffffff2e}.dock-play svg{width:28px;height:28px}.dock-fit{min-width:54px;padding:0 5px;font-size:10px}.dock-settings{min-width:62px;padding:0 5px;font-size:10px}.now{min-width:72px;max-width:108px;padding:0 3px}.now strong{font-size:12px}.now small{font-size:10px}@media(max-width:560px){.dock{gap:1px;padding:2px 3px;border-radius:13px;background:#080f1538}.dock-channel,.dock-skip,.dock-fit,.dock-settings{height:34px}.dock-channel{min-width:38px;padding:0 5px}.dock-channel span{display:none}.dock-skip{width:29px}.dock-play{width:65px;height:65px;transform:translateY(-8px)}.dock-play svg{width:26px;height:26px}.dock-fit{min-width:48px;padding:0 4px}.dock-settings{min-width:57px;padding:0 4px}.now{min-width:48px;max-width:20vw}}