:root{color:#d6d9d9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--text-muted:#909797;--field-line:#626969;background:#070809;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}body{min-width:280px;margin:0}.vault{min-height:100svh;padding:max(48px, env(safe-area-inset-top)) 28px max(32px, env(safe-area-inset-bottom));grid-template-rows:1fr auto;justify-items:center;display:grid}.vault-entry{text-align:center;align-self:center;width:min(100%,352px);padding-block:48px 72px}.entry-marker{background:#515858;width:1px;height:28px;margin:0 auto 32px}h1{letter-spacing:.3em;margin:0;padding-left:.3em;font-size:clamp(30px,7vw,42px);font-weight:400;line-height:1.25}.designation{color:var(--text-muted);letter-spacing:.24em;margin:14px 0 0;padding-left:.24em;font-size:12px;line-height:1.5}.key-field{text-align:left;margin-top:68px}.key-field label{color:var(--text-muted);letter-spacing:.14em;font-size:12px;line-height:1.5;display:block}.key-field input{border:0;border-bottom:1px solid var(--field-line);color:#d6d9d9;caret-color:#d6d9d9;width:100%;min-height:52px;font:inherit;letter-spacing:.2em;background:0 0;border-radius:0;margin-top:10px;padding:12px 8px;font-size:20px;transition:background-color .15s,border-color .15s;display:block}.key-field input:hover{border-bottom-color:#a5adad}.key-field input:focus-visible{outline-offset:5px;background:#0d1011;outline:1px solid #a5adad}.system-status{color:var(--text-muted);letter-spacing:.14em;align-items:center;gap:10px;margin:0;font-size:12px;line-height:1.5;display:flex}.status-dot{border:1px solid;border-radius:50%;width:5px;height:5px}.status-dot--online{background:currentColor}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (height<=500px){.vault{padding-block:24px}.vault-entry{padding-block:16px 40px}.entry-marker{height:16px;margin-bottom:20px}.key-field{margin-top:32px}}@media (prefers-reduced-motion:reduce){.key-field input{transition:none}}button{font:inherit}.text-action{color:#c1c8c8;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-radius:0;min-height:44px;padding:10px 0;font-size:12px;line-height:1.5}.text-action:hover{color:#fff}button:focus-visible{outline-offset:5px;outline:1px solid #a5adad}.enter-action{margin:18px 0 0 auto;display:block}.muted-action{color:var(--text-muted)}.console{grid-template-rows:1fr auto;justify-items:center;gap:48px;min-height:100svh;padding:56px 48px 32px;display:grid}.console-body{flex-direction:column;width:min(100%,960px);min-width:0;display:flex}.console-header{border-bottom:1px solid #252b2b;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:28px;display:flex}.console-header>div{min-width:0}.console-brand{letter-spacing:.24em;margin:0;font-size:17px;line-height:1.5}.screen-heading{color:var(--text-muted);letter-spacing:.12em;overflow-wrap:anywhere;margin:10px 0 0;padding:0;font-size:12px;line-height:1.6}.screen-heading:focus{outline:none}.back-action{flex-shrink:0;margin-top:-10px}.room-toolbar{justify-content:flex-end;padding-block:22px;display:flex}.create-room{border-bottom:1px solid #252b2b;margin-bottom:32px;padding-bottom:24px}.room-name-field{max-width:352px;margin-top:0}.room-name-field input{letter-spacing:.04em;font-size:16px}.form-actions{flex-wrap:wrap;gap:24px;margin-top:14px;display:flex}.empty-room-list{text-align:center;color:var(--text-muted);letter-spacing:.12em;margin:88px 0;font-size:12px}.room-list{margin:0;padding:0;list-style:none}.room-list li{border-bottom:1px solid #252b2b}.room-row{color:#d6d9d9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:32px;width:100%;padding:24px 12px;display:grid}.room-row:hover{background:#0d1011}.room-name{letter-spacing:.06em;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.room-state,.device-count,.room-arrow{color:var(--text-muted);letter-spacing:.08em;font-size:11px}.empty-room,.pairing-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding-block:72px;display:flex}.empty-label{color:var(--text-muted);letter-spacing:.16em;margin:0;font-size:13px}.link-action{border-bottom:1px solid #626969;margin-top:24px}.qr-placeholder{aspect-ratio:1;width:min(100%,224px);color:var(--text-muted);letter-spacing:.1em;border:1px dashed #515858;place-items:center;font-size:11px;display:grid}.pairing-note{color:var(--text-muted);letter-spacing:.08em;margin:24px 0 0;font-size:11px;line-height:1.7}@media (width<=600px){.console{gap:32px;padding:32px 24px 24px}.console-header{flex-wrap:wrap;gap:12px}.room-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:20px 4px}.room-name{grid-column:1/-1}.room-arrow{display:none}.empty-label{font-size:12px}}.rooms-feedback{color:var(--text-muted);font-size:12px;line-height:1.8}.rooms-feedback .text-action{margin-left:16px}button:disabled{opacity:.5;cursor:wait}.devices-view{padding-block:28px}.pairing-code-panel{text-align:center;padding:28px 0 48px}.pairing-code{letter-spacing:.25em;margin:0;padding-left:.25em;font-size:clamp(32px,9vw,48px)}.device-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px;display:grid}.device-entry{flex-direction:column;align-items:center;min-width:0;padding-top:28px;display:flex}.device-heading{width:min(100%,340px);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.device-heading .room-name{color:#d6d9d9;flex:100%}.device-screen{background:#000;border:1px solid #252b2b;border-radius:26px;margin:16px auto 0;line-height:0;overflow:hidden}.device-screen--empty{aspect-ratio:9/19.5;width:min(100%,340px);color:var(--text-muted);letter-spacing:.08em;place-items:center;font-size:11px;line-height:1.5;display:grid}.device-screen--active{width:fit-content;max-width:min(100%,340px)}.device-screen img,.device-screen canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(78dvh,760px);display:block}@media (width<=600px){.device-screen--active,.device-screen--empty{max-width:min(100%,320px)}.device-screen img,.device-screen canvas{max-height:72dvh}}