:root{--bg: #fafafa;--card: #fff;--text: #0f1419;--muted: #6b7280;--line: #e5e7eb;--accent: #0f1419;--accent-text: #fff;--c-x: #0f1419}@media(prefers-color-scheme:dark){:root{--bg: #0b0d10;--card: #14171c;--text: #e7e9ea;--muted: #8b949e;--line: #232830;--accent: #e7e9ea;--accent-text: #0b0d10;--c-x: #e7e9ea}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:760px;margin:0 auto;padding:48px 16px 72px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}main>*{grid-column:1 / -1}main>header{grid-column:1;grid-row:1;margin-bottom:24px}main>.stats{grid-column:2;grid-row:1;margin-bottom:24px}h1{margin:0;font-size:clamp(1.25rem,4vw,1.6rem);letter-spacing:-.02em;line-height:1.2}.subtitle{margin:6px 0 0;color:var(--muted);font-size:.95rem}.count{margin:4px 0 0;color:var(--muted);font-size:.85rem}.stats{display:flex;align-items:center;gap:14px}.donut{width:92px;height:92px;flex:none}.donut circle{transition:opacity .15s,stroke-width .15s}.has-active .donut circle[data-key]{opacity:.3}.has-active .donut circle.active{opacity:1;stroke-width:5.5}.legend li{transition:opacity .15s;cursor:default}.has-active .legend li:not(.active){opacity:.45}.legend li.active{color:var(--text)}.donut-total{font-size:7px;font-weight:700;fill:var(--text)}.donut-label{font-size:3.2px;fill:var(--muted)}.legend{all:unset;display:grid;gap:2px;font-size:.78rem;color:var(--muted)}.legend li{display:flex;align-items:center;gap:6px;border:0}.legend b{margin-left:auto;padding-left:10px;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.dot{width:8px;height:8px;border-radius:50%;flex:none}.controls{display:grid;gap:12px;margin-bottom:20px}#search{width:100%;padding:11px 14px;font:inherit;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:10px;outline:none}#search:focus{border-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 12px;font:inherit;font-size:.85rem;cursor:pointer;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px}.sort{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;color:var(--muted)}.sort span{margin-right:2px}.chip:hover{color:var(--text)}.chip.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}ul{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}li+li{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px 16px}.row:hover{background:color-mix(in srgb,var(--text) 4%,transparent)}.avatar{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--line);color:var(--muted);font-size:.8rem;font-weight:600;position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--card)}.who{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}.who strong{font-weight:600}.handle{color:var(--muted);font-size:.9rem}.meta{grid-column:2;display:flex;align-items:center;gap:8px;min-width:0;font-size:.8rem;color:var(--muted)}.tag{flex:none;padding:1px 8px;border:1px solid var(--line);border-radius:999px}.reason{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socials{grid-column:3;grid-row:1 / span 2;display:flex;gap:4px}.socials a{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--muted);border:1px solid var(--line)}.socials a:hover{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.socials svg{width:16px;height:16px;fill:currentColor}#empty{text-align:center;color:var(--muted);padding:32px 0}.pager{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.pager-top{margin-bottom:16px}.pager-bottom{margin-top:24px}.pager[hidden],#empty[hidden]{display:none}.pager button{min-width:38px;height:38px;padding:0 10px;font:inherit;font-size:.9rem;cursor:pointer;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:8px}.pager button:hover:not(:disabled){border-color:var(--accent)}.pager button.current{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.pager button:disabled{opacity:.4;cursor:default}.gap{align-self:center;color:var(--muted);padding:0 2px}footer{max-width:760px;margin:0 auto;padding:0 16px 40px;text-align:center;font-size:.85rem}footer a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none}footer a:hover{color:var(--text)}.legal{max-width:560px;margin:12px auto 0;font-size:.68rem;line-height:1.4;color:var(--muted);opacity:.8}footer svg{width:14px;height:14px;fill:currentColor}@media(max-width:640px){main{display:flex;flex-direction:column}main>header{margin-bottom:20px}main>.stats{order:99;justify-content:center;margin:40px 0 0}}@media(max-width:480px){main{padding-top:32px}.reason{display:none}}