:root{--z-displays-hidden:0;--z-gl:10;--z-hud:20;--z-hotspots:21;--z-letterbox:40;--z-bezel-frame:45;--z-host-fullscreen:50;--z-slide-gap:52;--z-edge-tab:55;--z-letterbox-hint:56;--z-compact-snapshot:58;--z-compact-shell:60;--z-guide:62;--z-veil:70;--z-hud-banner:80;--z-loading:90;--z-debug:9999}*,:before,:after{box-sizing:border-box}html,body{color:#e6e8eb;background:#1c1e22;height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:system-ui,-apple-system,Apple SD Gothic Neo,sans-serif}#gl{width:100vw;height:100dvh;z-index:var(--z-gl);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;display:block;position:fixed;inset:0}#gl.is-hotspot{cursor:pointer}#gl.is-dragging{cursor:grabbing}html[data-cam=toSeated] #gl,html[data-cam=toStanding] #gl,html[data-cam=intro] #gl,html[data-cam=focusing] #gl,html[data-cam=unfocusing] #gl{cursor:progress}html #gl.is-screen-cursor{cursor:none}#displays{display:contents}.display-host{transform-origin:0 0;contain:layout paint style;background:0 0;position:fixed;top:0;left:0;overflow:hidden}.display-host[data-mode=hidden]{opacity:0;z-index:var(--z-displays-hidden);pointer-events:none}.display-host[data-mode=handoff],.display-host[data-mode=slide]{opacity:1;z-index:var(--z-host-fullscreen);pointer-events:none;will-change:transform}.display-host[data-mode=fullscreen]{opacity:1;z-index:var(--z-host-fullscreen);pointer-events:auto}.display-host[data-mode=compact]{opacity:0;z-index:var(--z-displays-hidden);pointer-events:none}.display-root{isolation:isolate;background:var(--jos-bg,#1c1e22);color:var(--jos-text,#e6e8eb);font:400 17px/1.55 var(--jos-font-body,system-ui, sans-serif);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.display-root[data-display=macbook]{border-radius:10px 10px 0 0}#letterbox{z-index:var(--z-letterbox);opacity:0;pointer-events:none;background:var(--letterbox-color,#16181b);position:fixed;inset:0}#letterbox.is-on{pointer-events:auto}.letterbox-hint{z-index:var(--z-letterbox-hint);color:#e6e8eb;font:600 13px/1.2 var(--jos-font-body,system-ui, sans-serif);white-space:nowrap;opacity:0;pointer-events:none;background:#2e3238;border:1px solid #ffffff1a;border-radius:999px;padding:7px 14px;transition:opacity .16s linear,transform .16s ease-out;position:fixed;top:0;left:0;transform:translate(-50%,calc(-100% - 10px))scale(.96);box-shadow:0 6px 18px #00000059}.letterbox-hint.is-on{opacity:1;transform:translate(-50%,calc(-100% - 10px))}#bezel-frame{z-index:var(--z-bezel-frame);opacity:0;pointer-events:none;background:var(--bezel-color,#1d1e22);border-radius:16px;position:fixed;top:0;left:0;box-shadow:0 30px 80px #0006,inset 0 0 0 1px #ffffff0f}#slide-gap{width:28px;z-index:var(--z-slide-gap);opacity:0;pointer-events:none;transform-origin:0 0;background:#0b0b0c;position:fixed;top:0;bottom:0;left:0}#edge-tab{z-index:var(--z-edge-tab);cursor:pointer;opacity:0;color:#e6e8eb;writing-mode:vertical-rl;width:6px;height:132px;font:600 14px/1 var(--jos-font-display,system-ui, sans-serif);letter-spacing:.04em;white-space:nowrap;background:#2e3238;border:0;justify-content:center;align-items:center;gap:6px;margin:0;padding:0;transition:width .14s cubic-bezier(.22,1,.36,1),opacity .18s linear;display:flex;position:fixed;top:50%;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 0 1px #ffffff24,0 8px 24px #0006}#edge-tab[data-side=right]{border-radius:14px 0 0 14px;right:0}#edge-tab[data-side=left]{border-radius:0 14px 14px 0;left:0}#edge-tab .edge-tab__label{transition:opacity .12s linear}#edge-tab .edge-tab__arrow{flex:none}#edge-tab:not(.is-revealed) .edge-tab__label{opacity:0}#edge-tab:focus-visible{outline-offset:2px;outline:3px solid #e8a23a}#compact-snapshot{transform-origin:0 0;z-index:var(--z-compact-snapshot);pointer-events:none;will-change:transform;backface-visibility:hidden;position:fixed;top:0;left:0}html.is-compact,html.is-compact body{overscroll-behavior:none;height:100%;overflow:hidden}#transition-veil{z-index:var(--z-veil);background:var(--veil-color,#1c1e22);opacity:0;pointer-events:none;transition:opacity .14s linear;position:fixed;inset:0}#hud{z-index:var(--z-hud);pointer-events:none;position:fixed;inset:0}#hud>button,#hud-banner{pointer-events:auto}#hud{transition:opacity .2s linear}html[data-cam=focusing] #hud,html[data-cam=screen] #hud,html[data-cam=switching] #hud{opacity:0}html[data-cam=screen] #hud>button,html[data-cam=switching] #hud>button{pointer-events:none}#hud-banner{z-index:var(--z-hud-banner);position:fixed}.hud-chip{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:var(--z-hud);cursor:pointer;color:#e6e8eb;background:#1c1e22b8;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .14s linear;display:grid;position:fixed;box-shadow:0 4px 14px #00000047}.hud-chip:hover{background:#2e3238db;transform:translateY(-1px)}.hud-chip:active{transform:translateY(1px)}.hud-chip:focus-visible{outline-offset:3px;outline:3px solid #e8a23a}.hud-chip svg{width:24px;height:24px;overflow:visible}.hud-chip .wave,.hud-chip .slash{transform-origin:12px 12px;transition:opacity .18s linear,transform .22s cubic-bezier(.22,1,.36,1)}.hud-chip .wave--far{transition-delay:40ms}.hud-chip .slash{opacity:0;transform:scale(.6)}.hud-chip[aria-pressed=true] .wave{opacity:0;transform:translate(-2px)}.hud-chip[aria-pressed=true] .slash{opacity:1;transform:none}[data-reduced-motion=true] :is(.hud-chip,.hud-chip .wave,.hud-chip .slash){transition:none}#hotspots{z-index:var(--z-hotspots);position:fixed;top:0;left:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[hidden]{display:none!important}.hud-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#e6e8eb;max-width:min(440px,100vw - 32px);font:14px/1.4 var(--jos-font-body,system-ui, sans-serif);text-align:center;background:#25282d;border:1px solid #ffffff1f;border-radius:12px;padding:12px 18px;position:fixed;transform:translate(-50%);box-shadow:0 12px 32px #0006}.hud-label{z-index:var(--z-hud);pointer-events:none;transform:translate(var(--x,-999px), var(--y,-999px)) translate(-50%, calc(-100% - 10px));color:#e6e8eb;font:600 13px/1.2 var(--jos-font-body,system-ui, sans-serif);letter-spacing:.01em;opacity:0;white-space:nowrap;background:#1c1e22e0;border-radius:999px;padding:6px 12px;transition:opacity .12s linear;position:fixed;top:0;left:0}.hud-label.is-on{opacity:1}.hud-label:after{content:"";left:calc(50% + var(--ax,0px));background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;bottom:-5px;transform:translate(-50%)rotate(45deg)}.hud-label__key{color:#e6e8eb;font:600 11px var(--jos-font-mono,ui-monospace, monospace);background:#ffffff24;border-radius:4px;margin-left:8px;padding:1px 6px;display:none}.hud-label.is-keyboard .hud-label__key{display:inline-block}.skip-hint{z-index:var(--z-hud);color:#e6e8eb;font:500 12px/1 var(--jos-font-body,system-ui, sans-serif);opacity:0;pointer-events:none;background:#1c1e22c7;border-radius:999px;padding:7px 14px;transition:opacity .24s,transform .24s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,8px)}.skip-hint.is-on{opacity:1;transform:translate(-50%)}.visually-hidden-focusable button{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:fixed;top:0;left:0;overflow:hidden}.is-replay-pulse{border-radius:6px;animation:.4s ease-in-out 3 replay-pulse}@keyframes replay-pulse{50%{box-shadow:0 0 0 4px #e8a23a}}[data-reduced-motion=true] .is-replay-pulse{animation-duration:1ms}.guide-hint{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:var(--z-guide);color:#e6e8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100vw - 32px);min-height:38px;font:500 13px/1.4 var(--jos-font-body,system-ui, sans-serif);white-space:nowrap;opacity:0;pointer-events:none;transform-origin:50% 100%;background:#1c1e22db;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:7px 16px;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1),bottom .6s cubic-bezier(.22,1,.36,1),background-color .4s linear,color .4s linear,border-color .4s linear,box-shadow .4s linear;display:flex;position:fixed;transform:translate(-50%,8px);box-shadow:0 8px 24px #00000052}.guide-hint[data-at=room]{bottom:calc(max(28px, env(safe-area-inset-bottom)) + 9vh)}.guide-hint:empty{min-height:0;box-shadow:none;border:0;padding:0}.guide-hint:has(.guide-hint__go){padding-right:5px}.guide-hint.is-on{opacity:1;pointer-events:auto;transform:translate(-50%)}.guide-hint.is-leaving{transition-duration:.6s}.guide-hint.is-docked{transform:translate(-50%, 0) scale(var(--guide-dock-scale,.86));color:#e6e8ebd6;box-shadow:none;background:#1c1e2294;border-color:#ffffff0f;transition:opacity .4s,transform .9s cubic-bezier(.65,0,.35,1),bottom .9s cubic-bezier(.65,0,.35,1),background-color .9s linear,color .9s linear,border-color .9s linear,box-shadow .9s linear}.guide-hint.is-docked:is(:hover,:focus-within){color:#e6e8eb;background:#1c1e22db;transition-duration:.4s,.2s,.2s,.2s,.2s,.2s,.2s}.guide-hint[data-at=room].is-docked{bottom:max(12px, env(safe-area-inset-bottom))}.guide-hint[data-at=screen].is-docked{transform:translate(-50%)}.guide-hint.no-anim{transition:none!important}.guide-hint kbd{color:#e6e8eb;font:600 11px var(--jos-font-mono,ui-monospace, monospace);background:#ffffff24;border-radius:4px;padding:1px 6px}.guide-hint__sep{opacity:.45;margin:0 9px}.guide-hint__go{color:#1c1e22;height:28px;font:600 13px/1 var(--jos-font-body,system-ui, sans-serif);cursor:pointer;white-space:nowrap;background:#e8a23a;border:0;border-radius:999px;align-items:center;gap:6px;margin-left:2px;padding:0 12px 0 13px;transition:background-color .14s linear,transform .14s cubic-bezier(.22,1,.36,1);display:inline-flex}.guide-hint__go:hover{background:#edae50}.guide-hint__go:active{transform:translateY(1px)}.guide-hint__go:focus-visible{outline-offset:2px;outline:2px solid #e6e8eb}.guide-hint__arrow{transition:transform .16s cubic-bezier(.22,1,.36,1)}.guide-hint__go:hover .guide-hint__arrow{transform:translate(2px)}.guide-hint[data-at=screen]{min-height:32px;padding:5px 14px;font-size:12px}.guide-hint[data-at=screen]:empty{min-height:0;padding:0}.guide-hint[data-at=compact]{bottom:calc(64px + max(env(safe-area-inset-bottom), var(--debug-sab,0px)) + 14px)}@media (max-width:600px){.guide-hint{white-space:normal;text-align:center;border-radius:18px;flex-wrap:wrap;justify-content:center;row-gap:4px;width:max-content}.guide-hint:has(.guide-hint__go){padding-bottom:8px;padding-right:16px}}.guide-btn{right:calc(max(18px, env(safe-area-inset-right)) + 54px);z-index:var(--z-guide);opacity:0;pointer-events:none;transition:opacity .2s linear,transform .14s cubic-bezier(.22,1,.36,1),background-color .14s linear,color .14s linear,border-color .14s linear}.guide-btn.is-on{opacity:1;pointer-events:auto}.guide-btn[aria-expanded=true]{color:#e8a23a;background:#2e3238e6;border-color:#e8a23a8c}.guide-btn:is([data-at=screen],[data-at=compact]) svg{width:20px;height:20px}.guide-btn[data-at=compact]{top:calc(max(env(safe-area-inset-top), var(--debug-sat,0px)) + 36px);bottom:auto;right:calc(max(env(safe-area-inset-right), var(--debug-sar,0px)) + 10px);width:36px;height:36px;box-shadow:none;background:0 0}@media (orientation:landscape) and (max-height:500px){.guide-hint[data-at=compact]{bottom:calc(52px + max(env(safe-area-inset-bottom), var(--debug-sab,0px)) + 12px)}.guide-btn[data-at=compact]{top:8px;right:auto;left:calc(max(env(safe-area-inset-left), var(--debug-sal,0px)) + 132px)}}[data-reduced-motion=true] :is(.guide-hint,.guide-btn,.guide-hint__go,.guide-hint__arrow){transition:none}[data-reduced-motion=true] .guide-hint{transform:translate(-50%)}[data-reduced-motion=true] .guide-hint[data-at=room].is-docked{transform:translate(-50%, 0) scale(var(--guide-dock-scale,.86))}html:has(#hud-banner:not([hidden]),.hud-keys,#hud-keychip.is-on) .guide-hint{opacity:0;pointer-events:none}@media (forced-colors:active){.guide-hint{border:2px solid canvastext}}#print-root{display:none}@media print{@page{size:A4;margin:14mm}html,body{background:#fff;height:auto;overflow:visible}body>:not(#print-root){display:none!important}#print-root{display:block}#print-root .jos-paper{max-width:none;box-shadow:none;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border:0;padding:0}#print-root .jos-paper__clip,#print-root .jos-pcard__sample{display:none}}.skip-link{z-index:var(--z-hud-banner);color:#1c1e22;font:600 14px/1.2 var(--jos-font-body,system-ui, sans-serif);background:#e8a23a;border:0;border-radius:999px;padding:10px 18px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1);position:fixed;top:16px;left:16px;transform:translateY(calc(-100% - 24px));box-shadow:0 6px 18px #00000059}.skip-link:focus{outline:none;transform:none}.skip-link:focus-visible{outline-offset:3px;outline:2px solid #e6e8eb}html[data-cam=screen] .skip-link,html[data-cam=switching] .skip-link{display:none}.hud-keychip{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:var(--z-hud);color:#e6e8eb;font:500 12px/1.4 var(--jos-font-body,system-ui, sans-serif);white-space:nowrap;opacity:0;pointer-events:none;background:#1c1e22d9;border-radius:999px;padding:7px 14px;transition:opacity .16s linear,transform .2s cubic-bezier(.22,1,.36,1);position:fixed;transform:translate(-50%,8px)}.hud-keychip.is-on{opacity:1;transform:translate(-50%)}.hud-keychip kbd{color:#e6e8eb;font:600 11px var(--jos-font-mono,ui-monospace, monospace);background:#ffffff24;border-radius:4px;padding:1px 6px}html[data-cam=screen] .hud-keychip,html[data-cam=switching] .hud-keychip{display:none}.hud-keys{left:50%;bottom:max(28px, env(safe-area-inset-bottom));z-index:var(--z-hud-banner);color:#e6e8eb;width:min(460px,100vw - 32px);font:500 13px/1.4 var(--jos-font-body,system-ui, sans-serif);background:#25282d;border:1px solid #ffffff1f;border-radius:12px;padding:14px 18px 16px;position:fixed;transform:translate(-50%);box-shadow:0 16px 36px #0000006b}.hud-keys h2{margin:0 0 8px;font-size:15px;font-weight:600}.hud-keys__now{color:#cdd1d6;border-bottom:1px solid #ffffff1a;margin:0 0 14px;padding-bottom:12px}.hud-keys dl{grid-template-columns:max-content 1fr;gap:6px 12px;margin:0;display:grid}.hud-keys dt{white-space:nowrap}.hud-keys dd{color:#9aa0a8;margin:0}.hud-keys kbd{color:#e6e8eb;min-width:1.4em;font:600 11px/1.3 var(--jos-font-mono,ui-monospace, monospace);text-align:center;background:#2e3238;border:1px solid #3a3e45;border-radius:4px;padding:1px 6px;display:inline-block}.hud-keys[data-theme=night]{color:#cdd1d6;background:#191b1f;border-color:#ffffff14;box-shadow:0 16px 36px #0000008c}.hud-keys[data-theme=night] dd{color:#8a9099}.hud-keys[data-theme=night] kbd{color:#cdd1d6;background:#212429;border-color:#2c3036}@media (forced-colors:active){.skip-link,.hud-keychip,.hud-keys,.hud-label{border:2px solid canvastext}}html[data-mode="2d"] :is(#gl,#hotspots,#hud-keychip,#hud-label,#skip-hint,.skip-link,.letterbox-hint),html[data-mode="2d"] :is(.jos-compact__exit,.jos-settings__see){display:none!important}.hud-offer{left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#e6e8eb;width:min(420px,100vw - 32px);font:500 14px/1.45 var(--jos-font-body,system-ui, sans-serif);background:#25282d;border:1px solid #ffffff1f;border-radius:12px;padding:14px 18px 16px;animation:.32s cubic-bezier(.22,1,.36,1) hud-offer-in;position:fixed;transform:translate(-50%);box-shadow:0 16px 36px #0000006b}.hud-offer p{margin:0 0 12px}.hud-offer__row{flex-wrap:wrap;gap:8px;display:flex}.hud-offer__btn{color:#e6e8eb;height:36px;font:600 13px/1.2 var(--jos-font-body,system-ui, sans-serif);cursor:pointer;background:#2e3238;border:1px solid #3a3e45;border-radius:8px;padding:0 16px;transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .14s linear;box-shadow:0 1px 2px #00000059}.hud-offer__btn--go{color:#1c1e22;background:#e8a23a;border-color:#e8a23a}.hud-offer__btn:hover{background:#3a3e45;transform:translateY(-1px)}.hud-offer__btn--go:hover{background:#edae50}.hud-offer__btn:active{transform:translateY(1px)}.hud-offer__btn:focus-visible{outline-offset:3px;outline:2px solid #e8a23a}@keyframes hud-offer-in{0%{opacity:0;transform:translate(-50%,12px)}}[data-reduced-motion=true] .hud-offer{animation:none}@media (max-width:520px){.hud-offer{bottom:max(84px, calc(env(safe-area-inset-bottom) + 56px))}}.hud-toast__row{justify-content:center;gap:8px;margin-top:10px;display:flex}.hud-toast[data-kind=context-lost]{z-index:var(--z-hud-banner);pointer-events:auto}html[data-og] :is(#hud,#hotspots,#hud-keychip,.skip-link,#loading,.letterbox-hint,#guide-hint,#guide-btn){display:none!important}
