*,:before,:after{box-sizing:border-box}:root{--bg:#f4f2ee;--surface:#fff;--text:#1d1b19;--muted:#6f6a64;--line:#e4e0d9;--accent:#3b5bdb;--radius:16px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--bg);min-height:100vh;margin:0}button{font:inherit;cursor:pointer}a{color:inherit}.avatar{object-fit:cover;color:#4a453f;background:#d9d4cc;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:inline-grid}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:16px clamp(16px,4vw,40px);display:flex}.topbar__user{align-items:center;gap:10px;min-width:0;display:flex}.topbar__name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.btn-ghost{border:1px solid var(--line);color:inherit;background:0 0;border-radius:999px;padding:8px 14px;font-size:14px;text-decoration:none}.btn-ghost:hover{background:#0000000a}