@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Huninn&display=swap";:root{--accent-h:25;--accent-s:100%;--tint-h:200;--tint-s:10%;--shade:1;--app-bg:hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade)));--app-surface:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));--app-surface-hover:hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));--app-surface-active:hsl(var(--tint-h), var(--tint-s), calc(12.5% * var(--shade)));--app-outline:hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));--app-outline-hover:hsl(var(--tint-h), var(--tint-s), calc(30% * var(--shade)));--app-muted:#949494;--app-accent:hsl(var(--accent-h), var(--accent-s), 70%);--app-accent-fill:hsl(var(--accent-h), var(--accent-s), 65%);--app-danger:#f4857b;--app-live:#ec5151;--app-ease:cubic-bezier(.32, .72, 0, 1)}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}html,button{-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,Tahoma,Geneva,Verdana,sans-serif}body{background:hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade)));margin:0;padding:0}.fv-row,.mo-row,.sh-row{content-visibility:auto;contain-intrinsic-size:auto 20rem}img,svg,picture,video{-webkit-user-drag:none;user-drag:none}.profile-wrapper{--pf-surface:var(--app-surface);--pf-surface-hover:var(--app-surface-hover);--pf-outline:var(--app-outline);--pf-outline-hover:var(--app-outline-hover);--pf-muted:var(--app-muted);--pf-accent:var(--app-accent);--pf-ease:var(--app-ease);--pf-item:clamp(9rem, 16vw, 12.5rem);box-sizing:border-box;width:100%;width:-moz-available;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:stretch;height:100dvh;padding:2rem 0;display:flex;overflow:hidden}.profiles-title{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:500;transition:opacity .25s}.choosing .profiles-title{opacity:0}.profiles-stage{width:100%;width:-moz-available;box-sizing:border-box;align-items:center;gap:.75rem;width:stretch;padding:0 1.25rem;display:flex}.profiles{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;min-width:0;margin:0;padding:1.5rem 0;list-style:none;display:flex;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.profiles::-webkit-scrollbar{display:none}.profiles:before,.profiles:after{content:"";flex:0 0 calc(50% - var(--pf-item) / 2)}.profile-item{--scale:1;--fade:1;--focus:1;flex:0 0 var(--pf-item);scroll-snap-align:center;justify-content:center;display:flex}.profile{color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;opacity:var(--fade);transform:scale(var(--scale));background:0 0;border:none;border-radius:.75rem;outline:.1rem solid #0000;flex-direction:column;align-items:center;gap:1rem;padding:1rem;transition:background-color .1s,outline-color .1s,opacity .25s;display:flex}.profile:focus-visible{outline-color:var(--pf-accent)}.profile.active:focus-visible{outline-color:#0000}.profile.active:is(:hover,:focus-visible) .icon{box-shadow:inset 0 0 1rem 1rem #00000026, 0 0 0 .25rem var(--pf-bg,hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade)))), 0 0 0 .4rem var(--pf-accent);transform:scale(1.05)}.profile.active:active .icon{transition-duration:.1s;transform:scale(.96)}.profile:not(.active):hover{--fade:1}.profile.chosen .icon{box-shadow:inset 0 0 1rem 1rem #00000026, 0 0 0 .25rem var(--pf-bg,hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade)))), 0 0 0 .4rem var(--pf-accent);transform:scale(1.12)}.choosing .profile:not(.chosen){opacity:0}.icon{width:calc(var(--pf-item) * .8);height:calc(var(--pf-item) * .8);transition:transform .4s var(--pf-ease), box-shadow .3s ease;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 1rem 1rem #00000026}.icon .icon-name{font-family:Huninn,Segoe UI,system-ui,Tahoma,Geneva,Verdana,sans-serif;font-size:calc(var(--pf-item) * .46);line-height:1}.name{white-space:nowrap;max-width:var(--pf-item);text-overflow:ellipsis;opacity:calc(.35 + var(--focus) * .65);font-size:1.25rem;font-weight:500;overflow:hidden}.profiles-arrow{background:var(--pf-surface);outline:.1rem solid var(--pf-outline);color:#fff;cursor:pointer;width:2.75rem;height:2.75rem;transition:background-color .1s ease, outline-color .1s ease, opacity .2s ease, transform .35s var(--pf-ease);border:none;border-radius:.5rem;flex-shrink:0;place-items:center;display:grid}.profiles-arrow svg{fill:currentColor;width:1.5rem;height:1.5rem}.profiles-arrow:hover:not(:disabled){background:var(--pf-surface-hover);outline-color:var(--pf-outline-hover)}.profiles-arrow:active:not(:disabled){transition-duration:.1s;transform:scale(.93)}.profiles-arrow:focus-visible{outline-color:var(--pf-accent)}.profiles-arrow:disabled{cursor:default;opacity:.35}.choosing .profiles-arrow{opacity:0}.profiles-dots{--dot:.5rem;--gap:.5rem;--step:calc(var(--dot) + var(--gap));align-items:center;gap:var(--gap);transition:opacity .25s;display:flex;position:relative}.choosing .profiles-dots{opacity:0}.profiles-dot{width:var(--dot);height:var(--dot);background:hsl(var(--tint-h), var(--tint-s), calc(30% * var(--shade)));cursor:pointer;transition:background-color .2s ease, transform .3s var(--pf-ease);border:none;border-radius:10rem;padding:0}.profiles-dot:hover{background:hsl(var(--tint-h), var(--tint-s), 45%)}.profiles-dot:active{transition-duration:.1s;transform:scale(.8)}.profiles-dots-thumb{z-index:1;top:50%;left:calc(var(--i) * var(--step));right:calc((var(--n) - 1 - var(--i)) * var(--step));height:var(--dot);background:var(--pf-accent);pointer-events:none;transition:left .4s var(--pf-ease), right .4s var(--pf-ease);border-radius:10rem;position:absolute;transform:translateY(-50%)}.to-right .profiles-dots-thumb{transition:right .25s var(--pf-ease), left .4s var(--pf-ease) .15s}.to-left .profiles-dots-thumb{transition:left .25s var(--pf-ease), right .4s var(--pf-ease) .15s}@media (hover:none){.profiles-arrow{display:none}.profiles-stage{padding:0}}@media (prefers-reduced-motion:reduce){.profile-wrapper *,.profile-wrapper :before,.profile-wrapper :after{transition-duration:.01ms!important}}.profile-wrapper{position:relative}.profiles-topbar{gap:.6rem;transition:opacity .25s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.choosing .profiles-topbar{opacity:0}.profile-add .icon.icon-add{background:var(--pf-surface);box-shadow:none;outline:.15rem dashed var(--pf-outline-hover);outline-offset:-.15rem}.profile-add .icon.icon-add svg{fill:#bfbfbf;width:40%;height:40%}.profile.profile-add.active:is(:hover,:focus-visible) .icon{box-shadow:0 0 0 .25rem var(--pf-bg,hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade)))), 0 0 0 .4rem var(--pf-accent)}.managing .icon-name{opacity:.35;transition:opacity .2s}.icon-edit{background:hsla(var(--tint-h), calc(var(--tint-s) * 2), calc(5% * var(--shade)), .45);border-radius:50%;place-items:center;animation:.25s pf-fade-in;display:grid;position:absolute;inset:0}.icon-edit svg{fill:#fff;width:32%;height:32%}@keyframes pf-fade-in{0%{opacity:0}}.pf-dialog{width:min(24rem,100%)}.pf-dialog-head{align-items:center;gap:.9rem;display:flex}.pf-dialog-head h2{font-size:1.3rem}.pf-dialog-avatar{border-radius:50%;place-items:center;width:3rem;height:3rem;font-family:Huninn,Segoe UI,system-ui,sans-serif;font-size:1.5rem;transition:background-color .3s;display:grid;box-shadow:inset 0 0 .6rem .6rem #00000026}.pf-colors{flex-wrap:wrap;gap:.6rem;display:flex}.pf-color{cursor:pointer;outline-offset:.15rem;border:none;border-radius:50%;outline:.15rem solid #0000;place-items:center;width:2.25rem;height:2.25rem;padding:0;transition:transform .35s cubic-bezier(.32,.72,0,1),outline-color .15s;display:grid}.pf-color svg{width:1.3rem;height:1.3rem;fill:hsl(var(--tint-h), calc(var(--tint-s) * 2), calc(8% * var(--shade)))}.pf-color[aria-checked=true]{outline-color:#fff}.pf-color:hover{transform:scale(1.08)}.pf-color:active{transition-duration:.1s;transform:scale(.92)}.pf-color:focus-visible{outline-color:hsl(var(--accent-h), var(--accent-s), 70%)}.pf-remove{color:#d9d9d9;width:2.4rem;height:2.4rem;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:flex-start;align-items:center;padding:0 .55rem;transition:background-color .1s,color .1s,transform .35s cubic-bezier(.32,.72,0,1),width .4s cubic-bezier(.32,.72,0,1);display:inline-flex;overflow:hidden}.pf-remove svg{fill:currentColor;flex-shrink:0;width:1.3rem;height:1.3rem}.pf-remove:hover:not(:disabled){background:hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));color:#fff}.pf-remove:active:not(:disabled){transition-duration:.1s,.1s,.1s,.4s;transform:scale(.92)}.pf-remove:focus-visible{outline:.1rem solid hsl(var(--accent-h), var(--accent-s), 70%)}.pf-remove:disabled{opacity:.5;cursor:default}.pf-remove .pf-remove-label{opacity:0;white-space:nowrap;max-width:0;font-size:.9rem;font-weight:500;transition:max-width .4s cubic-bezier(.32,.72,0,1),margin-left .4s cubic-bezier(.32,.72,0,1),opacity .2s;overflow:hidden}.pf-remove.confirming{color:#f4857b;background:#f051422e;width:6.2rem}.pf-remove.confirming:hover:not(:disabled){color:#faa69e;background:#f0514242}.pf-remove.confirming .pf-remove-label{opacity:1;max-width:4rem;margin-left:.4rem}@media (width<=34rem){.profiles-topbar{top:.75rem;right:.75rem}}.profile.chosen.loading .icon,.profile.active.loading:is(:hover,:focus-visible) .icon{box-shadow:inset 0 0 1rem 1rem #00000026, 0 0 0 .25rem var(--pf-bg,hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade))))}:is(.profile.chosen.loading .icon,.profile.active.loading:is(:hover,:focus-visible) .icon):after{content:"";border:.15rem solid var(--pf-accent);border-top-color:#0000;border-radius:50%;animation:.9s linear infinite pf-spin;position:absolute;inset:-.4rem}@keyframes pf-spin{to{transform:rotate(360deg)}}.icon-lock{background:hsl(var(--tint-h), var(--tint-s), calc(12% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(25% * var(--shade)));border-radius:50%;place-items:center;width:26%;height:26%;display:grid;position:absolute;bottom:4%;right:4%}.icon-lock svg{fill:#d9d9d9;width:55%;height:55%}.pf-kids-tag{color:#69d39e;vertical-align:.15em;background:#3db87a2e;border-radius:.35rem;margin-left:.4rem;padding:.05rem .4rem;font-size:.7em;font-weight:500}.pf-option{margin:-.25rem -.5rem 0}.pf-pin-field{gap:.5rem}.pf-pin-row{align-items:center;gap:.5rem;display:flex}.pf-pin-state{color:#a6a6a6;flex:1;font-size:.9rem}.pf-pin-input{letter-spacing:.4em;font-variant-numeric:tabular-nums;flex:1;min-width:0}.pf-channels-btn{align-self:flex-start}.pf-lock{background:hsl(var(--tint-h), var(--tint-s), calc(18% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(25% * var(--shade)));border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}.pf-lock svg{width:1.35rem;height:1.35rem;fill:hsl(var(--accent-h), var(--accent-s), 70%)}.pf-password-detail{color:#a6a6a6;margin:0;line-height:1.45}.pf-pin{z-index:150;background:hsla(var(--tint-h), calc(var(--tint-s) * 1.5), calc(6% * var(--shade)), .45);-webkit-backdrop-filter:blur(14px)saturate(.9);transition:opacity .2s;animation:.3s both pf-pin-in;position:fixed;inset:0}.pf-pin.closing{opacity:0}@keyframes pf-pin-in{0%{opacity:0}}.pf-pin-avatar.icon{left:var(--x,50%);top:var(--y,38%);width:var(--size,9rem);height:var(--size,9rem);font-size:calc(var(--size,9rem) * .58);box-shadow:inset 0 0 1rem 1rem #00000026, 0 0 0 .25rem hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade))), 0 0 0 .4rem var(--pf-accent,hsl(var(--accent-h), var(--accent-s), 70%));position:absolute;translate:-50% -50%}.pf-pin-avatar.icon .icon-name{font-size:calc(var(--size,9rem) * .58)}.pf-pin-panel{left:var(--x,50%);top:calc(var(--y,38%) + var(--size,9rem) / 2 + 1.75rem);flex-direction:column;align-items:center;gap:1rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:absolute;translate:-50%}.pf-pin-title{margin:0;font-size:1.1rem;font-weight:500;animation:.4s cubic-bezier(.32,.72,0,1) both pf-rise}.pf-pin-boxes{gap:.6rem;display:flex}.pf-pin-boxes.shake{animation:.4s pf-shake}@keyframes pf-shake{20%,60%{transform:translate(-.5rem)}40%,80%{transform:translate(.5rem)}}.pf-pin-box{background:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(25% * var(--shade)));color:#fff;width:3.1rem;height:3.6rem;font:inherit;text-align:center;caret-color:#0000;border:none;border-radius:.6rem;padding:0;font-size:1.6rem;transition:outline-color .12s,background-color .12s,transform .3s cubic-bezier(.32,.72,0,1);animation:.45s cubic-bezier(.32,.72,0,1) both pf-rise}.pf-pin-box:focus{outline-color:hsl(var(--accent-h), var(--accent-s), 70%);transform:translateY(-.1rem)}.pf-pin-box.filled{background:hsl(var(--tint-h), var(--tint-s), calc(19% * var(--shade)))}.pf-pin-box:disabled{opacity:.7}@keyframes pf-rise{0%{opacity:0;transform:translateY(.75rem)}}.pf-pin-error{color:#ef6c6c;min-height:1.3em;margin:0;font-size:.9rem}.pf-pin-actions{gap:1.5rem;display:flex}.pf-pin-link{color:#b3b3b3;font:inherit;cursor:pointer;background:0 0;border:none;padding:.3rem;font-size:.9rem}.pf-pin-link:hover{color:#fff;text-underline-offset:.2em;text-decoration:underline}@media (width<=480px){.pf-pin-box{width:2.6rem;height:3.2rem}}@media (prefers-reduced-motion:reduce){.profile.chosen.loading .icon:after{animation-duration:2.4s}.pf-pin,.pf-pin *{animation-duration:.01ms!important}}html:has(.profile-wrapper) body{transition:background-color .5s}.profile .name,.profile .icon-lock{transition:opacity .25s}.profile-wrapper.pin-open .profile.active .name,.profile-wrapper.pin-open .profile.active .icon-lock{opacity:0}:root{--ui-bg:var(--app-bg);--ui-surface:var(--app-surface);--ui-surface-hover:var(--app-surface-hover);--ui-surface-active:var(--app-surface-active);--ui-outline:var(--app-outline);--ui-outline-hover:var(--app-outline-hover);--ui-muted:var(--app-muted);--ui-accent:var(--app-accent);--ui-accent-fill:var(--app-accent-fill);--ui-danger:var(--app-danger);--ui-ease:var(--app-ease)}.ui-screen{box-sizing:border-box;width:100%;width:-moz-available;color:#fff;place-items:center;width:stretch;min-height:100dvh;padding:2rem 1.25rem;display:grid}.ui-screen button,.ui-screen input{font:inherit;color:inherit}.ui-screen svg{fill:currentColor;flex-shrink:0}.ui-card{box-sizing:border-box;background:hsl(var(--tint-h), var(--tint-s), calc(13% * var(--shade)));outline:.1rem solid var(--ui-outline);width:min(26rem,100%);animation:ui-rise .45s var(--ui-ease);border-radius:.75rem;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1.5rem 3rem #00000059}.ui-card h1,.ui-card h2{margin:0;font-size:1.5rem;font-weight:500}.ui-card p{color:var(--ui-muted);margin:0;line-height:1.5}@keyframes ui-rise{0%{opacity:0;transform:translateY(.5rem)scale(.98)}}@keyframes ui-fade-in{0%{opacity:0}}.ui-btn{background:var(--ui-surface);outline:.1rem solid var(--ui-outline);color:#fff;height:2.6rem;font:inherit;white-space:nowrap;cursor:pointer;transition:background-color .1s ease, outline-color .1s ease, transform .35s var(--ui-ease), opacity .2s ease;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.45rem;padding:0 1rem;font-weight:500;text-decoration:none;display:inline-flex}.ui-btn svg{fill:currentColor;width:1.3rem;height:1.3rem;margin-left:-.2rem}.ui-btn:hover:not(:disabled){background:var(--ui-surface-hover);outline-color:var(--ui-outline-hover)}.ui-btn:active:not(:disabled){background:var(--ui-surface-active);transition-duration:.1s;transform:scale(.95)}.ui-btn:focus-visible{outline-color:var(--ui-accent)}.ui-btn:disabled{cursor:default;opacity:.6}.ui-btn.accent{background:var(--ui-accent-fill);outline-offset:-.15rem;outline:.15rem solid #fff3}.ui-btn.accent:hover:not(:disabled){background:var(--ui-accent)}.ui-btn.accent:active:not(:disabled){background:hsl(var(--accent-h), var(--accent-s), 60%)}.ui-btn.accent:focus-visible{outline-color:#fff}.ui-btn.wide{width:100%}.ui-text-btn{color:var(--ui-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.3rem .2rem}.ui-text-btn:hover{color:#fff}.ui-text-btn.danger{color:var(--ui-danger)}.ui-text-btn.danger:hover{color:#faa69e}.ui-text-btn:focus-visible{outline:.1rem solid var(--ui-accent);border-radius:.3rem}.ui-field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.ui-field label,.ui-field .ui-label{color:#bfbfbf;font-size:.9rem;font-weight:500}.ui-field input{box-sizing:border-box;background:var(--ui-bg);outline:.1rem solid var(--ui-outline);color:#fff;width:100%;height:2.6rem;font:inherit;-webkit-user-select:text;user-select:text;border:none;border-radius:.5rem;padding:0 .8rem;transition:outline-color .1s}.ui-field input::placeholder{color:#616161}.ui-field input:hover{outline-color:var(--ui-outline-hover)}.ui-field input:focus{outline-color:var(--ui-accent)}.ui-field.invalid input{outline-color:var(--ui-danger)}.ui-error{background:#f051421f;border-radius:.5rem;margin:0;padding:.6rem .8rem;font-size:.9rem;line-height:1.4;animation:.25s ui-fade-in;color:var(--ui-danger)!important}.ui-note{background:var(--ui-surface);border-radius:.5rem;margin:0;padding:.6rem .8rem;font-size:.9rem;line-height:1.4;color:#ccc!important}.ui-segment{box-sizing:border-box;grid-template-columns:repeat(var(--n), 1fr);background:var(--ui-bg);outline:.1rem solid var(--ui-outline);border-radius:.5rem;padding:.25rem;display:grid;position:relative}.ui-segment button{z-index:1;min-height:2.1rem;color:var(--ui-muted);line-height:1.2;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.35rem;padding:.3rem .75rem;font-weight:500;transition:color .2s;position:relative}.ui-segment button[aria-checked=true]{color:#fff}.ui-segment button:focus-visible{outline:.1rem solid var(--ui-accent)}.ui-segment-thumb{top:.25rem;bottom:.25rem;left:calc(.25rem + var(--i) * (100% - .5rem) / var(--n));right:calc(.25rem + (var(--n) - 1 - var(--i)) * (100% - .5rem) / var(--n));background:var(--ui-surface-hover);outline:.1rem solid var(--ui-outline-hover);transition:left .35s var(--ui-ease), right .35s var(--ui-ease), top .35s var(--ui-ease), bottom .35s var(--ui-ease);border-radius:.35rem;position:absolute}.to-right .ui-segment-thumb{transition:right .25s var(--ui-ease), left .4s var(--ui-ease) 50ms, top .35s var(--ui-ease), bottom .35s var(--ui-ease)}.to-left .ui-segment-thumb{transition:left .25s var(--ui-ease), right .4s var(--ui-ease) 50ms, top .35s var(--ui-ease), bottom .35s var(--ui-ease)}.ui-spinner{place-items:center;animation:.3s .3s both ui-fade-in;display:grid}.ui-spinner svg{width:3.5rem;height:3.5rem;animation:1.4s linear infinite ui-rotate}.ui-spinner .track{fill:none;stroke:hsl(var(--tint-h), var(--tint-s), calc(18% * var(--shade)));stroke-width:4px}.ui-spinner .arc{fill:none;stroke:var(--ui-accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 140;animation:1.4s ease-in-out infinite ui-dash}.ui-spinner.sm{vertical-align:-.15em;flex-shrink:0;animation:none;display:inline-grid}.ui-spinner.sm svg{width:1.1em;height:1.1em}.ui-spinner.sm .track,.ui-spinner.sm .arc{stroke-width:6px}.ui-spinner.block{padding:4rem 0}.ui-loading{color:#949494;align-items:center;gap:.55rem;margin:0;font-size:.9rem;animation:.3s .25s both ui-fade-in;display:flex}@keyframes ui-rotate{to{rotate:360deg}}@keyframes ui-dash{0%{stroke-dasharray:1 140;stroke-dashoffset:0}50%{stroke-dasharray:90 140;stroke-dashoffset:-30px}to{stroke-dasharray:90 140;stroke-dashoffset:-138px}}.ui-status{text-align:center;flex-direction:column;align-items:center;gap:.75rem;max-width:30rem;animation:.3s ui-fade-in;display:flex}.ui-status h1{margin:.5rem 0 0;font-size:1.35rem;font-weight:500}.ui-status p{color:var(--ui-muted);margin:0;line-height:1.5}.ui-status .ui-status-detail{min-height:1.5em;font-size:.95rem}.ui-status .ui-actions{margin-top:.5rem}.ui-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.ui-dialog-backdrop{z-index:100;background:hsla(var(--tint-h), calc(var(--tint-s) * 2), calc(3% * var(--shade)), .6);color:#fff;place-items:center;padding:1rem;transition:opacity .18s;animation:.2s ui-fade-in;display:grid;position:fixed;inset:0}.ui-dialog-backdrop.closing{opacity:0}.ui-dialog-backdrop.closing .ui-card{transform:scale(.96)}.ui-dialog-backdrop .ui-card{transition:transform .18s}.ui-dialog-foot{border-top:.1rem solid var(--ui-outline);align-items:center;gap:1rem;margin-top:.25rem;padding-top:1rem;display:flex}.ui-dialog-foot .ui-actions{margin-left:auto}.ui-toast-region{z-index:300;pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.ui-toast{background:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(22% * var(--shade)));color:#fff;pointer-events:auto;border-radius:.6rem;align-items:center;gap:.6rem;max-width:min(34rem,100vw - 2rem);padding:.45rem .45rem .45rem 1rem;font-size:.95rem;line-height:1.4;animation:.4s cubic-bezier(.32,.72,0,1) ui-rise;display:flex;box-shadow:0 .75rem 2rem #00000073}.ui-toast.error{outline-color:#e052528c}.ui-toast-text{flex:1;min-width:0;padding:.25rem 0}.ui-toast-dot{background:#ef3939;border-radius:50%;flex-shrink:0;width:.65rem;height:.65rem}.ui-toast-action{background:hsl(var(--tint-h), var(--tint-s), calc(21% * var(--shade)));height:2rem;color:hsl(var(--accent-h), var(--accent-s), 72%);font:inherit;cursor:pointer;border:none;border-radius:.4rem;flex-shrink:0;padding:0 .75rem;font-size:.9rem;font-weight:500;transition:background-color .1s,transform .35s cubic-bezier(.32,.72,0,1)}.ui-toast-action:hover{background:hsl(var(--tint-h), var(--tint-s), calc(25% * var(--shade)))}.ui-toast-action:active{transition-duration:.1s;transform:scale(.94)}.ui-toast-close{color:#b3b3b3;cursor:pointer;background:0 0;border:none;border-radius:.4rem;flex-shrink:0;place-items:center;width:2rem;height:2rem;padding:0;transition:background-color .1s,color .1s,transform .35s cubic-bezier(.32,.72,0,1);display:grid}.ui-toast-close svg{fill:currentColor;width:1.15rem;height:1.15rem}.ui-toast-close:hover{background:hsl(var(--tint-h), var(--tint-s), calc(21% * var(--shade)));color:#fff}.ui-toast-close:active{transition-duration:.1s;transform:scale(.92)}.ui-toast-close:focus-visible{outline:.1rem solid hsl(var(--accent-h), var(--accent-s), 70%)}@media (prefers-reduced-motion:reduce){.ui-screen *,.ui-dialog-backdrop,.ui-dialog-backdrop *,.ui-toast{transition-duration:.01ms!important;animation-duration:.01ms!important}.ui-spinner svg,.ui-spinner .arc{animation-duration:1.4s!important}}.ui-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-card code,.ui-status code{background:var(--ui-bg);color:#d9d9d9;border-radius:.3rem;padding:.05rem .3rem;font-size:.9em}.ui-floating-error{z-index:110;max-width:min(32rem,100vw - 2rem);position:fixed;top:1rem;left:50%;transform:translate(-50%)}.booting .ui-spinner{animation:none}.ct,.ct-switch,.ct-popover-wrap{--ct-surface:var(--app-surface);--ct-surface-hover:var(--app-surface-hover);--ct-outline:var(--app-outline);--ct-outline-hover:var(--app-outline-hover);--ct-muted:var(--app-muted);--ct-accent:var(--app-accent);--ct-fill:var(--app-accent-fill);--ct-ease:var(--app-ease)}.ct{color:#fff;flex-direction:column;gap:.5rem;min-height:0;display:flex}.ct svg{fill:currentColor}.ct-search{background:hsl(var(--tint-h), var(--tint-s), calc(10% * var(--shade)));outline:.1rem solid var(--ct-outline);height:2.2rem;color:var(--ct-muted);border-radius:.5rem;align-items:center;gap:.4rem;padding:0 .6rem;transition:outline-color .1s;display:flex}.ct-search:focus-within{outline-color:var(--ct-accent)}.ct-search svg{flex-shrink:0;width:1.1rem;height:1.1rem}.ct-search input{color:#fff;min-width:0;font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.ct-search input::placeholder{color:#666}.ct-search input::-webkit-search-cancel-button{display:none}.ct-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--tint-h), var(--tint-s), calc(28% * var(--shade))) transparent;max-height:min(19rem,42vh);margin:0;padding:.15rem;list-style:none;overflow-y:auto}.ct-row{padding-left:calc(var(--depth) * 1.1rem);align-items:center;gap:.15rem;display:flex}.ct-expand,.ct-expand-gap{flex-shrink:0;width:1.6rem;height:1.6rem}.ct-expand{color:var(--ct-muted);cursor:pointer;background:0 0;border:none;border-radius:.35rem;place-items:center;padding:0;transition:background-color .1s,color .1s;display:grid}.ct-expand svg{width:1.2rem;height:1.2rem;transition:transform .35s var(--ct-ease)}.ct-expand.open svg{transform:rotate(90deg)}.ct-expand:hover:not(:disabled){background:var(--ct-surface-hover);color:#fff}.ct-expand:disabled{cursor:default;opacity:.5}.ct-expand:focus-visible{outline:.1rem solid var(--ct-accent)}.ct-check{color:#e0e0e0;min-width:0;height:2.1rem;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.4rem;flex:1;align-items:center;gap:.55rem;padding:0 .5rem;font-size:.9rem;transition:background-color .1s,color .1s;display:flex}.ct-check:hover:not([aria-disabled]){background:var(--ct-surface-hover);color:#fff}.ct-check:focus-visible{outline:.1rem solid var(--ct-accent)}.ct-check.implied{cursor:default;opacity:.6}.ct-box{outline:.1rem solid var(--ct-outline-hover);outline-offset:-.1rem;border-radius:.3rem;flex-shrink:0;place-items:center;width:1.05rem;height:1.05rem;transition:background-color .15s,outline-color .15s;display:grid}.ct-box svg{width:.9rem;height:.9rem;fill:hsl(var(--tint-h), calc(var(--tint-s) * 2), calc(8% * var(--shade)));transition:transform .35s var(--ct-ease);transform:scale(0)}.ct-check.on .ct-box{background:var(--ct-fill);outline-color:var(--ct-fill)}.ct-check.on .ct-box svg{transform:none}.ct-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ct-count{color:var(--ct-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}.ct-empty{color:var(--ct-muted);margin:.25rem .5rem;font-size:.9rem}.ct-switch{color:#ebebeb;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem;font-size:.9rem;transition:background-color .1s;display:flex}.ct-switch:hover{background:var(--ct-surface-hover)}.ct-switch:focus-visible{outline:.1rem solid var(--ct-accent)}.ct-switch-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.ct-switch-hint{color:var(--ct-muted);font-size:.8rem}.ct-switch-track{background:hsl(var(--tint-h), var(--tint-s), calc(25% * var(--shade)));border-radius:10rem;flex-shrink:0;width:2.4rem;height:1.4rem;transition:background-color .2s;position:relative}[aria-checked=true]>.ct-switch-track{background:var(--ct-fill)}.ct-switch-thumb{height:1rem;transition:left .3s var(--ct-ease) 50ms, right .3s var(--ct-ease);background:#fff;border-radius:10rem;position:absolute;top:.2rem;left:.2rem;right:1.2rem}[aria-checked=true]>.ct-switch-track>.ct-switch-thumb{transition:right .3s var(--ct-ease) 50ms, left .3s var(--ct-ease);left:1.2rem;right:.2rem}.ct-popover-wrap{flex-shrink:0;position:relative}.ct-filter-btn{background:var(--ct-surface);outline:.1rem solid var(--ct-outline);color:#fff;cursor:pointer;width:2.6rem;height:2.6rem;transition:background-color .1s ease, outline-color .15s ease, transform .35s var(--ct-ease);border:none;border-radius:.5rem;place-items:center;padding:0;display:grid;position:relative}.ct-filter-btn svg{fill:currentColor;width:1.35rem;height:1.35rem}.ct-filter-btn:hover{background:var(--ct-surface-hover);outline-color:var(--ct-outline-hover)}.ct-filter-btn:active{transition-duration:.1s;transform:scale(.94)}.ct-filter-btn.on{color:var(--ct-accent)}.ct-filter-btn:focus-visible{outline-color:var(--ct-accent)}.ct-badge{box-sizing:border-box;background:var(--ct-fill);min-width:1.1rem;height:1.1rem;color:hsl(var(--tint-h), calc(var(--tint-s) * 2), calc(8% * var(--shade)));text-align:center;border-radius:10rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1.1rem;position:absolute;top:-.35rem;right:-.35rem}.ct-popover{z-index:30;box-sizing:border-box;background:var(--ct-surface);outline:.1rem solid var(--ct-outline);color:#fff;clip-path:inset(0 0 calc(100% - 2.75rem) calc(100% - 2.75rem) round .5rem);opacity:0;visibility:hidden;width:min(22rem,100vw - 2rem);transition:clip-path .4s var(--ct-ease), opacity .15s ease .15s, visibility 0s linear .4s;border-radius:.5rem;flex-direction:column;gap:.75rem;padding:.9rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 1rem 2.5rem #0006}.ct-popover.open{clip-path:inset(-1rem -1rem -3rem round .5rem);opacity:1;visibility:visible;transition:clip-path .5s var(--ct-ease), opacity .12s ease, visibility 0s}.ct-popover>*{transition:opacity .2s ease, transform .45s var(--ct-ease)}.ct-popover:not(.open)>*{opacity:0;transform:translateY(-.4rem)}.ct-popover h3{color:var(--ct-muted);margin:.25rem 0 0;font-size:.95rem;font-weight:500}.ct-popover-foot{border-top:.1rem solid var(--ct-outline);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.ct-text-btn{color:var(--ct-muted);font:inherit;cursor:pointer;background:0 0;border:none;padding:.3rem .2rem}.ct-text-btn:hover:not(:disabled){color:#fff}.ct-text-btn:disabled{cursor:default;opacity:.5}.ct-done-btn{background:var(--ct-fill);outline-offset:-.15rem;color:#fff;height:2.2rem;font:inherit;cursor:pointer;transition:background-color .1s ease, transform .35s var(--ct-ease);border:none;border-radius:.5rem;outline:.15rem solid #fff3;padding:0 .9rem;font-weight:500}.ct-done-btn:hover{background:var(--ct-accent)}.ct-done-btn:active{transition-duration:.1s;transform:scale(.95)}@media (prefers-reduced-motion:reduce){.ct *,.ct-switch *,.ct-popover,.ct-popover>*{transition-duration:.01ms!important}}.ct-order{align-items:center;gap:.3rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.ct-order-label{color:#949494;margin-right:auto}.ct-order-btn{background:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));height:1.9rem;color:inherit;font:inherit;cursor:pointer;border:none;border-radius:.45rem;padding:0 .65rem;transition:background-color .1s,outline-color .1s,transform .3s cubic-bezier(.32,.72,0,1)}.ct-order-btn:hover{background:hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));outline-color:hsl(var(--tint-h), var(--tint-s), calc(30% * var(--shade)))}.ct-order-btn:active{transition-duration:.1s;transform:scale(.95)}.ct-order-btn.on{color:hsl(var(--accent-h), var(--accent-s), 70%);outline-color:hsl(var(--accent-h), var(--accent-s), 70%)}.yr-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.25rem;display:flex}.yr-chip{background:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));height:2rem;color:inherit;font:inherit;cursor:pointer;border:none;border-radius:.5rem;align-items:center;padding:0 .7rem;font-size:.9rem;transition:background-color .1s,outline-color .1s,transform .3s cubic-bezier(.32,.72,0,1);display:inline-flex}.yr-chip svg{opacity:0;fill:currentColor;width:0;height:.95rem;transition:width .35s cubic-bezier(.32,.72,0,1),margin-right .35s cubic-bezier(.32,.72,0,1),opacity .2s}.yr-chip:hover{background:hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));outline-color:hsl(var(--tint-h), var(--tint-s), calc(30% * var(--shade)))}.yr-chip:active{transition-duration:.1s;transform:scale(.95)}.yr-chip.on{color:hsl(var(--accent-h), var(--accent-s), 70%);outline-color:hsl(var(--accent-h), var(--accent-s), 70%)}.yr-chip.on svg{opacity:1;width:.95rem;margin-right:.3rem}.yr-count{color:#949494;font-variant-numeric:tabular-nums;margin-left:.4rem;font-size:.8rem}.cast-picker{flex-direction:column;gap:.75rem;width:min(26rem,100vw - 2rem);display:flex}.cast-picker h2{margin:0;font-size:1.25rem;font-weight:500}.cast-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.cast-device{background:var(--ui-bg);outline:.1rem solid var(--ui-outline);color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;border:none;border-radius:.6rem;align-items:center;gap:.8rem;padding:.6rem .7rem;display:flex}.cast-device:hover:not(:disabled){background:var(--ui-surface-hover)}.cast-device.on{outline:.15rem solid var(--ui-accent);background:hsla(var(--accent-h), var(--accent-s), 65%, .1)}.cast-device:disabled{cursor:default;opacity:.55}.cast-device-icon{background:var(--ui-surface);border-radius:.5rem;flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;display:grid}.cast-device-icon svg{fill:currentColor;width:1.35rem;height:1.35rem}.cast-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.cast-text>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cast-sub{color:var(--ui-muted);font-size:.82rem}.cast-hint{color:var(--ui-muted);margin:0;font-size:.85rem;line-height:1.45}.cast-bar{z-index:70;box-sizing:border-box;background:hsl(var(--tint-h), var(--tint-s), calc(14% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(24% * var(--shade)));color:#fff;border-radius:.9rem;align-items:center;gap:.75rem;width:min(46rem,100vw - 2rem);padding:.55rem .6rem .55rem .8rem;animation:.4s cubic-bezier(.32,.72,0,1) cast-in;display:flex;position:fixed;bottom:1rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1rem 2.5rem #00000080}.cast-bar svg{fill:currentColor}@keyframes cast-in-narrow{0%{transform:translateY(120%)}}@keyframes cast-in{0%{transform:translate(-50%,120%)}}.cast-bar-info{flex:1;align-items:center;gap:.7rem;min-width:0;display:flex}.cast-bar-icon{background:hsla(var(--accent-h), var(--accent-s), 65%, .15);width:2.3rem;height:2.3rem;color:hsl(var(--accent-h), var(--accent-s), 70%);border-radius:.5rem;flex-shrink:0;place-items:center;display:grid}.cast-bar-icon svg{width:1.3rem;height:1.3rem}.cast-bar-controls{align-items:center;gap:.15rem;display:flex}.cast-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:2.3rem;height:2.3rem;padding:0;display:grid}.cast-btn svg{width:1.3rem;height:1.3rem}.cast-btn:hover{background:#ffffff14}.cast-btn.main{background:hsl(var(--accent-h), var(--accent-s), 65%);width:2.6rem;height:2.6rem}.cast-btn.main:hover{background:hsl(var(--accent-h), var(--accent-s), 70%)}.cast-btn:focus-visible{outline:.12rem solid hsl(var(--accent-h), var(--accent-s), 70%)}.cast-volume{width:5.5rem;accent-color:hsl(var(--accent-h), var(--accent-s), 65%)}.cast-progress{background:#ffffff14;height:.18rem;position:absolute;bottom:0;left:0;right:0}.cast-progress span{background:hsl(var(--accent-h), var(--accent-s), 70%);height:100%;display:block}@media (width<=40rem){.cast-bar{flex-wrap:wrap;row-gap:.4rem;width:auto;animation-name:cast-in-narrow;bottom:.5rem;left:5.6rem;right:.5rem;transform:none}.cast-bar-info{flex:1 1 0;order:0;min-width:0}.cast-close{order:1}.cast-bar-controls{flex:100%;order:2;justify-content:space-around}.cast-volume{display:none}}.upd-card{z-index:150;box-sizing:border-box;background:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(22% * var(--shade)));color:#fff;border-radius:.75rem;flex-direction:column;gap:.85rem;width:min(23rem,100vw - 2rem);padding:1rem;animation:.45s cubic-bezier(.32,.72,0,1) upd-rise;display:flex;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 1rem 2.5rem #00000080}@keyframes upd-rise{0%{opacity:0;transform:translateY(1rem)}}.upd-text{flex-direction:column;gap:.3rem;line-height:1.4;display:flex}.upd-text strong{font-weight:500}.upd-text span{color:#a6a6a6;font-size:.9rem}.upd-actions{justify-content:flex-end;gap:.5rem;display:flex}.upd-bar{background:hsl(var(--tint-h), var(--tint-s), calc(22% * var(--shade)));border-radius:.3rem;height:.3rem;overflow:hidden}.upd-bar span{border-radius:inherit;background:hsl(var(--accent-h), var(--accent-s), 65%);transform-origin:0;height:100%;transform:scaleX(var(--p,0));transition:transform .3s;display:block}.upd-bar.unknown span{width:30%;animation:1.2s ease-in-out infinite upd-slide;transform:none}@keyframes upd-slide{0%{translate:-100%}to{translate:340%}}@media (prefers-reduced-motion:reduce){.upd-card,.upd-card *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.dashboard-group{--row:3.25rem;--gap:.35rem;--ease:cubic-bezier(.32, .72, 0, 1);gap:var(--gap);flex-direction:column;display:flex;position:relative}.dashboard-highlight{left:0;right:0;top:calc(var(--i) * (var(--row) + var(--gap)));bottom:calc((var(--n) - 1 - var(--i)) * (var(--row) + var(--gap)));background:hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(26% * var(--shade)));opacity:0;transition:top .35s var(--ease), bottom .35s var(--ease), opacity .2s ease, transform .35s var(--ease);pointer-events:none;border-radius:.5rem;position:absolute;transform:scale(.9)}.has-active>.dashboard-highlight{opacity:1;transform:none}.to-down>.dashboard-highlight{transition:bottom .25s var(--ease), top .4s var(--ease) 50ms, opacity .2s ease, transform .35s var(--ease)}.to-up>.dashboard-highlight{transition:top .25s var(--ease), bottom .4s var(--ease) 50ms, opacity .2s ease, transform .35s var(--ease)}.dashboard-button{z-index:1;height:var(--row);box-sizing:border-box;color:#fff;transition:background-color .1s ease, color .15s ease, transform .35s var(--ease);border-radius:.5rem;align-items:center;gap:1rem;padding:0 .85rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.dashboard-button:hover:not(.active){background:hsla(var(--tint-h), var(--tint-s), calc(25% * var(--shade)), .45)}.dashboard-button:active{transition-duration:.1s;transform:scale(.95)}.dashboard-button:focus-visible{outline:.1rem solid hsl(var(--accent-h), var(--accent-s), 70%)}.dashboard-button.active{color:hsl(var(--accent-h), var(--accent-s), 70%)}.dashboard-button svg{fill:currentColor;flex-shrink:0;width:1.75rem;height:1.75rem}.dashboard-button span{white-space:nowrap;opacity:0;transition:opacity .15s ease, transform .35s var(--ease);pointer-events:none;font-size:1.1rem;font-weight:500;transform:translate(-.5rem)}button.dashboard-button{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}.item-menu-host{z-index:1000;pointer-events:none;position:fixed;inset:0}.item-menu-host .vp-context{box-sizing:border-box;background:hsl(var(--tint-h), var(--tint-s), calc(13% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(24% * var(--shade)));color:#fff;pointer-events:auto;opacity:0;border-radius:.6rem;flex-direction:column;min-width:14rem;max-width:min(22rem,100vw - 1rem);padding:.35rem;transition:opacity .12s,transform .3s cubic-bezier(.32,.72,0,1);display:flex;position:absolute;transform:scale(.92);box-shadow:0 1rem 2.5rem #00000080}.item-menu-host .vp-context.open{opacity:1;transform:none}.item-menu-host .vp-context-item{color:#fff;min-height:2.3rem;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:0 .7rem;font-size:.95rem;transition:background-color .1s,transform .3s cubic-bezier(.32,.72,0,1);display:flex}.item-menu-host .vp-context-item>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-menu-host .vp-context-item:hover:not(:disabled),.item-menu-host .vp-context-item:focus-visible{background:hsl(var(--tint-h), var(--tint-s), calc(22% * var(--shade)));outline:none}.item-menu-host .vp-context-item:active:not(:disabled){transition-duration:.1s;transform:scale(.98)}.item-menu-host .vp-context-item:disabled{color:#737373;cursor:default}.item-menu-host .vp-context-item.danger{color:#f4857b}.item-menu-host .vp-context-hint{color:#949494;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.85rem}.item-menu-host .vp-context-sep{background:hsl(var(--tint-h), var(--tint-s), calc(22% * var(--shade)));height:.1rem;margin:.3rem .4rem}@media (prefers-reduced-motion:reduce){.item-menu-host .vp-context{transition-duration:.01ms}}.video-player{--vp-surface:hsla(var(--tint-h), var(--tint-s), calc(15% * var(--shade)), .85);--vp-surface-hover:hsla(var(--tint-h), var(--tint-s), calc(20% * var(--shade)), .9);--vp-surface-active:hsla(var(--tint-h), var(--tint-s), calc(12.5% * var(--shade)), .9);--vp-panel:hsla(var(--tint-h), var(--tint-s), calc(13% * var(--shade)), .96);--vp-outline:hsla(var(--tint-h), var(--tint-s), calc(28% * var(--shade)), .7);--vp-outline-hover:hsla(var(--tint-h), var(--tint-s), calc(38% * var(--shade)), .8);--vp-muted:#a6a6a6;--vp-accent:var(--app-accent);--vp-accent-fill:var(--app-accent-fill);--vp-ease:var(--app-ease)}.vp-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.video-button{background:var(--vp-surface);outline:.1rem solid var(--vp-outline);color:#fff;width:2.75rem;height:2.75rem;font:inherit;cursor:pointer;z-index:1;transition:background-color .1s ease, outline-color .1s ease, transform .35s var(--vp-ease);border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.video-button:hover{background:var(--vp-surface-hover);outline-color:var(--vp-outline-hover)}.video-button:active{background:var(--vp-surface-active);transition-duration:.1s;transform:scale(.93)}.video-button:focus-visible{outline-color:var(--vp-accent)}.video-button.active{z-index:2;background:var(--vp-surface-hover);outline-color:var(--vp-accent)}.video-button svg{fill:currentColor;flex-shrink:0;width:1.5rem;height:1.5rem}.vp-skip-button{border-radius:.6rem;width:3.25rem;height:3.25rem}.vp-skip-button svg{width:1.85rem;height:1.85rem}.important-video-button{border-radius:.85rem;width:4.5rem;height:4.5rem}.video-button.vp-play-compact .vp-playicon{width:1.35rem;height:1.35rem}.vp-text-button{font-variant-numeric:tabular-nums;gap:.4rem;width:auto;min-width:2.75rem;padding:0 .8rem;font-size:.95rem;font-weight:500}.has-indicator:after{content:"";background:var(--vp-accent);width:0;height:.15rem;transition:width .35s var(--vp-ease);border-radius:10rem;position:absolute;bottom:.3rem;left:50%;transform:translate(-50%)}.has-indicator.indicator-on:after{width:1.1rem}.has-indicator svg{transition:transform .35s var(--vp-ease)}.has-indicator.indicator-on svg{transform:translateY(-.15rem)}.video-button .vp-playicon{width:2rem;height:2rem;overflow:visible}.video-button .vp-playicon polygon{fill:currentColor;stroke:currentColor;stroke-width:3px;stroke-linejoin:round}.video-button .arrow{transform-origin:50% 55%;transform-box:fill-box}.video-button .spin .arrow{--spin-angle:55deg;animation:.3s ease-in-out vp-spin}.video-button .spin .arrow.reverse{--spin-angle:-55deg}@keyframes vp-spin{50%{transform:rotate(var(--spin-angle))}}.vp-scrub{--value:0;--buffered:0;--stretch:1;--squash:0;--thumb:0;--rail:.3rem;cursor:pointer;touch-action:none;height:1.5rem;transform:scaleX(var(--stretch)) scaleY(calc(2 - var(--stretch)));transform-origin:var(--stretch-origin,left center);transition:transform .45s var(--vp-ease);outline:none;align-items:center;display:flex;position:relative}.vp-scrub:hover,.vp-scrub:focus-visible{--thumb:1;--rail:.45rem}.vp-scrub.scrubbing{--thumb:1.3;--rail:.6rem;transition:transform 80ms linear}.vp-scrub:focus-visible .vp-scrub-rail{outline:.1rem solid var(--vp-accent);outline-offset:.2rem}.vp-scrub-rail{height:var(--rail);transition:height .3s var(--vp-ease);background:#ffffff38;border-radius:10rem;flex:1;position:relative;overflow:hidden}.vp-scrub-buffer,.vp-scrub-fill{transform-origin:0;position:absolute;inset:0}.vp-scrub-buffer{transform:scaleX(var(--buffered));background:#ffffff47}.vp-scrub-fill{background:var(--vp-accent);transform:scaleX(var(--value))}.vp-scrub-thumb{top:50%;left:calc(var(--value) * 100%);pointer-events:none;width:1rem;height:1rem;transform:translate(-50%, -50%) scale(calc(var(--thumb) * (1 + var(--squash))), calc(var(--thumb) * (1 - var(--squash) * .45)));transition:transform .3s var(--vp-ease);background:#fff;border-radius:50%;position:absolute;box-shadow:0 .1rem .4rem #00000073}.vp-timeline{width:100%;width:-moz-available;align-items:center;gap:.85rem;width:stretch;display:flex}.vp-timeline .progress-preview-host{flex:1;width:auto;min-width:0}.vp-timeline.live .vp-time:first-child{display:none}.vp-timeline.live .vp-scrub{--value:1;--buffered:1;--thumb:0;cursor:default}.vp-timeline.live .vp-time-remaining{color:var(--app-live);font-weight:500}.vp-timeline.rewind>.vp-scrub{flex:1;min-width:0}.vp-timeline.rewind .vp-clock{white-space:nowrap;min-width:4.5rem}.vp-timeline.rewind .vp-behind{white-space:nowrap;min-width:0;max-width:4rem;transition:max-width .35s var(--vp-ease), opacity .25s ease;overflow:hidden}.vp-timeline.rewind.at-live .vp-behind{opacity:0;max-width:0}.vp-golive{background:var(--vp-surface,#ffffff1f);color:#9e9e9e;font:inherit;cursor:pointer;transition:background-color .25s ease, color .25s ease, transform .35s var(--vp-ease);border:none;border-radius:10rem;flex-shrink:0;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.85rem;font-weight:500;display:inline-flex}.vp-golive:hover{color:#fff;background:#ffffff38}.vp-golive:active{transition-duration:.1s;transform:scale(.94)}.vp-golive:focus-visible{outline:.1rem solid var(--vp-accent);outline-offset:.15rem}.vp-golive:disabled{color:var(--app-live);cursor:default;background:0 0}.vp-golive-dot{background:#8c8c8c;border-radius:50%;width:.5rem;height:.5rem;transition:background-color .25s}.vp-golive:disabled .vp-golive-dot{background:var(--app-live)}.vp-time{color:#fff;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;min-width:3.25rem;font-size:.9rem}.vp-time-remaining{text-align:right;color:var(--vp-muted)}.vp-volume{--level:1;--overdrag:0px;--icon:2.75rem;width:var(--icon);background:var(--vp-surface);outline:.1rem solid var(--vp-outline);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;height:2.75rem;transition:width .45s var(--vp-ease), background-color .1s ease, outline-color .1s ease, transform .35s var(--vp-ease);border-radius:.5rem;flex-shrink:0;position:relative;overflow:hidden}.vp-volume:hover{background:var(--vp-surface-hover);outline-color:var(--vp-outline-hover)}.vp-volume:not(.open):active{transition-duration:.45s,.1s,.1s,.1s;transform:scale(.93)}.vp-volume.open{width:calc(10rem + var(--overdrag));cursor:ew-resize}.vp-volume.stretching{transition:none}.vp-volume:has(:focus-visible){outline-color:var(--vp-accent)}.vp-vol-icon,.vp-vol-icon-dark{width:var(--icon);place-items:center;height:2.75rem;display:grid;position:absolute;top:0;left:0}:is(.vp-vol-icon,.vp-vol-icon-dark) svg{fill:currentColor;width:1.5rem;height:1.5rem}.vp-vol-icon{color:#fff;cursor:pointer;background:0 0;border:none;padding:0}.vp-vol-icon:focus-visible{outline:none}.vp-vol-fill{z-index:1;width:calc(var(--level) * 100%);pointer-events:none;transition:width .25s var(--vp-ease);background:#ffffffeb;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.dragging .vp-vol-fill{transition:none}.vp-vol-icon-dark{color:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)))}.vp-vol-track{top:0;bottom:0;left:var(--icon);pointer-events:none;position:absolute;right:0}.vp-vol-track:focus-visible{outline:none}.vp-speaker{overflow:visible}.vp-speaker .vp-speaker-body{fill:currentColor;stroke:currentColor;stroke-width:2.2px;stroke-linejoin:round}.vp-speaker .vp-speaker-wave{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;transform-box:view-box;transform-origin:11px 12px;transition:opacity .2s ease, transform .45s var(--vp-ease,cubic-bezier(.32, .72, 0, 1))}.vp-speaker .vp-speaker-wave.big{transition-delay:0s,40ms}.vp-speaker.low .vp-speaker-wave.big,.vp-speaker.muted .vp-speaker-wave{opacity:0;transform:translate(-2.5px)scale(.55)}.vp-speaker.muted .vp-speaker-wave.small{transition-delay:50ms}.vp-speaker .vp-speaker-slash{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .35s var(--vp-ease,cubic-bezier(.32, .72, 0, 1))}.vp-speaker .vp-speaker-slash.cut{stroke:#000;stroke-width:4.8px}.vp-speaker.muted .vp-speaker-slash{stroke-dashoffset:0;transition-delay:80ms}@media (prefers-reduced-motion:reduce){.vp-speaker *{transition-duration:.01ms!important}}.vp-version-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--tint-h), var(--tint-s), calc(30% * var(--shade))) transparent;max-height:min(50vh,20rem);overflow-y:auto}.vp-menu-wrap{position:relative}.vp-menu{z-index:3;box-sizing:border-box;background:var(--vp-panel);outline:.1rem solid var(--vp-outline);color:#fff;text-align:left;clip-path:inset(calc(100% - 2.75rem) 0 0 calc(100% - 2.75rem) round .5rem);opacity:0;visibility:hidden;width:16rem;transition:clip-path .35s var(--vp-ease), opacity .15s ease .15s, visibility 0s linear .35s;border-radius:.6rem;padding:.5rem;position:absolute;bottom:calc(100% + .6rem);right:0;box-shadow:0 1rem 2.5rem #00000080}.vp-menu.open{clip-path:inset(-1rem round .6rem);opacity:1;visibility:visible;transition:clip-path .45s var(--vp-ease), opacity .1s ease, visibility 0s}.vp-menu>*{transition:opacity .2s ease, transform .4s var(--vp-ease)}.vp-menu:not(.open)>*{opacity:0;transform:translateY(.4rem)}.vp-menu-title{color:var(--vp-muted);margin:.35rem .5rem .4rem;font-size:.85rem;font-weight:500}.vp-menu-title:not(:first-child){margin-top:.85rem}.vp-options{--row:2.4rem;flex-direction:column;display:flex;position:relative}.vp-options-thumb{left:0;right:0;top:calc(var(--i) * var(--row));bottom:calc((var(--n) - 1 - var(--i)) * var(--row));background:hsla(var(--tint-h), var(--tint-s), calc(22% * var(--shade)), 1);outline:.1rem solid var(--vp-outline);transition:top .35s var(--vp-ease), bottom .35s var(--vp-ease);border-radius:.4rem;position:absolute}.to-down .vp-options-thumb{transition:bottom .25s var(--vp-ease), top .4s var(--vp-ease) 50ms}.to-up .vp-options-thumb{transition:top .25s var(--vp-ease), bottom .4s var(--vp-ease) 50ms}.vp-option{z-index:1;height:var(--row);color:#fff;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.4rem;align-items:center;padding:0 .7rem;font-size:.95rem;transition:background-color .1s;display:flex;position:relative}.vp-option:hover:not([aria-checked=true]){background:#ffffff0d}.vp-option:focus-visible{outline:.1rem solid var(--vp-accent)}.vp-option svg{width:0;height:1.1rem;fill:var(--vp-accent);opacity:0;transition:width .35s var(--vp-ease), margin-right .35s var(--vp-ease), opacity .2s ease;flex-shrink:0;margin-right:0}.vp-option[aria-checked=true] svg{opacity:1;width:1.1rem;margin-right:.5rem}.vp-option .vp-option-detail{color:var(--vp-muted);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:.75rem;font-size:.85rem}.vp-segment{grid-template-columns:repeat(var(--n), 1fr);background:hsla(var(--tint-h), var(--tint-s), calc(8% * var(--shade)), .9);outline:.1rem solid var(--vp-outline);border-radius:.5rem;padding:.25rem;display:grid;position:relative}.vp-segment button{z-index:1;height:2rem;color:var(--vp-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:.35rem;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.vp-segment button[aria-checked=true]{color:#fff}.vp-segment button:focus-visible{outline:.1rem solid var(--vp-accent)}.vp-segment-thumb{top:.25rem;bottom:.25rem;left:calc(.25rem + var(--i) * (100% - .5rem) / var(--n));right:calc(.25rem + (var(--n) - 1 - var(--i)) * (100% - .5rem) / var(--n));background:hsla(var(--tint-h), var(--tint-s), calc(22% * var(--shade)), 1);outline:.1rem solid var(--vp-outline-hover);transition:left .35s var(--vp-ease), right .35s var(--vp-ease);border-radius:.35rem;position:absolute}.to-right .vp-segment-thumb{transition:right .25s var(--vp-ease), left .4s var(--vp-ease) 50ms}.to-left .vp-segment-thumb{transition:left .25s var(--vp-ease), right .4s var(--vp-ease) 50ms}.vp-buffering{z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.vp-buffering svg{opacity:0;width:8.25rem;height:8.25rem;transition:opacity .2s ease, transform .4s var(--vp-ease);animation:1.4s linear infinite vp-rotate;transform:scale(.8)}.vp-buffering .vp-buffering-track{fill:none;stroke:#00000059;stroke-width:4.5px}.vp-buffering .vp-buffering-arc{fill:none;stroke:var(--vp-accent);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 140;stroke-dashoffset:0;animation:1.4s ease-in-out infinite vp-dash}.vp-buffering.visible svg{opacity:1;transform:none}.vp-buffering:not(.visible) svg,.vp-buffering:not(.visible) .vp-buffering-arc{animation-play-state:paused}@keyframes vp-rotate{to{rotate:360deg}}@keyframes vp-dash{0%{stroke-dasharray:1 140;stroke-dashoffset:0}50%{stroke-dasharray:90 140;stroke-dashoffset:-30px}to{stroke-dasharray:90 140;stroke-dashoffset:-138px}}@media (prefers-reduced-motion:reduce){.video-player *,.video-player :before,.video-player :after{transition-duration:.01ms!important;transition-delay:0s!important}.video-button .spin .arrow{animation:none}}.record-icon{width:1.5rem;height:1.5rem}.record-icon .record-ring{fill:none;stroke:currentColor;stroke-width:2px}.record-icon .record-dot{fill:currentColor}.record-icon.active{color:#ef3939}.record-icon.active .record-dot{animation:1.6s ease-in-out infinite record-breathe}@keyframes record-breathe{50%{opacity:.45}}.record-button.done .record-icon{color:var(--vp-accent)}@media (prefers-reduced-motion:reduce){.record-icon.active .record-dot{animation:none}}.vp-gear svg{transition:transform .5s var(--vp-ease)}.vp-gear.active svg{transform:rotate(60deg)}.vp-set-page{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:hsl(var(--tint-h), var(--tint-s), calc(30% * var(--shade))) transparent;max-height:min(60vh,26rem);animation:vp-set-in .3s var(--vp-ease);flex-direction:column;display:flex;overflow-y:auto}@keyframes vp-set-in{0%{opacity:0;transform:translate(.6rem)}}.vp-set-row,.vp-set-back,.vp-set-toggle{color:#fff;min-height:2.4rem;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.4rem;align-items:center;gap:.5rem;padding:0 .6rem 0 .7rem;font-size:.95rem;transition:background-color .1s;display:flex}:is(.vp-set-row,.vp-set-back,.vp-set-toggle):hover{background:#ffffff0f}:is(.vp-set-row,.vp-set-back,.vp-set-toggle):focus-visible{outline:.1rem solid var(--vp-accent)}:is(.vp-set-row,.vp-set-back,.vp-set-toggle) svg{fill:currentColor;flex-shrink:0;width:1.2rem;height:1.2rem}.vp-set-row .vp-set-label{flex-shrink:0}.vp-set-row .vp-set-value{min-width:0;color:var(--vp-muted);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem;overflow:hidden}.vp-set-row svg{fill:var(--vp-muted)}.vp-set-back{color:var(--vp-muted);margin-bottom:.35rem;padding-left:.3rem;font-size:.9rem;font-weight:500}.vp-set-toggle{min-height:3rem;margin-top:.25rem}.vp-set-toggle .vp-set-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.vp-set-toggle .vp-set-detail{color:var(--vp-muted);font-size:.8rem}.vp-switch{background:hsla(var(--tint-h), var(--tint-s), calc(25% * var(--shade)), 1);outline:.1rem solid var(--vp-outline);border-radius:10rem;flex-shrink:0;width:2.3rem;height:1.3rem;margin-left:auto;transition:background-color .25s;position:relative}.vp-switch:after{content:"";width:.9rem;height:.9rem;transition:transform .35s var(--vp-ease), background-color .25s ease;background:#d9d9d9;border-radius:50%;position:absolute;top:.2rem;left:.2rem}[aria-checked=true]>.vp-switch{background:var(--vp-accent-fill)}[aria-checked=true]>.vp-switch:after{background:#fff;transform:translate(1rem)}.vp-set-note{color:#d9d9d9;margin:.3rem .6rem .5rem;font-size:.85rem;line-height:1.4}.vp-set-note.small{color:var(--vp-muted);margin-top:.5rem;font-size:.8rem}.vp-set-note.warn{background:hsla(var(--accent-h), var(--accent-s), 60%, .12);color:hsl(var(--accent-h), var(--accent-s), 82%);border-radius:.4rem;margin-top:.6rem;padding:.5rem .6rem;font-size:.8rem}.vp-menu .vp-segment+.vp-set-note{margin-bottom:.2rem}.vp-antilag{z-index:2;background:var(--vp-panel);outline:.1rem solid var(--vp-outline);color:#fff;pointer-events:none;opacity:0;min-width:11rem;transition:opacity .2s ease, transform .35s var(--vp-ease);border-radius:.6rem;flex-direction:column;gap:.4rem;padding:.55rem .9rem .65rem;font-size:.85rem;display:flex;position:absolute;top:1.25rem;left:50%;transform:translate(-50%,-.5rem)}.vp-antilag.visible{opacity:1;transform:translate(-50%)}.vp-antilag strong{color:var(--vp-accent);font-weight:600}.vp-antilag-bar{background:#ffffff26;border-radius:10rem;height:.2rem;position:relative;overflow:hidden}.vp-antilag-bar:after{content:"";border-radius:inherit;background:var(--vp-accent);transform:scaleX(var(--f,0));transform-origin:0;transition:transform .25s linear;position:absolute;inset:0}.vp-channel-number{z-index:6;background:var(--vp-panel);outline:.1rem solid var(--vp-outline);color:#fff;pointer-events:none;animation:vp-set-in .25s var(--vp-ease);border-radius:.75rem;flex-direction:column;align-items:flex-end;padding:.6rem 1rem;display:flex;position:absolute;top:1.25rem;right:1.5rem}.vp-channel-number span{color:var(--vp-muted);font-size:.8rem}.vp-channel-number strong{font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:600;line-height:1.1}:root{--page-h:100dvh;--dock-screen-h:clamp(9.5rem, 24vh, 13.5rem);--dock-pad:.85rem}body:has(.player-dock){--page-h:calc(100dvh - var(--dock-screen-h) - var(--dock-pad) * 2)}.pd{box-sizing:border-box;padding:var(--dock-pad) clamp(1rem, 3.5vw, 3rem);color:#fff;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:clamp(1rem,2.5vw,2rem);display:grid}.player-dock{z-index:1;height:calc(var(--dock-screen-h) + var(--dock-pad) * 2);background:hsl(var(--tint-h), var(--tint-s), calc(12% * var(--shade)));border-bottom:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(18% * var(--shade)));animation:pd-in .35s var(--app-ease) both;position:relative}.pd-screen{height:var(--dock-screen-h);aspect-ratio:16/9;background:#000;border-radius:.6rem;position:relative;overflow:hidden;box-shadow:0 .75rem 2rem #00000059}.pd-hit{color:inherit;font:inherit;cursor:pointer;outline-offset:-.1rem;border:none;outline:.1rem solid #ffffff14;place-items:center;padding:0;display:grid}.pd-hit:focus-visible{outline:.15rem solid var(--app-accent)}.pd-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pd-logo{object-fit:contain;filter:drop-shadow(0 .25rem .75rem #00000073);width:40%;height:50%}.pd-letter{color:#fff9;font-size:2.5rem;font-weight:600}.pd-orb{z-index:1;background:var(--app-accent-fill);outline-offset:-.15rem;opacity:0;width:3.25rem;height:3.25rem;transition:opacity .15s ease, transform .35s var(--app-ease);border-radius:50%;outline:.15rem solid #fff3;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)}.pd-orb svg{fill:currentColor;width:1.6rem;height:1.6rem;margin-left:.15rem}.pd-hit:is(:hover,:focus-visible) .pd-orb{opacity:1;transform:translate(-50%,-50%)scale(1)}.pd-note{z-index:1;background:hsla(var(--tint-h), var(--tint-s), calc(10% * var(--shade)), .8);color:#d9d9d9;border-radius:.5rem;padding:.2rem .55rem;font-size:.8rem;animation:.3s both pd-fade;position:absolute;top:.5rem;left:.5rem}.pd-text{min-width:0;height:var(--dock-screen-h);flex-direction:column;gap:.35rem;animation:.3s both pd-fade;display:flex}.pd-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:600;line-height:1.15;overflow:hidden}.pd-time{color:#d9d9d9;font-variant-numeric:tabular-nums;align-items:center;gap:.9rem;font-size:1.05rem;display:flex}.pd-bar{background:#ffffff2e;border-radius:1rem;width:min(10rem,30%);height:.25rem;position:relative;overflow:hidden}.pd-bar:before{content:"";background:var(--app-accent);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.pd-sub{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pd-desc{color:#c7c7c7;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:70ch;margin:.15rem 0 0;line-height:1.45;display:-webkit-box;overflow:hidden}.pd-actions{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.pd-actions .ui-btn{height:2.3rem}.pd-actions .pd-icon{width:2.3rem;padding:0}.pd-actions .pd-icon svg{margin:0}@keyframes pd-in{0%{opacity:0}}@keyframes pd-fade{0%{opacity:0}}@media (width<=760px){:root{--dock-screen-h:7.5rem}.pd-desc{display:none}.pd-time{font-size:.9rem}}body:has(.dashboard-nav){padding-left:5rem}@property --nav-push{syntax:"<length>";inherits:true;initial-value:0}body{--nav-push:0px;transition:--nav-push .35s var(--app-ease,cubic-bezier(.32, .72, 0, 1))}:is(body:has(.dashboard-nav:not([data-section=guide]):hover),body:has(.dashboard-nav:not([data-section=guide]) :focus-visible)){--nav-push:8rem;transition:--nav-push .45s var(--app-ease,cubic-bezier(.32, .72, 0, 1)) 80ms}.video-player.tiny.docked,.pd:not(.player-dock),.player-dock>*,.hm-tv{translate:var(--nav-push) 0}.player-dock{overflow-x:clip}.dashboard-nav{--ease:cubic-bezier(.32, .72, 0, 1);z-index:80;box-sizing:border-box;background:hsl(var(--tint-h), var(--tint-s), calc(15% * var(--shade)));outline:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(20% * var(--shade)));width:5rem;height:100dvh;transition:width .35s var(--ease), box-shadow .3s ease;border-radius:0 .75rem .75rem 0;flex-direction:column;gap:.75rem;padding:.75rem;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 0 1rem #00000059}.dashboard-nav:hover{width:13rem;transition:width .45s var(--ease) 80ms, box-shadow .3s ease 80ms;box-shadow:0 0 2.5rem #0000008c}.dashboard-nav:has(:focus-visible){width:13rem;transition:width .45s var(--ease) 80ms, box-shadow .3s ease 80ms;box-shadow:0 0 2.5rem #0000008c}.dashboard-nav:has(:focus-visible) .dashboard-button span{opacity:1;transition:opacity .25s ease .15s, transform .45s var(--ease) .1s;transform:none}.dashboard-nav:hover .dashboard-button span{opacity:1;transition:opacity .25s ease .15s, transform .45s var(--ease) .1s;transform:none}@media (prefers-reduced-motion:reduce){.dashboard-nav,.dashboard-nav *{transition-duration:.01ms!important;transition-delay:0s!important}}.dashboard-button.recording-now .nav-rec-dot{fill:#ef3939;animation:1.6s ease-in-out infinite record-breathe}@media (prefers-reduced-motion:reduce){.dashboard-button.recording-now .nav-rec-dot{animation:none}}.dashboard-button.casting svg{fill:hsl(var(--accent-h), var(--accent-s), 70%)}.dashboard-avatar{color:#fff;outline-offset:-.1rem;border-radius:50%;outline:.1rem solid #ffffff40;flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;font-size:.9rem;font-weight:600;line-height:1;display:grid}.dashboard-profile.casting .dashboard-avatar{outline:.15rem solid hsl(var(--accent-h), var(--accent-s), 70%);outline-offset:.12rem}.dashboard-nav>.dashboard-group:first-child{border-bottom:.1rem solid hsl(var(--tint-h), var(--tint-s), calc(22% * var(--shade)));padding-bottom:.75rem}.dashboard-nav>.dashboard-group:last-child{margin-top:auto}.dash-kept{display:contents}.dash-page-loading{min-height:var(--page-h,100dvh);flex:1;place-items:center;display:grid}.dashboard-profile .dashboard-profile-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.dashboard-usage{flex-shrink:0;width:1.35rem;height:1.35rem;margin-left:auto;display:grid}.dashboard-usage svg{width:100%;height:100%;transform:rotate(-90deg)}.dashboard-usage circle{fill:none;stroke-width:3px}.dashboard-usage .track{stroke:hsla(var(--tint-h), var(--tint-s), calc(40% * var(--shade)), .6)}.dashboard-usage .fill{stroke:hsl(var(--accent-h), var(--accent-s), 70%);stroke-linecap:round;stroke-dasharray:100;transition:stroke-dashoffset .6s var(--ease), stroke .3s ease}.dashboard-usage.high .fill{stroke:#fab338}.dashboard-usage.full .fill{stroke:var(--app-live)}