:root{--bg: #fafafa;--bg-elevated: #ffffff;--fg: #1a1a1a;--fg-muted: #5a5a5a;--border: #d9d9d9;--accent: #3b82f6;--accent-contrast: #ffffff;--danger: #d32f2f;--success: #2e7d32;--radius: 8px;--gutter: 16px;--font-sans: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif}:root[data-theme=dark]{--bg: #121212;--bg-elevated: #1e1e1e;--fg: #f2f2f2;--fg-muted: #a0a0a0;--border: #2e2e2e;--accent: #60a5fa;--accent-contrast: #0b1220;--danger: #ef5350;--success: #66bb6a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100%}body{padding:var(--gutter)}a{color:var(--accent);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,h2{margin:0 0 var(--gutter) 0}.btn{display:inline-block;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--fg);font:inherit;cursor:pointer;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.btn--ghost{background:transparent}.landing{max-width:420px;margin:10vh auto 0;text-align:center}.landing__title{font-size:28px;margin-bottom:24px}.landing__buttons{display:flex;flex-direction:column;gap:12px}.landing__status{margin-top:24px;color:var(--fg-muted);font-size:14px;min-height:1.2em}.form{max-width:420px;margin:8vh auto 0}.form__heading{text-align:center}.form__body{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.form__body label{display:flex;flex-direction:column;gap:6px}.form__body input{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);color:var(--fg);font:inherit}.form__switch{display:block;text-align:center;margin-top:8px}.form__error{margin:8px 0 0;padding:10px 12px;border:1px solid var(--danger, #d93025);border-radius:var(--radius);color:var(--danger, #d93025);background:var(--bg-elevated);font-size:14px;min-height:1.2em}.form__error:empty{display:none}.app{display:flex;flex-direction:column;gap:var(--gutter);max-width:1120px;margin:0 auto;min-height:calc(100vh - 2 * var(--gutter))}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gutter);padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.app-header__brand{font-weight:600}.app-header__meta{display:flex;align-items:center;gap:12px}.app-header__user{color:var(--fg-muted);font-size:14px}.app-header__status{font-size:12px;padding:4px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--fg-muted);cursor:default}.app-header__status--online{color:var(--accent);border-color:var(--accent)}.app-header__status--offline{color:var(--fg-muted)}.app-header__status--dead{color:var(--danger, #d93025);border-color:var(--danger, #d93025);cursor:pointer}.app-header__theme{min-height:36px;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.app-header__logout{min-height:36px;padding:4px 10px}.app__body{display:flex;flex:1;min-height:0;gap:var(--gutter)}.app__sidebar{width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gutter);display:flex;flex-direction:column;min-height:0}.app__sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.app__sidebar-header h2{margin:0;font-size:18px}.sidebar__add{min-height:36px;min-width:36px;padding:0 10px;font-size:20px;line-height:1}.contact-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.contact-list__empty{color:var(--fg-muted);font-size:14px;padding:10px 4px}.contact{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:var(--radius);cursor:pointer;position:relative}.contact:hover,.contact:focus-visible{background:var(--bg)}.contact--active{background:var(--bg);outline:1px solid var(--accent)}.contact__avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:inline-flex;align-items:center;justify-content:center;font-weight:600;flex:0 0 auto}.contact__body{display:flex;flex-direction:column;flex:1;min-width:0}.contact__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact__preview{color:var(--fg-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact__unread{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:0 0 auto}.contact__call{background:transparent;border:1px solid var(--border);border-radius:var(--radius);min-height:32px;padding:0 10px;color:var(--fg);cursor:pointer}.app__chat{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gutter);display:flex;flex-direction:column;min-height:0}.chat__empty{color:var(--fg-muted);text-align:center;margin:auto}.chat__messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:10px}.bubble{max-width:70%;padding:8px 12px;border-radius:14px;background:var(--bg);border:1px solid var(--border);word-wrap:break-word}.bubble--out{align-self:flex-end;background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.bubble--in{align-self:flex-start}.bubble__text{white-space:pre-wrap}.chat__composer{display:flex;align-items:flex-end;gap:8px;margin-top:8px}.chat__input{flex:1;min-height:44px;max-height:160px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;resize:vertical}@media (min-width: 768px){.app__sidebar{width:280px;flex:0 0 280px}}@media (max-width: 767px){.app__body{flex-direction:column}.app__sidebar{width:100%;max-height:40vh}.app__chat{min-height:50vh}}.call-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 16px;background:#0a0f1a;color:#e8ecf5;z-index:50}.call-overlay__avatar{width:96px;height:96px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:42px}.call-overlay__name{font-size:22px;font-weight:600}.call-overlay__state{color:#a7b0c4;font-size:14px;min-height:1.2em}.call-overlay__controls{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;justify-content:center}.call-overlay__controls .btn{min-width:112px}.call-overlay--incoming .btn--primary{background:#2dbd82;border-color:#2dbd82;color:#0a0f1a}.call-overlay--active .btn--primary{background:#d93025;border-color:#d93025;color:#fff}.call-overlay__quality{display:inline-flex;align-items:center;gap:6px;min-height:12px}.quality-dot{width:10px;height:10px;border-radius:50%;background:#3a475f;transition:background .18s ease}.call-overlay__quality--good .quality-dot--on{background:#2dbd82}.call-overlay__quality--fair .quality-dot--on{background:#a4c93f}.call-overlay__quality--poor .quality-dot--on{background:#e2b23a}.call-overlay__quality--critical .quality-dot--on{background:#e07a3a}.call-overlay__quality--survivable .quality-dot--on{background:#d93025}.toast-container{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast{background:var(--c-surface-raised, #1e2535);color:var(--c-fg, #e7ebf3);padding:10px 16px;border-radius:10px;box-shadow:0 6px 24px #00000059;max-width:min(80vw,480px);font-size:14px;line-height:1.4;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.toast--visible{opacity:1;transform:translateY(0)}.app__sidebar-note{padding:12px 16px;margin:0;color:var(--c-fg-muted, #a0a7b7);font-size:13px;line-height:1.45}