:root{--bg:#08090b;--bg-1:#0e1013;--bg-2:#14171b;--bg-3:#1b1f25;--bg-hover:#ffffff0a;--bg-active:#ffffff13;--border:#ffffff13;--border-strong:#ffffff21;--text:#d8dbe0;--text-strong:#f5f6f7;--muted:#8b929c;--faint:#5b626c;--accent:#b6ff3b;--accent-fg:#0a0d04;--accent-text:#b6ff3b;--accent-soft:#b6ff3b1a;--accent-line:#b6ff3b59;--accent-glow:#b6ff3b29;--focus:#b6ff3b;--green:#4cc38a;--amber:#e0a84a;--red:#ef5b53;--gray:#6b727c;--shadow:0 16px 48px #0009;--shadow-sm:0 1px 2px #0006;--radius:8px;--radius-sm:6px;--radius-lg:12px;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--sans:"Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.16s;--sidebar-w:240px;--status-h:26px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f5f5f2;--bg-1:#fff;--bg-2:#efefeb;--bg-3:#e5e5e0;--bg-hover:#0a0c1009;--bg-active:#0a0c1011;--border:#0a0c1017;--border-strong:#0a0c1029;--text:#25282d;--text-strong:#0b0d10;--muted:#5c626b;--faint:#9aa0a8;--accent:#b6ff3b;--accent-fg:#0a0d04;--accent-text:#3b6600;--accent-soft:#548c001a;--accent-line:#3b660059;--accent-glow:#8cdc1e38;--focus:#3b6600;--green:#1b8750;--amber:#9c6700;--red:#cc3a32;--gray:#8a9099;--shadow:0 16px 48px #14181e24;--shadow-sm:0 1px 2px #14181e14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft)}kbd{font:500 10.5px var(--mono);border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);border-bottom-width:2px;border-radius:4px;padding:1px 5px}code{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:11px}.spacer{flex:1}.warn{color:var(--amber)}.mono{font-family:var(--mono)}.text-strong{color:var(--text-strong)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.eyebrow-mono{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-2);height:32px;color:var(--text-strong);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-3);border-color:color-mix(in srgb, var(--text) 22%, transparent)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, white);border-color:color-mix(in srgb, var(--accent) 88%, white);box-shadow:0 0 0 4px var(--accent-soft)}@media (prefers-color-scheme:light){.btn-primary{border-color:color-mix(in srgb, var(--accent) 70%, #000)}.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 90%, #000);border-color:color-mix(in srgb, var(--accent) 60%, #000)}}.btn-danger{color:var(--red);border-color:color-mix(in srgb, var(--red) 40%, transparent);background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--red) 10%, transparent);border-color:color-mix(in srgb, var(--red) 60%, transparent)}.btn-danger-solid{background:var(--red);border-color:var(--red);color:#fff}.btn-danger-solid:hover:not(:disabled){background:color-mix(in srgb, var(--red) 88%, #000);border-color:color-mix(in srgb, var(--red) 88%, #000)}.btn-ghost{color:var(--text);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);border-color:#0000}.btn-block{width:100%}.btn-lg{border-radius:var(--radius);height:40px;padding:0 18px;font-size:14px}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-xs{border-radius:5px;height:22px;padding:0 8px;font-size:12px}.icon-btn{width:24px;height:24px;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.icon-btn:hover{background:var(--bg-active);color:var(--text-strong)}.input,.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea,.rename-input,.palette-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);height:36px;color:var(--text-strong);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;padding:0 11px}.form textarea{resize:vertical;height:auto;min-height:84px;padding:9px 11px;line-height:1.5}.form select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}.input::placeholder,.form input::placeholder,.form textarea::placeholder{color:var(--faint)}.input:focus,.form input:focus,.form select:focus,.form textarea:focus,.rename-input:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.input[aria-invalid=true],.form input[aria-invalid=true]{border-color:color-mix(in srgb, var(--red) 60%, transparent)}.form-error{color:var(--red);font-size:12.5px}.form-ok{color:var(--green);font-size:12.5px}.divider{color:var(--muted);font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.pill{border:1px solid var(--border-strong);height:22px;font:500 11px/1 var(--mono);letter-spacing:.02em;color:var(--text);background:var(--bg-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.pill .dot{width:6px;height:6px}.pill-green{color:var(--green);border-color:color-mix(in srgb, var(--green) 35%, transparent);background:color-mix(in srgb, var(--green) 8%, transparent)}.pill-amber{color:var(--amber);border-color:color-mix(in srgb, var(--amber) 35%, transparent);background:color-mix(in srgb, var(--amber) 8%, transparent)}.pill-red{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, transparent);background:color-mix(in srgb, var(--red) 8%, transparent)}.pill-accent{color:var(--accent-text);border-color:var(--accent-line);background:var(--accent-soft)}.splash{height:100%;min-height:100vh;font:600 16px var(--mono);color:var(--muted);text-align:center;place-items:center;padding:16px;display:grid}.splash[aria-busy=true]:after{content:"_";color:var(--accent-text);animation:1s steps(2,end) infinite blink}.splash-title{color:var(--text-strong);margin-bottom:6px}.logo{font:700 13px var(--mono);color:var(--accent-text);background:var(--bg-2);border:1px solid var(--border-strong);border-radius:7px;place-items:center;width:36px;height:36px;display:inline-grid}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr) var(--status-h) auto;background:var(--bg);grid-template-areas:"side main""status status""keys keys";height:100%;display:grid}.app.sidebar-collapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""status""keys"}.sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;grid-area:side;min-height:0;display:flex;overflow:hidden}.sidebar-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;height:40px;padding:0 8px 0 12px;display:flex}.brand{font:700 13.5px var(--mono);letter-spacing:-.01em;color:var(--text-strong);flex:1;align-items:center;gap:8px;display:flex}.brand .logo{background:var(--bg-2);border-radius:5px;width:22px;height:22px;font-size:9.5px}.layout-toggle{border:1px solid var(--border);background:var(--bg-1);border-radius:6px;gap:2px;padding:2px;display:flex}.layout-toggle button{width:24px;height:20px;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.layout-toggle button:hover{color:var(--text-strong)}.layout-toggle button.on{background:var(--bg-3);color:var(--accent-text)}.sidebar-section{flex-direction:column;min-height:0;padding:10px 6px 8px;display:flex}.sidebar-section+.sidebar-section{border-top:1px solid var(--border)}.sidebar-section:first-of-type{flex:0 auto;overflow:auto}.sidebar-section.grow{flex:auto;overflow:auto}.section-title{font:500 10.5px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;padding:0 8px 6px;display:flex}.section-count{color:var(--muted);letter-spacing:0}.session-list,.port-list{margin:0;padding:0;list-style:none;overflow:auto}.session-row{transition:background var(--dur) var(--ease);border-radius:6px;align-items:center;display:flex;position:relative}.session-row:hover{background:var(--bg-hover)}.session-row.active{background:var(--bg-active)}.session-row.active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:8px;bottom:8px;left:0}.session-main{text-align:left;cursor:pointer;min-width:0;height:28px;color:var(--text);background:0 0;border:0;border-radius:6px;flex:1;align-items:center;gap:9px;padding:0 8px;display:flex}.session-row.active .session-main{color:var(--text-strong)}.session-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:12.5px var(--mono);flex:1;overflow:hidden}.row-meta{font:10.5px var(--mono);color:var(--faint)}.rename-input{min-width:0;height:24px;font:12.5px var(--mono);flex:1;padding:0 6px}.kbd-hint{font:10.5px var(--mono);color:var(--faint)}.session-row:hover .kbd-hint{display:none}.row-actions{gap:1px;padding-right:4px;display:none}.row-actions .icon-btn{width:22px;height:22px;font-size:13px}.session-row:hover .row-actions,.session-row:focus-within .row-actions{display:flex}.confirm{font:11px var(--mono);color:var(--red);align-items:center;gap:4px;padding-right:4px;display:flex}.badge{font:10px var(--mono);border:1px solid var(--border);background:var(--bg-2);border-radius:999px;padding:1px 6px}.badge-red{color:var(--red);border-color:color-mix(in srgb, var(--red) 35%, transparent);background:color-mix(in srgb, var(--red) 8%, transparent)}.new-session{height:28px;color:var(--muted);font:12px var(--mono);justify-content:flex-start;gap:9px;margin-top:4px;padding:0 8px}.new-session:hover{color:var(--text-strong)}.new-plus{text-align:center;width:8px;color:var(--accent-text)}.empty{padding:4px 8px;font-size:12px;line-height:1.5}.port-row{height:28px;color:inherit;transition:background var(--dur) var(--ease);border-radius:6px;align-items:center;gap:8px;padding:0 8px;text-decoration:none;display:flex}.port-row:hover{background:var(--bg-hover)}.port-num{font:500 12.5px var(--mono);color:var(--accent-text)}.port-proc{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:11.5px var(--mono);flex:1;overflow:hidden}.ext{color:var(--faint);transition:color var(--dur) var(--ease);display:inline-grid}.port-row:hover .ext{color:var(--text-strong)}.sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:8px;display:flex}.foot-user,.foot-actions{align-items:center;gap:6px;display:flex}.foot-actions .btn{color:var(--muted);flex:1}.foot-actions .btn:hover{color:var(--text-strong)}.foot-avatar{background:var(--bg-3);border:1px solid var(--border-strong);width:20px;height:20px;font:600 10px var(--mono);color:var(--text-strong);border-radius:50%;flex:none;place-items:center;display:grid}.sidebar-foot .user{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:11.5px var(--mono);color:var(--muted);flex:1;overflow:hidden}.kbd-btn{font-family:var(--mono);color:var(--muted);border-color:var(--border);font-size:11px}.dot{background:var(--gray);border-radius:50%;flex:none;width:7px;height:7px}.dot-working{background:var(--green);box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 55%, transparent);animation:1.6s ease-out infinite pulse}.dot-waiting{background:var(--amber)}.dot-idle{background:var(--gray)}.dot-exited{background:var(--red)}.dot-none{background:0 0}.dot-live{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.dot-machine-running,.dot-machine-ready{background:var(--green)}.dot-machine-starting,.dot-machine-stopping,.dot-machine-suspended{background:var(--amber)}.dot-machine-error,.dot-machine-stopped,.dot-machine-unreachable{background:var(--red)}@media (prefers-color-scheme:light){.dot-live,.conn-connected .conn-dot{background:color-mix(in srgb, var(--accent) 45%, var(--accent-text));box-shadow:none}}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--green) 55%, transparent)}70%{box-shadow:0 0 0 5px #0000}to{box-shadow:0 0 #0000}}.panes{background:var(--border);grid-area:main;gap:1px;min-width:0;min-height:0;display:grid}.panes-1{grid-template:minmax(0,1fr)/minmax(0,1fr)}.panes-2{grid-template:minmax(0,1fr)/repeat(2,minmax(0,1fr))}.panes-4{grid-template:repeat(2,minmax(0,1fr))/repeat(2,minmax(0,1fr))}.pane{background:var(--bg-1);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.pane-focused:after{content:"";border:1px solid var(--accent-line);pointer-events:none;z-index:3;position:absolute;inset:0}.pane-head{background:var(--bg-1);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;min-width:0;height:30px;padding:0 8px 0 14px;font-size:12px;display:flex}.pane-title{font:500 12px var(--mono);color:var(--text-strong);white-space:nowrap}.pane-title-sub{color:var(--muted);font-weight:400}.pane-sub{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--faint);font-size:11.5px;overflow:hidden}.pane-id,.pane-res-select{appearance:none;font:10.5px var(--mono);color:var(--muted);border:1px solid var(--border-strong);cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 9px),calc(100% - 6px);background-repeat:no-repeat;background-size:3px 3px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:6px;padding:3px 18px 3px 7px}.pane-res-select:hover,.pane-res-select:focus-visible{color:var(--text);border-color:var(--muted);outline:none}.pane-res-select option{background:var(--bg);color:var(--text)}.pane-res,.pane-state{font:10.5px var(--mono);color:var(--faint);white-space:nowrap}.pane-state{text-transform:uppercase;letter-spacing:.08em}.term-wrap{background:var(--bg-1);flex:1;min-height:0;position:relative}.term-slot{position:absolute;inset:10px 6px 6px 14px}.term-host{width:100%;height:100%}.term-host .xterm{height:100%}.term-host .xterm,.term-host .xterm-viewport{background-color:var(--bg-1)!important}.term-host .xterm-viewport{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.term-parking{display:none}.exit-bar{border:1px solid color-mix(in srgb, var(--red) 35%, var(--border));border-radius:var(--radius);background:var(--bg-2);box-shadow:var(--shadow);z-index:4;animation:rise var(--dur) var(--ease);align-items:center;gap:8px;padding:8px 10px 8px 14px;font-size:12.5px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.exit-bar>span{flex:1}.exit-bar b{font-family:var(--mono);color:var(--red)}.pane-empty{flex:1;place-items:center;padding:16px;display:grid}.empty-card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:320px;display:flex}.empty-glyph{font:700 22px var(--mono);color:var(--accent-text);opacity:.9}.empty-tile{border:1px solid var(--border-strong);background:var(--bg-2);width:44px;height:44px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.empty-title{color:var(--text-strong);font-size:14px;font-weight:600}.empty-sub{margin-top:-6px;line-height:1.5}.loading-label{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.loading-label:after{content:"_";color:var(--accent-text);animation:1s steps(2,end) infinite blink}.desktop-wrap{background:var(--bg);flex:1;min-height:0;display:flex;position:relative}.desktop-wrap:fullscreen{background:var(--bg)}.desktop-frame{background:var(--bg);opacity:0;width:100%;height:100%;transition:opacity .2s var(--ease);border:0;flex:1}.desktop-frame.is-loaded{opacity:1}.desktop-overlay{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.desktop-progress{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:300px;display:flex}.progress-bar{background:var(--border-strong);border-radius:2px;width:160px;height:2px;display:block;position:relative;overflow:hidden}.progress-bar:after{content:"";background:var(--accent);width:40%;animation:indeterminate 1.2s var(--ease) infinite;border-radius:2px;position:absolute;inset:0}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.statusbar{background:var(--bg);border-top:1px solid var(--border);font:11px var(--mono);color:var(--muted);white-space:nowrap;grid-area:status;align-items:center;gap:0;padding:0 6px;display:flex;overflow:hidden}.sb-item{align-items:center;gap:5px;height:100%;padding:0 8px;display:inline-flex}.sb-item b{color:var(--text-strong);font-variant-numeric:tabular-nums;font-weight:500}.sb-item b.warn{color:var(--amber)}.sb-k{color:var(--faint)}.sb-u{color:var(--faint);margin-left:-2px}.sb-chip{border:1px solid var(--accent-line);height:16px;color:var(--accent-text);letter-spacing:.06em;border-radius:4px;margin:0 2px;padding:0 6px;font-size:10px;font-weight:500}.sb-sep{background:var(--border-strong);width:1px;height:12px;margin:0 2px}.sb-btn{cursor:pointer;color:var(--muted);font:inherit;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0}.sb-btn:hover{background:var(--bg-hover);color:var(--text-strong)}.conn{color:var(--text)}.conn-dot{background:var(--gray);border-radius:50%;width:6px;height:6px}.conn-connected .conn-dot{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.conn-connecting .conn-dot,.conn-reconnecting .conn-dot{background:var(--amber);animation:1s steps(2,end) infinite blink}.conn-reconnecting{color:var(--amber)}.conn-unauthorized .conn-dot{background:var(--red)}@keyframes blink{50%{opacity:.3}}.palette-backdrop{z-index:50;background:color-mix(in srgb, var(--bg) 55%, transparent);animation:fade var(--dur) var(--ease);justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.palette{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-1);width:100%;max-width:580px;box-shadow:var(--shadow);max-height:60vh;animation:rise var(--dur) var(--ease);flex-direction:column;display:flex;overflow:hidden}.palette-input{border:0;border-bottom:1px solid var(--border);height:48px;font:14px var(--sans);background:0 0;border-radius:0;flex:none;padding:0 16px}.palette-input:focus{box-shadow:none}.palette-list{margin:0;padding:6px;list-style:none;overflow:auto}.palette-list li[role=option]{cursor:pointer;height:34px;color:var(--text);border-radius:6px;align-items:center;gap:10px;padding:0 10px;display:flex;position:relative}.palette-list li.sel{background:var(--bg-active);color:var(--text-strong)}.palette-list li.sel:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.pi-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pi-hint{font:11px var(--mono);color:var(--faint)}.palette-foot{border-top:1px solid var(--border);font:10.5px var(--mono);color:var(--faint);flex:none;gap:14px;padding:8px 14px;display:flex}.palette-foot kbd{margin-right:3px;font-size:10px}.toasts{right:12px;bottom:calc(var(--status-h) + 12px);z-index:60;flex-direction:column;gap:8px;width:min(340px,100vw - 24px);display:flex;position:fixed}.toast{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-1);box-shadow:var(--shadow);animation:rise var(--dur) var(--ease);align-items:flex-start;gap:4px;padding:10px 6px 10px 0;display:flex;position:relative;overflow:hidden}.toast:before{content:"";background:var(--amber);width:2px;position:absolute;top:0;bottom:0;left:0}.toast-error:before{background:var(--red)}.toast-body{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0 12px 0 14px}.toast-title{color:var(--text-strong);font-weight:600}.toast-text{overflow-wrap:anywhere;margin-top:2px;font-size:12px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.dot-working,.conn-connecting .conn-dot,.conn-reconnecting .conn-dot,.loading-label:after,.splash[aria-busy=true]:after{animation:none}.progress-bar:after{opacity:.5;width:100%;animation:none}.palette,.palette-backdrop,.toast,.exit-bar{animation:none}.desktop-frame{transition:none}}@media (max-width:720px){:root{--sidebar-w:200px}.panes-2,.panes-4{grid-template:repeat(2,minmax(0,1fr))/minmax(0,1fr)}.panes-4 .pane:nth-child(n+3){display:none}.term-slot{inset:8px 4px 4px 10px}.pane-res,.pane-state,.statusbar [data-testid=echo] .sb-k:first-child{display:none}}html[data-view=app],html[data-view=app] body{overscroll-behavior:none}.app.is-touch,.app.is-compact{left:0;right:0;top:var(--vvt,0px);height:var(--vvh,100%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent;position:fixed}.app.kb-open{padding-bottom:0}.app.is-compact{grid-template:"top""main"minmax(0,1fr)"status""keys"/minmax(0,1fr)}.app.is-compact.kb-open .statusbar{display:none}.mbar{background:var(--bg);border-bottom:1px solid var(--border);grid-area:top;align-items:center;gap:2px;height:52px;padding:0 4px;display:flex}.mbar-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.mbar-btn:active,.mbar-title:active{background:var(--bg-active);color:var(--text-strong)}.mbar-new{color:var(--accent-text)}.mbar-new:before{content:"";border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:9px;position:absolute;inset:6px}.mbar-new svg{position:relative}.mbar-flag{background:var(--amber);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:9px;right:8px}.mbar-title{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;height:44px;padding:0 8px;display:flex}.mbar-text{flex-direction:column;gap:3px;min-width:0;display:flex}.mbar-name{text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.1 var(--mono);color:var(--text-strong);overflow:hidden}.mbar-status{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.drawer{z-index:40;left:0;top:var(--vvt,0px);height:var(--vvh,100%);width:min(320px,86vw);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--bg);border-right:1px solid var(--border-strong);box-shadow:var(--shadow);visibility:hidden;transition:transform .24s var(--ease), visibility 0s linear .24s;position:fixed;transform:translate(-102%)}.drawer.open{visibility:visible;transition:transform .24s var(--ease);transform:none}.drawer .sidebar{border-right:0;height:100%}.drawer-backdrop{z-index:39;opacity:0;pointer-events:none;transition:opacity .24s var(--ease);background:#0000008c;position:fixed;inset:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}@media (prefers-color-scheme:light){.drawer-backdrop{background:#0a0c1047}}.sidebar-drawer .sidebar-head{height:56px;padding:0 6px 0 16px}.sidebar-drawer .brand{font-size:15px}.sidebar-drawer .brand .logo{width:26px;height:26px;font-size:10.5px}.sidebar-drawer{overscroll-behavior:contain;overflow-y:auto}.sidebar-drawer .sidebar-section,.sidebar-drawer .sidebar-section:first-of-type,.sidebar-drawer .sidebar-section.grow{flex:none;padding:14px 8px 10px;overflow:visible}.sidebar-drawer .session-list,.sidebar-drawer .port-list{overflow:visible}.sidebar-drawer .sidebar-foot{background:var(--bg);margin-top:auto;position:sticky;bottom:0}.sidebar-drawer .sidebar-head{z-index:1;background:var(--bg);position:sticky;top:0}.sidebar-drawer .section-title{padding:0 12px 8px}:is(.is-touch,.is-compact) .session-main,:is(.is-touch,.is-compact) .port-row,:is(.is-touch,.is-compact) .new-session{gap:12px;height:44px;padding:0 12px}:is(.is-touch,.is-compact) .session-name{font-size:14px}:is(.is-touch,.is-compact) .port-num,:is(.is-touch,.is-compact) .new-session{font-size:13.5px}:is(.is-touch,.is-compact) .port-proc{font-size:12.5px}:is(.is-touch,.is-compact) .session-row.active:before{top:12px;bottom:12px}:is(.is-touch,.is-compact) .kbd-hint{display:none}:is(.is-touch,.is-compact) .row-actions{padding-right:2px;display:flex}:is(.is-touch,.is-compact) .row-actions .icon-btn{width:40px;height:44px;color:var(--faint);font-size:16px}:is(.is-touch,.is-compact) .rename-input{height:36px;font-size:16px}:is(.is-touch,.is-compact) .confirm{gap:6px;font-size:12px}:is(.is-touch,.is-compact) .confirm .btn{height:36px;padding:0 12px}:is(.is-touch,.is-compact) .empty{padding:6px 12px;font-size:13px}:is(.is-touch,.is-compact) .sidebar-foot{gap:6px;padding:10px}:is(.is-touch,.is-compact) .foot-user{padding:4px 6px}:is(.is-touch,.is-compact) .sidebar-foot .user{font-size:12.5px}:is(.is-touch,.is-compact) .foot-actions .btn{border:1px solid var(--border);height:44px;font-size:14px}.drawer-close{border-radius:10px;width:44px;height:44px}.app.is-compact .panes{background:var(--bg-1)}.app.is-compact .pane[data-kind=session]>.pane-head{display:none}.app.is-compact .term-slot{inset:6px 0 2px 8px}.app.is-compact .pane-head{height:52px;padding:0 8px 0 14px}.app.is-compact .pane-head .btn{height:36px;padding:0 12px;font-size:13px}.app.is-compact .exit-bar{flex-wrap:wrap;bottom:8px;left:8px;right:8px}.app.is-compact .empty-card .btn{height:44px;padding:0 20px;font-size:14px}.app.is-compact .statusbar{padding:0 6px}.app.is-compact .sb-sep{display:none}.app.is-compact .toasts{top:calc(var(--vvt,0px) + env(safe-area-inset-top) + 60px);width:auto;bottom:auto;left:8px;right:8px}.is-touch .term-slot{touch-action:none}.is-touch .xterm .xterm-helper-textarea{font-size:16px!important}.keybar{background:var(--bg);border-top:1px solid var(--border);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;grid-area:keys;gap:4px;padding:5px 4px;display:flex}.kb-row{gap:3px;display:flex}.kb-key{border:1px solid var(--border-strong);background:var(--bg-2);min-width:0;height:44px;color:var(--text-strong);font:500 15px/1 var(--mono);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background 80ms var(--ease), color 80ms var(--ease), border-color 80ms var(--ease);border-bottom-width:2px;border-radius:8px;flex:1 1 0;place-items:center;padding:0;display:grid}.kb-key:active{background:var(--bg-3);border-bottom-width:1px;padding-top:1px}.kb-esc,.kb-tab,.kb-ctrl{letter-spacing:.02em;font-size:12px}.kb-hide{color:var(--muted)}.kb-paste,.kb-enter{flex-grow:1.45}.kb-paste{color:var(--text-strong);justify-content:center;align-items:center;gap:6px;display:flex}.kb-text{font:500 12px/1 var(--mono);letter-spacing:.02em}.kb-enter{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.kb-enter:active{background:var(--accent);filter:brightness(.9)}.keybar[data-rows="1"] .kb-text{display:none}.tsheet{padding-bottom:12px}.tsheet-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 6px 6px 16px;display:flex}.tsheet-title{font:600 14px/1.2 var(--sans,inherit);color:var(--text-strong)}.tsheet-text{border:1px solid var(--border-strong);background:var(--bg-2);width:calc(100% - 24px);min-height:132px;max-height:50vh;color:var(--text-strong);font:16px/1.4 var(--mono);resize:none;-webkit-user-select:text;user-select:text;border-radius:10px;margin:12px 12px 0;padding:10px 12px;display:block}.tsheet-text:focus{border-color:var(--accent);outline:none}.tsheet-select{white-space:pre-wrap;word-break:break-all;height:50vh;font-size:13px}.tsheet-uri{border:1px solid var(--border);background:var(--bg-2);max-height:30vh;color:var(--accent-text);font:12.5px/1.45 var(--mono);word-break:break-all;-webkit-user-select:text;user-select:text;border-radius:10px;margin:12px 12px 0;padding:10px 12px;overflow:auto}.tsheet-actions{justify-content:flex-end;align-items:center;gap:8px;padding:12px 12px 0;display:flex}.tsheet-actions .btn{justify-content:center;min-width:96px}.tsheet-hint{margin-right:auto}.kb-key.is-armed{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:0 0 0 3px var(--accent-soft);font-weight:700}.palette-backdrop.palette-sheet{inset:auto 0;top:var(--vvt,0px);height:var(--vvh,100%);align-items:flex-start;padding:0}.palette-sheet .palette{max-width:none;max-height:100%;padding-top:env(safe-area-inset-top);animation:sheet-in .22s var(--ease);border-width:0 0 1px;border-radius:0 0 16px 16px}.palette-top{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;padding-right:6px;display:flex}.palette-top .palette-input{border-bottom:0;flex:1;min-width:0;height:56px;font-size:16px}.palette-cancel{height:44px;color:var(--accent-text);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;padding:0 12px;font-size:15px;font-weight:500}.palette-sheet .palette-list{padding:8px}.palette-sheet .palette-list li[role=option]{gap:12px;height:48px;padding:0 12px;font-size:15px}.palette-sheet .pi-hint{font-size:11.5px}.palette-sheet .palette-foot{display:none}@keyframes sheet-in{0%{opacity:0;transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){.drawer,.drawer.open,.drawer-backdrop{transition:none}.palette-sheet .palette{animation:none}}@media (pointer:coarse){.btn{min-height:44px}.icon-btn{min-width:44px;min-height:44px}.pane-head{height:auto;min-height:30px}}@media (max-height:500px){.app.is-compact .mbar{height:46px}.app.is-compact.kb-open .mbar{display:none}}.app.is-compact .desktop-head .pane-title{display:none}.app.is-compact .desktop-head .pane-state{display:inline}.tap-ring{z-index:5;border:2px solid var(--accent);background:var(--accent-soft);pointer-events:none;width:34px;height:34px;animation:tap-ring .42s var(--ease) forwards;border-radius:50%;margin:-17px 0 0 -17px;position:absolute}.tap-ring:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%}@keyframes tap-ring{0%{opacity:1;transform:scale(.35)}60%{opacity:.9}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tap-ring{opacity:.8;animation:none}}html[data-view=site] body{font-size:15px;line-height:1.55;overflow:hidden auto}html[data-view=site],html[data-view=site] body,html[data-view=site] #root{height:auto;min-height:100%}html[data-view=site]{scroll-behavior:smooth;scroll-padding-top:76px}@media (prefers-reduced-motion:reduce){html[data-view=site]{scroll-behavior:auto}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.faint{color:var(--faint)}.small-print{font-size:12.5px;line-height:1.5}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-fg);padding:8px 12px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.container{width:100%;max-width:1160px;padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));margin:0 auto}@media (max-width:560px){.container{padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left))}}.site-brand{color:var(--text-strong);font:700 16px/1 var(--mono);letter-spacing:-.01em;border-radius:var(--radius-sm);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.site-logo{background:var(--bg-2);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--accent-text);font:700 11.5px/1 var(--mono);letter-spacing:-.04em;border-radius:7px;place-items:center;display:inline-grid}.site{flex-direction:column;min-height:100vh;display:flex}.site main{flex:1}.site-header{z-index:20;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.site-nav{align-items:center;gap:4px;display:flex}.site-nav-link{border-radius:var(--radius-sm);color:var(--muted);transition:color var(--dur) var(--ease);padding:6px 12px;font-size:14px;text-decoration:none}.site-nav-link:hover{color:var(--text-strong)}.site-nav .btn{margin-left:8px}@media (max-width:640px){.hide-sm{display:none}}.hero{isolation:isolate;padding:88px 0 96px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--text) 16%, transparent) 1px, transparent 0);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 30%,#0000 75%)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.eyebrow{border:1px solid var(--border-strong);background:var(--bg-1);font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);border-radius:999px;align-items:center;gap:8px;margin:0 0 22px;padding:5px 11px 5px 9px;display:inline-flex}.eyebrow-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.hero-title{color:var(--text-strong);font:650 clamp(2.4rem, 1.4rem + 3.6vw, 4.1rem) / 1.03 var(--sans);letter-spacing:-.035em;text-wrap:balance;margin:0}.hero-title .hl{color:var(--accent-text)}.hero-lead{max-width:34em;color:var(--muted);text-wrap:pretty;margin:22px 0 0;font-size:clamp(1.02rem,.95rem + .3vw,1.18rem);line-height:1.6}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn-quiet{background:0 0}.hero-tags{font:500 12px/1 var(--mono);color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:32px 0 0;padding:0;list-style:none;display:flex}.hero-tags:before{content:"preinstalled:";color:var(--faint)}.hero-tags li:before{content:"+ ";color:var(--accent-text)}.hero-term{--t-bg:#0b0d10;--t-fg:#d8dbe0;--t-dim:#6f7781;background:var(--t-bg);color:var(--t-fg);font:13px/1.7 var(--mono);border:1px solid #ffffff1a;border-radius:12px;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 0 1px #0006}.hero-term:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--accent-glow), transparent 70%);pointer-events:none;position:absolute;inset:-40% -30%}.hero-grid>.hero-term{overflow:visible}.ht-chrome{height:38px;color:var(--t-dim);background:#0f1216;border-bottom:1px solid #ffffff12;border-radius:12px 12px 0 0;align-items:center;gap:12px;padding:0 14px;font-size:11.5px;display:flex}.ht-dots{gap:6px;display:inline-flex}.ht-dots i{background:#262b32;border-radius:50%;width:10px;height:10px}.ht-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ht-conn{color:#b6ff3b;align-items:center;gap:6px;font-weight:500;display:inline-flex}.ht-live{background:#b6ff3b;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 8px #b6ff3bb3}.ht-body{white-space:pre-wrap;overflow-wrap:anywhere;min-height:250px;padding:16px 18px 18px}.ht-body>div{opacity:0;animation:ht-line .18s var(--ease) forwards}.ht-body>div:first-child{animation-delay:.1s}.ht-body>div:nth-child(2){animation-delay:.45s}.ht-body>div:nth-child(3){animation-delay:.85s}.ht-body>div:nth-child(4){animation-delay:1.15s}.ht-body>div:nth-child(5){animation-delay:1.45s}.ht-body>div:nth-child(6){animation-delay:1.9s}.ht-body>div:nth-child(7){animation-delay:2.3s}.ht-body>div:nth-child(8){animation-delay:2.6s}@keyframes ht-line{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.t-prompt{color:#b6ff3b}.t-dim{color:var(--t-dim)}.t-user{color:#f5f6f7}.t-ok{color:#4cc38a}.t-acc{color:#b6ff3b}.ht-cursor{vertical-align:-2px;background:#b6ff3b;width:8px;height:15px;animation:1.1s steps(2,end) infinite blink;display:inline-block}.ht-status{color:var(--t-dim);white-space:nowrap;background:#0f1216;border-top:1px solid #ffffff12;border-radius:0 0 12px 12px;gap:18px;padding:7px 14px;font-size:11px;display:flex;overflow:hidden}.ht-status span{align-items:center;gap:6px;display:inline-flex}.ht-status span:first-child{color:#b6ff3b}@media (prefers-reduced-motion:reduce){.ht-body>div{opacity:1;animation:none}.ht-cursor{animation:none}}@media (max-width:960px){.hero{padding:56px 0 72px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}}@media (max-width:480px){.hero{padding:40px 0 56px}.hero-cta .btn{flex:auto}.hero-term{font-size:11.5px}.ht-body{min-height:0;padding:12px 12px 14px}.ht-hide-sm{display:none!important}}.section{border-top:1px solid var(--border);padding:96px 0}.section-alt{background:var(--bg-1)}.kicker{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);margin:0 0 14px}.sec-title{max-width:22em;color:var(--text-strong);font:650 clamp(1.7rem, 1.2rem + 1.8vw, 2.5rem) / 1.12 var(--sans);letter-spacing:-.028em;text-wrap:balance;margin:0}.section-lead{max-width:32em;color:var(--muted);margin:16px 0 0;font-size:1.05rem}@media (max-width:640px){.section{padding:64px 0}}.features{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:48px;display:grid;overflow:hidden}.feature{background:var(--bg);transition:background var(--dur) var(--ease);flex-direction:column;gap:16px;padding:28px;display:flex}.feature:hover{background:var(--bg-1)}.feature-wide{flex-flow:wrap;grid-column:span 2;justify-content:space-between;align-items:flex-end;column-gap:32px}.feature-wide .feature-top{flex-basis:100%}.feature-wide .feature-text{flex:320px}.feature-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.feature-icon{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-1);width:36px;height:36px;color:var(--accent-text);place-items:center;display:inline-grid}.feature h3{color:var(--text-strong);letter-spacing:-.01em;margin:0 0 8px;font-size:1.08rem;font-weight:600}.feature p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.6}.feature p strong{color:var(--text-strong);font-weight:600}.feature-stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-1);flex-direction:column;gap:6px;min-width:220px;padding:16px 18px;display:flex}.feature-stat-value{font:600 2.4rem/1 var(--mono);letter-spacing:-.04em;color:var(--accent-text)}.feature-stat-value:after{content:" ms";letter-spacing:0;color:var(--muted);font-size:.9rem}.feature-stat-label{font:500 11px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}@media (max-width:900px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.features{grid-template-columns:minmax(0,1fr)}.feature-wide{grid-column:auto}.feature{padding:22px 20px}.feature-stat{width:100%;min-width:0}}.steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:48px 0 0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:24px;position:relative}.step-num{font:500 12px/1 var(--mono);letter-spacing:.08em;color:var(--accent-text);margin-bottom:28px;display:block}.step-num:after{content:"";vertical-align:middle;background:var(--accent-line);width:40px;height:1px;margin-left:10px;display:inline-block}.step h3{color:var(--text-strong);margin:0 0 8px;font-size:1.08rem;font-weight:600}.step p{color:var(--muted);margin:0;font-size:.95rem}@media (max-width:800px){.steps{grid-template-columns:minmax(0,1fr);gap:12px}.step-num{margin-bottom:16px}}.access-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start;gap:56px;display:grid}@media (max-width:860px){.access-grid{grid-template-columns:minmax(0,1fr);gap:32px}}.access-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-1);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:28px;display:flex}@media (max-width:480px){.access-card{padding:20px}}.access-done{align-items:flex-start}.access-done h3{color:var(--text-strong);margin:0;font-size:1.25rem}.access-done p{margin:0}.access-check{background:var(--accent);width:36px;height:36px;color:var(--accent-fg);border-radius:50%;place-items:center;font-weight:700;display:grid}.access-card,.form{--field-gap:6px}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label,.inline-form>label{color:var(--text);font-size:13px;font-weight:500}.access-card input,.access-card textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);height:40px;color:var(--text-strong);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;padding:0 12px;font-size:15px}.access-card textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px;line-height:1.5}.access-card input::placeholder,.access-card textarea::placeholder{color:var(--faint)}.access-card input:focus,.access-card textarea:focus{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}.access-card input[aria-invalid=true]{border-color:color-mix(in srgb, var(--red) 60%, transparent)}.access-card .small-print{margin:0}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (max-width:560px){.field-row{grid-template-columns:minmax(0,1fr)}}.input-group{gap:6px;min-width:0;display:flex}.input-group input{flex:1;min-width:0}.form .input-group .btn{height:36px}.site-footer{border-top:1px solid var(--border);padding:28px 0 calc(28px + env(safe-area-inset-bottom));font-size:13px}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.site-footer .muted{font-family:var(--mono);font-size:12px}.site-footer-nav{gap:20px;display:flex}.site-footer-nav a{color:var(--muted);text-decoration:none}.site-footer-nav a:hover{color:var(--text-strong)}.auth-page{min-height:100vh;min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));isolation:isolate;place-items:center;display:grid;position:relative}.auth-page:before{content:"";z-index:-1;background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--text) 13%, transparent) 1px, transparent 0);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 55% at 50% 45%,#000 20%,#0000 75%)}.auth-card{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-1);width:100%;max-width:400px;box-shadow:var(--shadow);flex-direction:column;gap:22px;padding:32px;display:flex}@media (max-width:420px){.auth-card{padding:24px 20px}}.auth-card .site-brand{align-self:flex-start}.auth-title{color:var(--text-strong);font:650 1.6rem/1.2 var(--sans);letter-spacing:-.025em;margin:0 0 4px}.auth-card p{margin:0}.auth-card .form input{height:40px;font-size:15px}.auth-foot{text-align:center;font-size:13.5px}.auth-foot a,.token-login summary{color:var(--accent-text);font-weight:500;text-decoration:none}.auth-foot a:hover{text-underline-offset:3px;text-decoration:underline}.token-login{border-top:1px solid var(--border);padding-top:16px}.token-login summary{cursor:pointer;font:500 12px var(--mono);color:var(--muted);letter-spacing:.02em;margin-bottom:12px}.dash{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);position:sticky;top:0}.topbar-inner{max-width:1160px;height:56px;padding:0 max(24px, env(safe-area-inset-right)) 0 max(24px, env(safe-area-inset-left));align-items:center;gap:8px;margin:0 auto;display:flex}.topbar-tabs{align-self:stretch;gap:2px;margin-left:20px;display:flex}.topbar-tab{color:var(--muted);transition:color var(--dur) var(--ease);align-items:center;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.topbar-tab:hover,.topbar-tab[aria-current=page]{color:var(--text-strong)}.topbar-tab[aria-current=page]:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.topbar-user{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font:12px var(--mono);margin-left:8px;overflow:hidden}@media (max-width:760px){.topbar-inner{padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));gap:4px}.topbar-tabs{margin-left:8px}.topbar-tab{padding:0 8px}.topbar-user,.topbar-open{display:none}}@media (max-width:400px){.topbar .site-brand span:last-child{display:none}}.dash-main{width:100%;max-width:1160px;padding:40px max(24px, env(safe-area-inset-right)) calc(80px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex-direction:column;gap:20px;margin:0 auto;display:flex}@media (max-width:560px){.dash-main{padding:24px max(12px, env(safe-area-inset-right)) calc(56px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}}.dash-head{margin-bottom:8px}.dash-head h1{color:var(--text-strong);font:650 clamp(1.6rem, 1.3rem + 1vw, 2rem) / 1.15 var(--sans);letter-spacing:-.028em;margin:0}.dash-head p{margin:6px 0 0}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.dash-grid .card-account{grid-column:1/-1}@media (max-width:880px){.dash-grid{grid-template-columns:minmax(0,1fr)}}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-1);flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}@media (max-width:560px){.card{padding:18px 16px}}.card-head{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.card-head h2,.card-title h2{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.card-title{align-items:center;gap:10px;display:flex}.count{font:500 12px/1 var(--mono);color:var(--faint)}.card-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card-sep{border:0;border-top:1px solid var(--border);width:100%;margin:4px 0}.form-title{color:var(--text-strong);margin:0;font-size:15px;font-weight:600}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--bg-2), var(--bg-3), var(--bg-2));background-size:200% 100%;height:96px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;margin:0;padding:20px}.machine-id{flex-direction:column;gap:6px;display:flex}.machine-id .muted{font-size:12.5px}.machine-id code{font:600 1.7rem/1 var(--mono);letter-spacing:-.02em;color:var(--text-strong)}.specs{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid;overflow:hidden}.specs>div{border-left:1px solid var(--border);min-width:0;padding:12px 14px}.specs>div:first-child{border-left:0}.specs dt{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.specs dd{font:500 15px/1.2 var(--mono);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;overflow:hidden}@media (max-width:480px){.specs{grid-template-columns:repeat(2,minmax(0,1fr))}.specs>div:nth-child(3){border-left:0}.specs>div:nth-child(n+3){border-top:1px solid var(--border)}}.waiting{border:1px dashed var(--border-strong);border-radius:var(--radius);align-items:flex-start;gap:18px;padding:20px;display:flex}.waiting h3{color:var(--text-strong);margin:0 0 6px;font-size:1.05rem}.waiting p{margin:0;font-size:14px}.waiting-art{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);width:48px;height:48px;font:700 14px var(--mono);color:var(--amber);flex:none;place-items:center;display:grid}.waiting-art span:after{content:"";vertical-align:-1px;background:currentColor;width:6px;height:12px;margin-left:2px;animation:1.1s steps(2,end) infinite blink;display:inline-block}@media (max-width:420px){.waiting{flex-direction:column}}.lat-table{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.lat-row{grid-template-columns:minmax(96px,1.1fr) repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.lat-row+.lat-row{border-top:1px solid var(--border)}.lat-label{color:var(--text-strong);flex-direction:column;justify-content:center;gap:4px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.lat-label .small-print{font:11px var(--mono);font-weight:400}.lat-cell{border-left:1px solid var(--border);flex-direction:column;gap:6px;min-width:0;padding:12px 14px;display:flex}.lat-k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.lat-v{font:600 1.6rem/1 var(--mono);letter-spacing:-.03em;color:var(--text-strong);white-space:nowrap}.lat-v small{letter-spacing:0;color:var(--muted);margin-left:3px;font-size:.5em;font-weight:500}.tone-good{color:var(--accent-text)}.tone-ok{color:var(--amber)}.tone-bad{color:var(--red)}.lat-stalls{align-items:baseline;gap:10px;display:flex}.lat-stalls .lat-v{font-size:1.25rem}.lat-help{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;padding-top:16px;font-size:12.5px;line-height:1.5;display:grid}.lat-help dt{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin-bottom:4px}.lat-help dd{color:var(--muted);margin:0}@media (max-width:520px){.lat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.lat-label{border-bottom:1px solid var(--border);flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:baseline}.lat-cell:nth-child(2){border-left:0}.lat-v{font-size:1.3rem}.lat-help{grid-template-columns:minmax(0,1fr)}}.kv{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;margin:0;display:grid}.kv dt{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.kv dd{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}@media (max-width:720px){.kv{grid-template-columns:repeat(2,minmax(0,1fr))}}.card-account .form{max-width:560px}.banner{border:1px solid var(--border-strong);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;display:flex}.banner-error{color:var(--red);border-color:color-mix(in srgb, var(--red) 40%, transparent);background:color-mix(in srgb, var(--red) 7%, transparent)}.banner-ok{color:var(--green);border-color:color-mix(in srgb, var(--green) 35%, transparent);background:color-mix(in srgb, var(--green) 7%, transparent)}.create-user{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:18px}.create-user-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,.7fr) minmax(0,.9fr);gap:14px;display:grid}@media (max-width:900px){.create-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.create-user-grid{grid-template-columns:minmax(0,1fr)}}.table-wrap{border-top:1px solid var(--border);margin:0 -24px -24px;position:relative;overflow-x:auto}@media (max-width:560px){.table-wrap{margin:0 -16px -18px}}.table-wrap .skeleton{height:48px;margin:16px 24px 24px}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 40%, var(--bg-1));padding:10px 16px}.table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:10px 16px}.table th:first-child,.table td:first-child{padding-left:24px}.table th:last-child,.table td:last-child{padding-right:24px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:not(.row-edit){transition:background var(--dur) var(--ease)}.table tbody tr:not(.row-edit):hover{background:var(--bg-hover)}.table tr.is-disabled .cell-strong{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.cell-main{align-items:center;gap:8px;display:flex}.cell-strong{color:var(--text-strong);font-weight:500}.cell-machine{align-items:center;gap:8px;display:inline-flex}.cell-machine code{font-size:12.5px}.cell-note{max-width:360px;color:var(--text);overflow-wrap:anywhere;white-space:normal!important}.cell-actions{text-align:right}.row-btns{justify-content:flex-end;align-items:center;gap:2px;display:inline-flex}.btn-ghost-danger:hover:not(:disabled){color:var(--red);background:color-mix(in srgb, var(--red) 9%, transparent)}.confirm-text{color:var(--red);margin-right:6px;font-size:13px}.row-edit td{background:var(--bg);white-space:normal}.inline-form{flex-flow:wrap;align-items:center;gap:10px;display:flex}.inline-form>label{flex-basis:100%}.inline-form .input-group{flex:0 360px}.inline-form select{min-width:200px}.confirm-danger{color:var(--text)}.confirm-danger strong{color:var(--text-strong)}.confirm-danger>span{margin-right:6px}.row-edit .form-error{margin-top:8px}.row-flash{align-items:center;gap:8px;display:flex}.table-empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.table-empty p{margin:0;font-size:13.5px}.dot-working-static{background:var(--green)}@media (pointer:coarse),(max-width:768px){.input,.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea,.rename-input,.palette-input,.access-card input,.access-card textarea,.auth-card .form input{font-size:16px}}@media (pointer:coarse){.site-brand,.site-nav-link,.site-footer-nav a,.auth-foot a{align-items:center;min-height:44px;display:inline-flex}.site-brand{min-width:44px}.token-login summary{align-items:center;min-height:44px;margin-bottom:4px;display:flex}.form input:not([type=checkbox]):not([type=radio]),.form select,.access-card input,.auth-card .form input,.form .input-group .btn{height:44px}}@media (max-width:900px){.table-cards .table,.table-cards .table tbody,.table-cards .table tr,.table-cards .table td{width:100%;display:block}.table-cards .table thead{display:none}.table-cards .table tbody tr:not(.row-edit){border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:16px;display:flex}.table-cards .table tbody tr:last-child{border-bottom:0}.table-cards .table td,.table-cards .table th:first-child,.table-cards .table td:first-child,.table-cards .table td:last-child{white-space:normal;border:0;padding:0}.table-cards .table td[data-label]{text-align:right;justify-content:space-between;align-items:center;gap:16px;min-height:24px;display:flex}.table-cards .table td[data-label]:before{content:attr(data-label);font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;flex:none}.table-cards .table td.cell-head{overflow-wrap:anywhere;font-size:15px}.table-cards .cell-note{max-width:none}.table-cards .table td.cell-note{align-items:flex-start}.table-cards .table td.cell-actions{text-align:left;padding-top:4px}.table-cards .row-btns{flex-wrap:wrap;justify-content:flex-start;gap:6px;display:flex}.table-cards .row-btns .btn{border-color:var(--border-strong);flex:auto}.table-cards .row-btns .pill{align-self:center}.table-cards .row-edit td{border-bottom:1px solid var(--border);padding:16px}.table-cards .inline-form .input-group,.table-cards .inline-form select{flex:100%;min-width:0}.table-cards .inline-form>.btn{flex:auto}.table-cards .table tbody tr:not(.row-edit):hover{background:0 0}.create-user{padding:14px}.form-actions>.btn{flex:auto}}@media (min-width:641px) and (max-width:900px){.table-cards .table tbody tr:not(.row-edit){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 40px;padding:18px 24px;display:grid}.table-cards .table td.cell-head,.table-cards .table td.cell-actions,.table-cards .table td.cell-note{grid-column:1/-1}.table-cards .row-btns .btn{flex:0 auto}.table-cards .row-edit td{padding:16px 24px}}@media (max-width:560px){.card-machine .card-actions .btn,.card-account .form [data-testid=pw-submit]{width:100%}.card-machine .card-actions .btn{height:48px}.dash-head h1{font-size:1.75rem}.site-header-inner{height:56px}.site-nav .btn{margin-left:0;padding:0 16px}.hero{padding:36px 0 48px}.hero:before{background-size:18px 18px}.eyebrow{margin-bottom:18px;font-size:10.5px}.hero-title{letter-spacing:-.04em;font-size:min(11vw,3rem);line-height:1.02}.hero-lead{margin-top:18px;font-size:16.5px;line-height:1.55}.hero-cta{flex-direction:column;gap:10px;margin-top:28px}.hero-cta .btn{width:100%;height:50px;font-size:15px}.hero-tags{gap:10px 14px;margin-top:26px;font-size:11.5px}.hero-tags:before{flex-basis:100%}.hero-grid{gap:40px}.hero-term{border-radius:10px}.ht-chrome{border-radius:10px 10px 0 0}.ht-status{border-radius:0 0 10px 10px}.ht-body{min-height:0}.section{padding:56px 0}.kicker{margin-bottom:12px;font-size:11px}.sec-title{font-size:1.75rem;line-height:1.15}.features,.steps{margin-top:32px}.access-card .btn-lg{height:50px}.site-footer-inner{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:480px){.auth-page{padding-top:max(28px, calc(env(safe-area-inset-top) + 16px));place-items:start stretch}.auth-page:before{-webkit-mask-image:radial-gradient(90% 45% at 50% 0,#000 20%,#0000 80%);mask-image:radial-gradient(90% 45% at 50% 0,#000 20%,#0000 80%)}.auth-card{max-width:none;box-shadow:none;background:0 0;border:0;gap:26px;padding:4px 4px 24px}.auth-card>div:first-of-type{margin-top:28px}.auth-title{letter-spacing:-.035em;font-size:2.1rem}.auth-card .form{gap:16px}.auth-card .form input:not([type=checkbox]):not([type=radio]){border-radius:var(--radius);background:var(--bg-1);height:50px;padding:0 14px}.auth-card .btn-lg{border-radius:var(--radius);height:52px;font-size:15px}}@media (max-width:640px){.site-nav .hide-sm{display:none}}