@font-face{font-family:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-vietnamese-standard-normal-Rd0aZl9c.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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-ext-standard-normal-CQ1tG6In.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:Mona Sans Variable;font-style:normal;font-display:swap;font-weight:200 900;font-stretch:75% 125%;src:url(/assets/mona-sans-latin-standard-normal-BMVx8nn_.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:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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) 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:Doto Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/doto-latin-wght-normal-DtlIPefW.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{--name: "Mona Sans Variable", sans-serif;--sign: "Doto Variable", monospace;--ink: #f4f1fb;--ink-2: rgba(244, 241, 251, .72);--ink-3: rgba(244, 241, 251, .46);--glow: #e4e1ec;--spring: cubic-bezier(.34, 1.4, .5, 1);--ease: cubic-bezier(.2, .8, .2, 1);--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--silver-chrome: linear-gradient(180deg, #ffffff 0%, #ece8f3 30%, #8a8396 50%, #ffffff 57%, #cfc8da 80%, #736c80 100%);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;color:var(--ink);font-family:var(--name);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.38;cursor:default}img{display:block}img[src*="/hqdefault.jpg"]{object-view-box:inset(12.5% 0)}svg{width:20px;height:20px;flex:none}:focus-visible{outline:2px solid var(--glow);outline-offset:3px}.display{margin:0;font-family:var(--name);font-stretch:75%;font-weight:900;text-transform:uppercase;letter-spacing:-.012em;line-height:.86;background:var(--silver-chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.3)) drop-shadow(0 10px 24px rgba(0,0,0,.6))}.label{font-family:var(--name);font-stretch:125%;font-weight:650;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.led{font-family:var(--sign);font-weight:700;letter-spacing:.06em;color:color-mix(in oklab,var(--glow) 55%,white);text-shadow:0 0 10px color-mix(in oklab,var(--glow) 70%,transparent)}.glass{position:relative;isolation:isolate;border-radius:999px;background:#120e1c6b;backdrop-filter:blur(22px) saturate(180%) brightness(.92);-webkit-backdrop-filter:blur(22px) saturate(180%) brightness(.92);box-shadow:inset 0 1px .5px #ffffff6b,inset 0 -1px 1px #ffffff1a,inset 0 0 0 .5px #ffffff29,0 10px 30px #00000061,0 2px 6px #00000038;transition:transform .35s var(--spring),box-shadow .3s,background .3s}.glass.clear{background:#0e0a1829;backdrop-filter:blur(4px) saturate(200%) brightness(1.08);-webkit-backdrop-filter:blur(4px) saturate(200%) brightness(1.08)}.glass.is-liquid{background:#100c1a2e}.glass.clear.is-liquid{background:#0e0a181f}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;background:linear-gradient(155deg,#ffffffbf,#ffffff1a 28%,#fff0 55%,#ffffff1f 85%,#ffffff61);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity .35s;background:radial-gradient(160px circle at var(--gx, 50%) var(--gy, 0%),rgba(255,255,255,.16),rgba(255,255,255,0) 70%)}.glass.lit:after{opacity:1}.glass>*{position:relative;z-index:2}.glass-defs{position:absolute!important;width:0;height:0;overflow:hidden}.is-liquid.is-liquid,.glass.is-liquid{-webkit-backdrop-filter:blur(var(--lg-frost, 0px)) var(--lg);backdrop-filter:blur(var(--lg-frost, 0px)) var(--lg)}.is-liquid.is-liquid.is-liquid.is-liquid.is-liquid[style]{border-image:var(--lg-spec, none)!important}.glass.is-liquid,.is-liquid.is-liquid{border-width:0!important}.glass.is-liquid{box-shadow:0 12px 30px -8px #0000008c,0 2px 6px #0003}.glass.is-liquid:before{opacity:.35}.glass-lens{position:fixed;left:0;top:0;z-index:9000;border-radius:50%;pointer-events:none;opacity:0;will-change:transform;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -2px 6px #ffffff1f,0 14px 30px -10px #0000008c}@media(prefers-reduced-transparency:reduce){.glass,.glass.clear,.slab{background:#120e1af5!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.slab{position:relative;isolation:isolate;border-radius:28px;background:radial-gradient(130% 80% at 50% 118%,color-mix(in oklab,var(--glow) 24%,transparent),transparent 60%),radial-gradient(70% 60% at var(--mx, 20%) var(--my, 0%),rgba(255,255,255,.1),transparent 70%),linear-gradient(162deg,#ffffff1f,#ffffff08 36%,#ffffff03 70%,#ffffff0b);-webkit-backdrop-filter:blur(24px) saturate(185%) brightness(1.06);backdrop-filter:blur(24px) saturate(185%) brightness(1.06);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff12,inset 1.5px 0 0 -.5px #ff3c5a59,inset -1.5px 0 0 -.5px #46c8ff59,inset 0 -1px color-mix(in oklab,var(--glow) 70%,transparent),inset 0 -22px 32px -22px color-mix(in oklab,var(--glow) 40%,transparent),0 7px 0 -3px #ffffff0f,0 8px 0 -3px #000000b3,0 28px 50px -20px #000000e6,0 26px 70px -30px color-mix(in oklab,var(--glow) 55%,transparent);transition:box-shadow 1.2s,background 1.2s}.slab:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:3;background:linear-gradient(152deg,rgba(255,255,255,.85),rgba(255,255,255,.1) 24%,transparent 52%,color-mix(in oklab,var(--glow) 80%,transparent) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.side-panel.slab{-webkit-backdrop-filter:blur(16px) saturate(190%) brightness(1.12);backdrop-filter:blur(16px) saturate(190%) brightness(1.12);background:linear-gradient(174deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 16%,transparent 30%),radial-gradient(60% 22% at 22% 0%,rgba(255,255,255,.14),transparent 70%),radial-gradient(80% 34% at 50% 106%,color-mix(in oklab,var(--glow) 32%,transparent),transparent 70%),radial-gradient(70% 60% at var(--mx, 20%) var(--my, 0%),rgba(255,255,255,.08),transparent 70%),linear-gradient(162deg,#ffffff1a,#ffffff0a 40%,#ffffff0f)}.grain:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--grain);opacity:.08;mix-blend-mode:overlay;pointer-events:none;z-index:0}.slab>*{position:relative;z-index:2}.gb{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border-radius:22px;color:var(--ink);background:radial-gradient(110% 80% at 50% -25%,rgba(255,255,255,.2),transparent 55%),linear-gradient(180deg,#ffffff17,#ffffff05);-webkit-backdrop-filter:blur(16px) saturate(170%);backdrop-filter:blur(16px) saturate(170%);box-shadow:inset 0 1px #ffffff80,inset 1px 0 0 -.25px #ff46644d,inset -1px 0 0 -.25px #46c8ff4d,0 0 0 1px #ffffff1a,0 4px 0 -1px #000000b3,0 12px 26px -10px #000c;font-weight:700;font-size:15px;transition:transform .3s var(--spring),background .2s}.gb:not(:disabled):active{transform:translateY(2px) scale(.97)}@media(hover:hover){.gb:not(:disabled):hover{background:radial-gradient(110% 80% at 50% -25%,rgba(255,255,255,.28),transparent 55%),linear-gradient(180deg,#ffffff21,#ffffff0a)}}.gb.sm{height:36px;padding:0 14px;font-size:13px}.gb.sm svg{width:16px;height:16px}.gb.in-glass{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.gb.in-glass:not(:disabled):hover{background:radial-gradient(circle,rgba(255,255,255,.12),transparent 72%)}.gem{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 24px;border-radius:24px;font-weight:800;font-size:15px;color:#06050a;background:radial-gradient(110% 80% at 50% -25%,rgba(255,255,255,.95),transparent 52%),linear-gradient(180deg,color-mix(in oklab,var(--glow) 55%,white) 0%,var(--glow) 46%,color-mix(in oklab,var(--glow) 60%,black) 54%,color-mix(in oklab,var(--glow) 80%,white) 100%);box-shadow:inset 0 1px #fff,inset 0 -3px 6px color-mix(in oklab,var(--glow) 40%,black),0 0 0 1px color-mix(in oklab,var(--glow) 50%,black),0 4px 0 -1px color-mix(in oklab,var(--glow) 30%,black),0 14px 30px -8px color-mix(in oklab,var(--glow) 60%,transparent);transition:transform .3s var(--spring)}.gem:active{transform:translateY(2px)}.gem svg circle{fill:#06050a}.gem svg path{stroke:var(--glow)}.app{position:relative;height:100%;overflow:hidden}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background:conic-gradient(from 168deg at 22% -8%,transparent 0deg,rgba(244,216,138,.2) 8deg,transparent 20deg),conic-gradient(from 190deg at 78% -8%,transparent 0deg,rgba(244,216,138,.14) 10deg,transparent 22deg),radial-gradient(60% 40% at 50% -6%,rgba(244,216,138,.22),transparent 70%),radial-gradient(70% 55% at 0% 60%,rgba(72,34,128,.42),transparent 70%),radial-gradient(60% 45% at 100% 95%,rgba(255,88,52,.2),transparent 70%),#030208}.backdrop img{position:absolute;inset:-12%;width:124%;height:124%;object-fit:cover;filter:blur(64px) saturate(170%) brightness(.62);animation:amb-in .9s var(--ease) both}.backdrop img.out{animation:amb-out .9s var(--ease) both}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 1px 1px,color-mix(in oklab,var(--glow) 24%,transparent) 1px,transparent 1.6px) 0 0 / 22px 22px,linear-gradient(180deg,#0000001a,#00000073 70%,#0009)}@keyframes amb-in{0%{opacity:0;transform:scale(1.06)}}@keyframes amb-out{to{opacity:0}}.top{position:absolute;top:18px;left:0;right:0;z-index:30;display:flex;justify-content:center;pointer-events:none}.pill{pointer-events:auto;display:flex;align-items:center;gap:4px;height:56px;padding:0 8px 0 22px}.mark{font-stretch:125%;font-weight:900;font-size:17px;letter-spacing:.34em;margin-right:6px;background:var(--silver-chrome);-webkit-background-clip:text;background-clip:text;color:transparent}.pill .yt-box{width:340px}.pill .yt-box input{height:40px;font-size:13px;background:#ffffff0f;box-shadow:inset 0 1px 3px #0006}.pill .field-btn{width:30px;height:30px;font-size:18px}.pill .field-btn:not(:last-child){right:40px}.pill .yt-box:has(.field-btn) input{padding-right:80px}.pill-sep{width:1px;height:22px;margin:0 8px;background:linear-gradient(transparent,rgba(255,255,255,.25),transparent)}.pill-btn{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 16px;border-radius:20px;font-weight:650;font-size:14px;color:var(--ink);transition:background .2s,transform .25s var(--spring)}.pill-btn:hover{background:radial-gradient(circle,rgba(255,255,255,.12),transparent 75%)}.pill-btn:active{transform:scale(.95)}.who{display:inline-flex;align-items:center;gap:10px;padding-left:4px}.who img,.who>svg{width:30px;height:30px;border-radius:50%;object-fit:cover}.who>span{font-weight:650;font-size:14px}.link{font-size:12px;color:var(--ink-3);padding:8px 12px;border-radius:16px}.link:hover{color:var(--ink);background:#ffffff0f}.stage{position:absolute;inset:0;display:grid;place-items:center}:root{--side-w: 300px}.ttgl{position:absolute;inset:84px 24px 150px}.ttgl canvas{width:100%!important;height:100%!important;display:block}.pressing{position:absolute;left:50%;bottom:128px;transform:translate(-50%);margin:0;display:flex;align-items:baseline;gap:12px;white-space:nowrap;transition:opacity .4s}.pressing small{font-stretch:125%;font-weight:650;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.pressing b{font-stretch:75%;font-weight:900;font-size:30px;line-height:1;text-transform:uppercase;letter-spacing:-.01em;background:var(--silver-chrome);-webkit-background-clip:text;background-clip:text;color:transparent}.swatches{display:inline-flex;gap:5px;transform:translateY(-3px)}.swatches i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff4d,0 0 10px #00000080}.dock-start{flex:1;display:flex;align-items:center;gap:8px;padding-left:4px}.dock-start .yt-box{flex:1}.dock:has(.dock-start){width:min(1040px,calc(100vw - 32px));gap:20px;padding:0 16px 0 14px}.dock-start~.ico,.dock-start .ico{width:38px;height:38px;border-radius:50%;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink-2)}.dock-start~.ico svg{width:20px;height:20px}.dock-start~.ico:hover{color:var(--ink);filter:none;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 72%)}.dock-start .yt-box input{height:52px;border-radius:26px;font-size:15px;padding:0 20px}.icon-btn{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;flex:none;color:var(--ink-2);transition:background .2s,color .2s,transform .25s var(--spring)}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{color:var(--ink);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 72%)}.icon-btn:active{transform:scale(.92)}.yt-box{position:relative}.field-btn{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:var(--ink);background:#ffffff1a}.field-btn:last-child{right:6px;background:color-mix(in oklab,var(--glow) 70%,white);color:#06050a}.field-btn:not(:last-child){right:46px}.field-btn svg{width:16px;height:16px}.yt-box:has(.field-btn) input{padding-right:90px}.results{position:fixed;right:22px;top:96px;bottom:124px;width:var(--side-w);z-index:40;list-style:none;margin:0;padding:8px;border-radius:26px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;animation:res-in .35s var(--spring) both}@keyframes res-in{0%{opacity:0;transform:translate(24px)}}.results li{display:flex;align-items:center;gap:6px;border-radius:14px}.results li.on{background:#ffffff14}.res{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:6px;text-align:left}.res img,.res .noart{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none}.res .tt{display:flex;flex-direction:column;min-width:0}.res b{font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res small{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .qadd{margin-right:6px}.fine{color:var(--ink-3);font-size:12px;line-height:1.45}.dock-wrap{position:absolute;left:0;right:0;bottom:22px;z-index:30;display:flex;justify-content:center;pointer-events:none}.dock{pointer-events:auto;display:flex;align-items:center;gap:16px;width:min(1180px,calc(100vw - 32px));height:84px;padding:0 14px}.dock.glass.is-liquid{background:#0a081257;box-shadow:0 18px 40px -12px #000000bf,0 4px 12px #00000059}.now{display:flex;align-items:center;gap:14px;flex:1 1 0;min-width:150px}.now img,.now .noart{width:56px;height:56px;border-radius:14px;object-fit:cover;flex:none;box-shadow:0 10px 20px -8px #000c,inset 0 0 0 1px #ffffff1a}.now .noart{border-radius:50%}.now div{display:flex;flex-direction:column;gap:4px;min-width:0}.now b{font-stretch:75%;font-weight:800;font-size:20px;line-height:1;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now small{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport{display:contents}.transport .keys{display:flex;align-items:center;gap:6px;flex:none}.seek{display:flex;align-items:center;gap:10px;flex:1.3 1 0;min-width:150px}.seek .led{font-size:12px;min-width:34px;opacity:.9}.seek .led:last-child{text-align:right}.seek input[type=range]{height:16px}.ico{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none;color:#ffffffeb;background:linear-gradient(180deg,#ffffff21,#ffffff08 48%,#ffffff0d),radial-gradient(70% 45% at 50% 105%,color-mix(in oklab,var(--glow) 18%,transparent),transparent 70%);-webkit-backdrop-filter:blur(14px) saturate(170%);backdrop-filter:blur(14px) saturate(170%);box-shadow:0 8px 18px -10px #000000b3;transition:transform .3s var(--spring),background .25s,box-shadow .3s}.ico svg{width:21px;height:21px}.ico:not(:disabled):hover{background:linear-gradient(180deg,#fff3,#ffffff0f 48%,#ffffff14)}.ico:not(:disabled):active{transform:scale(.9)}.ico.on{color:#fff;--fill: color-mix(in oklab, var(--glow) 55%, transparent);background:linear-gradient(180deg,#fff3,#ffffff0f 50%),radial-gradient(80% 60% at 50% 100%,color-mix(in oklab,var(--glow) 45%,transparent),transparent 72%);box-shadow:0 0 20px -4px color-mix(in oklab,var(--glow) 50%,transparent),0 8px 18px -10px #000000b3}.ico.like.on{--fill: currentColor;color:#ff6fae}.ico.sm{width:32px;height:32px}.ico.sm svg{width:17px;height:17px}.tgroup{display:flex;align-items:center;gap:2px;height:56px;padding:0 6px;margin:0 4px}.tgroup.glass,.tgroup.glass.is-liquid{background:#ffffff06;box-shadow:0 10px 24px -14px #000000b3}.tgroup.glass:before,.tgroup.glass:after{display:none}.tgroup.is-liquid.is-liquid.is-liquid.is-liquid.is-liquid[style]{border-image:none!important}.tkey{display:grid;place-items:center;width:52px;height:44px;border-radius:22px;color:#ffffffe6;transition:background .2s,transform .25s var(--spring)}.tkey svg{width:22px;height:22px}.tkey:not(:disabled):hover{background:radial-gradient(circle,rgba(255,255,255,.12),transparent 72%)}.tkey:not(:disabled):active{transform:scale(.9)}.play{position:relative;display:grid;place-items:center;width:64px;height:44px;border-radius:22px;color:#fff;overflow:hidden;background:linear-gradient(180deg,#ffffff2e,#ffffff0d,#ffffff14);box-shadow:0 6px 16px -8px #0009;transition:transform .25s var(--spring),background .25s}.play svg{position:relative;width:22px;height:22px}.play-glow{position:absolute;inset:25% 25% -10%;border-radius:50%;background:color-mix(in oklab,var(--glow) 40%,transparent);filter:blur(12px);opacity:.6}.play:not(:disabled):hover{background:linear-gradient(180deg,#ffffff3d,#ffffff14,#ffffff1a)}.play:not(:disabled):active{transform:scale(.94)}.dock-r{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:6px}.vol{display:flex;align-items:center;gap:6px;width:120px;margin-right:6px;color:var(--ink-2)}.vol svg{width:20px;height:20px;flex:none}.vol input[type=range]{height:16px}.side-acts{display:flex;align-items:center;gap:2px}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;width:100%;height:22px;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--glow) var(--f, 0%),rgba(255,255,255,.14) var(--f, 0%));box-shadow:0 0 10px color-mix(in oklab,var(--glow) 35%,transparent),inset 0 1px 1px #00000080}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:linear-gradient(90deg,var(--glow) var(--f, 0%),rgba(255,255,255,.14) var(--f, 0%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d9d4e2 60%,#8f889c);box-shadow:0 0 0 4px #ffffff1a,0 2px 6px #0009}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}input[type=range]:disabled{opacity:.4;cursor:default}.side{position:absolute;top:96px;bottom:124px;width:var(--side-w);z-index:20;display:flex;flex-direction:column;gap:12px;pointer-events:none;transition:transform .55s var(--spring),opacity .35s}.side.left{left:22px;transform:translate(-24px)}.side.right{right:22px;transform:translate(24px)}.side{opacity:0}.side.on{opacity:1;transform:none}.side.on>*{pointer-events:auto}.side.left .monitor.on{pointer-events:auto}.side.left:not(.on){opacity:1;transform:none}.side.left:not(.on) .side-panel{opacity:0;transform:translate(-24px);pointer-events:none}.side-panel{flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 14px;border-radius:26px;transition:opacity .35s,transform .55s var(--spring)}.side-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px 4px}.x{width:28px;height:28px;border-radius:50%;font-size:18px;color:var(--ink-3)}.x:hover{color:var(--ink);background:#ffffff14}.side-foot{display:flex;justify-content:center;gap:4px;margin-top:6px}.monitor{display:none;flex:none;padding:5px;border-radius:18px;background:linear-gradient(162deg,#ffffff29,#ffffff08);box-shadow:inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff14,0 24px 50px -18px #000000e6}.monitor.on{display:block}.yt-frame{width:100%;height:200px;border-radius:13px;overflow:hidden;background:#000}.yt-frame iframe{display:block;width:100%;height:100%;border:0}.side .radio-ctl{margin:0 0 6px;flex-direction:column;align-items:stretch;gap:8px}.side .dial{grid-template-columns:repeat(3,1fr)}.side .seg{align-self:stretch;justify-content:center;flex-wrap:wrap}.side .seg button{padding:0 12px}.seg{display:inline-flex;align-self:center;gap:2px;padding:4px;border-radius:22px;background:linear-gradient(180deg,#00000073,#ffffff0a);box-shadow:inset 0 2px 5px #000c,inset 0 -1px #ffffff1f,0 0 0 1px #ffffff0f}.seg button{height:34px;padding:0 18px;border-radius:17px;font-weight:650;font-size:13px;color:var(--ink-3);transition:color .2s,background .3s}.seg button[aria-selected=true]{color:#06050a;background:radial-gradient(110% 80% at 50% -25%,rgba(255,255,255,.9),transparent 52%),linear-gradient(180deg,color-mix(in oklab,var(--glow) 55%,white),var(--glow) 50%,color-mix(in oklab,var(--glow) 75%,white));box-shadow:inset 0 1px #fff,inset 0 -2px 4px color-mix(in oklab,var(--glow) 40%,black),0 6px 18px -4px color-mix(in oklab,var(--glow) 55%,transparent)}.sdeck{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;margin:6px -14px 0}.sdeck-track{flex:1;display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px calc(50% - 86px);perspective:1100px}.sdeck-track::-webkit-scrollbar{display:none}.sdeck-card{flex:none;width:172px;scroll-snap-align:center;transform:translateZ(calc(var(--a, 0) * -120px)) rotateY(calc(var(--d, 0) * -38deg)) scale(calc(1 - var(--a, 0) * .08));opacity:calc(1 - var(--a, 0) * .28);transition:opacity .2s}.sleeve{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;padding:0}.sleeve-art{position:relative;display:block;width:172px;height:172px;border-radius:12px;overflow:hidden;box-shadow:0 18px 30px -14px #000000f2,inset 0 0 0 1px #ffffff1f}.sleeve-art img,.sleeve-art .noart{width:100%;height:100%;object-fit:cover}.sleeve-art:after{content:"";position:absolute;inset:0;background:linear-gradient(168deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 26%,transparent 40%);pointer-events:none}.sdeck-card.front .sleeve-art{box-shadow:0 22px 40px -14px #000000f2,0 0 0 1px #fff3,0 0 40px -6px color-mix(in oklab,var(--glow) 45%,transparent)}.sleeve b{font-stretch:75%;font-weight:800;font-size:15px;line-height:1.05;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sleeve small{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:-3px}.sdeck-card:not(.front) .sleeve b,.sdeck-card:not(.front) .sleeve small{opacity:0}.sdeck-count{align-self:center;font-size:12px;opacity:.8}.sdeck-empty{flex:1;display:grid;place-items:center;color:var(--ink-3);font-size:14px}.noart{display:block;background:radial-gradient(circle,#111 18%,#2a2433 19%,#15121b 60%)}.spin{display:inline-block;width:14px;height:14px;margin-right:10px;border-radius:50%;border:2px solid rgba(255,255,255,.15);border-top-color:var(--glow);animation:spin .8s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.sleeve-open{flex:1;min-height:0;display:flex;flex-direction:column}.back{align-self:flex-start;font-size:13px;font-weight:650;color:var(--ink-2);padding:6px 12px;margin:-4px 0 8px -6px;border-radius:14px}.back:hover{color:var(--ink);background:#ffffff0f}.sleeve-head{display:flex;gap:12px;align-items:flex-end;min-width:0;margin-bottom:8px}.sleeve-head img,.sleeve-head .noart{width:110px;height:110px;flex:none;border-radius:14px;object-fit:cover;box-shadow:0 20px 36px -14px #000000f2,inset 0 0 0 1px #ffffff1f}.sleeve-head div{display:flex;flex-direction:column;gap:4px;min-width:0;margin-top:6px}.sleeve-head small{font-stretch:125%;font-weight:650;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3)}.sleeve-head b{font-stretch:75%;font-weight:900;font-size:22px;line-height:.95;text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sleeve-head span{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-all{height:38px;padding:0 18px;margin-top:6px;align-self:flex-start;font-size:13px}.tracks{list-style:none;margin:8px -6px 0;padding:0 6px 4px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.tracks li{display:flex;align-items:center;gap:6px}.tracks li>.track{flex:1;min-width:0}.track{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;min-height:46px;padding:6px 10px;border-radius:12px;text-align:left}button.track:hover{background:#ffffff0f}.track.on b{color:color-mix(in oklab,var(--glow) 55%,white)}.track .no{font-family:var(--sign);font-size:13px;color:var(--ink-3);text-align:center}.track .tt{display:flex;flex-direction:column;min-width:0}.track b{font-weight:650;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track small{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track .dur{font-family:var(--sign);font-size:12px;color:var(--ink-3)}.next li.track{display:grid;grid-template-columns:44px 1fr auto}.next .track img,.next .track .noart{width:44px;height:44px;border-radius:8px;object-fit:cover}.note{color:var(--ink-3);font-size:13px;line-height:1.45;padding:14px 8px}.skel-line{height:38px;margin:6px 0;border-radius:10px;background:linear-gradient(100deg,#ffffff0a 30%,#ffffff17,#ffffff0a 70%) 0 0 / 300% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{background-position:-150% 0}}.eq{display:inline-block;width:12px;height:12px;background:linear-gradient(var(--glow),var(--glow)) 0 100% / 3px 60% no-repeat,linear-gradient(var(--glow),var(--glow)) 4.5px 100% / 3px 100% no-repeat,linear-gradient(var(--glow),var(--glow)) 9px 100% / 3px 40% no-repeat;animation:eq .9s ease-in-out infinite alternate}@keyframes eq{to{background-size:3px 30%,3px 50%,3px 100%}}.qadd{flex:none;width:30px;height:30px;border-radius:50%;font-size:18px;color:var(--ink-2);background:#ffffff0f;box-shadow:inset 0 0 0 .5px #ffffff2e}.qadd:hover{color:var(--ink);background:color-mix(in oklab,var(--glow) 25%,transparent)}.why{display:block;font-size:11px;color:color-mix(in oklab,var(--glow) 55%,white);opacity:.85;letter-spacing:.02em}.yt-box{display:flex;gap:8px}.yt-box input{flex:1;min-width:0;height:40px;padding:0 16px;border-radius:20px;border:0;font:inherit;font-size:14px;color:var(--ink);outline:none;background:radial-gradient(120% 140% at 50% 0%,#ffffff17,#ffffff09 70%);box-shadow:inset 0 2px 4px #00000073}.yt-box input::placeholder{color:var(--ink-3)}.yt-box input:focus{background:radial-gradient(120% 140% at 50% 0%,#ffffff21,#ffffff0d 70%);box-shadow:inset 0 2px 4px #00000073,0 0 0 1.5px color-mix(in oklab,var(--glow) 60%,transparent)}.yt-box .gb.sm{height:40px}.shelf-info{flex:0 0 200px;display:flex;flex-direction:column;gap:3px;min-width:0;padding-left:8px}.shelf-info b{font-stretch:75%;font-weight:800;font-size:18px;line-height:1;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf-info small{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf{flex:1;min-width:0;height:72px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:0 10px;overflow:visible}.shelf.empty{align-items:center;justify-content:center;color:var(--ink-3);font-size:13px}.spine{position:relative;flex:none;width:16px;height:64px;padding:0;border-radius:2px 2px 1px 1px;overflow:hidden;cursor:grab;transform-origin:50% 100%;transform:translate(var(--dx, 0)) translateY(calc(var(--open, 0) * -10px));box-shadow:inset 1px 0 #ffffff38,inset -1px 0 #00000073,0 4px 8px -4px #000000e6;transition:border-radius .25s,box-shadow .25s}.spine:active{cursor:grabbing}.spine-art{position:absolute;inset:0}.spine-art img,.spine-art .noart{width:100%;height:100%;object-fit:cover;filter:saturate(1.15) brightness(calc(.62 + var(--open, 0) * .38))}.spine:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(1 - var(--open, 0));background:linear-gradient(90deg,#00000059,#ffffff14 45%,#0000004d)}.spine-text{position:absolute;inset:4px 0;display:flex;align-items:center;justify-content:flex-end;gap:4px;writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);opacity:calc(1 - var(--open, 0) * 2);pointer-events:none;overflow:hidden}.spine-text b{font-stretch:75%;font-weight:800;font-size:10px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:100%}.spine-text small{font-size:8.5px;opacity:.75;white-space:nowrap}.spine.facing{border-radius:6px;z-index:2;box-shadow:0 14px 24px -10px #000000f2,0 0 0 1px #ffffff29,0 0 26px -8px color-mix(in oklab,var(--glow) 55%,transparent)}.spine.facing:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(168deg,rgba(255,255,255,.24),rgba(255,255,255,.04) 28%,transparent 42%)}.spine.held{z-index:3;opacity:.9;cursor:grabbing}.spine.gap{margin-left:22px}.spine:focus-visible{outline:2px solid var(--glow);outline-offset:2px}.radio-mini{display:flex;align-items:center;gap:6px;flex:none}.switch.sm{gap:8px;font-size:12px}.switch.sm i{width:32px;height:19px;border-radius:10px}.switch.sm i:after{width:13px;height:13px}.switch.sm input:checked+i:after{transform:translate(13px)}.chip{height:28px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:650;color:var(--ink-2);background:#ffffff12;white-space:nowrap}.chip:hover{color:var(--ink);background:#ffffff1f}.radio-ctl{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 4px;padding:10px 12px;border-radius:18px;background:#00000038;box-shadow:inset 0 1px 3px #00000080,inset 0 -1px #ffffff0f}.switch{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch i{width:38px;height:22px;border-radius:11px;background:#ffffff29;position:relative;transition:background .25s;box-shadow:inset 0 1px 3px #00000080}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#d9d4e2);transition:transform .3s var(--spring)}.switch input:checked+i{background:var(--glow);box-shadow:0 0 12px color-mix(in oklab,var(--glow) 50%,transparent)}.switch input:checked+i:after{transform:translate(16px)}.switch input:focus-visible+i{outline:2px solid var(--glow);outline-offset:2px}.dial{display:inline-grid;grid-template-columns:repeat(3,auto);padding:3px;border-radius:14px;background:#0000004d}.dial button{height:28px;padding:0 12px;border-radius:11px;font-size:12px;font-weight:650;color:var(--ink-3)}.dial button[aria-checked=true]{color:var(--ink);background:linear-gradient(180deg,#ffffff29,#ffffff0d);box-shadow:inset 0 1px .5px #fff6}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chips button{height:26px;padding:0 12px;border-radius:13px;font-size:12px;font-weight:650;color:var(--ink-2);box-shadow:inset 0 0 0 .5px #ffffff40}.chips button[aria-pressed=true]{color:#06050a;background:var(--glow);box-shadow:none}.chips .why{margin-left:4px}.roombar{display:flex;align-items:center;gap:12px;padding:0 6px}.live-dot{width:8px;height:8px;border-radius:50%;background:#ffcf6a;box-shadow:0 0 10px #ffcf6a}.live-dot.live{background:#7dffb0;box-shadow:0 0 10px #7dffb0;animation:pulse 2s ease-in-out infinite}.live-dot.lost{background:#ff4d3d;box-shadow:0 0 10px #ff4d3d}@keyframes pulse{50%{opacity:.45}}.rcode{font-family:var(--sign);font-weight:700;font-size:16px;letter-spacing:.12em;color:color-mix(in oklab,var(--glow) 55%,white);text-shadow:0 0 10px color-mix(in oklab,var(--glow) 50%,transparent)}.faces{display:flex}.face{position:relative;width:30px;height:30px;margin-left:-8px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;color:#0b0812;background:var(--c);box-shadow:0 0 0 2px #0a0810e6,0 0 14px color-mix(in srgb,var(--c) 60%,transparent)}.face:first-child{margin-left:0}.face.me{box-shadow:0 0 0 2px #fff,0 0 14px color-mix(in srgb,var(--c) 60%,transparent)}.face.host:after{content:"♛";position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:12px;color:#f4d88a;text-shadow:0 0 6px rgba(244,216,138,.8)}.rstate{font-size:12px;color:var(--ink-2);white-space:nowrap}.reacts{display:flex;gap:2px;padding-left:6px;border-left:1px solid rgba(255,255,255,.1)}.reacts button{width:30px;height:30px;border-radius:50%;font-size:16px;transition:transform .25s var(--spring)}.reacts button:hover{transform:scale(1.25)}.reactions{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:hidden}.reactions span{position:absolute;bottom:22%;font-size:40px;animation:floatup 2.6s var(--ease) forwards;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5))}@keyframes floatup{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-40px) scale(1.1)}to{transform:translateY(-420px) scale(.9);opacity:0}}.drop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#0006;pointer-events:none}.drop.name-prompt{pointer-events:auto}.drop-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:34px 44px}.drop-card svg{width:40px;height:40px;color:var(--glow)}.drop-card b{font-stretch:75%;font-weight:900;font-size:36px;text-transform:uppercase}.drop-card small{color:var(--ink-2)}.name-prompt .drop-card{gap:12px;min-width:340px}.name-prompt input{width:100%;height:44px;padding:0 16px;border-radius:22px;border:0;font:inherit;font-size:16px;color:var(--ink);outline:none;background:radial-gradient(120% 140% at 50% 0%,#ffffff1a,#ffffff0a 70%);box-shadow:inset 0 2px 4px #00000073}.name-prompt input:focus{box-shadow:inset 0 2px 4px #00000073,0 0 0 1.5px color-mix(in oklab,var(--glow) 60%,transparent)}.name-prompt .row{display:flex;gap:8px;width:100%}.name-prompt .row .gb{flex:1}.toast{position:fixed;left:50%;top:88px;transform:translate(-50%);z-index:60;padding:12px 20px;font-size:14px;max-width:min(560px,calc(100vw - 32px))}@media(max-width:1100px){.vol{display:none}}@media(max-width:760px){.pill{height:50px;padding:0 6px 0 16px}.mark{font-size:14px}.pill-btn{padding:0 10px;font-size:13px}.rstate,.reacts{display:none}.dock{height:auto;flex-wrap:wrap;gap:8px 12px;padding:10px 12px;border-radius:28px!important}.now{flex-basis:100%}.seek{flex-basis:100%;order:3}.keys{margin-left:auto}}.m-only{display:none}@media(max-width:640px),(max-width:1100px)and (orientation:portrait){.app{display:flex;flex-direction:column;height:var(--vvh, 100dvh);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);box-sizing:border-box}.top{position:relative;top:auto;flex:none;padding:10px 12px 0}.pill{width:100%;box-sizing:border-box}.pill .yt-box{flex:1;width:auto;min-width:0}.stage{position:relative;inset:auto;flex:1 1 0;min-height:120px}.ttgl{inset:6px 4px}.pressing{display:none}.side,.side.left,.side.right{position:relative;inset:auto;width:auto;transform:none!important;flex:none;margin:8px 12px 0}.side.left:not(:has(.monitor.on)),.app.searching .side.left{display:none}.side.right{order:4;flex:0 1 340px;min-height:240px}.side.right:not(.on){display:none}.results{order:4;position:relative;inset:auto;width:auto;margin:8px 12px 0;flex:0 1 auto;min-height:0;max-height:52%;animation-name:res-up}.dock-wrap{order:5;position:relative;bottom:auto;flex:none;padding:8px 12px 10px}.dock{width:100%;box-sizing:border-box}}@keyframes res-up{0%{opacity:0;transform:translateY(16px)}}@media(max-width:640px){.pill{height:50px;padding:0 6px 0 18px;gap:2px}.mark{margin-right:auto;font-size:14px}.pill-sep,.pill-btn .lbl,.who>span{display:none}.m-only{display:block}.pill-btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}.pill-btn svg{width:22px;height:22px}.who{gap:2px}.who img,.who>svg{width:28px;height:28px}.roombar{gap:8px}.yt-box input,.dock-start .yt-box input{font-size:16px}.dock,.dock:has(.dock-start){width:100%;height:auto;flex-wrap:wrap;justify-content:space-between;gap:10px 8px;padding:10px 12px 12px;border-radius:28px!important}.dock:has(.dock-start){padding:8px 8px 8px 10px;gap:6px}.dock-start .yt-box input{height:48px}.find-row{flex:0 0 100%}.find-row .yt-box input{height:44px}.dock:has(>.now) .transport .keys,.dock:has(>.now) .dock-r{display:contents}.now{order:1;flex:1 1 0;min-width:0;gap:12px}.now img,.now .noart{width:46px;height:46px;border-radius:12px}.now b{font-size:17px}.dock:has(>.now) .keys>.ico{order:2;width:40px;height:40px}.seek{order:3;flex:0 0 100%;min-width:0}.dock:has(>.now) .dock-r>.ico:first-of-type{order:4}.tgroup{order:5;height:54px}.dock:has(>.now) .dock-r>.ico:nth-of-type(2){order:6}.dock:has(>.now) .dock-r>.ico{width:44px;height:44px}.tkey{width:50px}.play{width:62px}.vol{display:none}.shelf-info{order:1;flex:1 1 100%;padding-left:4px}.shelf{order:2;flex:1 1 100%}.radio-mini{order:3;flex:1 1 auto;min-width:0;gap:4px}.radio-mini .chip{padding:0 10px}.dock:has(>.shelf-info) .dock-r{order:4}.toast{top:calc(env(safe-area-inset-top) + 72px)}.name-prompt .drop-card{min-width:0;width:calc(100vw - 48px);padding:26px 20px;box-sizing:border-box}}@media(max-height:500px)and (orientation:landscape){.app{display:grid;grid-template-columns:1fr min(400px,48vw);grid-template-rows:auto auto 1fr auto;height:var(--vvh, 100dvh);padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);box-sizing:border-box}.top{position:relative;top:auto;grid-column:2;grid-row:1;padding:8px 10px 0 0}.pill{width:100%;height:46px;box-sizing:border-box;padding:0 4px 0 14px;gap:2px}.mark{font-size:12px;margin-right:auto}.pill .yt-box{flex:1;width:auto;min-width:0}.pill .yt-box input{height:36px;font-size:16px}.pill-sep,.pill-btn .lbl,.who>span,.who .link{display:none}.m-only{display:block}.pill-btn{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.stage{position:relative;inset:auto;grid-column:1;grid-row:1 / -1}.ttgl{inset:6px}.pressing{display:none}.side,.side.left,.side.right{position:relative;inset:auto;width:auto;transform:none!important;grid-column:2;margin:8px 10px 0 0}.side.left{grid-row:2}.monitor{padding:3px}.yt-frame{height:200px}.side.left:not(:has(.monitor.on)),.app.searching .side.left{display:none}.side.right{grid-row:2 / 4;min-height:0}.side.right:not(.on){display:none}.app:has(.side.right.on) .side.left{display:none}.results{position:relative;inset:auto;width:auto;grid-column:2;grid-row:2 / 4;margin:8px 10px 0 0;min-height:0;max-height:none;animation-name:res-up}.dock-wrap{position:relative;bottom:auto;grid-column:2;grid-row:4;padding:8px 10px 8px 0}.dock,.dock:has(.dock-start){width:100%;height:auto;box-sizing:border-box;flex-wrap:wrap;justify-content:center;gap:4px 6px;padding:8px 10px;border-radius:24px!important}.app.yt .now{display:none}.now{flex:0 0 100%}.now img,.now .noart{width:36px;height:36px}.now b{font-size:15px}.seek{flex:0 0 100%;order:3;min-width:0}.ico{width:38px;height:38px}.tgroup{height:48px}.tkey{width:44px;height:40px}.play{width:54px;height:40px}.vol,.shelf-info,.radio-mini{display:none}}@media(hover:none){.glass-lens{display:none!important}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}