:root{color-scheme:dark;--bg:#0c1219;--panel:#141e29;--line:#263544;--text:#e5eef5;--muted:#9aaebe;--mint:#70e5b8;--amber:#ffcd7a;--red:#ff8b84}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 system-ui,sans-serif}header{padding:23px 4%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.brand{font-size:22px;font-weight:750;letter-spacing:1px}.brand span{font-size:11px;margin-left:18px;color:var(--muted);letter-spacing:3px}main{max-width:1450px;margin:auto;padding:30px 4%}h1{font-size:clamp(30px,4vw,52px);font-weight:600;letter-spacing:-2px;line-height:1.1;margin:12px 0}h2{font-size:22px;margin:3px 0;font-weight:550}.hero,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero{margin:8px 0 30px}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;color:var(--mint);margin:0}.sub,.muted,footer{color:var(--muted)}.pill{font:11px ui-monospace,monospace;border:1px solid var(--line);padding:9px 14px;border-radius:30px;white-space:nowrap}.notice{padding:18px 22px;background:#292419;border:1px solid #655335;border-radius:12px;margin-bottom:20px;color:var(--amber)}.notice strong{display:block;font-size:18px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.metric small{display:block;color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.metric strong{display:block;font:23px ui-monospace,monospace;margin:9px 0}.metric span{font-size:12px;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:25px;margin-bottom:20px;min-width:0}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:25px 0}.stage{position:relative;text-align:left;background:#101820;color:var(--muted);border:1px solid var(--line);border-radius:9px;padding:16px 12px;cursor:pointer;min-height:117px}.stage strong,.stage small{display:block}.stage strong{color:var(--text);margin:6px 0}.stage.current{border-color:var(--amber);background:#29271f}.stage.selected{outline:2px solid var(--mint);outline-offset:3px}.stage small{font-size:11px}.detail{background:#0d1720;border-radius:9px;padding:16px 20px;color:var(--muted)}.detail strong{color:var(--text)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.machine,.row{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:14px}.machine:first-child{margin-top:18px}.machine strong{display:block}.machine small{display:block;color:var(--muted)}.badge{color:var(--amber);font:11px ui-monospace,monospace;white-space:nowrap}.success{color:var(--mint)}.failed{color:var(--red)}a{color:var(--mint);font-size:13px;text-decoration:none}a:hover{text-decoration:underline}.row div{min-width:0}.row small{color:var(--muted);display:block}.row code{font-size:12px}footer{font-size:12px;overflow-wrap:anywhere;padding:6px 0 25px}#connection{font-size:12px;color:var(--mint)}@media(max-width:850px){.columns{grid-template-columns:1fr}.flow{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-wrap:wrap}}@media(max-width:440px){.flow{grid-template-columns:repeat(2,1fr)}.brand span{display:none}.panel{padding:17px}.metric strong{font-size:19px}}
.metric strong{font-size:clamp(16px,1.8vw,23px);overflow-wrap:anywhere}.machine .badge{white-space:normal;text-align:right;max-width:135px;flex-shrink:0}.row small{overflow-wrap:anywhere}.stage:focus-visible{outline:2px solid var(--mint);outline-offset:3px}