:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:#000;width:100%;height:100%;overflow:hidden}body{cursor:none;font-family:system-ui,-apple-system,sans-serif}.player-root,.player-stage{background:#000;width:100%;height:100%;position:fixed;inset:0}.player-zone{background:#000;position:absolute;inset:0;overflow:hidden}.player-overlays{z-index:10;pointer-events:none;position:absolute;inset:0}.player-overlay{opacity:0;height:max(7%,48px);transition:opacity .4s;position:absolute;left:0;right:0;overflow:hidden}.player-overlay[data-ready=true]{opacity:1}.player-overlay--top{top:0}.player-overlay--bottom{bottom:0}.player-overlay .player-media{background:0 0}.player-slot{--slot-x:var(--slot-offset-x,100%);--slot-y:var(--slot-offset-y,0%);z-index:1;opacity:0;transform:translate(var(--slot-x), var(--slot-y));will-change:transform;position:absolute;inset:0}.player-slot[data-direction=back]{--slot-x:calc(var(--slot-offset-x,100%) * -1);--slot-y:calc(var(--slot-offset-y,0%) * -1)}.player-slot.is-active{z-index:2;opacity:1;transition:transform .6s cubic-bezier(.4,0,.2,1);transform:translate(0)}.player-slot.is-leaving{opacity:1;transform:translate(calc(var(--slot-x) * -1), calc(var(--slot-y) * -1));transition:transform .6s cubic-bezier(.4,0,.2,1)}.player-stage[data-transition=fade] .player-slot.is-active{transition:opacity .6s}@media (prefers-reduced-motion:reduce){.player-slot,.player-slot.is-active,.player-slot.is-leaving,.player-stage[data-transition] .player-slot.is-active{transition:opacity .3s;transform:none}.player-slot.is-leaving{opacity:0}}.player-media{object-fit:contain;background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.player-stage[data-orientation=landscape-flipped]{transform:rotate(180deg)}.player-stage[data-orientation=portrait],.player-stage[data-orientation=portrait-flipped]{transform-origin:50%;width:100vh;height:100vw;inset:50% auto auto 50%}.player-stage[data-orientation=portrait]{transform:translate(-50%,-50%)rotate(90deg)}.player-stage[data-orientation=portrait-flipped]{transform:translate(-50%,-50%)rotate(270deg)}.player-emergency{z-index:20;background:#000;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.player-emergency__host,.player-emergency__fallback{position:absolute;inset:0}.player-emergency__host[data-ready=false]{visibility:hidden}.player-emergency__host .player-media{background:0 0}.player-emergency__fallback{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6em;padding:6vmin;display:flex}.player-emergency__headline{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:min(11vw,16vh);font-weight:800;line-height:1.1}.player-emergency__message{max-width:40ch;margin:0;font-size:min(4.5vw,7vh);font-weight:500;line-height:1.3}.player-emergency[data-orientation=landscape-flipped]{transform:rotate(180deg)}.player-emergency[data-orientation=portrait],.player-emergency[data-orientation=portrait-flipped]{transform-origin:50%;width:100vh;height:100vw;inset:50% auto auto 50%}.player-emergency[data-orientation=portrait]{transform:translate(-50%,-50%)rotate(90deg)}.player-emergency[data-orientation=portrait-flipped]{transform:translate(-50%,-50%)rotate(270deg)}.player-stage[data-scale=stretch] .player-media{object-fit:fill}.player-stage[data-scale=zoom] .player-media{object-fit:cover}.player-stage[data-scale=none] .player-media{object-fit:none;object-position:center}.player-app{width:100%;height:100%;position:absolute;inset:0}.player-app-error{color:#f66;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5vw;display:flex}.player-pairing{color:#fff;background:#0a0a0a;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0}.player-pairing__panel{flex-direction:column;justify-content:center;gap:clamp(12px,1.6vmin,28px);padding:clamp(32px,6vmin,96px);display:flex}.player-pairing__brand{letter-spacing:.04em;margin-bottom:clamp(8px,1.4vmin,24px);font-size:clamp(31px,4.6vmin,70px);font-weight:700}.player-pairing__label{letter-spacing:.32em;text-transform:uppercase;opacity:.45;font-size:clamp(16px,2.2vmin,29px)}.player-pairing__code{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#fff;font-size:clamp(58px,11.5vmin,173px);font-weight:700;line-height:1}.player-pairing__code--button{text-align:left;width:auto;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:0;background:0 0;border:none;align-self:flex-start;margin:0;padding:0;font-family:inherit;transition:opacity .15s,transform .15s;display:block}.player-pairing__code--button:hover{opacity:.85}.player-pairing__code--button:active{transform:scale(.98)}.player-pairing__code--button:focus-visible{outline-offset:.1em;border-radius:.08em;outline:2px solid #ffffff80}.player-pairing__code--loading{display:inline-block;position:relative}.player-pairing__code-ghost{visibility:hidden}.player-pairing__skeleton{background:#ffffff14;border-radius:.1em;position:absolute;inset:0;overflow:hidden}.player-pairing__skeleton:after{content:"";will-change:transform;background:linear-gradient(90deg,#0000 0,#ffffff29 50%,#0000 100%);animation:1.4s ease-in-out infinite player-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes player-skeleton-shimmer{to{transform:translate(100%)}}.player-pairing__hint{opacity:.7;max-width:32ch;font-size:clamp(19px,2.4vmin,35px);line-height:1.5}.player-pairing__status{opacity:.7;align-items:center;gap:clamp(6px,.8vmin,12px);margin-top:clamp(12px,1.6vmin,28px);font-size:clamp(17px,2vmin,29px);display:flex}.player-pairing__dot{background:#f0a020;border-radius:50%;width:.85em;height:.85em;transition:background .3s}.player-pairing__dot[data-online=true]{background:#38ff8e}@media (aspect-ratio<=1),(width<=720px){.player-pairing{grid-template-rows:40% 1fr;grid-template-columns:1fr}.player-pairing__visual{order:-1}.player-pairing__panel{text-align:center;align-items:center}.player-pairing__hint{max-width:40ch}.player-pairing__code--button{text-align:center;margin:0 auto}}.player-pairing__visual{background:#000;position:relative;overflow:hidden}.player-pairing__image{object-fit:cover;width:100%;height:100%;display:block}.player-standby{background:#000;position:fixed;inset:0}.player-fallback{color:#fff;text-align:center;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.player-fallback__brand{letter-spacing:.04em;font-size:2vw;font-weight:700}.player-fallback__hint{opacity:.6;font-size:1.2vw}.player-controls{z-index:10;pointer-events:none;opacity:0;transition:opacity .3s;position:fixed;inset:0}.player-controls[data-visible=true]{opacity:1}.player-input-shield{pointer-events:auto;background:0 0;outline:none;position:absolute;inset:0}.player-control{color:#fff;cursor:pointer;pointer-events:auto;opacity:.9;-webkit-tap-highlight-color:transparent;border:0;outline:none;justify-content:center;align-items:center;width:clamp(56px,7vw,120px);transition:opacity .2s;display:flex;position:absolute;top:0;bottom:0}.player-control:focus,.player-control:focus-visible{outline:none}.player-controls[data-visible=false] .player-control{pointer-events:none}.player-control:hover{opacity:1}.player-control--prev{background:linear-gradient(90deg,#0009,#0000);left:0}.player-control--next{background:linear-gradient(270deg,#0009,#0000);right:0}.player-control svg{filter:drop-shadow(0 2px 6px #00000080);width:clamp(32px,4vw,64px);height:clamp(32px,4vw,64px)}.player-diagnostics{color:#38ff8e;z-index:9999;pointer-events:none;background:#000000d1;padding:12px 16px;font:12px/1.6 ui-monospace,monospace;position:fixed;top:0;left:0}.service-panel{--svc-bg:#101012;--svc-line:#ffffff17;--svc-row:#ffffff0b;--svc-row-focus:#ffffff24;--svc-edge-focus:#ffffffa8;--svc-text:#f1f1f2;--svc-text-dim:#f1f1f28f;--svc-text-faint:#f1f1f257;--svc-attention:#d8a25c;z-index:10000;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;inset:0 0 0 auto}.service-panel__sheet{pointer-events:auto;background:var(--svc-bg);border-left:1px solid var(--svc-line);width:clamp(320px,34vw,460px);max-width:100%;height:100%;color:var(--svc-text);flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,sans-serif;animation:.24s cubic-bezier(.16,1,.3,1) both service-panel-slide;display:flex;box-shadow:-24px 0 64px #0009}.service-panel__header{border-bottom:1px solid var(--svc-line);flex-direction:row;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:clamp(18px,2.6vmin,28px) clamp(18px,2.2vmin,26px) clamp(14px,2vmin,20px);display:flex}.service-panel__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(18px,2.4vmin,26px);font-weight:600;line-height:1.25;overflow:hidden}.service-panel__status{text-transform:lowercase;border:1px solid #0000;border-radius:999px;flex:none;padding:4px clamp(8px,1vmin,11px);font-size:clamp(11px,1.35vmin,14px);font-weight:600;line-height:1.3}.service-panel__status--ok{color:#6ee79a;background:#6ee79a21;border-color:#6ee79a52}.service-panel__status--down{color:#ef8080;background:#ef808021;border-color:#ef808052}.service-panel__list{flex-direction:column;flex:1;gap:clamp(6px,.8vmin,10px);min-height:0;padding:clamp(18px,2.4vmin,28px) clamp(12px,1.6vmin,18px);display:flex;overflow-y:auto}.service-panel__item{flex-direction:column;display:flex}.service-panel__action{background:var(--svc-row);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-left:3px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;padding:clamp(12px,1.7vmin,18px) clamp(13px,1.6vmin,18px);transition:background .14s,border-color .14s;display:flex}.service-panel__action[data-attention=true]{border-left-color:var(--svc-attention)}.service-panel__action[data-attention=true] .service-panel__action-label{color:var(--svc-attention)}.service-panel__action[data-focused=true]{background:var(--svc-row-focus);border-left-color:var(--svc-edge-focus)}.service-panel__action:focus,.service-panel__action:focus-visible{outline:none}.service-panel__action:disabled{opacity:.42;cursor:not-allowed}.service-panel__action-text{gap:3px;min-width:0;display:grid}.service-panel__action-label{font-size:clamp(16px,2vmin,21px);font-weight:500}.service-panel__action-hint{color:var(--svc-text-dim);font-size:clamp(12px,1.45vmin,15px);line-height:1.4}.service-panel__switch{background:#ffffff29;border-radius:999px;flex:none;width:42px;height:24px;padding:3px;transition:background .16s}.service-panel__switch[data-on=true]{background:var(--svc-text)}.service-panel__knob{background:#ffffffbf;border-radius:50%;width:18px;height:18px;transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s;display:block}.service-panel__switch[data-on=true] .service-panel__knob{background:var(--svc-bg);transform:translate(18px)}.service-panel__chevron{border-right:2px solid var(--svc-text-faint);border-bottom:2px solid var(--svc-text-faint);flex:none;width:9px;height:9px;margin-right:4px;transition:transform .18s cubic-bezier(.16,1,.3,1);transform:rotate(-45deg)}.service-panel__chevron[data-open=true]{transform:rotate(45deg)}.service-panel__info{margin-left:3px;padding:clamp(10px,1.4vmin,16px) clamp(14px,1.8vmin,20px) clamp(12px,1.6vmin,18px)}.service-panel__facts{gap:clamp(6px,.9vmin,10px);font-size:clamp(13px,1.65vmin,17px);display:grid}.service-panel__fact{grid-template-columns:minmax(0,5.5em) 1fr;align-items:baseline;gap:12px;display:grid}.service-panel__fact-label{color:var(--svc-text-faint)}.service-panel__mono{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.92em}.service-panel__note{border-left:2px solid var(--svc-attention);color:var(--svc-attention);margin-top:clamp(8px,1.1vmin,12px);padding-left:10px;font-size:clamp(12px,1.5vmin,15px);line-height:1.4}.service-panel__log{max-height:40vh;color:var(--svc-text-dim);margin-left:3px;padding:clamp(10px,1.4vmin,16px) clamp(14px,1.8vmin,20px);font-family:ui-monospace,monospace;font-size:clamp(11px,1.3vmin,13px);line-height:1.5;overflow-y:auto}.service-panel__log-line{overflow-wrap:anywhere}.service-panel__hints{border-top:1px solid var(--svc-line);color:var(--svc-text-faint);text-align:center;flex:none;padding:clamp(12px,1.6vmin,18px);font-size:clamp(12px,1.45vmin,15px)}@keyframes service-panel-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.service-panel__sheet{animation-duration:1ms}.service-panel__action,.service-panel__switch,.service-panel__knob,.service-panel__chevron{transition-duration:1ms}}