.app{flex-direction:column;width:900px;max-width:100%;height:100vh;margin:0 auto;display:flex}.app-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.app-header h1{margin:0;font-size:1rem;font-weight:600}.hint{color:var(--color-muted);font-size:.875rem}.brand{color:var(--color-muted);align-items:center;gap:.5rem;display:flex}.logo{width:1.75rem;height:1.75rem}.body{flex:1;display:flex;position:relative;overflow:hidden}.panes{flex:1;display:flex;overflow:hidden}.panes.dimmed{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0;width:18rem;overflow-y:auto}.chat-item{border-bottom:1px solid var(--color-border);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.chat-item:hover{background:var(--color-bg)}.chat-item.selected{background:var(--color-accent);color:#fff}.chat-meta{min-width:0}.name{font-weight:500}.preview{color:var(--color-muted);font-size:.75rem}.chat-item.selected .preview{color:#fffc}.truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.avatar{background:var(--color-border);width:2.25rem;height:2.25rem;color:var(--color-muted);border-radius:9999px;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:600;display:grid}.conversation{flex-direction:column;flex:1;display:flex;overflow:hidden}.conversation-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.messages{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.5rem;max-width:70%;padding:.5rem .75rem;font-size:.875rem}.bubble.theirs{border:1px solid var(--color-border);background:var(--color-surface);align-self:flex-start}.bubble.mine{background:var(--color-accent);color:#fff;align-self:flex-end}.composer{border-top:1px solid var(--color-border);background:var(--color-surface);gap:.5rem;padding:.75rem;display:flex}.composer input{border:1px solid var(--color-border);background:var(--color-bg);color:inherit;font:inherit;border-radius:.5rem;outline:none;flex:1;padding:.5rem .75rem;font-size:.875rem}.composer input:focus{border-color:var(--color-accent)}.overlay{place-items:center;display:grid;position:absolute;inset:0}.overlay-card{border:1px solid var(--color-border);background:var(--color-surface);text-align:center;border-radius:.875rem;max-width:20rem;padding:1.25rem 1.5rem;box-shadow:0 1px 2px #0000000d}.muted{color:var(--color-muted);font-size:.875rem}.empty-logo{width:2.5rem;height:2.5rem;margin:0 auto .75rem;animation:1.2s infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.empty-logo{animation:none}}:root{--color-accent:#3390ec;--color-accent-hover:#2b7fd4;--color-bg:#f4f4f5;--color-surface:#fff;--color-text:#212121;--color-muted:#707579;--color-border:#e7e7e9;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5}@media (prefers-color-scheme:dark){:root{--color-bg:#0e1621;--color-surface:#17212b;--color-text:#fff;--color-muted:#8a8f95;--color-border:#0a121b}}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;background:var(--color-accent);color:#fff;border:none;border-radius:.625rem;padding:.5rem 1rem;transition:background .15s}button:hover{background:var(--color-accent-hover)}::selection{background:var(--color-accent);color:#fff}