:root{--bg: #0a0a0a;--fg: #e5e5e5;--accent: #7dd3fc;--muted: #525252;--card: #171717;--border: #262626;--danger: #f87171;--ok: #4ade80;--warn: #fbbf24;--ks: 1.2;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100dvh;min-height:100dvh;background:var(--card);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;font-size:15px;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}input,button,textarea{font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:8px;padding:10px 12px;outline:none}input:focus,button:focus-visible{border-color:var(--accent)}button{cursor:pointer;background:var(--card);user-select:none;-webkit-user-select:none}button:active{background:#222}button.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}.page{height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) var(--kb-h, 0px) env(safe-area-inset-left)}.center{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;width:min(100%,380px);display:flex;flex-direction:column;gap:12px}h1{font-size:22px;margin:0 0 4px}h2{font-size:18px;margin:0}.muted{color:var(--muted);font-size:13px}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.sessions{display:flex;flex-direction:column;gap:10px;padding:16px;max-width:560px;margin:0 auto;width:100%}.session{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:12px}.session .meta{font-size:12px;color:var(--muted)}.session .name{font-weight:600}.topbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--card);border-bottom:1px solid var(--border);min-height:44px}.topbar .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.topbar .dot.ok{background:var(--ok)}.topbar .dot.warn{background:var(--warn)}.topbar .dot.err{background:var(--danger)}.topbar .title{font-weight:600;font-size:14px}.term-wrap{flex:1;min-height:0;position:relative;background:#000;touch-action:none;overscroll-behavior:contain}.term-wrap .xterm{height:100%;padding:4px}.kb{--kb-bg: #4a4a4d;--kb-key-bg: #6d6d70;--kb-key-special-bg: #5a5a5c;--kb-key-active: #8e8e93;--kb-key-fg: #ffffff;--kb-key-border: rgba(255, 255, 255, .05);--kb-key-shadow: 0 1px 3px rgba(0, 0, 0, .4);--kb-accent: #0a84ff;--kb-accent-glow: rgba(10, 132, 255, .35);--kb-gap: calc(5px * var(--ks));position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--kb-bg);border-top:none;padding:var(--kb-gap) var(--kb-gap) 0;display:flex;flex-direction:column;gap:var(--kb-gap);user-select:none;-webkit-user-select:none;touch-action:manipulation}.kb-row:last-child{padding-bottom:var(--kb-gap)}.kb:after{content:"";position:fixed;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom,0px);background:var(--kb-bg);z-index:-1;pointer-events:none}.kb-bar{display:flex;gap:var(--kb-gap);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0}.kb-bar::-webkit-scrollbar{display:none}.kb-row{display:flex;gap:var(--kb-gap);justify-content:center;align-items:stretch}.kb-row.kb-bottom{margin-top:0}.kb-sp{flex:.5;min-width:0}.kb .k{flex:1;min-width:0;padding:0 2px;height:calc(36px * var(--ks));font-size:calc(15px * var(--ks));font-weight:500;border-radius:8px;border:1px solid var(--kb-key-border);background:var(--kb-key-bg);color:var(--kb-key-fg);text-align:center;font-family:inherit;line-height:1;box-shadow:var(--kb-key-shadow);transition:background .05s,transform .05s,box-shadow .05s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1}.kb .k.pressed,.kb .k:active{background:var(--kb-key-active);color:var(--kb-key-fg);border-color:var(--kb-key-border);transform:none}.kb .k.fn,.kb .k.util{flex:0 0 calc(40px * var(--ks));padding:0;font-size:calc(13px * var(--ks));background:var(--kb-key-special-bg);height:calc(32px * var(--ks))}.kb-row.kb-bottom .k{height:calc(32px * var(--ks));font-size:calc(15px * var(--ks))}.kb-row .k.special{flex:1;min-width:0;padding:0 2px;font-size:calc(15px * var(--ks));background:var(--kb-key-special-bg)}.kb-row.kb-bottom .k.special{flex:none;min-width:calc(40px * var(--ks));padding:0 6px}.kb .k.space{flex:5;font-size:calc(14px * var(--ks));color:var(--kb-key-fg);background:var(--kb-key-bg)}.kb .k.sticky.on{background:var(--kb-accent);color:#fff;border-color:var(--kb-accent);box-shadow:0 0 6px var(--kb-accent-glow),var(--kb-key-shadow)}.kb .k.sticky.lock{background:var(--kb-accent);color:#fff;border-color:var(--kb-accent);box-shadow:0 0 6px var(--kb-accent-glow),var(--kb-key-shadow),inset 0 0 0 2px #fff}.update-pill{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px 10px 8px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 24px #00000073;z-index:99997;max-width:calc(100vw - 20px)}.update-pill-icon{width:30px;height:30px;border-radius:9px;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0}.update-pill-text{display:flex;flex-direction:column;min-width:0}.update-pill-title{font-size:13px;font-weight:600}.update-pill-sub{font-size:11px;color:var(--muted)}.update-pill-btn{background:var(--accent);color:#000;border:none;padding:7px 12px;border-radius:9px;font-size:13px;font-weight:600}.kb-settings{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:30;padding:16px}.kb-settings-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;width:min(100%,360px);display:flex;flex-direction:column;gap:10px}.kb-settings-title{font-weight:600;font-size:16px}.kb-settings-row{display:flex;justify-content:space-between;font-size:13px}.kb-settings input[type=range]{width:100%;accent-color:var(--accent)}.kb-settings-close{margin-top:4px;background:var(--accent);color:#000;border:none;padding:10px;border-radius:9px;font-weight:600}.kb-pill{position:absolute;bottom:calc(8px + env(safe-area-inset-bottom));right:10px;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:22px;font-size:16px;z-index:5}.toast{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13px;box-shadow:0 4px 18px #0009;z-index:10;max-width:90vw}.toast.err{border-color:var(--danger);color:var(--danger)}.toast.ok{border-color:var(--ok)}.spinner{width:18px;height:18px;border:2px solid var(--muted);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (hover: hover){button:hover{border-color:var(--accent)}}/**
 * Copyright (c) 2014 The xterm.js authors. All rights reserved.
 * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
 * https://github.com/chjj/term.js
 * @license MIT
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * Originally forked from (with the author's permission):
 *   Fabrice Bellard's javascript vt100 for jslinux:
 *   http://bellard.org/jslinux/
 *   Copyright (c) 2011 Fabrice Bellard
 *   The original design remains. The terminal itself
 *   has been extended to include xterm CSI codes, among
 *   other features.
 */.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}