:root,.dark{color-scheme:dark;--background:#0b1220;--foreground:#e3edf7;--primary:#409eff;--primary-foreground:#051429;--muted:#1a273a;--muted-foreground:#91a3b9;--border:#253248;--input:#2b3b52;--ring:#409eff;--accent:#1c304a;--popover:#172338;--card:#101c2e;}
*{box-sizing:border-box;border-color:var(--border)}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #409eff;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-.8px;font-weight:650}h2{font-size:20px;font-weight:600;letter-spacing:-.3px}h3{font-size:16px;font-weight:600}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 5vw;background:#0e1728}.brand{display:flex;gap:14px;align-items:center}.brandmark{color:#67bdff;background:#193756;border:1px solid #2b5172;padding:8px;border-radius:10px;display:flex}.brand b{letter-spacing:2px;font-size:18px}.brand>span:last-child{padding-left:14px;border-left:1px solid #36465e;color:#b8c8db;font-size:15px}.private{display:flex;align-items:center;gap:7px;font-size:13px;color:#a0b4ca;border:1px solid #30435d;padding:5px 10px;border-radius:6px}.workspace{max-width:1440px;padding:38px 5vw 70px;margin:auto}.heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:27px}.eyebrow{font-size:12px;color:#69b8ff;letter-spacing:2px;font-weight:600;margin-bottom:8px}.heading p{color:var(--muted-foreground);margin-top:6px}.viewtabs{background:transparent;border-bottom:1px solid var(--border);border-radius:0;padding:0;height:46px;margin-bottom:25px;gap:20px}.viewtabs [data-slot="tabs-trigger"]{height:46px;border-radius:0;color:#91a3b9;padding:0 5px;border:0;background:transparent;font-size:14px;box-shadow:none}.viewtabs [data-state="active"]{color:#e3edf7;border-bottom:2px solid #409eff}.filters{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:24px}.picker{display:flex;gap:7px;flex-direction:column}.picker>span{font-size:13px;color:#91a3b9}.picker [data-slot="select-trigger"]{min-width:175px;background:#111d30;height:40px}.picker:first-child [data-slot="select-trigger"]{min-width:280px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0;margin-bottom:26px}.metrics>div{padding-left:24px;border-left:1px solid var(--border)}.metrics>div:first-child{padding-left:0;border-left:0}.metrics span{display:block;color:#91a3b9;font-size:14px}.metrics strong{font-size:27px;font-weight:550;font-variant-numeric:tabular-nums}.metrics small{font-size:13px;color:#91a3b9;font-weight:400}.graphpanel{border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,#111e31,#0f192b);padding:25px 28px 18px}.graphheading{display:flex;justify-content:space-between;gap:15px}.graphheading p{font-size:14px;color:#91a3b9;margin-top:4px}.graphheading>span{font-size:13px;color:#91a3b9;white-space:nowrap}.plotwrap{margin:18px 0 5px}.plotwrap svg{width:100%;max-height:470px;overflow:visible}.plotwrap text{fill:#91a3b9;font-size:14px}.gridline{stroke:#263348;stroke-dasharray:3 5}.point{cursor:pointer;outline:none}.point:focus circle,.point:focus rect,.point:focus path{stroke:#fff;stroke-width:2}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:12px}.legend button{border:0;background:none;padding:4px 0;font:inherit;font-size:14px;color:#b5c5d8;display:flex;align-items:center;gap:8px}.legend button[aria-pressed="false"]{opacity:.35}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.symbol{display:inline-block;width:10px;height:10px;background:#b5c5d8}.shape0{border-radius:50%}.shape1{border-radius:2px}.shape2{clip-path:polygon(50% 0,100% 100%,0 100%)}.models{border-top:1px solid var(--border);margin-top:10px}.footnote{color:#8297ae;font-size:13px;margin-top:15px}.hoverdetails{padding:9px 12px;background:#1b2c43;border:1px solid #375273;border-radius:7px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px}.tablepanel{margin-top:32px}.tablepanel h2{margin-bottom:15px}.tablepanel [data-slot="table-head"]{color:#91a3b9;font-size:13px;font-weight:500}.tablepanel [data-slot="table-cell"]{font-size:14px;padding:14px 8px}.textbutton{color:#dce8f5;font:inherit;background:none;border:0;text-align:left;padding:0}.textbutton:hover{color:#67bdff}.date{display:block;font-size:12px;color:#8297ae;margin-top:3px}.empty{min-height:330px;padding:60px 20px;border:1px dashed #30435d;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px;color:#91a3b9}.empty h2{color:#e3edf7}.empty.small{min-height:240px;border:0}.empty p{line-height:1.8}.error{padding:16px;border:1px solid #a14754;background:#381d2a;border-radius:8px;margin-bottom:20px}.connection{max-width:800px;border:1px solid var(--border);border-radius:12px;padding:30px;background:var(--card)}.connection h2{margin-bottom:18px}.connection h3{margin-top:24px;margin-bottom:9px}.connection p{color:#a4b7cc;margin-top:12px}.connection code{font-size:14px;background:#1b2c43;padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.detail{background:var(--card)}.detailbody{padding:0 24px 24px}.detailbody dl{display:grid;grid-template-columns:1fr 1.25fr;gap:15px 10px;font-size:14px;margin:24px 0}.detailbody dt{color:#91a3b9}.detailbody dd{margin:0;overflow-wrap:anywhere}.detailbody p{margin-top:12px}.detailbody h3{margin-top:25px}@media(max-width:760px){.workspace{padding:25px 20px 45px}.topbar{padding:0 20px}.brand{gap:9px}.brand>span:last-child{display:none}.heading{align-items:flex-start}.heading h1{font-size:26px}.heading p{font-size:14px}.filters{gap:12px}.picker,.picker:first-child{flex:1;min-width:150px}.picker [data-slot="select-trigger"],.picker:first-child [data-slot="select-trigger"]{width:100%;min-width:0}.metrics{grid-template-columns:1fr 1fr;gap:20px}.metrics>div:nth-child(3){padding-left:0;border-left:0}.metrics small{display:block}.graphpanel{padding:18px 12px}.graphheading p{font-size:13px}.plotwrap{overflow-x:auto}.plotwrap svg{min-width:620px}.connection{padding:22px}.private{font-size:12px}.legend{gap:5px 15px}.tablepanel{overflow-x:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.trend-label,.point-label{pointer-events:none}.plotwrap .trend-label text,.plotwrap .point-label text{font-size:10px;font-weight:600;stroke:#101c2e;stroke-width:3px;paint-order:stroke}.plotwrap .point-label text{font-size:9px}

.aespa-graph{--panel:var(--card);--text:var(--foreground)}.aespa-graph .card{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:22px}.aespa-graph .select{background:var(--background);border:1px solid var(--input);border-radius:7px;padding:8px 11px;font-size:14px;color:var(--foreground);min-width:0;width:100%;height:40px}.aespa-graph .subtle{color:var(--muted-foreground);font-size:14px}.aespa-graph .benchmark-chart{display:block;width:100%;height:auto}.aespa-graph .benchmark-chart text{fill:var(--muted-foreground);font-size:12px}.aespa-graph .benchmark-chart-grid{stroke:var(--border);stroke-dasharray:3 4}.aespa-graph .benchmark-chart-axis{stroke:var(--muted-foreground)}.benchmark-chart-point{cursor:pointer}.benchmark-chart-point:focus-visible{outline:2px solid var(--primary)}.benchmark-chart-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:8px}.benchmark-shape{display:inline-block;width:12px;height:12px;background:var(--primary)}.benchmark-shape-0{border-radius:50%}.benchmark-shape-1{border-radius:2px}.benchmark-shape-2{clip-path:polygon(50% 0,100% 100%,0 100%)}.benchmark-shape-3{transform:rotate(45deg) scale(.8)}

/* Keep the controls and graph close to the top of the page. */
.topbar{height:58px}
.brandmark{padding:6px}
.brandmark svg{width:19px;height:19px}
.workspace{padding-top:20px}
.heading{margin-bottom:12px}
.heading h1{font-size:27px}
.viewtabs{height:39px;margin-bottom:16px}
.viewtabs [data-slot="tabs-trigger"]{height:39px}
.filters{margin-bottom:16px;gap:12px}
.metrics{padding:12px 0;margin-bottom:18px}
.table-disclosure{margin-top:20px}
.table-toggle{min-height:40px}
.table-disclosure .tablepanel{margin-top:16px}
@media(max-width:760px){.topbar{height:54px}.workspace{padding-top:15px}.heading{margin-bottom:10px}.heading h1{font-size:24px}.viewtabs{margin-bottom:13px}.filters{margin-bottom:14px}.metrics{padding:12px 0;margin-bottom:16px}}

.topbar{gap:24px}
.topbar .viewtabs{align-self:stretch;height:auto;margin:0;border-bottom:0;flex-shrink:0}
.topbar .viewtabs [data-slot="tabs-trigger"]{height:100%;padding:0 8px}
.topbar-actions{display:flex;align-items:center;gap:12px}
.workspace{width:100%}
@media(max-width:900px){.topbar{gap:16px}.topbar .viewtabs{gap:12px}.topbar-actions{gap:8px}}

.tablepanel [data-slot="table"]{min-width:1050px}
.sort-button{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;white-space:nowrap}
.sort-button:hover{color:#67bdff}
.sort-button svg{color:#91a3b9}
@media(max-width:600px){.topbar{height:auto;min-height:54px;flex-wrap:wrap;gap:0 12px;padding-top:7px}.topbar-actions{margin-left:auto}.topbar .viewtabs{order:3;width:100%;height:44px;justify-content:flex-start}.topbar .viewtabs [data-slot="tabs-trigger"]{flex:0 1 auto}}
.aespa-graph .benchmark-chart-point{cursor:default}
.public-refresh{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--foreground);font:inherit;font-size:14px}
.public-refresh:disabled{opacity:.5;cursor:default}
.guide-page{max-width:880px;margin:0 auto;padding:28px 5vw 70px}
.guide-page h1{margin:0 0 10px}
.guide-page h2{margin:30px 0 10px}
.guide-page p{color:#b7c8da;margin:12px 0;line-height:1.65}
.guide-page strong{color:#e3edf7}
.guide-page table{border-collapse:collapse;width:100%;margin:16px 0 20px}
.guide-page th,.guide-page td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border)}
.guide-page th{color:#e3edf7}.guide-page td{color:#b7c8da}
.guide-page ul{list-style:disc;margin:10px 0 16px 24px;padding:0;color:#b7c8da;line-height:1.8}
.benchmark-site-picker select{min-width:240px;max-width:100%;height:40px;padding:8px 11px;border:1px solid var(--input);border-radius:7px;background:var(--background);color:var(--foreground);font:inherit;font-size:14px}
@media(min-width:761px){.topbar{padding-inline:max(5vw,calc((100vw - 1440px)/2 + 5vw))}}


.site-nav{display:flex;align-self:stretch;align-items:stretch;gap:16px}
.site-nav a{display:flex;align-items:center;padding:0 8px;border-bottom:2px solid transparent;color:var(--muted-foreground);font-size:14px;white-space:nowrap}
.site-nav a:hover{color:var(--foreground)}
.site-nav a[aria-current="page"]{color:var(--foreground);border-bottom-color:var(--primary)}
@media(max-width:600px){.topbar:has(.site-nav){height:auto;min-height:54px;flex-wrap:wrap;gap:0 12px;padding-top:7px}.site-nav{order:3;width:100%;height:42px}.topbar:has(.site-nav) .topbar-actions{margin-left:auto}}

select{background:#111d30;color:var(--foreground);border:1px solid var(--border);padding:10px;border-radius:7px;font:inherit} .pill{font-size:12px;padding:4px 9px;border-radius:5px;border:1px solid #30435d;color:#9cceff}.good{color:#7dd9bd}.notice{padding:12px 16px;border-left:3px solid #d5b465;background:#1b2331;color:#c5d2e1;font-size:14px;margin:16px 0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;color:#91a3b9}td small{display:block;color:#91a3b9}details{border:1px solid var(--border);border-radius:8px;padding:14px 18px;margin:14px 0;background:#101c2e}summary{cursor:pointer;font-weight:600}details p,details ul{color:#b7c8da;margin:12px 0}code{overflow-wrap:anywhere;font-size:12px}.links{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.links a{color:#69b8ff;border:1px solid #30435d;padding:7px 11px;border-radius:6px;font-size:13px}.check{font-size:12px;color:#7dd9bd}.foot{font-size:12px;color:#91a3b9;margin-top:24px}.site-nav a{min-height:42px}.legend button{min-height:36px}.metriclabel{font-size:12px!important}.plotwrap svg{min-width:700px}.plotwrap{overflow-x:auto}td:first-child{min-width:170px}.cost{white-space:nowrap}
.explore-link{display:inline-block;color:#69b8ff;font-size:13px;padding:7px 0}.comparison a{color:#69b8ff}

.harness-key{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.harness-key small{color:#b7c8da;font-size:12px;font-weight:400}.plotwrap a:focus{outline:2px solid white;outline-offset:4px}.plotwrap a:focus text{font-weight:700}

#plot>svg{display:block;width:100%;height:auto;min-height:300px}

.duplicate-toggle{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:7px;font-size:12px!important;white-space:nowrap;margin-left:auto;cursor:pointer}.duplicate-toggle input{width:15px;height:15px;padding:0;margin:0;accent-color:#56b4e9}.filters .duplicate-toggle{align-self:center}.select-actions .duplicate-toggle{margin-left:0}@media(max-width:600px){.duplicate-toggle{font-size:11px!important}}

.point-card{position:fixed;z-index:1000;width:290px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:16px;background:#162235;border:1px solid #65778e;border-radius:12px;box-shadow:0 12px 40px #0009;color:#f5f7fa;font-size:13px;overflow-wrap:anywhere;max-height:calc(100vh - 16px);overflow:auto}
.point-card[hidden]{display:none}.point-card strong{display:flex;align-items:center;gap:8px;font-size:15px}.point-card svg{width:26px;height:26px;flex:none}.point-model{color:#b7c7da;margin-top:7px}.point-score{font-size:26px;font-weight:750;margin:10px 0 5px}.point-cost{color:#d9e5f3;line-height:1.5}.point-card a{display:inline-block;margin-top:12px;color:#8fd8ff}.plot-point:focus-visible{outline:2px solid #fff;outline-offset:4px}
.point-date{font-size:12px;color:#b7c7da;margin-top:6px}.point-card button{margin-top:12px;background:#244664;border:1px solid #7eb8dc;border-radius:7px;padding:9px 12px;color:#f5f7fa;font:inherit;cursor:pointer}.point-card button:disabled{cursor:default;opacity:.8}
