:root{color-scheme:dark;font-family:"MS Sans Serif",Segoe UI,system-ui,sans-serif;background:#090b0f;color:#e8f7ef;line-height:1.2;--ink: #e8f7ef;--muted: #8fa39b;--panel: #10151b;--panel-2: #151b22;--edge: #31414c;--deep: #06080b;--green: #6dff8f;--cyan: #67e8f9;--amber: #ffcb62;--red: #ff6b6b;--cream: #f4ecd0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(103,232,249,.12),transparent 34%),radial-gradient(circle at 82% 8%,rgba(255,203,98,.1),transparent 30%),linear-gradient(180deg,#07090d,#0d1117)}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.26;background:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 4px);mix-blend-mode:soft-light}button,input,textarea{font:inherit}button{border:0;color:inherit}svg{width:24px;height:24px;fill:currentColor;display:block}.install,.nick-screen,.pair-screen{width:100%;min-height:100svh;display:grid;place-items:center;padding:24px;background:linear-gradient(90deg,rgba(103,232,249,.1) 1px,transparent 1px),linear-gradient(rgba(109,255,143,.08) 1px,transparent 1px),#090b0f;background-size:28px 28px}.install{align-content:center;gap:20px;text-align:center}.install-mark,.counterparty-mark,.nick-form,.access-sheet,.agent-sheet,.qr-sheet{border:2px solid var(--edge);background:var(--panel);box-shadow:inset 0 0 0 1px #e8f7ef14,0 18px 50px #0000005c}.install-mark{width:88px;height:88px;display:grid;place-items:center;color:var(--green)}.install-mark svg{width:42px;height:42px}.install-button,.icon-button,.retro-icon-button{display:grid;place-items:center;background:#17202a;color:var(--green);border:1px solid #3d515f;box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #0000008c;cursor:pointer}.install-button{width:64px;height:64px}.icon-button,.retro-icon-button{width:46px;height:46px}.install-button:active,.icon-button:active,.retro-icon-button:active,.hex:active,.side-action:active{transform:translateY(1px);box-shadow:inset -1px -1px #ffffff14,inset 1px 1px #000000b3}.nick-form{display:grid;grid-template-columns:44px minmax(0,240px) 44px;gap:10px;align-items:center;padding:10px}.nick-form span,.nick-form button{height:44px;display:grid;place-items:center}.nick-form input{min-width:0;height:44px;border:0;border-bottom:2px solid var(--green);outline:0;background:transparent;color:var(--ink);font-size:20px}.nick-form button,.pair-actions .accept-button{background:var(--green);color:#071009}.pair-screen{align-content:center;gap:18px}.counterparty-mark{display:grid;justify-items:center;gap:10px;padding:16px}.counterparty-mark span{width:72px;height:72px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--cyan);color:#061015;font-size:22px;font-weight:800}.counterparty-mark b{max-width:min(72vw,320px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px}.pair-actions{display:flex;gap:12px}.pair-modal{position:fixed;inset:0;z-index:90;background:#06080beb}.shell{--terminal-height: clamp(230px, 40vh, 440px);width:100%;height:100svh;display:grid;grid-template-columns:minmax(210px,25vw) minmax(0,1fr) minmax(220px,22vw);gap:10px;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:linear-gradient(90deg,rgba(103,232,249,.08) 1px,transparent 1px),linear-gradient(rgba(109,255,143,.055) 1px,transparent 1px),transparent;background-size:32px 32px}.hive-panel,.dialog-shell,.side-panel{min-width:0;min-height:0}.hive-panel,.side-panel,.dialog-head,.editor{border:2px solid var(--edge);background:#10151bf0;box-shadow:inset 0 0 0 1px #e8f7ef12,0 20px 60px #00000042}.hive-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:12px;overflow:hidden}.retro-brand{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center}.retro-brand-mark{width:42px;height:42px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--green);color:#071009;font-weight:900}.retro-brand b,.dialog-name,.side-block h2{letter-spacing:0}.retro-brand b{display:block;font-size:18px;line-height:1}.retro-brand small,.dialog-state,.dialog-id,.side-block h2{color:var(--muted);font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:11px}.qr-open{grid-column:2;grid-row:1;width:46px;height:42px}.hex-field{grid-column:1 / -1;grid-row:2;position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none}.hex-map{position:absolute;left:50%;top:50%;width:1px;height:1px;will-change:transform}.hex-map:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:3600px;height:2400px;transform:translate(-50%,-50%);background:linear-gradient(30deg,rgba(103,232,249,.1) 12%,transparent 12.5%,transparent 87%,rgba(103,232,249,.1) 87.5%),linear-gradient(150deg,rgba(255,203,98,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,203,98,.08) 87.5%),#0c1117;background-size:76px 44px;opacity:.9}.hex{position:absolute;left:calc(var(--x) - 46px);top:calc(var(--y) - 41px);width:92px;height:82px;display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;align-items:center;gap:2px;padding:10px 8px 9px;border:0;background:transparent;color:var(--ink)}.hex:before,.hex:after,.hex em{content:"";position:absolute;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.hex:before{inset:0;background:var(--color, #3d515f)}.hex:after{inset:3px;background:#0a0f14;box-shadow:inset 0 0 18px #67e8f914}.hex em{inset:8px;z-index:1;background:linear-gradient(180deg,#ffffff14,#fff0);opacity:.72}.hex-cell{pointer-events:none;opacity:.23}.hex.filled{cursor:pointer;transition:transform .15s ease,filter .15s ease}.hex.filled:hover{filter:brightness(1.18)}.hex.active{transform:scale(1.08)}.hex.active:after{inset:6px;background:#101922}.hex-core,.hex.filled b,.hex i{position:relative;z-index:2}.hex-core{width:38px;height:34px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--color);color:#061015;font-size:13px;font-weight:900}.hex.filled b{width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cream);font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:11px;font-weight:700;text-align:center}.hex i{position:absolute;right:8px;top:8px;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 12px #ff6b6bc7}.dialog-shell{--peer-color: var(--cyan);display:grid;grid-template-rows:64px minmax(0,1fr);gap:10px}.dialog-head{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px}.dialog-avatar{width:44px;height:40px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--peer-color);color:#061015;font-weight:900}.dialog-copy{min-width:0;display:grid;gap:3px}.dialog-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px}.dialog-id{padding:8px 9px;border:1px solid #3d515f;background:#0b1015;color:var(--amber)}.editor{position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.editor.dropping{outline:2px solid var(--amber);outline-offset:-6px}.chat-scroll{min-height:0;overflow:auto;padding:18px 18px 14px;scrollbar-color:#3d515f transparent;scrollbar-width:thin}.text-paint,.text-paint-inner{min-height:100%}.chat-stream{display:flex;flex-direction:column;justify-content:flex-end;gap:10px}.chat-empty{min-height:100%;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--muted);font-family:Cascadia Mono,Consolas,ui-monospace,monospace}.chat-empty span{padding:5px 8px;border:1px solid #3d515f;color:var(--green)}.chat-empty b{max-width:min(60vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.chat-bubble{width:fit-content;max-width:min(72ch,78%);display:grid;gap:7px;padding:10px 12px 11px;border:1px solid color-mix(in srgb,var(--bubble-color) 70%,#24323d);background:#0c1218;color:var(--ink);box-shadow:inset 3px 0 0 var(--bubble-color),0 10px 28px #0000002e}.chat-bubble.local{align-self:flex-end;background:#112018}.chat-bubble.remote{align-self:flex-start}.chat-bubble.surface{align-self:center;max-width:min(80ch,88%);border-style:dashed;background:#0c1218b8}.chat-bubble.is-operator-head,.chat-bubble.is-operator-body{background:#111522}.chat-bubble.is-operator-reply{border-color:var(--amber);box-shadow:inset 3px 0 0 var(--amber)}.bubble-meta{min-width:0;display:grid;grid-template-columns:26px minmax(0,auto) auto auto;align-items:center;gap:7px;color:var(--muted);font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:11px}.bubble-meta span{width:26px;height:23px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--bubble-color);color:#061015;font-weight:900}.bubble-meta b{min-width:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.bubble-meta small{color:var(--muted)}.live-chip{padding:3px 6px;border:1px solid var(--amber);color:var(--amber);font-style:normal;animation:blink 1s steps(2,start) infinite}.chat-bubble p{margin:0;display:grid;gap:2px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:15px;line-height:1.45}.dialog-buffer{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.composer-bar{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:end;gap:8px;padding:10px;border-top:2px solid var(--edge);background:#0b1015}.chat-composer{min-width:0;width:100%;max-height:148px;resize:none;border:1px solid #3d515f;outline:0;padding:11px 12px;background:#06090d;color:var(--ink);caret-color:var(--green);font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:15px;line-height:1.35;scrollbar-width:thin}.chat-composer:focus{border-color:var(--green);box-shadow:0 0 0 2px #6dff8f24}.send-button{color:var(--amber)}.line-gutter,.line-meta{position:absolute;top:10px;z-index:4;pointer-events:none}.line-gutter{left:12px}.line-meta{right:12px}.line-gutter span,.line-meta span{display:block;padding:3px 6px;border:1px solid var(--color);background:#06090dc7;color:var(--color);font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:10px}.side-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:10px;overflow:hidden;background:#0c1117f2}.side-block{min-width:0;min-height:0;display:grid;gap:8px;align-content:start;border-top:1px solid #31414c;padding-top:9px}.side-block:first-child{border-top:0;padding-top:0}.side-block h2{margin:0}.writer-pop{min-height:42px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px}.writer-pop span{width:32px;height:28px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--cyan);color:#061015;font-size:11px;font-weight:900}.writer-pop .idle-dot{width:12px;height:12px;border-radius:50%;clip-path:none;background:#3d515f}.writer-pop b,.writer-pop small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:12px}.writer-pop small{color:var(--amber)}.file-rail{min-width:0;min-height:0;display:flex;flex-direction:column;gap:6px;overflow:auto;scrollbar-width:thin}.file-chip{flex:0 0 auto;min-width:0;min-height:38px;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center;gap:4px;padding:5px 5px 5px 8px;border:1px solid var(--color);background:#0b1015;color:var(--ink)}.file-chip a{min-width:0;height:100%;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;color:var(--ink);text-decoration:none}.file-chip svg{width:18px;height:18px;color:var(--color)}.file-chip button{width:24px;height:24px;display:grid;place-items:center;padding:0;background:transparent;color:var(--muted)}.file-chip button:active{background:var(--red);color:#110606}.file-chip button svg{width:15px;height:15px;color:currentColor}.file-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.file-chip small{color:var(--color);font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:10px;font-weight:700}.file-input{display:none}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-action{min-width:0;height:58px;display:grid;place-items:center;gap:2px;border:1px solid #3d515f;background:#0b1015;color:var(--ink);box-shadow:inset 1px 1px #ffffff17,inset -1px -1px #0000009e;cursor:pointer}.side-action svg{width:19px;height:19px}.side-action span{font-family:Cascadia Mono,Consolas,ui-monospace,monospace;font-size:10px}.side-action.is-on,.side-action.has-access{border-color:var(--green);color:var(--green)}.terminal-panel{position:absolute;left:14px;right:14px;bottom:88px;height:var(--terminal-height);z-index:7;display:none;grid-template-rows:34px minmax(0,1fr) 42px;gap:8px;padding:8px 12px 12px;border:2px solid #3d515f;background:#05070a;color:var(--ink);box-shadow:inset 0 0 0 1px #6dff8f29,0 18px 50px #0000006b}.editor.terminal-active .terminal-panel{display:grid}.editor.terminal-host .terminal-panel{grid-template-rows:34px minmax(0,1fr)}.editor.terminal-active .chat-scroll{padding-bottom:calc(var(--terminal-height) + 28px)}.terminal-head{min-width:0;display:grid;grid-template-columns:12px 34px minmax(0,1fr) 30px;align-items:center;gap:9px}.terminal-glyph,.terminal-output,.terminal-form input,.terminal-form span{font-family:Cascadia Mono,Consolas,ui-monospace,monospace}.terminal-glyph{color:#e8f7ef7a;font-size:14px}.terminal-led{width:10px;height:10px;border-radius:50%;background:#6b7d79;box-shadow:0 0 0 3px #6b7d7924}.terminal-panel[data-state=run] .terminal-led{background:var(--amber);box-shadow:0 0 0 3px #ffcb6229}.terminal-panel[data-state=ok] .terminal-led{background:var(--green);box-shadow:0 0 0 3px #6dff8f29}.terminal-panel[data-state=bad],.terminal-panel[data-state=off]{border-color:var(--red)}.terminal-panel[data-state=bad] .terminal-led,.terminal-panel[data-state=off] .terminal-led{background:var(--red);box-shadow:0 0 0 3px #ff6b6b29}.terminal-peer{width:34px;height:26px;display:grid;place-items:center;border:1px solid var(--amber);color:var(--amber);font-size:11px;font-weight:800}.terminal-close{width:30px;height:30px;display:grid;place-items:center;background:transparent;color:var(--ink)}.terminal-output{min-height:0;overflow:auto;font-size:14px;line-height:1.4;scrollbar-width:thin}.terminal-output pre{margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}.terminal-form{display:grid;grid-template-columns:18px minmax(0,1fr) 34px;align-items:center;gap:6px;border-top:1px solid #31414c}.terminal-form[hidden]{display:none}.terminal-form input{min-width:0;height:38px;border:0;outline:0;background:transparent;color:var(--ink);caret-color:var(--green);font-size:15px}.terminal-form button{width:34px;height:34px;display:grid;place-items:center;background:var(--green);color:#071009}.terminal-form button svg{width:20px;height:20px}.counterparty-menu{position:fixed;z-index:50;display:grid;grid-template-columns:repeat(3,44px);gap:5px;padding:6px;border:2px solid var(--edge);background:#0b1015;box-shadow:0 18px 44px #0000006b}.counterparty-menu button{width:44px;height:44px;display:grid;place-items:center;background:#17202a;color:var(--ink);border:1px solid #3d515f}.counterparty-menu button:active{background:var(--green);color:#071009}.counterparty-menu button.is-on{color:var(--green);border-color:var(--green)}.agent-modal,.access-modal,.qr-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#06080bc7;backdrop-filter:blur(5px)}.access-sheet{width:min(380px,100%);display:grid;justify-items:center;gap:12px;padding:18px;color:var(--ink);text-align:center}.access-mark{width:56px;height:52px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:var(--green);color:#071009}.access-sheet b{font-size:18px}.access-sheet p{max-width:290px;margin:0;color:var(--muted);line-height:1.35}.access-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.access-actions button{min-height:44px;border:1px solid #3d515f;background:#17202a;color:var(--ink);cursor:pointer}.access-actions .access-accept{background:var(--green);color:#071009}.agent-sheet{display:grid;grid-auto-flow:column;grid-auto-columns:54px;align-items:center;gap:8px;padding:8px}.agent-mark,.agent-sheet .icon-button{width:54px;height:54px;display:grid;place-items:center}.agent-mark{background:#17202a;color:var(--ink);border:1px solid #3d515f}.agent-sheet.is-ok .agent-mark,.agent-sheet.is-ok .refresh-button{background:var(--green);color:#071009}.qr-modal{z-index:70}.qr-sheet{position:relative;display:grid;place-items:center;width:min(92vmin,760px);aspect-ratio:1;padding:clamp(16px,3vmin,28px)}.qr-modal canvas{width:100%!important;height:100%!important;image-rendering:pixelated}.qr-modal button{position:absolute;top:-12px;background:#17202a;color:var(--green)}.qr-modal .refresh-button{right:98px}.qr-modal .copy-button{right:44px}.qr-modal .close-button,.qr-modal.persistent .copy-button{right:-10px}.qr-modal.persistent .refresh-button{right:44px}@keyframes blink{50%{opacity:.34}}@media(max-width:980px){.shell{grid-template-columns:minmax(176px,32vw) minmax(0,1fr)}.side-panel{display:none}.chat-bubble{max-width:86%}}@media(max-width:680px){body{overflow:auto}.shell{min-height:100svh;height:100svh;grid-template-columns:1fr;grid-template-rows:156px minmax(0,1fr);gap:8px;padding:8px}.hive-panel{grid-template-rows:auto minmax(0,1fr)}.retro-brand{grid-template-columns:38px minmax(0,1fr)}.retro-brand-mark{width:38px;height:36px}.qr-open{width:42px;height:38px}.dialog-shell{grid-template-rows:58px minmax(0,1fr)}.dialog-head{grid-template-columns:40px minmax(0,1fr)}.dialog-avatar{width:40px;height:36px}.dialog-id{display:none}.chat-scroll{padding:12px}.chat-bubble{max-width:94%}.bubble-meta{grid-template-columns:26px minmax(0,auto) auto}.live-chip{grid-column:2 / -1;width:fit-content}.composer-bar{grid-template-columns:42px minmax(0,1fr) 42px;padding:8px}.terminal-panel{left:8px;right:8px;bottom:78px;height:min(48svh,360px)}}