:root{--bg:#faf7f2;--surface:#fff;--surface-muted:#fbfaf7;--border:#e9e3d9;--border-strong:#d5cec1;--fg:#26262a;--muted:#6f6f77;--primary:#7d1a2a;--primary-hover:#6a1523;--primary-fg:#fff;--primary-soft:#f6eaec;--danger:#b91c1c;--radius:8px}*{box-sizing:border-box}html,body{height:100%}body{color:var(--fg);background:var(--bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input{font:inherit}h1{margin:0;font-size:20px;font-weight:600}.muted{color:var(--muted)}button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:40px;color:var(--fg);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}button.primary:hover{background:var(--primary-hover)}button.ghost{background:0 0;border-color:#0000;height:32px;padding:0 8px}button:disabled{opacity:.6;cursor:default}input{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);height:40px;padding:0 12px}input:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth{place-items:center;min-height:100%;padding:24px 16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:16px;width:100%;max-width:380px;padding:32px 24px;display:grid}.auth-card p{margin:-8px 0 8px}.auth-logo{width:40px;height:40px}.auth-card label{gap:6px;font-weight:500;display:grid}.error{color:var(--danger);margin:0}.shell{grid-template-rows:56px 1fr;height:100%;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand{align-items:center;gap:10px;font-weight:600;display:flex}.account{align-items:center;gap:8px;min-width:0;display:flex}.account>span{text-overflow:ellipsis;white-space:nowrap;max-width:40vw;overflow:hidden}.inbox{grid-template-columns:1fr;min-height:0;display:grid}.conversations{background:var(--surface);overflow-y:auto}.pane-title{padding:16px;font-weight:600}.empty{padding:0 16px}.conversation{display:none}.placeholder{text-align:center;height:100%;color:var(--muted);place-content:center;justify-items:center;gap:8px;max-width:360px;margin:0 auto;padding:24px;display:grid}@media (min-width:768px){.inbox{grid-template-columns:340px 1fr}.conversations{border-right:1px solid var(--border)}.conversation{display:block}}