:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111314;--panel:#1a1f20;--panel-strong:#22292a;--text:#f4f1e8;--muted:#a9b1ad;--line:#35403e;--accent:#7dd87d;--accent-strong:#f1c44f;--danger:#ff6f61;--shadow:0 18px 60px #00000047;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg, #7dd87d1c, transparent 32rem), radial-gradient(circle at 80% 10%, #f1c44f21, transparent 20rem), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button{font:inherit}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0}.hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;min-height:230px;padding:34px 0 26px;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1{letter-spacing:0;margin:0;font-size:clamp(3rem,9vw,6.8rem);line-height:.92}.title-lockup{align-items:end;gap:clamp(12px,2.5vw,24px);display:flex}.hero-mushmom{image-rendering:auto;flex:none;width:clamp(72px,12vw,126px);height:auto}.lede{max-width:660px;color:var(--muted);margin:18px 0 0;font-size:1.05rem;line-height:1.6}.lede a{color:var(--accent);text-underline-offset:3px;font-weight:800;text-decoration-color:#7dd87d73}.lede a:hover{color:var(--text)}.hero-actions{flex-direction:column;justify-self:end;align-items:stretch;gap:8px;display:flex}.hero-panel,.language-switcher{border:1px solid var(--line);min-height:44px;box-shadow:var(--shadow);color:var(--muted);white-space:nowrap;background:#1a1f20c7;border-radius:8px;align-items:center;gap:10px;padding:11px 14px;display:inline-flex}.language-switcher{width:100%;min-width:156px;box-shadow:none;color:var(--text);font:inherit;padding:0 12px;font-weight:800}#status-text{letter-spacing:0;text-transform:uppercase;font-weight:700}.status-dot{background:var(--accent-strong);border-radius:999px;width:10px;height:10px;box-shadow:0 0 18px #f1c44fb3}.status-dot.is-failed{background:var(--danger);box-shadow:0 0 18px #ff6f6199}.status-dot.is-ready{background:var(--accent);box-shadow:0 0 18px #7dd87db3}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--line);background:#1a1f20d6;border-radius:8px;min-height:116px;padding:18px}.metric-card span,.detail-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.82rem;font-weight:700;display:block}.metric-card strong{margin-top:18px;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1;display:block}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 14px;display:flex}.segmented-control{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:repeat(8,minmax(50px,1fr));display:inline-grid;overflow:hidden}.segmented-control button{min-height:42px;color:var(--muted);cursor:pointer;border:0;border-right:1px solid var(--line);background:0 0;min-width:50px;padding:0 14px;font-weight:800}.segmented-control button:last-child{border-right:0}.segmented-control button:hover,.segmented-control button.is-active{background:var(--panel-strong);color:var(--text)}.chart-tabs{flex:0 auto;gap:8px;min-width:0;margin:0;display:flex}.chart-tabs button{border:1px solid var(--line);min-width:0;min-height:38px;color:var(--muted);cursor:pointer;white-space:nowrap;background:#1a1f20c7;border-radius:8px;flex:0 auto;padding:0 12px;font-size:.82rem;font-weight:800}.chart-tabs button:hover,.chart-tabs button.is-active{background:var(--panel-strong);color:var(--text)}.chart-section{border:1px solid var(--line);min-height:470px;box-shadow:var(--shadow);background:#1a1f20e0;border-radius:8px}.chart{width:100%;height:470px}.details{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.details>div{border:1px solid var(--line);background:#1a1f20b8;border-radius:8px;min-height:82px;padding:16px}.details strong{overflow-wrap:anywhere;margin-top:10px;font-size:1rem;display:block}.details strong a{color:inherit;text-decoration-color:currentColor}.details strong a:hover{color:inherit}.details-note{color:var(--muted);letter-spacing:0;margin:10px 0 0;font-size:.82rem;line-height:1.5}@media (width<=820px){.app-shell{width:min(100% - 24px,680px);padding-top:18px}.hero,.details{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:96px;padding:14px}.metric-card span{font-size:clamp(.68rem,3.2vw,.82rem)}.metric-card strong{margin-top:14px;font-size:clamp(1.45rem,8vw,2.2rem)}.hero{align-items:start;min-height:0;padding-top:18px}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-self:start;width:100%;display:grid}.hero-panel,.language-switcher{min-width:0}.title-lockup{align-items:center}.toolbar{flex-direction:column;align-items:stretch}.segmented-control{flex:1;grid-template-columns:repeat(4,minmax(50px,1fr));width:100%}.segmented-control button{border-right:1px solid var(--line)}.segmented-control button:nth-child(4n){border-right:0}.segmented-control button:nth-child(-n+4){border-bottom:1px solid var(--line)}.chart-tabs{width:100%}.chart-tabs button{flex:1 1 0;padding:0 8px}.chart-section,.chart{height:390px;min-height:390px}}@media (width<=470px){.hero-mushmom{width:64px}.hero-actions{gap:6px}}