:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#0f1115;color:#f5f6f8}*{box-sizing:border-box}body{margin:0;background:#0f1115}button{border:none;padding:.6rem 1rem;border-radius:8px;background:#3a7afe;color:#fff;cursor:pointer;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}input{width:100%;padding:.6rem .8rem;border-radius:8px;border:1px solid #2b2f3a;background:#151923;color:#f5f6f8}.centered{display:flex;align-items:center;justify-content:center;min-height:100vh}.card{background:#171b24;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0006;width:min(420px,90vw);display:flex;flex-direction:column;gap:1rem}.button-row{display:flex;gap:.6rem}.profile-list{display:flex;flex-direction:column;gap:.4rem}.profile-list button.active{background:#22c55e}.profile-form{display:grid;gap:.6rem}.profile-clone{display:grid;gap:.4rem}.profile-clone select{width:100%;padding:.6rem .8rem;border-radius:8px;border:1px solid #2b2f3a;background:#151923;color:#f5f6f8}.profile-node{display:grid;gap:.35rem;font-size:.9rem;color:#cbd5f5}.profile-node select{width:100%;padding:.6rem .8rem;border-radius:8px;border:1px solid #2b2f3a;background:#151923;color:#f5f6f8}.profile-node small{color:#94a3b8}.checkbox-row{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#cbd5f5}.layout{display:grid;grid-template-columns:260px 1fr;height:calc(100vh - 58px)}.app-shell{display:flex;flex-direction:column;height:100vh}.topbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid #23273a;background:#0f131d;gap:1rem}.hamburger{display:none;background:transparent;border:1px solid #2b2f3a;color:#f5f6f8;padding:.35rem .6rem;border-radius:8px;font-size:1.1rem}.identity{display:flex;gap:.6rem;align-items:baseline;overflow:hidden}.identity-short{font-weight:700;color:#e2e8f0;white-space:nowrap}.identity-long{color:#cbd5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.sidebar{background:#121520;padding:1.5rem;border-right:1px solid #23273a;display:flex;flex-direction:column;gap:1.5rem;min-height:0}.section h3{margin:0 0 .5rem}.muted{color:#94a3b8}.status{padding:.2rem .6rem;border-radius:12px;font-size:.85rem;display:inline-block}.status.ok{background:#22c55e33;color:#22c55e}.status.warn{background:#f59e0b33;color:#f59e0b}.presence-list{display:flex;flex-direction:column;gap:.4rem}.presence{padding:.4rem .6rem;border-radius:8px;background:#1b2030;display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;min-height:44px}.presence-row{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.presence-long{color:#e2e8f0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.presence-last{color:#94a3b8;font-size:.75rem;white-space:nowrap}.presence-sub{color:#94a3b8;font-size:.78rem}.presence-metrics{display:flex;flex-wrap:wrap;gap:.35rem;font-size:.72rem}.metric{padding:.1rem .45rem;border-radius:999px;background:#1f2937;color:#94a3b8}.metric.good{background:#22c55e33;color:#22c55e}.metric.ok{background:#f59e0b33;color:#f59e0b}.metric.poor{background:#ef444433;color:#ef4444}.presence.online{border:1px solid #22c55e55}.chat{display:flex;flex-direction:column;min-height:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #23273a}.chat-loading{padding:.35rem 1.5rem 0;font-size:.8rem;color:#94a3b8}.ws-status{font-size:.85rem;padding:.25rem .6rem;border-radius:10px;background:#1f2937}.ws-status.connected{background:#22c55e33;color:#22c55e}.ws-status.connecting{background:#f59e0b33;color:#f59e0b}.timeline{flex:1;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;min-height:0}.message{background:#141826;padding:.75rem 1rem;border-radius:12px;max-width:70%}.message.incoming{align-self:flex-start}.message.own{align-self:flex-end;background:#1b243b}.message-header{display:flex;justify-content:space-between;gap:.75rem}.sender-block{display:flex;flex-direction:column;gap:.2rem;min-width:0}.sender-long{color:#e2e8f0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sender-meta{color:#94a3b8;font-size:.72rem}.message-metrics{margin-top:.2rem;color:#7c8599;font-size:.7rem;display:flex;gap:.5rem;flex-wrap:wrap}.message-body{margin-top:.4rem;font-size:.95rem}.composer{display:flex;gap:.6rem;padding:1rem 1.5rem;border-top:1px solid #23273a;position:sticky;bottom:0;background:#0f1115;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.composer input{flex:1}.presence-section{display:flex;flex-direction:column;min-height:0;flex:1}.presence-list{overflow-y:auto;min-height:0}.bridge-compact{display:flex;align-items:center;gap:.6rem}.sidebar-overlay{display:none}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{order:2}}@media (max-width: 768px){.layout{height:calc(100vh - 58px)}.hamburger{display:inline-flex}.sidebar{position:fixed;top:58px;left:0;bottom:0;width:min(320px,85vw);transform:translate(-100%);transition:transform .2s ease;z-index:20}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:58px;right:0;bottom:0;left:0;background:#00000080;z-index:10}.chat{width:100%}.message{max-width:94%}.composer button{padding:.7rem 1.1rem}}