:root{color:#1a1a2e;background:#f4f4f9;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}.container{max-width:820px;margin:3rem auto;padding:0 1.25rem}h1{margin-bottom:.25rem}.subtitle{color:#6b7280;margin-top:0}.toolbar{align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.toolbar .count{color:#374151;font-weight:600}.toolbar .auto{color:#6b7280;cursor:pointer;align-items:center;gap:.35rem;margin-left:auto;display:flex}.toolbar button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.45rem .9rem;font-size:.95rem}.toolbar button:hover{background:#f3f4f6}.toolbar button.danger{color:#b91c1c;border-color:#fca5a5}.toolbar button.danger:hover:not(:disabled){background:#fee2e2}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.error{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:.6rem .75rem}.empty{color:#6b7280}.events{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;font-size:.92rem;overflow:hidden}.events th,.events td{text-align:left;vertical-align:top;border-bottom:1px solid #f0f0f4;padding:.6rem .8rem}.events th{color:#6b7280;background:#f9fafb;font-weight:600}.events tr:last-child td{border-bottom:none}.events .time{white-space:nowrap;color:#6b7280}.events .topic{color:#4f46e5;font-weight:600}.events .payload{word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}