:root{--bg:#0b1529;--panel:#111e38;--line:#ffffff17;--tx:#e8ecf4;--mu:#a3aec2;--sc:#9fb3d9;--ai:#d8b46e;--pp:#7fcf98;--red:#e08a7f;--serif:"Fraunces Variable", Georgia, serif;--sans:"Inter Variable", system-ui, sans-serif;--mono:ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);overflow:hidden}body{font-family:var(--sans);color:var(--tx);-webkit-font-smoothing:antialiased}.stage{transform-origin:0 0;width:960px;height:540px;position:relative}.top{border-bottom:1px solid var(--line);background:#091224;align-items:center;gap:12px;height:54px;padding:0 20px;display:flex}.top img{width:auto;height:30px}.top .t{font:600 20px var(--serif)}.top .ws{color:var(--mu);font-size:14px}.right{align-items:center;gap:16px;margin-left:auto;display:flex}.status{color:#cfe9d7;background:#7fcf981f;border:1px solid #7fcf9859;border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.status.bad{color:#f5d3cd;background:#e08a7f2e;border-color:#e08a7f99}.dot{background:var(--pp);border-radius:50%;width:9px;height:9px}.status.bad .dot{background:var(--red)}.clock{font:500 15px var(--mono);color:var(--mu)}.cols{grid-template-columns:1.1fr 1fr;gap:12px;height:486px;padding:12px;display:grid}.pn{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px}.who{align-items:center;gap:11px;padding-bottom:8px;display:flex}.mav{color:#d6def0;background:#2a3b61;border-radius:50%;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.who b{font-size:17px}.who span{color:var(--mu);font-size:14px;display:block}.who .pill-stage{color:var(--sc);white-space:nowrap;border:1px solid #9fb3d959;border-radius:999px;margin-left:auto;padding:3px 11px;font-size:14px;font-weight:600}.who .pill-stage.paid{color:var(--pp);background:#7fcf981f;border-color:#7fcf9880}.step{border-top:1px solid var(--line);opacity:.3;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;height:53px;transition:opacity .3s,background .3s;display:grid}.step.done,.step.active{opacity:1}.ic{border:2px solid #44506a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.step.done .ic{background:var(--pp);border-color:var(--pp)}.step.done .ic:after{content:"";border-bottom:2.5px solid #0b1529;border-left:2.5px solid #0b1529;width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.step.active .ic{border-color:var(--ai);border-top-color:#0000;animation:.9s linear infinite spin}.step.err{background:#e08a7f24;border-radius:8px;margin:0 -8px;padding:0 8px}.step.err .ic{border-color:var(--red);background:var(--red);animation:none}@keyframes spin{to{transform:rotate(360deg)}}.nm{font-size:16px;font-weight:600}.ds{color:var(--mu);margin-top:1px;font-size:14px}.lane{letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:3px 7px;font-size:12px;font-weight:700}.l-script{color:var(--sc);background:#9fb3d91f}.l-ai{color:var(--ai);background:#d8b46e24}.l-person{color:var(--pp);background:#7fcf9821}.side{grid-template-rows:auto 1fr;gap:12px;min-height:0;display:grid}.issue{min-height:176px;transition:background .35s,border-color .35s}.issue.error{background:#3a2230;border-color:#e08a7fbf}.issue.fixed{background:#15342f;border-color:#7fcf98a6}.ih{justify-content:space-between;align-items:center;gap:10px;display:flex}.ih b{font-size:16px;line-height:1.25}.pill{text-transform:uppercase;letter-spacing:.05em;color:var(--mu);background:#ffffff12;border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.issue.error .pill{color:#ffd9d2;background:#e08a7f4d}.issue.fixed .pill{color:#cdf2d8;background:#7fcf9840}.ib,.fx{color:#d7deeb;margin-top:8px;font-size:15px;line-height:1.38}.fx{display:none}.fx b{color:var(--pp)}.issue.fixed .ib{display:none}.issue.fixed .fx{display:block}.chart{flex-direction:column;min-height:0;display:flex}.ch{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ch b{font-size:15px;display:block}.ch span{color:var(--mu);font-size:13px}.ch strong{font:600 28px var(--serif);white-space:nowrap;color:var(--tx);transition:color .4s}.ch strong.good{color:var(--pp)}.bars{border-bottom:1px solid #ffffff2e;flex:1;grid-template-columns:repeat(8,1fr);align-items:end;gap:9px;min-height:0;margin-top:8px;display:grid;position:relative}.bar{background:#4a5b80;border-radius:4px 4px 0 0;transition:height .8s cubic-bezier(.2,.7,.2,1),background .5s}.bar.after{background:var(--pp)}.golive{border-left:2px dashed var(--ai);opacity:0;transition:opacity .4s;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}.golive.on{opacity:1}.golive span{color:var(--ai);white-space:nowrap;font-size:13px;font-weight:600;position:absolute;top:0;left:8px}@media (aspect-ratio<=1){.stage{width:480px;height:600px}.top .ws{display:none}.cols{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:546px}.steps{display:none}.who{padding-bottom:0}.job{padding:10px 14px}.nm,.ds{font-size:16px}.ib,.fx{font-size:17px}.ih b{font-size:18px}.ch b{font-size:17px}.ch span{font-size:15px}}@media (prefers-reduced-motion:reduce){.step.active .ic{animation:none}.bar,.status,.issue,.step{transition:none}}