@font-face{font-family:Kode Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kode-mono-latin-ext-400-normal-EAjZ4cli.woff2) format("woff2"),url(/assets/kode-mono-latin-ext-400-normal-lFll6h0n.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kode Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kode-mono-latin-400-normal-B2kgRoZt.woff2) format("woff2"),url(/assets/kode-mono-latin-400-normal-BFDIz5Ud.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kode Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kode-mono-latin-ext-500-normal-BsH98O4P.woff2) format("woff2"),url(/assets/kode-mono-latin-ext-500-normal-CmMLWBTg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kode Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/kode-mono-latin-500-normal-D3Bn1cEs.woff2) format("woff2"),url(/assets/kode-mono-latin-500-normal-BcLXB712.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kode Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kode-mono-latin-ext-600-normal-DCgOOJ9g.woff2) format("woff2"),url(/assets/kode-mono-latin-ext-600-normal-CEQ6Mjbf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kode Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/kode-mono-latin-600-normal-CrRzTQKx.woff2) format("woff2"),url(/assets/kode-mono-latin-600-normal-BnkvfMcz.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #000;--label: #fff;--label-2: rgba(255, 236, 236, .74);--label-3: rgba(255, 220, 220, .48);--red: #ff1a1a;--red-line: rgba(255, 60, 60, .3);--rim: rgba(255, 196, 196, .85);--glass-tint: linear-gradient(100deg, rgba(26, 0, 0, .6) 0%, rgba(72, 0, 0, .5) 55%, rgba(124, 0, 0, .44) 100%);--glass-sheen: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 34%);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 40px 10px -40px rgba(0, 0, 0, .6), inset 0 -40px 10px -40px rgba(0, 0, 0, .6), inset 1.5px 0 1px -1px rgba(255, 214, 214, .5), inset -1.5px 0 1px -1px rgba(255, 214, 214, .5), 0 0 0 .5px var(--rim), 1.25px 0 0 -.75px var(--rim), -1.25px 0 0 -.75px var(--rim);--glass-glow: 0 0 0 1px rgba(255, 26, 26, .55), 0 0 24px rgba(255, 0, 0, .3), 0 8px 48px rgba(0, 0, 0, .45);--frost: blur(16px) saturate(180%);--radius: 30px;--font: "Kode Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--spring: cubic-bezier(.34, 1.36, .64, 1);--ease: cubic-bezier(.25, .8, .25, 1);color:var(--label);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{min-width:280px;min-height:100%;margin:0}body{min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(34% 58% at 80% 20%,rgba(150,0,0,.55),transparent 70%),radial-gradient(30% 36% at 3% 94%,rgba(120,0,0,.32),transparent 70%),radial-gradient(60% 22% at 50% 108%,rgba(120,0,0,.3),transparent 72%)}body.stream-active:before{display:none}button,input,select,textarea{font:inherit}::selection{color:#fff;background:#ff1a1abf}.skip-link{position:fixed;top:10px;left:10px;z-index:20;padding:9px 16px;border-radius:999px;color:#fff;background:var(--red);transform:translateY(-160%)}.skip-link:focus{transform:none}.setup-shell,.ready-shell{display:grid;min-height:100vh;padding:24px;place-items:center}.setup-card,.ready-card,.stream-settings-panel,.toast{border:0;border-radius:var(--radius);background:var(--glass-sheen),var(--glass-tint);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge),var(--glass-glow)}.setup-card,.ready-card{width:min(100%,430px);padding:28px 24px 22px;animation:glass-appear .55s var(--spring) both}@keyframes glass-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.wordmark{margin-bottom:22px;color:var(--label);font-size:15px;font-weight:600;text-transform:lowercase}.setup-title,.ready-title{margin:0;color:var(--label);font-size:clamp(26px,7vw,34px);font-weight:400;line-height:1.15;text-transform:lowercase}.setup-copy,.connection-status{color:var(--label-2)}.setup-copy{margin:10px 0 24px;font-size:13px;line-height:1.55}.pair-form{display:grid;gap:8px}.field-label{margin:6px 0 0 4px;color:var(--label-3);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:lowercase}.field-help{margin:0 4px 2px;color:var(--label-3);font-size:12px;line-height:1.45}.code-input,.account-input{width:100%;border:0;border-radius:16px;color:var(--label);background:#0006;box-shadow:inset 0 1px 3px #0009,0 0 0 .5px #ff787873;transition:box-shadow .2s var(--ease),background .2s var(--ease)}.code-input{min-height:56px;padding:0 16px;font-size:clamp(22px,7vw,28px);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.account-input{min-height:48px;padding:0 16px;font-size:15px}.code-input::placeholder,.account-input::placeholder{color:var(--label-3)}.code-input:focus,.account-input:focus{outline:none;background:#00000080;box-shadow:inset 0 1px 3px #0000008c,0 0 0 1px var(--red),0 0 0 4px #ff1a1a33,0 0 18px #ff000059}.code-input:-webkit-autofill,.account-input:-webkit-autofill{-webkit-text-fill-color:var(--label);caret-color:var(--label);box-shadow:inset 0 0 0 100px #1a0000}.form-error{min-height:18px;margin:0 4px;color:#ff6464;font-size:12px;font-weight:500;line-height:1.4;text-transform:lowercase}.primary-button{width:100%;min-height:48px;margin-top:8px;padding:0 20px;border:0;border-radius:999px;color:#fff;background:linear-gradient(180deg,#ffffff29,#fff0 50%),linear-gradient(180deg,#ff2b2b,#e00000);box-shadow:inset 0 1px #fff6,inset 1.5px 0 1px -1px #ffe6e699,inset -1.5px 0 1px -1px #ffe6e699,0 0 0 .5px #ffc8c8e6,0 0 18px #ff00008c,0 6px 20px #00000073;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:lowercase;cursor:pointer;transition:transform .4s var(--spring),box-shadow .2s var(--ease),filter .2s var(--ease)}.primary-button:hover:not(:disabled){filter:brightness(1.08);box-shadow:inset 0 1px #ffffff73,inset 1.5px 0 1px -1px #ffe6e699,inset -1.5px 0 1px -1px #ffe6e699,0 0 0 .5px #ffc8c8e6,0 0 28px #ff0000bf,0 6px 20px #00000073}.primary-button:active:not(:disabled){transform:scale(1.03)}.primary-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.primary-button:disabled{color:var(--label-3);background:#50000099;box-shadow:inset 0 1px #ffffff26,0 0 0 .5px var(--red-line);cursor:wait}.text-button,.button{width:auto;min-height:30px;padding:4px 12px;border:0;border-radius:999px;color:var(--label);background:transparent;font-size:12px;font-weight:500;text-transform:lowercase;cursor:pointer;text-decoration:none;transition:color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.text-button:hover:not(:disabled),.button:hover:not(:disabled){color:#fff;background:#ff000024;box-shadow:0 0 0 .5px #ff787880}.text-button:focus-visible,.button:focus-visible{outline:2px solid var(--red);outline-offset:2px}.text-button:disabled,.button:disabled{color:var(--label-3);cursor:wait}a.text-button{display:inline-flex;align-items:center;margin-top:14px;color:var(--label-2);font-size:12px}a.text-button:after{content:"→";margin-left:8px}.auth-form{gap:8px}.account-footer{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:20px;padding-top:12px;border-top:.5px solid var(--red-line);color:var(--label-3);font-size:12px}.account-email{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-sign-out{min-height:26px;padding:0 10px;font-size:12px}.ready-card{text-align:center}.connection-status{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:22px;margin:4px 0 20px;font-size:13px;font-weight:500;text-transform:lowercase}.connection-status:before{content:"";flex:none;width:7px;height:7px;border:1px solid var(--label-3);border-radius:50%}.connection-status[data-signal-state=online]{color:var(--label)}.connection-status[data-signal-state=online]:before{border-color:var(--red);background:var(--red);box-shadow:0 0 10px #ff1a1ae6}.connection-status[data-signal-state=connecting]:before,.connection-status[data-signal-state=reconnecting]:before{border-color:var(--red);animation:status-breathe 1.3s ease-in-out infinite}.connection-status[data-signal-state=in-use]:before{border-color:#fff}@keyframes status-breathe{50%{opacity:.3}}.open-button{min-height:54px;font-size:16px}.stream-active{overflow:hidden;background:#000}.stream-stage{position:fixed;inset:0;z-index:1000;overflow:hidden;background:#000}.stream-video{position:absolute;inset:0;width:100%;height:100%;border:0;outline:0;background:#000;cursor:default;object-fit:contain;touch-action:none;user-select:none}.stream-waiting{position:absolute;inset:0;display:grid;place-items:center;color:var(--label);background:radial-gradient(40% 35% at 50% 50%,rgba(120,0,0,.35),transparent 72%),#000;pointer-events:none}.stream-waiting-title{margin:0;padding:12px 22px;border-radius:999px;background:var(--glass-sheen),var(--glass-tint);box-shadow:var(--glass-edge),var(--glass-glow);font-size:13px;font-weight:500;text-transform:lowercase;animation:status-breathe 2.4s ease-in-out infinite}.stream-settings-button{position:fixed;top:8px;right:8px;z-index:1003;min-width:0;min-height:0;padding:5px 13px;border:0;border-radius:999px;color:#fff;background:var(--glass-sheen),linear-gradient(180deg,#600000b3,#280000b3);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:var(--glass-edge),0 0 0 1px #ff1a1a80,0 0 12px #ff000059;font-size:12px;font-weight:600;line-height:1.3;text-transform:lowercase;cursor:grab;touch-action:none;user-select:none;transition:transform .4s var(--spring),box-shadow .2s var(--ease)}.stream-settings-button:hover{box-shadow:var(--glass-edge),0 0 0 1px #ff1a1ab3,0 0 20px #f009}.stream-settings-button:active{cursor:grabbing;transform:scale(1.06)}.stream-settings-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.stream-settings-panel{position:fixed;top:42px;right:8px;z-index:1002;display:grid;width:min(300px,calc(100vw - 12px));max-height:calc(100dvh - 54px);overflow-y:auto;overscroll-behavior:contain;gap:10px;padding:16px;border-radius:26px;color:var(--label);background:var(--glass-sheen),linear-gradient(160deg,#1a0000d6,#400000cc);font-size:11px;line-height:1.45;scrollbar-width:thin;scrollbar-color:rgba(255,60,60,.5) transparent;animation:glass-appear .4s var(--spring) both}.stream-settings-status{margin:0;color:var(--label-2)}.stream-settings-row{display:grid;gap:6px}.stream-quality-controls{min-width:0;margin:0;padding:10px 0;border:0;border-top:.5px solid var(--red-line);display:grid;gap:10px}.stream-settings-select{width:100%;min-width:0;padding:8px 10px;border:0;border-radius:12px;color:var(--label);background:#0006;box-shadow:inset 0 1px 3px #00000080,0 0 0 .5px #ff787873;font:inherit}.stream-settings-select:focus-visible{outline:none;box-shadow:0 0 0 1px var(--red),0 0 0 4px #ff1a1a33}.stream-settings-select option{color:#fff;background:#1a0000}.stream-settings-toggle-row,.stream-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.stream-settings-label{color:var(--label-2);font-size:11px;font-weight:500;text-transform:lowercase}.stream-settings-value{color:var(--label);font-variant-numeric:tabular-nums}.stream-settings-checkbox{width:16px;height:16px;margin:0;accent-color:var(--red)}.stream-settings-range{width:100%;margin:0;accent-color:var(--red)}.stream-paste-button,.stream-disconnect-button{min-height:34px;padding:0 14px;border:0;border-radius:999px;color:#fff;background:var(--glass-sheen),#ff000024;box-shadow:inset 0 1px #ffffff40,0 0 0 .5px var(--rim),0 0 0 1px #ff1a1a73;font-size:12px;font-weight:600;text-transform:lowercase;cursor:pointer;transition:transform .4s var(--spring),background .2s var(--ease),box-shadow .2s var(--ease)}.stream-paste-button:hover:not(:disabled),.stream-paste-button:focus-visible{background:var(--glass-sheen),#ff000042;box-shadow:inset 0 1px #ffffff4d,0 0 0 .5px var(--rim),0 0 0 1px #ff1a1a99,0 0 14px #f006}.stream-disconnect-button{background:linear-gradient(180deg,#ffffff29,#fff0 50%),linear-gradient(180deg,#ff2b2b,#e00000);box-shadow:inset 0 1px #fff6,0 0 0 .5px #ffc8c8e6,0 0 14px #ff000080}.stream-disconnect-button:hover,.stream-disconnect-button:focus-visible{box-shadow:inset 0 1px #ffffff73,0 0 0 .5px #ffc8c8e6,0 0 22px #ff0000bf}.stream-paste-button:active:not(:disabled),.stream-disconnect-button:active{transform:scale(1.04)}.stream-paste-button:disabled{color:var(--label-3);cursor:wait}.stream-paste-capture,.stream-copy-capture{box-sizing:border-box;width:100%;min-height:48px;padding:9px 12px;border:0;border-radius:14px;color:var(--label);background:#0006;box-shadow:inset 0 1px 3px #00000080,0 0 0 .5px #ff787873;font:inherit;resize:vertical}.stream-paste-capture:focus-visible,.stream-copy-capture:focus-visible{outline:none;box-shadow:0 0 0 1px var(--red),0 0 0 4px #ff1a1a33}.toast{position:fixed;right:16px;bottom:16px;z-index:2000;max-width:min(390px,calc(100vw - 32px));padding:13px 20px;border-radius:22px;color:var(--label);font-size:12px;line-height:1.45;animation:glass-appear .4s var(--spring) both}.toast-error{color:#ffd0d0}.stream-active .toast,[hidden]{display:none!important}@media(max-width:480px){.setup-shell,.ready-shell{padding:14px}.setup-card,.ready-card{padding:24px 18px 18px;border-radius:26px}}@media(prefers-reduced-transparency:reduce){body:before{display:none}.setup-card,.ready-card,.stream-settings-panel,.stream-settings-button,.toast{background:#1a0000;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}