:root{--bg-app:#fafafa;--bg-object:#fff;--bg-primary:#fff;--bg-inverse:#171717;--hover-app:#e6e6e6;--active-app:#e0e0e0;--hover-object:#f5f5f5;--text-primary:#0f0f0f;--text-secondary:#666;--text-tertiary:#757575;--text-inverse:#f7f7f7;--destructive:#d60027;--border-primary:#dbdbdb;--border-muted:#f2f2f2;--border-card:#e3e3e3;--accent-green:#289a44;--accent-orange:#cc6d00;--ghost-a:#ededed;--ghost-b:#f7f7f7;--cg-0:#f0f0f0;--cg-1:#ccc;--cg-2:#9e9e9e;--cg-3:#5c5c5c;--cg-4:#1a1a1a;--radius:.5rem;--radius-card:.75rem;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--font-body:-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--buncss-light:initial;--buncss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-app:#121212;--bg-object:#1f1f1f;--bg-primary:#171717;--bg-inverse:#f7f7f7;--hover-app:#1a1a1a;--active-app:#292929;--hover-object:#262626;--text-primary:#f7f7f7;--text-secondary:#8c8c8c;--text-tertiary:#8f8f8f;--text-inverse:#0f0f0f;--destructive:#ff2e54;--border-primary:#262626;--border-muted:#212121;--border-card:#2e2e2e;--accent-green:#33c758;--accent-orange:#f80;--ghost-a:#262626;--ghost-b:#303030;--cg-0:#212121;--cg-1:#383838;--cg-2:#595959;--cg-3:#8c8c8c;--cg-4:#ccc;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg-app:#121212;--bg-object:#1f1f1f;--bg-primary:#171717;--bg-inverse:#f7f7f7;--hover-app:#1a1a1a;--active-app:#292929;--hover-object:#262626;--text-primary:#f7f7f7;--text-secondary:#8c8c8c;--text-tertiary:#8f8f8f;--text-inverse:#0f0f0f;--destructive:#ff2e54;--border-primary:#262626;--border-muted:#212121;--border-card:#2e2e2e;--accent-green:#33c758;--accent-orange:#f80;--ghost-a:#262626;--ghost-b:#303030;--cg-0:#212121;--cg-1:#383838;--cg-2:#595959;--cg-3:#8c8c8c;--cg-4:#ccc;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);letter-spacing:-.01em;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}body{min-height:100vh}button,select{font:inherit;color:inherit}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-secondary)}.page{display:flex;flex-direction:column;gap:20px;max-width:1100px;margin:0 auto;padding:24px 20px 64px}.header{display:flex;flex-wrap:wrap;align-items: center;gap:12px}.brand{font-family:var(--font-mono);margin-right:auto;font-size:16px;font-weight:600}.pills{display:inline-flex;background:var(--bg-object);border:1px solid var(--border-card);border-radius:var(--radius);padding:2px}.pills button{border-radius:calc(var(--radius) - 2px);cursor:pointer;color:var(--text-secondary);background:0 0;border:0;padding:4px 10px}.pills button[aria-pressed=true]{background:var(--bg-inverse);color:var(--text-inverse)}select,.btn{background:var(--bg-object);border:1px solid var(--border-card);border-radius:var(--radius);cursor:pointer;padding:4px 10px}.btn:hover,select:hover{background:var(--hover-object)}.link{color:var(--text-secondary);cursor:pointer;text-decoration:underline;background:0 0;border:0}.card{background:var(--bg-object);border:1px solid var(--border-card);border-radius:var(--radius-card);padding:16px}.card h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;font-size:13px;font-weight:600}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width:800px){.grid-2{grid-template-columns:1fr}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat .label{color:var(--text-secondary);font-size:12px}.stat .value{font-family:var(--font-mono);font-size:22px;font-weight:600}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-primary);white-space:nowrap;padding:6px 8px;font-size:12px;font-weight:500}th.sortable{cursor:pointer}th[aria-sort=descending]{color:var(--text-primary)}td{border-bottom:1px solid var(--border-muted);white-space:nowrap;padding:7px 8px}th.r,td.r{text-align:right}tbody tr{cursor:pointer}tbody tr:hover{background:var(--hover-object)}tr.me td{font-weight:600}tr.selected{background:var(--active-app)}.activity{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,11px);overflow-x:auto;gap:3px;padding-bottom:4px}.activity span{background:var(--cg-0);border-radius:2px;width:11px;height:11px}.activity span[data-l="1"]{background:var(--cg-1)}.activity span[data-l="2"]{background:var(--cg-2)}.activity span[data-l="3"]{background:var(--cg-3)}.activity span[data-l="4"]{background:var(--cg-4)}.group{display:flex;border-bottom:1px solid var(--border-muted);justify-content:space-between;align-items: center;gap:8px;padding:8px 0}.group:last-child{border-bottom:0}.rename{display:flex;flex-wrap:wrap;align-items: center;gap:10px}.rename input{font:inherit;color:inherit;background:var(--bg-app);border:1px solid var(--border-card);border-radius:var(--radius);min-width:0;padding:2px 8px}.group-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px}.group-actions .btn{white-space:nowrap}.members{list-style:none;display:flex;flex-direction:column;gap:6px;padding:0 0 10px}.members li{display:flex;justify-content:space-between;align-items: center;gap:8px}.member-actions{display:flex;gap:10px}.members-note{padding-bottom:10px}.danger{color:var(--destructive)}.danger:disabled{color:var(--text-secondary);cursor:default}.error{color:var(--destructive)}.center{display:grid;text-align:center;place-items: center;min-height:70vh}.center .card{max-width:420px}.stack{display:flex;flex-direction:column;gap:20px;min-width:0}.up{color:var(--accent-green);font-size:11px}.down{color:var(--destructive);font-size:11px}.level{font-size:11px}.progress{color:var(--text-secondary);margin-bottom:10px}.timeline{display:flex;overflow-y:auto;flex-direction:column;gap:2px;max-height:420px;margin-bottom:10px;padding-top:26px}.timeline .item{position:relative;display:flex;flex-direction:column;gap:2px;padding:3px 0}.timeline .item:hover{z-index:1}.timeline .sys{text-align:center;align-items: center;padding:6px 0;font-size:12px}.timeline .msg.mine{align-items: flex-end}.timeline .meta{color:var(--text-secondary);margin-top:6px;font-size:11px}.timeline .bubble{background:var(--hover-object);border-radius:var(--radius);overflow-wrap:anywhere;white-space:normal;max-width:75%;padding:4px 10px}.timeline .mine .bubble{background:var(--active-app)}.reactions{display:flex;gap:4px}.reactions button,.picker button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:12px}.reactions .pill{background:var(--hover-object);border-radius:999px;padding:0 7px}.reactions .pill.mine{background:var(--active-app);font-weight:600}.picker{position:absolute;display:none;background:var(--bg-object);border:1px solid var(--border-card);border-radius:var(--radius);padding:2px;top:0;right:0;transform:translateY(calc(6px - 100%));box-shadow:0 2px 6px #0000001f}.mine>.picker{left:0;right:auto}.timeline .item:hover>.picker{display:flex}.picker button{border-radius:6px;width:28px;height:24px;font-size:15px}.picker button:hover{background:var(--hover-object)}.picker button.mine{background:var(--active-app)}.picker .delete{color:var(--text-secondary);font-size:12px}.picker .delete:hover{color:var(--destructive)}.compose{display:flex;gap:8px}.compose input{font:inherit;color:inherit;background:var(--bg-app);border:1px solid var(--border-card);border-radius:var(--radius);flex:1;min-width:0;padding:4px 10px}