:root{--bg:#FAFAFA;--surface:#FFF;--surface-2:#F4F4F5;--border:#E4E4E7;--border-strong:#D4D4D8;--text:#18181B;--text-2:#52525B;--text-3:#71717A;--accent:#4F46E5;--accent-hover:#4338CA;--accent-soft:#EEF2FF;--focus:#6366F1;
--merged:#8250DF;--merged-bg:#F3EEFF;--merged-bd:#D8C7FA;--open:#1A7F37;--open-bg:#E9F7EC;--open-bd:#B4E2C0;--approved:#0969DA;--approved-bg:#E7F1FD;--approved-bd:#B6D4F7;--changes:#BC4C00;--changes-bg:#FFF1E5;--changes-bd:#F5CBA7;--closed:#CF222E;--closed-bg:#FFEBE9;--closed-bd:#F5C2C0;
--add:#1A7F37;--del:#CF222E;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 16px -4px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);--ease:cubic-bezier(.2,.8,.2,1);
--sans:Geist,Inter,system-ui,sans-serif;--mono:"Geist Mono","JetBrains Mono",ui-monospace,monospace;color-scheme:light}
[data-theme=dark]{--bg:#09090B;--surface:#111113;--surface-2:#18181B;--border:#27272A;--border-strong:#3F3F46;--text:#FAFAFA;--text-2:#A1A1AA;--text-3:#8B8B93;--accent:#818CF8;--accent-hover:#A5B4FC;--accent-soft:rgba(129,140,248,.12);--focus:#A5B4FC;
--merged:#BC8CFF;--merged-bg:rgba(188,140,255,.12);--merged-bd:rgba(188,140,255,.3);--open:#3FB950;--open-bg:rgba(63,185,80,.12);--open-bd:rgba(63,185,80,.3);--approved:#58A6FF;--approved-bg:rgba(88,166,255,.12);--approved-bd:rgba(88,166,255,.3);--changes:#F0883E;--changes-bg:rgba(240,136,62,.12);--changes-bd:rgba(240,136,62,.3);--closed:#F85149;--closed-bg:rgba(248,81,73,.12);--closed-bd:rgba(248,81,73,.3);
--add:#3FB950;--del:#F85149;--shadow-sm:none;--shadow-md:0 0 0 1px var(--border),0 8px 24px -8px rgba(0,0,0,.6);color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 .9375rem/1.6 var(--sans);overflow-x:hidden}
a{color:var(--accent)}a:hover{color:var(--accent-hover)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}
.mono{font-family:var(--mono)}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
@media(min-width:768px){.container{padding:0 32px}}
.topbar{position:sticky;top:0;z-index:10;height:56px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--border)}
.bar{display:flex;align-items:center;justify-content:space-between;height:56px}
.brand{color:var(--text);text-decoration:none;font-weight:500;min-height:40px;display:flex;align-items:center}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color 120ms var(--ease)}
.icon-btn:hover{border-color:var(--border-strong)}
.hero{padding:48px 0 32px}
.eyebrow{font:500 .75rem/1.4 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);margin:0 0 12px}
#synced{color:var(--text-3)}
h1{font-size:clamp(2rem,4vw + 1rem,2.75rem);line-height:1.1;font-weight:700;letter-spacing:-.03em;margin:0 0 12px}
.lede{color:var(--text-2);max-width:68ch;margin:0 0 32px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
@media(min-width:768px){.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm);min-width:0}
.stat .label{font:500 .75rem/1.4 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text-3)}
.stat .val{font:600 2.25rem/1 var(--mono);font-variant-numeric:tabular-nums;margin-top:8px}
.rate-bar{height:4px;border-radius:999px;background:var(--surface-2);margin-top:12px;overflow:hidden}.rate-bar span{display:block;height:100%;background:var(--merged);width:0;transition:width 600ms var(--ease)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font:500 .8125rem/1 var(--mono);cursor:pointer;transition:all 120ms var(--ease);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip:hover{border-color:var(--border-strong);color:var(--text)}
.chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}
.chip .n{opacity:.6;margin-left:6px}
.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:64px;align-items:start}
@media(min-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow-sm);overflow:hidden;min-width:0;transition:border-color 200ms var(--ease),transform 200ms var(--ease),box-shadow 200ms var(--ease),opacity 320ms var(--ease)}
.card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sc)}
.card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.card.pre{opacity:0;transform:translateY(8px)}
.card[data-s=merged]{--sc:var(--merged)}.card[data-s=open]{--sc:var(--open)}.card[data-s=closed]{--sc:var(--closed)}.card[data-s=approved]{--sc:var(--approved)}.card[data-s=changes]{--sc:var(--changes)}
.top{display:flex;justify-content:space-between;gap:12px;font:500 .8125rem/1.5 var(--mono);color:var(--text-2)}
.top .repo{min-width:0;overflow-wrap:anywhere}.top .owner{color:var(--text-3)}
h3{font-size:1.125rem;line-height:1.35;font-weight:600;letter-spacing:-.01em;margin:8px 0 12px;overflow-wrap:anywhere}
h3 a{color:var(--text);text-decoration:none}h3 a:hover{color:var(--accent)}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font:500 .75rem/1 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--c);background:var(--b);border:1px solid var(--bd)}
.badge svg{width:14px;height:14px}
.b-merged{--c:var(--merged);--b:var(--merged-bg);--bd:var(--merged-bd)}.b-open{--c:var(--open);--b:var(--open-bg);--bd:var(--open-bd)}.b-closed{--c:var(--closed);--b:var(--closed-bg);--bd:var(--closed-bd)}.b-approved{--c:var(--approved);--b:var(--approved-bg);--bd:var(--approved-bd)}.b-changes{--c:var(--changes);--b:var(--changes-bg);--bd:var(--changes-bd)}.b-draft{--c:var(--text-2);--b:var(--surface-2);--bd:var(--border)}
.field{margin:0 0 12px}.field dt{font:500 .75rem/1.4 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);margin-bottom:2px}.field dd{margin:0;color:var(--text-2);max-width:68ch;overflow-wrap:anywhere}
.meta{display:flex;flex-wrap:wrap;gap:8px 16px;font:500 .8125rem/1.5 var(--mono);color:var(--text-3);margin-top:16px}
.add{color:var(--add)}.del{color:var(--del)}
details{border-top:1px solid var(--border);margin-top:16px}
summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:44px;padding-top:12px;font-weight:600}
summary::-webkit-details-marker{display:none}
summary svg{transition:transform 200ms var(--ease)}details[open] summary svg{transform:rotate(180deg)}
.dwrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows 320ms var(--ease)}details[open] .dwrap{grid-template-rows:1fr}.dwrap>div{overflow:hidden;min-width:0}
.shots{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:12px 0}
@media(min-width:640px){.shots{grid-template-columns:repeat(2,minmax(0,1fr))}}
figure{margin:0;min-width:0}figure a{display:block}figure img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--border);background:var(--surface-2)}
figcaption{font:500 .75rem/1.4 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);margin-top:6px}
h4{font:500 .75rem/1.4 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);margin:16px 0 6px}
.prose{color:var(--text-2);margin:0;overflow-wrap:anywhere}
pre{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px;font:400 .8125rem/1.5 var(--mono);overflow-x:auto;white-space:pre;margin:0;max-width:100%}
blockquote{margin:12px 0;padding:4px 0 4px 14px;border-left:2px solid var(--accent);color:var(--text-2)}
blockquote p{margin:0 0 6px;overflow-wrap:anywhere}
.who{display:flex;align-items:center;gap:8px;font:500 .8125rem/1.5 var(--mono)}.who img{width:20px;height:20px;border-radius:50%}
.links a{display:inline-flex;min-height:40px;align-items:center;margin-right:16px}
.empty{color:var(--text-3)}
.foot{padding:32px 20px 48px;color:var(--text-3);font-size:.8125rem;border-top:1px solid var(--border)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.card.pre{opacity:1;transform:none}}
svg{width:16px;height:16px;flex:none}.icon-btn svg{width:18px;height:18px}summary svg{width:18px;height:18px;color:var(--text-3)}

.proof{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:8px 0}
@media(min-width:640px){.proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
.proof-item{display:flex;flex-direction:column;gap:6px;min-width:0}
.plabel{font:500 .75rem/1.4 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--text-3)}
.pcap{font:400 .8125rem/1.5 var(--sans);text-transform:none;letter-spacing:0;color:var(--text-2);margin:0}
.pcmd{font-size:.75rem;padding:8px 10px}