:root{--bg:#fbfaf7;--surface:#fff;--border:#e6e2d9;--text:#23201b;--muted:#6f6a60;--accent:#b4531f;--accent-soft:#fdf0e6;--radius:12px;--space:12px;--font:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#171512;--surface:#211e1a;--border:#35302a;--text:#f2eee7;--muted:#a29a8d;--accent:#e8905a;--accent-soft:#2c211a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0}main{max-width:40rem;padding:var(--space);margin:0 auto}h1{font-size:1.4rem}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.85rem}.nav{gap:var(--space);padding:var(--space);border-bottom:1px solid var(--border);background:var(--surface);display:flex;position:sticky;top:0}.nav a{color:var(--muted);font-weight:600;text-decoration:none}.nav a.active{color:var(--accent)}.row{align-items:center;gap:var(--space);padding:var(--space);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;margin-bottom:6px;text-decoration:none;display:flex}.row__main{flex-direction:column;flex:1;display:flex}.row__name{font-weight:600}.row__nickname,.row__meta{color:var(--muted);font-size:.85rem}.row__event{text-align:right;flex-direction:column;font-size:.85rem;display:flex}.row__when{color:var(--muted)}.avatar{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.avatar--initial{background:var(--accent-soft);color:var(--accent);place-items:center;font-weight:700;display:grid}.banner{padding:8px var(--space);background:var(--accent-soft);color:var(--accent);text-align:center;margin:0;font-size:.85rem}form{flex-direction:column;gap:6px;display:flex}label{color:var(--muted);font-size:.85rem}input,select,textarea,button{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:10px}button{background:var(--accent);color:#fff;cursor:pointer;border:none;font-weight:600}button:disabled{opacity:.6;cursor:default}.actions{gap:var(--space);margin-top:var(--space);display:flex}.field__hint{color:var(--muted);margin:0;font-size:.8rem}[role=alert]{color:var(--accent)}.loading{padding:var(--space);color:var(--muted)}