#boot { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--bg); z-index: 100; font-size: 16px; color: var(--muted); }
#boot.hidden { display: none; }
#spend { font-size: 12px; color: var(--muted); margin-top: 6px; }
#tabs button { font-size: 12.5px; padding: 9px 2px; }
.talk { border: 1px solid var(--line); border-radius: 10px; padding: 6px 10px; margin: 6px 0; }
.talk .where { font-size: 12px; color: var(--muted); margin-bottom: 2px; }
.talk .ln { padding: 2px 0; }
.talk .ln .act { color: var(--muted); font-size: 12px; }
.talk.live { border-color: #9fc4a8; }
#feed .ev.k-gossip { color: #8a4b1f; }
#feed .ev.k-plan { color: #2f5d8a; }
#feed .ev.k-diary { background: #faf6ee; padding: 6px 8px; border-radius: 8px; margin: 4px 0; }
#feed .ev.k-world { color: #6b4fa0; font-weight: 500; }
#feed .ev.k-build { color: #1f5f8b; }
#people-q { width: 100%; margin-bottom: 8px; }
.hh { padding: 6px 0; border-bottom: 1px solid #f1ece4; }
.hh .hn { font-size: 12px; color: var(--muted); }
.hh .m { display: inline-block; margin: 2px 8px 2px 0; cursor: pointer; font-size: 13px; }
.hh .m:hover { text-decoration: underline; }
.hh .m .s { color: var(--muted); font-size: 11.5px; }
#graph { height: 520px; }

body.viewer #btn-run, body.viewer #sel-rate, body.viewer #btn-build-now, body.viewer #tabs button[data-tab="build"] { display: none; }
body.viewer #head label { display: none; }