:root{--bg:#111117;--bg-raised:#16161e;--panel:#1a1b26;--border:#2a2f45;--fg:#c0caf5;--fg-soft:#a9b1d6;--dim:#565f89;--azure:#7aa2f7;--green:#9ece6a;--amber:#e8b974;--red:#f7768e;--red-border:#4a3038;--red-bg:#1f171b;--dot-off:#3b4261;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:"IBM Plex Sans", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body,#app{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--mono);-webkit-text-size-adjust:100%}.screen{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:none}.screen.active{flex-direction:column;justify-content:center;align-items:center;gap:36px;display:flex}.mark{font:700 14px/1.3 var(--mono);text-align:center;-webkit-user-select:none;user-select:none}.mark .mk-frame{color:var(--dim)}.mark .mk-face,.mark .mk-meter{color:var(--green)}.mark .mk-word{color:var(--azure)}.notice{min-height:1.2em;color:var(--red);font:400 12px/1.2 var(--mono);visibility:hidden}.notice.visible{visibility:visible}.passcode-boxes{gap:8px;display:flex;position:relative}.passcode{opacity:0;caret-color:#0000;border:none;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.passcode-box{background:var(--bg-raised);border:1px solid var(--border);color:var(--fg);font:600 20px/1 var(--mono);border-radius:8px;justify-content:center;align-items:center;width:40px;height:50px;display:flex}.passcode-box.active{border-color:var(--azure)}.passcode-caret{background:var(--azure);width:2px;height:22px;animation:1.2s infinite vblink;display:inline-block}@keyframes vblink{0%,55%{opacity:1}56%,to{opacity:0}}button{background:var(--bg-raised);border:1px solid var(--border);color:var(--fg);font:500 14px/1 var(--sans);touch-action:manipulation;border-radius:8px;padding:.7em 1.6em}button.primary{background:var(--azure);color:var(--bg);border:none;width:230px;padding:14px 0}button:active{filter:brightness(1.15)}.loader-face{color:var(--amber);font:700 22px/1 var(--mono)}.loader{width:120px;height:14px;position:relative;overflow:hidden}.loader:before{background:var(--border);content:"";width:100%;height:2px;position:absolute;top:6px;left:0}.loader:after{background:var(--amber);content:"";width:44px;height:2px;animation:2s ease-in-out infinite vdrift;position:absolute;top:6px;left:0}@keyframes vdrift{0%,to{transform:translate(0)}50%{transform:translate(76px)}}.state-text{color:var(--dim);font:400 12px/1 var(--mono)}.screen-connecting.active{gap:20px}.screen-disconnected.active{gap:18px}.dc-face{color:var(--red);font:700 22px/1 var(--mono)}.dc-title{color:var(--fg);font:500 14px/1 var(--sans)}.screen-disconnected button.primary{width:200px;padding:12px 0;font-size:13px}.screen-connected.active{justify-content:flex-start;align-items:stretch;gap:0;padding:0}.session-top{padding:calc(14px + env(safe-area-inset-top)) 20px 14px;justify-content:space-between;align-items:center;display:flex}.session-face{color:var(--green);font:700 14px/1 var(--mono)}.session-timer{color:var(--azure);font:500 13px/1 var(--mono)}.view-heading{color:var(--dim);font:500 10px/1 var(--mono);text-align:center;padding:0 20px 6px}.frame{-webkit-user-select:none;user-select:none;white-space:pre;flex:1;margin:0;padding:.25rem .75rem .75rem;font-size:.8rem;line-height:1.35;overflow:hidden}.view-dots{justify-content:center;gap:8px;padding:0 16px 8px;display:flex}.view-dots span{background:var(--dot-off);border-radius:50%;width:6px;height:6px}.view-dots span.active{background:var(--azure)}.text-input{background:var(--bg-raised);border:none;border-top:1px solid var(--panel);color:var(--fg);font:400 14px/1.4 var(--mono);width:100%;padding:.6em .75rem}.controls{background:var(--bg-raised);border-top:1px solid var(--panel);gap:10px;padding:16px 16px 12px;display:flex}.control{background:var(--bg);border:1px solid var(--border);color:var(--fg);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:56px;padding:0;display:flex}.control .control-label{color:var(--dim);font:400 9px/1 var(--mono)}.control svg{display:block}.control[aria-pressed=true]{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.control[aria-pressed=true] .control-label{color:var(--red)}.control.disconnect{background:var(--red-bg);border-color:var(--red-border);color:var(--red);font:600 13px/1 var(--mono)}.control.disconnect .control-label{color:var(--red)}.status-line{background:var(--bg-raised);color:var(--dim);font:400 11px/1.4 var(--mono);padding:0 .75rem calc(.5rem + env(safe-area-inset-bottom));white-space:nowrap}.dev-switcher{opacity:.6;z-index:10;gap:4px;display:flex;position:fixed;top:.5rem;right:.5rem}.dev-switcher button{padding:.3em .5em;font-size:.65rem}