:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08110d;--bg-soft:#102018;--panel:#143024;--line:#214534;--text:#eef6ef;--muted:#93b19d;--accent:#3dce7d;--accent-deep:#1f8f52;--danger:#ef6b6b;--me:#1c6b46;--them:#1b2c24;font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%;height:100%;min-height:100dvh;margin:0;overflow-x:hidden}body{background:radial-gradient(circle at top left, #184a32 0%, transparent 32%), var(--bg);color:var(--text);overflow-x:hidden}button,input,textarea{font:inherit}button{background:var(--accent);color:#04210f;cursor:pointer;border:0;border-radius:10px;padding:.7rem .9rem;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}button.ghost,.sheet-actions .ghost,.settings-btn{color:var(--text);border:1px solid var(--line);background:0 0}button.danger{background:var(--danger);color:#2a0707}button.danger-outline{color:#ffc2c2;background:0 0;border:1px solid #8a3a3a}input,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#0c1a14;border-radius:10px;padding:.7rem .8rem}.app{grid-template-columns:320px 1fr;width:100%;max-width:100%;height:100%;min-height:100dvh;display:grid;overflow-x:hidden}.rail-backdrop,.mobile-bar,.rail-close,.thread-back{display:none}.icon-btn{white-space:nowrap;flex-shrink:0}.rail{border-right:1px solid var(--line);background:#08140feb;flex-direction:column;gap:1rem;min-width:0;min-height:0;padding:1.2rem;display:flex;overflow:auto}.brand{align-items:center;gap:.8rem;display:flex}.brand>div{flex:1;min-width:0}.brand-mark{background:linear-gradient(180deg, var(--accent), var(--accent-deep));color:#04210f;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand small{color:var(--muted);display:block}.muted,.empty,.eyebrow{color:var(--muted)}.brand strong,h1,h2{margin:0}.health,.pill{border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .7rem;font-size:.8rem;display:inline-flex}.health{background:#1a2c22;width:fit-content}.health i{background:#7d8c83;border-radius:50%;width:8px;height:8px}.health.up i{background:var(--accent)}.health.down i{background:var(--danger)}.create,.qr-card,.chat-shell,.sheet,.connected{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px}.connected{padding:.9rem}.create{gap:.55rem;padding:.9rem;display:grid}.list-head,.topbar,.thread-head,.sheet-actions,.actions{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.instance-list,.chat-list,.bubbles{overflow:auto}.instance-list{flex:1;align-content:start;gap:.5rem;display:grid}.instance,.chat-list button{text-align:left;width:100%;color:var(--text);background:#0e1c16;border:1px solid #0000;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.chat-list button{grid-template-columns:40px minmax(0,1fr)}.instance.active,.chat-list button.active{border-color:var(--accent);background:#173526}.avatar{background:#245c40;border-radius:50%;place-items:center;width:40px;height:40px;font-size:.75rem;font-weight:700;display:grid}.meta,.chat-list button span:last-child{gap:.15rem;min-width:0;display:grid}.meta strong,.chat-list button strong,.thread-head strong,.brand strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta small,.chat-list small,.thread-head small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pill.open{color:#8ef0b6;background:#164b31}.pill.connecting{color:#f0d48e;background:#3d3514}.pill.close{color:#ffb4b4;background:#3a1d1d}.settings-btn{width:100%}.workspace{min-width:0;min-height:0;padding:1.2rem 1.4rem 1.5rem;padding-left:max(1.4rem, env(safe-area-inset-left));padding-right:max(1.4rem, env(safe-area-inset-right));padding-bottom:max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;display:flex}.banner{border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.75rem .9rem;display:flex}.banner span{overflow-wrap:anywhere;min-width:0}.banner.error{background:#3a1818}.banner.ok{background:#16341f}.banner button{color:inherit;background:0 0;padding:0}.blank{text-align:center;flex:1;place-content:center;justify-items:stretch;gap:.7rem;width:100%;max-width:100%;min-height:min(420px,100dvh - 8rem);padding:1rem;display:grid;overflow:hidden}.blank>*{min-width:0;max-width:100%}.blank h1,.blank p{white-space:normal;overflow-wrap:anywhere;word-break:break-word;width:100%}.blank h1{font-size:clamp(1.35rem,7vw,2rem);line-height:1.25}.topbar{flex-shrink:0;align-items:flex-start;margin-bottom:1rem}.topbar>div:first-child{min-width:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.actions{flex-wrap:wrap;justify-content:flex-end}.actions button{flex:0 auto}.panels{flex:1;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:1rem;min-height:0;display:grid}.qr-card,.chat-shell{padding:1rem}.qr-wrap img{background:#fff;border-radius:12px;width:min(100%,280px);margin-inline:auto;display:block}.qr-wrap ol{color:var(--muted);padding-left:1.1rem}.chat-shell{grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:.9rem;min-width:0;min-height:0;padding:.75rem;display:grid}.chats{grid-template-rows:auto 1fr;gap:.6rem;min-width:0;min-height:0;display:grid}.chat-toolbar{gap:.45rem;display:grid}.chat-toolbar .ghost{display:none}.stats .badge{background:var(--accent);color:#04210f;border-color:#0000}.chat-list{align-content:start;gap:.45rem;min-height:0;max-height:none;display:grid;overflow:auto}.thread{background:#0b1712;border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.thread-head,.composer{padding:.85rem}.bubbles{flex-direction:column;gap:.55rem;min-height:0;max-height:none;padding:.8rem;display:flex;overflow:auto}.bubbles article{overflow-wrap:anywhere;border-radius:14px;max-width:min(75%,42rem);padding:.7rem .8rem;position:relative}.bubbles article p{margin:0}.bubbles .me{background:var(--me);margin-left:auto}.bubbles .them{background:var(--them)}.bubbles time{color:#c9e2d2;margin-top:0;font-size:.72rem;display:block}.bubbles a{color:#b7f5cf}.composer{grid-template-columns:1fr;align-items:stretch;gap:.6rem;display:grid}.composer textarea{resize:vertical;min-height:2.8rem;max-height:12rem}.composer-actions{justify-content:flex-end;gap:.55rem;display:flex}.new-number{grid-template-columns:1fr auto;gap:.5rem;display:grid}.stats{flex-wrap:wrap;gap:.4rem;display:flex}.stats span{border:1px solid var(--line);color:var(--muted);background:#12261c;border-radius:999px;padding:.28rem .65rem;font-size:.78rem}.badge,.unread{background:var(--accent);color:#04210f;text-align:center;border-radius:999px;min-width:1.4rem;padding:.18rem .45rem;font-size:.72rem;font-style:normal;font-weight:800}.panels.full-chat{grid-template-columns:1fr}.thread-tools,.filters,.msg-actions,.msg-meta,.reply-bar,.check{align-items:center;gap:.45rem;display:flex}.filters,.thread-tools{flex-wrap:wrap}.thread-tools input{min-width:160px}.filters button,.msg-actions button{padding:.35rem .6rem;font-size:.78rem}.filters button.active{background:var(--accent)}.tag{color:#8ef0b6;background:#164b31;border-radius:999px;margin-left:.35rem;padding:.05rem .4rem;font-size:.65rem;font-style:normal}.msg-type{text-transform:uppercase;letter-spacing:.04em;color:#c9e2d2;margin-bottom:.35rem;font-size:.7rem;display:inline-block}.msg-meta{color:#c9e2d2;justify-content:flex-end;margin-top:.35rem;font-size:.72rem}.msg-actions{flex-wrap:wrap;margin-top:.4rem}.media-preview{border-radius:10px;max-width:100%;max-height:240px;margin-bottom:.45rem;display:block}.reply-bar{color:var(--muted);background:#12261c;border-radius:10px;justify-content:space-between;padding:.5rem .65rem;font-size:.85rem}.check{color:var(--text)}.check input{width:auto}.number-check{margin:0}.thread-head{align-items:flex-start}.thread-head>div{gap:.15rem;min-width:0;display:grid}.modal{z-index:60;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.sheet{gap:.8rem;width:min(460px,100vw - 2rem);padding:1.2rem;display:grid}.pairing{font-family:IBM Plex Mono,monospace}@media (width<=1200px){.app{grid-template-columns:280px 1fr}.panels{grid-template-columns:1fr}}@media (width<=960px){.app{grid-template-columns:1fr;height:auto;min-height:100dvh}.rail-backdrop{z-index:40;background:#0000008c;display:none;position:fixed;inset:0}.app.rail-open .rail-backdrop{display:block}.rail{z-index:50;border-right:1px solid var(--line);width:min(320px,100vw - 2.5rem);height:100dvh;padding-top:max(1.2rem, env(safe-area-inset-top));padding-bottom:max(1.2rem, env(safe-area-inset-bottom));transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-105%)}.app.rail-open .rail{transform:none}.rail-close,.mobile-bar{display:flex}.mobile-bar{padding-top:env(safe-area-inset-top);align-items:center;gap:.75rem;margin:-.4rem 0 .9rem}.mobile-bar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace{padding:.9rem 1rem 1.1rem}.topbar{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start}.actions button{flex:8.5rem}.qr-card,.chat-shell,.new-number{grid-template-columns:1fr}.chat-shell{min-height:min(72dvh,760px)}.qr-card:has(.connected){padding:.75rem .9rem}.qr-card:has(.connected) h2{display:none}.connected{background:0 0;border:0;padding:0}}@media (width<=720px){.chat-toolbar .ghost,.thread-back{display:inline-flex}.chat-shell:not(.show-thread) .thread,.chat-shell.show-thread .chats{display:none}.thread-head{flex-wrap:wrap}.bubbles article{max-width:88%}.composer-actions,.sheet-actions{flex-wrap:wrap}.composer-actions button,.sheet-actions button{flex:8rem}.sheet{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);margin:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);overflow:auto}}@media (width<=480px){button,input,textarea{font-size:16px}.workspace{padding:.75rem .7rem .9rem}.blank h1{font-size:1.45rem;line-height:1.25}.brand-mark,.avatar{width:36px;height:36px}.instance{grid-template-columns:36px minmax(0,1fr) auto;gap:.5rem;padding:.55rem .6rem}.chat-list button{grid-template-columns:36px minmax(0,1fr);gap:.5rem;padding:.55rem .6rem}.pill{text-overflow:ellipsis;white-space:nowrap;max-width:7.5rem;overflow:hidden}.chat-shell,.qr-card,.create{padding:.65rem}}.login-gate{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.login-card{border:1px solid var(--line);background:#08140feb;border-radius:16px;flex-direction:column;gap:.85rem;width:min(420px,100%);padding:1.4rem;display:flex}.login-card form{flex-direction:column;gap:.55rem;display:flex}.password-field{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:.45rem;display:grid}.password-field .ghost{white-space:nowrap;padding-inline:.85rem}.login-error{color:#ffb4b4;margin:0}.login-hint{margin:0;font-size:.9rem}.login-link{color:var(--accent);font-weight:700;text-decoration:none}