*{box-sizing:border-box}.panel{background:#0f172a;border:1px solid #1e293b;border-radius:14px}.hint{font-size:12px;color:#64748b}
.btn{border:1px solid #334155;background:#111827;padding:6px 10px;border-radius:8px;font-size:12px}.btn.active,.btn:hover{background:#e2e8f0;color:#0f172a}
.metric,.agentcard{background:#111827;border:1px solid #1f2937;border-radius:10px;padding:11px}.agentcard{cursor:pointer}.agentcard:hover{border-color:#64748b}
.bar{height:5px;background:#1e293b;border-radius:10px;overflow:hidden}.bar i{display:block;height:100%;background:#cbd5e1}
.qrow{display:grid;grid-template-columns:82px 1fr 54px;gap:8px;align-items:center;font-size:12px;margin:7px 0}
.event{border-left:2px solid #334155;padding-left:10px}.event.election{border-color:#f59e0b}.event.belief{border-color:#a78bfa}.event.social{border-color:#38bdf8}