*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(ellipse at center,#0e1017,#050609);background-attachment:fixed;min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#e6e7ec;-webkit-font-smoothing:antialiased}:root{--text: #e6e7ec;--muted: #5a5c68;--muted-strong: #8b8d9a;--line: rgba(230, 231, 236, .08);--surface: rgba(255, 255, 255, .02);--surface-hover: rgba(255, 255, 255, .05);--surface-active: rgba(255, 255, 255, .08);--accent: #5fd39a;--accent-amber: #c9a24b;--mine: rgba(95, 211, 154, .12);--sidebar-width: 320px;--breakpoint: 720px}.app{display:flex;height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--line);min-height:0}.brand{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.1rem;border-bottom:1px solid var(--line)}.brand-mark{font-weight:300;letter-spacing:.22em;font-size:.95rem;color:var(--text)}.status{display:inline-flex;align-items:center;gap:.4rem;font-size:.66rem;letter-spacing:.06em;color:var(--muted);text-transform:lowercase}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-amber);flex-shrink:0}.status-dot--on{background:var(--accent);box-shadow:0 0 7px #5fd39a73;animation:dot-pulse 2.8s ease-in-out infinite}.status--offline .status-dot,.status--degraded .status-dot{background:#b4544e}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.5}}.new-topic,.compose{display:flex;gap:.5rem;padding:.75rem .9rem;border-bottom:1px solid var(--line)}.compose{border-bottom:none;border-top:1px solid var(--line)}.text-input{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.55rem .75rem;color:var(--text);font:inherit;font-size:.85rem;outline:none;transition:border-color .15s ease}.text-input:focus{border-color:#5fd39a66}.text-input::placeholder{color:var(--muted)}.button{flex-shrink:0;background:var(--surface-active);border:1px solid var(--line);border-radius:8px;padding:.55rem .9rem;color:var(--text);font:inherit;font-size:.8rem;cursor:pointer;transition:background-color .15s ease}.button:hover{background:var(--surface-hover)}.conversation-list{list-style:none;overflow-y:auto;flex:1;min-height:0}.conversation{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--line);padding:.8rem 1.1rem;color:var(--text);cursor:pointer;font:inherit;transition:background-color .12s ease}.conversation:hover{background:var(--surface-hover)}.conversation.is-selected{background:var(--surface-active)}.conversation-mood{width:8px;height:8px;border-radius:50%;flex-shrink:0}.conversation-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.conversation-topic{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-preview{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:1.1rem;color:var(--muted);font-size:.78rem;text-align:center}.you{padding:.75rem 1.1rem;border-top:1px solid var(--line);font-size:.7rem;color:var(--muted);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;position:relative}.thread-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);font-size:.85rem;letter-spacing:.04em;padding:2rem;text-align:center}.thread-head{display:flex;align-items:center;gap:.5rem;padding:1rem 1.1rem;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--text)}.thread-topic{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back{display:none;background:none;border:none;color:var(--muted-strong);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .3rem}.messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:1.1rem}.message{display:flex;flex-direction:column;gap:.2rem;max-width:min(78%,34rem);align-self:flex-start;padding:.55rem .75rem;border-radius:10px;background:var(--surface);border:1px solid var(--line)}.message--mine{align-self:flex-end;background:var(--mine);border-color:#5fd39a40}.message-author{font-size:.64rem;letter-spacing:.05em;color:var(--muted);font-variant-numeric:tabular-nums}.message-body{font-size:.9rem;line-height:1.4;overflow-wrap:anywhere}.toast{position:absolute;left:50%;bottom:5.5rem;transform:translate(-50%);background:#b4544ef2;color:#fff;font-size:.78rem;padding:.5rem .9rem;border-radius:8px;box-shadow:0 6px 20px #0006}@media (prefers-reduced-motion: reduce){.status-dot--on{animation:none}}@media (max-width: 720px){.sidebar{width:100%}.app--thread-open .sidebar{display:none}.app:not(.app--thread-open) .thread{display:none}.back{display:inline-block}}