:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#000;--panel:#101010;--text:#fff;--secondary:#999;--muted:#777;--mint:#fff;--cyan:#999;--amber:#999;--border:#ffffff26;--control:#212121;--surface:#101010;--surface-raised:#1f1f1f;--surface-border:#ffffff26;--canvas-atmosphere:#000;--quiet:#999;--surface-shadow:none;--control-radius:0px;--surface-radius:0px}@supports (dynamic-range-limit:no-limit){:root{dynamic-range-limit:no-limit}button,input,select,textarea,[role=button]{dynamic-range-limit:standard}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f2f2;background:#080808;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 16px}button:disabled{opacity:.35;cursor:default}button:hover{background:#ffffff0c}button:focus-visible,a:focus-visible{outline-offset:4px;outline:1px solid #aaa}.nova{height:100dvh;position:relative}.connection-background{pointer-events:none;width:100%;height:calc(100% - 56px);position:absolute;inset:0 0 56px}.pairing{flex-direction:column;justify-content:center;align-items:center;gap:22px;height:calc(100dvh - 56px);padding:28px 24px;display:flex;position:relative}.pairing h1{letter-spacing:-.04em;text-align:center;max-width:600px;margin:0 0 14px;font-size:clamp(23px,3.1vw,38px);font-weight:400;line-height:1.2}.qr{width:clamp(210px,34vh,288px);height:auto;image-rendering:pixelated;background:#fff;display:block}.pair-link{color:#aaa;overflow-wrap:anywhere;text-align:center;max-width:min(100%,640px);font:12px/1.6 ui-monospace,monospace;text-decoration:none}.pair-code{letter-spacing:.08em;color:#ddd;text-align:center;margin:0;font:15px/1.8 ui-monospace,monospace}.pair-countdown{color:#888;font-variant-numeric:tabular-nums;margin:0;font-size:13px}.copy{color:#999;min-height:36px;font-size:13px}.pair-placeholder{place-items:center;width:288px;height:288px;display:grid}.connected-empty{inset:0 0 calc(52px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:28px 24px;display:flex;position:absolute}.connected-empty h1{letter-spacing:-.04em;margin:0;font-size:clamp(26px,3.1vw,38px);font-weight:400;line-height:1.2}.connected-empty p{color:#999;margin:16px 0 0;font-size:16px;line-height:1.5}.controls{z-index:20;height:calc(52px + env(safe-area-inset-bottom));padding:0 max(16px, env(safe-area-inset-left)) env(safe-area-inset-bottom);background:#080808;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.status{color:#737373;font-size:11px}.controls button{letter-spacing:2px;font-size:24px}.canvas{inset:0 0 calc(52px + env(safe-area-inset-bottom));position:absolute}.canvas.concealed{visibility:hidden;pointer-events:none}.component-frame{background:#080808;border:0;width:100%;height:100%;display:block}.loading{inset:0 0 calc(52px + env(safe-area-inset-bottom));z-index:10;pointer-events:all;opacity:1;background:#080808ed;place-items:center;transition:opacity .2s ease-out;display:grid;position:absolute;overflow:hidden}.loading.fading{opacity:0;pointer-events:none}.loading-message{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:24px;display:flex;position:relative}.loading-message p{color:#aaa;margin:0;font-size:clamp(16px,2.5vw,20px);line-height:1.4}.loading pre{color:#fff;opacity:.1;white-space:pre-wrap;font:12px/1.7 monospace;position:absolute;inset:30px;overflow:hidden}.cube{width:54px;height:58px;position:relative}.cube.animated rect{animation:1.6s steps(4,end) infinite pulse}@keyframes pulse{0%,to{opacity:.15}50%{opacity:1}}.compact-menu{right:16px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:40;background:#151515;border:1px solid #333;flex-direction:column;align-items:stretch;min-width:180px;padding:6px;display:flex;position:fixed}.compact-menu button{text-align:left;font-size:14px}.notice{left:16px;right:16px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:30;background:#202020;border:1px solid #444;justify-content:space-between;align-items:center;max-height:180px;padding:4px 12px;font-size:13px;line-height:1.4;display:flex;position:fixed;overflow:auto}.overview{inset:24px 24px calc(70px + env(safe-area-inset-bottom));z-index:40;background:#101010;border:1px solid #333;padding:16px;position:fixed;overflow:auto}.overview header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.overview>button{text-align:left;border-top:1px solid #222;align-items:center;gap:24px;width:100%;padding:20px 12px;display:flex}.overview small{color:#777;font-family:monospace}.overview .focused{background:#222}@media (max-width:500px){.pairing{gap:16px;padding:20px 24px}.pairing h1{max-width:340px;margin-bottom:10px;font-size:26px}.pair-link{font-size:11px;line-height:1.6}.overview{inset:12px 12px 72px}.qr{width:min(65vw,29vh)}}@media (prefers-reduced-motion:reduce){.loading{transition:none}.cube.animated rect{animation:none}}