:root{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius:.625rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--ease-out:cubic-bezier(.23, 1, .32, 1);--shadow-xs:0 1px 2px #0000000a;--background:#0c0c0c;--foreground:#f5f5f5;--card:#111;--card-foreground:#f5f5f5;--popover:#141414;--popover-foreground:#f5f5f5;--primary:#ffffff24;--primary-foreground:#f5f5f5;--secondary:#ffffff0a;--muted:#ffffff0a;--muted-foreground:#a3a3a3;--accent:#ffffff0a;--destructive:#f87171;--destructive-foreground:#f87171;--success-foreground:#34d399;--border:#ffffff0f;--ring:#737373;--sidebar:#0d0d0d;--sidebar-foreground:#a3a3a3;--sidebar-accent:#ffffff0a;--sidebar-accent-foreground:#f5f5f5;--sidebar-border:#ffffff0d;--sidebar-ring:#a3a3a3}*,:before,:after{box-sizing:border-box;border-color:var(--border)}html,body{min-height:100%;margin:0}body,#app{min-height:100vh;color:var(--foreground);background:var(--background);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.btn{border-radius:var(--radius-md);background:var(--primary);height:2.25rem;color:var(--primary-foreground);cursor:pointer;box-shadow:var(--shadow-xs);border:1px solid #0000;justify-content:center;align-items:center;padding:0 .875rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;width:100%;min-height:0;padding:2.5rem 1.5rem;display:flex}.empty-header{flex-direction:column;align-items:center;gap:.5rem;max-width:22rem;display:flex}.empty-title{letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:600}.empty-description{color:var(--muted-foreground);margin:0;font-size:.875rem;line-height:1.5}.empty-content{gap:.5rem;display:flex}.scroll-area{overscroll-behavior:contain;min-height:0;overflow:auto}.boot{place-content:center;gap:1rem;min-height:100vh;padding:2rem;display:grid}.app{background:var(--background);min-height:100vh;display:grid;position:relative}.brand{letter-spacing:-.03em;color:var(--sidebar-accent-foreground);margin:0;font-size:1.125rem;font-weight:650;text-decoration:none}.workspace{grid-template-columns:minmax(240px,288px) 1fr;height:100vh;min-height:0;display:grid}.sidebar{background:var(--sidebar);min-height:0;color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);flex-direction:column;display:flex}.sidebar-header{border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;gap:.75rem;height:3.5rem;padding:0 1rem;display:flex}.gateway-signal{appearance:none;border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.gateway-signal:hover{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.gateway-signal:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:1px}.gateway-signal svg{width:1.25rem;height:1.25rem;display:block}.gateway-signal .bar{opacity:.35}.gateway-signal.connected{color:var(--success-foreground)}.gateway-signal.connected .bar{opacity:1}.gateway-signal.disconnected{color:var(--destructive-foreground)}.gateway-signal.disconnected .bar-1,.gateway-signal.disconnected .bar-2{opacity:1}.gateway-signal.disconnected .bar-3,.gateway-signal.disconnected .bar-4,.gateway-signal.unknown .bar{opacity:.22}.sidebar-content{flex-direction:column;flex:1;min-height:0;padding:.5rem;display:flex}.recipient-list{flex-direction:column;gap:.125rem;margin:0;padding:0;list-style:none;display:flex}.recipient{appearance:none;border-radius:var(--radius-md);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;gap:.125rem;padding:.625rem .75rem;text-decoration:none;display:grid}.recipient:hover,.recipient.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.recipient.active{border-color:var(--sidebar-border);box-shadow:var(--shadow-xs)}.recipient:active{transform:scale(.985)}.recipient:focus-visible{outline:2px solid var(--sidebar-ring);outline-offset:1px}.recipient-name{color:var(--sidebar-accent-foreground);font-size:.875rem;font-weight:550}.recipient-preview{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.thread{background:var(--background);flex-direction:column;min-width:0;min-height:0;display:flex}.thread-header{border-bottom:1px solid var(--border);background:var(--card);align-items:center;height:3.5rem;padding:0 1.25rem;display:flex}.thread-header h2{color:var(--foreground);letter-spacing:-.02em;font-size:.95rem;font-weight:600;font-family:var(--font-mono);margin:0}.messages{flex-direction:column;flex:1;gap:.625rem;min-height:0;padding:1.25rem;display:flex}.bubble{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);max-width:min(36rem,85%);color:var(--card-foreground);box-shadow:var(--shadow-xs);padding:.75rem .875rem}.bubble.inbound{border-bottom-left-radius:var(--radius-sm);background:var(--secondary);align-self:flex-start}.bubble.outbound{border-bottom-right-radius:var(--radius-sm);background:var(--primary);color:var(--primary-foreground);border-color:#0000;align-self:flex-end}.bubble.outbound .bubble-time{color:#ffffffb3}.bubble-body{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.875rem;line-height:1.45}.bubble-time{color:var(--muted-foreground);font-size:.6875rem;font-family:var(--font-mono);margin-top:.4rem;display:block}.status-error{color:var(--destructive-foreground)}.dialog-backdrop{z-index:40;background:#0000008c;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.dialog-backdrop-locked{cursor:default}.setup-dialog,.gateway-sheet{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--popover);width:min(22.5rem,100%);color:var(--popover-foreground);box-shadow:var(--shadow-xs)}.setup-dialog{text-align:center;padding:1.75rem 1.5rem}.setup-dialog h2{letter-spacing:-.03em;margin:0;font-size:1.15rem;font-weight:650}.setup-dialog p{color:var(--muted-foreground);margin:.7rem 0 0;font-size:.9rem;line-height:1.55}.gateway-sheet{--gw-accent:var(--muted-foreground);position:relative;overflow:hidden}.gateway-sheet.connected{--gw-accent:var(--success-foreground)}.gateway-sheet.disconnected,.gateway-sheet.unknown{--gw-accent:var(--destructive-foreground)}.gateway-sheet-close{z-index:2;appearance:none;border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:1rem;line-height:1;position:absolute;top:.65rem;right:.65rem}.gateway-sheet-close:hover{color:var(--foreground)}.gateway-hero{text-align:center;padding:1.75rem 1.35rem 1.35rem}.gateway-sheet:not(.connected) .gateway-hero{padding-bottom:1.75rem}.gateway-hero-signal{width:3.5rem;height:3.5rem;color:var(--gw-accent);justify-content:center;align-items:flex-end;margin-bottom:.85rem;display:inline-flex}.gateway-hero-signal svg{width:2.75rem;height:2.75rem}.gateway-sheet.connected .gateway-hero-signal .bar{opacity:1}.gateway-sheet.disconnected .gateway-hero-signal .bar,.gateway-sheet.unknown .gateway-hero-signal .bar{opacity:.22}.gateway-sheet.disconnected .gateway-hero-signal .bar-1,.gateway-sheet.disconnected .gateway-hero-signal .bar-2{opacity:1}.gateway-hero-status{letter-spacing:-.03em;color:var(--gw-accent);margin:.35rem 0 0;font-size:1.4rem;font-weight:650}.gateway-hero-sub{max-width:18rem;color:var(--muted-foreground);margin:.45rem auto 0;font-size:.8125rem;line-height:1.45}.gateway-meters{grid-template-columns:1fr 1fr;gap:.5rem;padding:0 .85rem 1.1rem;display:grid}.gateway-meter{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--muted);flex-direction:column;gap:.2rem;min-height:4.25rem;padding:.7rem .75rem;display:flex}.gateway-meter.battery{gap:.45rem;min-width:0}.gateway-meter-label{color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem;font-weight:550}.gateway-meter-value{letter-spacing:-.02em;word-break:break-word;font-size:.95rem;font-weight:550;line-height:1.25}.gateway-battery-track{background:#ffffff14;border-radius:999px;height:.35rem;overflow:hidden}.gateway-battery-fill{height:100%;width:var(--level,0%);border-radius:inherit;background:var(--gw-accent)}.gateway-error{border-radius:var(--radius-md);color:var(--destructive-foreground);word-break:break-word;background:#ef44441f;border:1px solid #f8717147;margin:0 .85rem .85rem;padding:.65rem .75rem;font-size:.75rem;line-height:1.4}@media (width<=800px){.workspace{grid-template-rows:minmax(220px,34vh) 1fr;grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--sidebar-border)}}