:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:100%;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{height:100%}body{overscroll-behavior:none;margin:0}.app{color:#fff;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.stage{--ar:1.7778;width:min(100vw, calc(100dvh * var(--ar)));aspect-ratio:var(--ar);position:relative}.stage-inset{--inset:clamp(6.5rem, 28vmin, 14rem);z-index:4;top:max(.5rem, env(safe-area-inset-top));right:max(.5rem, env(safe-area-inset-right));width:var(--inset);pointer-events:none;border:.15rem solid #fff;border-radius:.6rem;position:absolute;overflow:hidden}.stage-large{z-index:2}.inset-toggle{z-index:5;top:max(.5rem, env(safe-area-inset-top));right:max(.5rem, env(safe-area-inset-right));width:clamp(6.5rem,28vmin,14rem);aspect-ratio:var(--ar,1.7778);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.6rem;position:absolute}.inset-toggle-large{aspect-ratio:1;background:#0008;border:.15rem solid #fff;width:max(60px,4rem)}.inset-toggle:focus-visible{outline-offset:.2rem;outline:.25rem solid #4da3ff}.path-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage-off{visibility:hidden;pointer-events:none;width:1px;position:absolute}.video{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.start-screen{padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) calc(5rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));flex-direction:column;gap:.5rem;display:flex;position:absolute;inset:0}.start-screen h1{text-align:center;margin:0;font-size:1.5rem}.start{width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:.25rem solid #fff;border-radius:1rem;flex:1;font-size:clamp(2.5rem,14vmin,6rem);font-weight:700}.start:disabled{opacity:.5}.start:focus-visible,.talk:focus-visible{outline-offset:.25rem;outline:.25rem solid #4da3ff}.talk{color:#fff;width:100%;font:inherit;text-shadow:0 0 .5rem #000;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;font-size:clamp(2.5rem,14vmin,6rem);font-weight:700;position:absolute;inset:0}.status{padding:.5rem max(.75rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));color:#fff;text-align:center;z-index:6;pointer-events:none;background:#000c;margin:0;font-size:1.125rem;position:absolute;bottom:0;left:0;right:0}.dev-line{opacity:.7;margin:0;font:.75rem ui-monospace,monospace;position:absolute;top:.25rem;right:.5rem}.settings-button{color:#fff;min-height:3rem;font:inherit;cursor:pointer;background:0 0;border:.2rem solid #fff;border-radius:.75rem;align-self:center;padding:0 1.5rem;font-size:1.1rem;font-weight:600}.settings-button:disabled{opacity:.5}.settings-button:focus-visible{outline-offset:.25rem;outline:.25rem solid #4da3ff}.save-log{z-index:5;text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.save-log button{color:#fff;min-height:4rem;font:inherit;cursor:pointer;background:#000c;border:.25rem solid #fff;border-radius:1rem;padding:0 2rem;font-size:1.5rem;font-weight:700}.save-log button:disabled{opacity:.5}.save-log button:focus-visible{outline-offset:.25rem;outline:.25rem solid #4da3ff}.save-log p{background:#000c;margin:0;padding:0 .5rem}