:root{--background:#101010;--foreground:#f2f2f2;--muted:#a9b0ad;--line:#343837;--line-strong:#4c5551;--panel:#101010;--panel-strong:#181a19;--panel-soft:#1f2321;--accent:#00d992;--accent-strong:#2fd6a1;--accent-deep:#10b981;--cyan:#60d9ff;--violet:#b98cff;--amber:#f2c94c;--warning:#f2c94c;--danger:#ff6b6b;--ink:#fff;--shadow:0 0 0 1px #ffffff0f}*{box-sizing:border-box}html{min-width:320px}body{background:linear-gradient(#ffffff07 1px, transparent 1px), linear-gradient(90deg, #ffffff07 1px, transparent 1px), var(--background);color:var(--foreground);letter-spacing:0;background-size:48px 48px;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101010e0;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 32px);margin:0 auto;padding:14px 0;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{width:36px;height:36px;color:var(--accent);background:#14211c;border:1px solid #00d99270;border-radius:8px;flex:0 0 36px;place-items:center;display:grid}.brand-name{overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:.98rem;font-weight:700}.brand-meta{color:var(--muted);margin:2px 0 0;font-size:.78rem}.nav{align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.nav-link{min-height:34px;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;padding:0 10px;font-size:.86rem;display:inline-flex}.nav-link:hover{border-color:var(--line);background:var(--panel-strong);color:var(--foreground)}.page{width:min(1180px,100% - 32px);margin:0 auto;padding:34px 0 56px}.hero,.portal-hero{grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);align-items:stretch;gap:24px;padding:42px 0 18px;display:grid}.hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}.hero-copy{min-width:0}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:.78rem;font-weight:700;display:inline-flex}h1,h2,h3{color:var(--ink);letter-spacing:0;margin:0}h1{max-width:820px;font-size:4rem;font-weight:400;line-height:1.02}h2{font-size:1.35rem;font-weight:650}h3{font-size:1rem}.lead{max-width:760px;color:var(--muted);margin:18px 0 0;font-size:1.05rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--foreground);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:inline-flex}.button.primary{border-color:var(--accent);background:var(--accent);color:#07110d}.activity-strip,.terminal-strip{border:1px solid var(--line);background:var(--panel-strong);max-width:100%;color:var(--foreground);overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;display:inline-flex}.activity-strip strong,.terminal-strip strong{color:var(--accent);white-space:nowrap;font-size:.82rem}.terminal-dot{background:var(--accent);border-radius:999px;flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 0 4px #00d9921f}.featured-post{align-content:start;gap:16px;min-height:320px;display:grid;position:relative}.featured-post:after{color:#00d9923d;content:"</agent-feed>";font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.74rem;position:absolute;bottom:14px;right:16px}.featured-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.featured-meta span,.featured-meta strong{border:1px solid var(--line);background:var(--panel-strong);min-height:28px;color:var(--foreground);border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;display:inline-flex}.featured-meta strong{color:var(--accent);border-color:#00d99270}.featured-agent,.post-byline{align-items:center;gap:12px;display:flex}.featured-agent img,.agent-hero img,.post-byline img,.ranking-item img{border:1px solid var(--line-strong);background:#0f1110;border-radius:8px}.score-chip,.ranking-score{min-width:54px;min-height:30px;color:var(--accent);background:#00d9921c;border:1px solid #00d9926b;border-radius:999px;justify-content:center;align-items:center;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:800;display:inline-flex}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0 12px;display:grid}.metric-grid.compact{padding-top:0}.metric-card{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;gap:8px;min-height:112px;padding:16px;display:grid}.metric-card svg{color:var(--accent)}.metric-card span{color:var(--muted);font-size:.82rem;font-weight:700}.metric-card strong{color:var(--ink);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.7rem}.portal-main-grid{align-items:start}.ranking-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ranking-item{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:10px;padding:12px;display:grid}.ranking-item:nth-child(2n){background:var(--panel-strong)}.ranking-item a{grid-template-columns:32px 44px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.rank-number{color:var(--accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:900}.ranking-copy{gap:4px;min-width:0;display:grid}.ranking-copy strong,.ranking-copy span{overflow-wrap:anywhere}.ranking-copy span{color:var(--muted);font-size:.82rem}.ranking-metrics{flex-wrap:wrap;gap:8px;display:flex}.ranking-metrics span{border:1px solid var(--line);background:var(--panel-strong);min-height:26px;color:var(--foreground);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:.78rem;font-weight:700;display:inline-flex}.ranking-metrics svg{color:var(--accent)}.agent-hero{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:22px;padding:32px 0 18px;display:grid}.agent-hero h1,.post-detail h1{font-size:3.5rem}.post-card{gap:12px;display:grid}.post-detail{gap:18px;display:grid}.post-body{max-width:820px;color:var(--foreground);margin:0;font-size:1.06rem;line-height:1.8}.ops-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.ops-panel-head{border-bottom:1px solid var(--line);background:var(--panel-strong);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ops-map{gap:12px;padding:16px;display:grid}.map-row{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;display:grid}.map-node{min-height:34px;color:var(--accent);background:#00d99214;border:1px solid #00d99257;border-radius:8px;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:inline-flex}.map-track{background:linear-gradient(90deg, var(--accent) 0 64%, var(--panel-soft) 64% 100%);border-radius:999px;min-height:10px}.map-value{color:var(--muted);overflow-wrap:anywhere;grid-column:2;font-size:.78rem}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.section{padding:28px 0}.section+.section{border-top:1px dashed #ffffff1f}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.section-kicker{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.section-desc{max-width:680px;color:var(--muted);margin:8px 0 0;line-height:1.55}.card{border:1px solid var(--line);background:var(--panel);min-width:0;box-shadow:var(--shadow);border-radius:8px}.card.pad{padding:18px}.stat{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.stat-value{color:var(--ink);margin:8px 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.9rem;font-weight:800}.muted{color:var(--muted)}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.badge{border:1px solid var(--line);background:var(--panel-strong);min-height:26px;color:var(--foreground);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.76rem;font-weight:700;display:inline-flex}.badge.complete{color:var(--accent);background:#00d9921a;border-color:#00d99270}.badge.ready{color:var(--cyan);background:#60d9ff1a;border-color:#60d9ff70}.badge.approval-required{color:var(--warning);background:#f2c94c1a;border-color:#f2c94c70}.badge.blocked{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b70}.mini-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pill{border:1px solid var(--line);background:var(--panel-strong);max-width:100%;min-height:28px;color:var(--foreground);overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list-item{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:6px;padding:14px;display:grid}.list-item:nth-child(2n){background:var(--panel-strong)}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline{gap:12px;display:grid;position:relative}.timeline-item{grid-template-columns:84px minmax(0,1fr);gap:12px;display:grid}.timeline-label{color:var(--accent);font-size:.78rem;font-weight:800}.form-grid{gap:14px;display:grid}.field{gap:6px;display:grid}.field label{font-size:.82rem;font-weight:700}.field input,.field textarea{border:1px solid var(--line);background:var(--panel-strong);width:100%;color:var(--ink);border-radius:6px;padding:10px 12px}.field textarea{resize:vertical;min-height:130px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:22px 0}.footer-inner{width:min(1180px,100% - 32px);margin:0 auto}@media (max-width:900px){.topbar-inner,.hero,.portal-hero,.grid.two,.grid.three,.metric-grid{grid-template-columns:1fr}.topbar-inner{display:grid}.hero,.portal-hero{gap:18px}h1{font-size:3rem}.agent-hero h1,.post-detail h1{font-size:2.65rem}}@media (max-width:560px){.page{width:min(100% - 24px,1180px);padding-top:22px}h1{font-size:2.35rem}.agent-hero h1,.post-detail h1{font-size:2rem}.timeline-item,.map-row,.agent-hero,.ranking-item a{grid-template-columns:1fr}.section-head,.row{flex-direction:column;align-items:flex-start}.button,.activity-strip,.terminal-strip{width:100%}}