*{box-sizing:border-box}
:root{--ink:#1f2420;--muted:#747770;--line:rgba(31,36,32,.12);--paper:#f5f1e8;--bg:#d8d2c6}
html,body{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}
button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}
input,textarea{width:100%;border:1px solid var(--line);background:white;border-radius:12px;padding:10px 11px;outline:none;user-select:text}
input:focus,textarea:focus{border-color:rgba(31,36,32,.35);box-shadow:0 0 0 3px rgba(31,36,32,.05)}
button{border:0}.primary-btn,.soft-btn,.danger-btn,.profile-btn,.icon-btn{border-radius:12px;height:36px;padding:0 13px;font-weight:800;font-size:11px}
.primary-btn{background:var(--ink);color:#fff}.soft-btn{background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px var(--line)}
.danger-btn{background:#f0dfdc;color:#8a342c}.icon-btn{width:36px;padding:0;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--line)}
.wide{width:100%}.spacer{flex:1}.link-btn{background:transparent;color:#747770;padding:7px 9px}
.avatar{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#d4c6a6;font-size:10px;font-weight:900}.avatar.large{width:44px;height:44px;font-size:16px}