:root{--g-reliability:#94600a;--g-routing:#8b3d8f;--g-patterns:#0b7285}:root[data-theme=dark]{--g-reliability:#e3a94b;--g-routing:#d391d6;--g-patterns:#4fc3d3}[data-group=reliability]{--accent:var(--g-reliability)}[data-group=routing]{--accent:var(--g-routing)}[data-group=patterns]{--accent:var(--g-patterns)}.slider{flex-direction:column;gap:4px;display:flex}.slider .label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;display:flex}.slider .label strong{font:600 13px var(--mono);color:var(--ink);letter-spacing:0}.btn-row{flex-wrap:wrap;gap:8px;display:flex}select{font:14px var(--sans);color:var(--ink);background:var(--sheet);border:1px solid var(--rule-strong);border-radius:0;padding:7px 10px}[data-group=patterns] .bar span{background:var(--accent)}.check{font:12px var(--mono);color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.check input{width:auto;accent-color:var(--accent)}@media (pointer:coarse){.chip,.held{min-height:44px}}:root{--warn:#a35a00;--warn-tint:#f6e6cc}:root[data-theme=dark]{--warn:#f0b45a;--warn-tint:#3a2c14}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{font:13px var(--mono);color:var(--ink-2);background:var(--sheet);border:1px solid var(--rule);cursor:pointer;padding:5px 10px}.chip[aria-pressed=true]{color:var(--ink);border-color:var(--accent);background:var(--accent-tint)}span.chip{cursor:default}.tag.warn{color:var(--warn);border-color:var(--warn);background:var(--warn-tint);margin-left:8px}.tag.bad{color:var(--bad);border-color:var(--bad);background:var(--bad-tint)}.notice{color:var(--ink)}.timeline,.lanes,.retry-grid{flex-direction:column;gap:6px;display:flex}.lane,.retry-row{grid-template-columns:7.5rem minmax(0,1fr);align-items:center;gap:10px;display:grid}.retry-row{grid-template-columns:6.5rem minmax(0,1fr) 6.5rem}.lane-name{font:500 12px var(--mono);color:var(--ink-2);overflow-wrap:anywhere}.lane-name small{color:var(--bad);text-transform:uppercase;letter-spacing:.06em;font-size:10px;display:block}.lane-track{background:var(--paper);border:1px solid var(--rule);height:30px;position:relative}.lane-bar{white-space:nowrap;min-width:2px;font:600 10px/24px var(--mono);color:var(--on-accent);background:var(--accent);padding:0 4px;position:absolute;top:3px;bottom:3px;overflow:hidden}.lane-bar.running{opacity:.75}.lane-bar.fail{background:var(--bad)}.lane-bar.t-save,.lane-bar.t-charge{background:color-mix(in srgb, var(--accent) 55%, var(--ink-3))}.lane-bar.t-enqueue{background:var(--ok)}.lane-bar.k0,.lane-bar.k-1041{background:var(--g-foundations)}.lane-bar.k1,.lane-bar.k-1042{background:var(--g-routing)}.lane-bar.k2,.lane-bar.k-1043{background:var(--g-patterns)}.lane-bar.k3{background:var(--g-reliability)}.chip.k-1041{border-color:var(--g-foundations);color:var(--g-foundations)}.chip.k-1042{border-color:var(--g-routing);color:var(--g-routing)}.chip.k-1043{border-color:var(--g-patterns);color:var(--g-patterns)}.reply-mark{border-left:2px solid var(--ok);font:600 10px/1 var(--mono);color:var(--ok);text-transform:uppercase;padding-left:3px;position:absolute;top:-2px;bottom:-2px}.reply-mark.fail{border-color:var(--bad);color:var(--bad)}.lane-axis{font:11px var(--mono);color:var(--ink-3);justify-content:space-between;padding-left:calc(7.5rem + 10px);display:flex}.retry-grid .lane-axis{padding:0 calc(6.5rem + 10px)}.spark{background:var(--paper);border:1px solid var(--rule);width:100%;height:auto;display:block}.spark .series{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.spark .guide line{stroke:var(--ink-3);stroke-dasharray:4 4}.spark .guide text{fill:var(--ink-3);font:12px var(--mono);text-anchor:end}.spark .guide.bad line{stroke:var(--bad)}.spark .guide.bad text{fill:var(--bad)}.box{background:var(--paper);border:1px solid var(--rule);flex-direction:column;gap:6px;min-width:0;padding:10px 12px;display:flex}.box .label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.box .label strong{color:var(--ink);margin-left:4px}.box ul,.box ol{font:13px var(--mono);margin:0;padding:0;list-style:none}.box li{overflow-wrap:anywhere;padding:2px 0}.box p{overflow-wrap:anywhere;margin:0}.box.ok{border-left:3px solid var(--ok)}.box.bad{border-left:3px solid var(--bad)}.box.new{border-color:var(--accent);background:var(--accent-tint)}.boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pipe{grid-template-columns:8rem minmax(0,1fr) 8rem;align-items:stretch;gap:12px;margin-bottom:24px;display:grid}.pipe-end{background:var(--sheet);border:1px solid var(--rule-strong);flex-direction:column;justify-content:center;gap:4px;padding:12px;display:flex}.pipe-end strong{font:400 26px/1 var(--serif)}.pipe-queue{background:var(--paper);border:2px solid var(--accent);flex-wrap:wrap;align-content:center;gap:4px;min-height:92px;padding:10px;display:flex}.msg{min-width:30px;height:30px;font:600 11px var(--mono);color:var(--on-accent);background:var(--accent);place-items:center;padding:0 4px;display:inline-grid}@media (prefers-reduced-motion:no-preference){.msg{animation:.25s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}}}.pipe-queue .more{align-self:center}.held{border:1px dashed var(--rule);flex-direction:column;gap:4px;padding:14px;display:flex}.held.busy{border:2px solid var(--accent);background:var(--accent-tint)}.cells{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.cells li{border:1px solid var(--rule);background:var(--paper);flex-direction:column;align-items:center;padding:6px 2px;display:flex}.cells li strong{font:600 14px var(--mono)}.cells li.ok{border-color:var(--ok);color:var(--ok)}.cells li.bad{border-color:var(--bad);color:var(--bad);background:var(--bad-tint)}.cells li.warn{border-color:var(--warn);color:var(--warn);background:var(--warn-tint)}.log li.skip{color:var(--ink-3)}.orders{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.order-card{background:var(--sheet);border:1px solid var(--rule-strong);border-top:4px solid var(--g-foundations);padding:14px}.order-card.k-1042{border-top-color:var(--g-routing)}.order-card.k-1043{border-top-color:var(--g-patterns)}.order-card strong{font:400 22px var(--serif)}.order-card ol{font:14px var(--mono);min-height:4.8em;margin:8px 0 0;padding-left:20px}.order-card li.bad{color:var(--bad)}.outage{white-space:nowrap;font:9px var(--mono);text-transform:uppercase;color:var(--bad);background:repeating-linear-gradient(-45deg, var(--bad-tint) 0 2px, transparent 2px 9px);padding:1px 3px;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.retry-row .lane-track{overflow:hidden}.attempt{border-radius:50%;width:12px;height:12px;margin-left:-1px;position:absolute;top:8px}.attempt.ok{background:var(--ok)}.attempt.bad{background:var(--bad)}.outage-key{color:var(--bad);background:repeating-linear-gradient(-45deg, var(--bad-tint) 0 2px, transparent 2px 9px);padding:0 6px}.retry-status{font:12px var(--mono);color:var(--ok)}.retry-status.bad{color:var(--bad);font-weight:600}.retry-status.warn{color:var(--warn);font-weight:600}.exchange{border:2px solid var(--accent);background:var(--accent-tint);justify-content:space-between;align-items:baseline;gap:8px;padding:12px;display:flex}.queues{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.queues li{border:1px solid var(--rule);background:var(--paper);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.queues li div{flex-direction:column;display:flex}.queues li.hit{border-color:var(--ok);box-shadow:inset 4px 0 0 var(--ok)}.queues li.miss{opacity:.7}.queues input{padding:5px 8px;font-size:13px}.stream{background:var(--sheet);border:1px solid var(--rule-strong);flex-direction:column;gap:10px;margin-bottom:18px;padding:16px;display:flex}.partition{grid-template-columns:2.5rem minmax(0,1fr);gap:4px 10px;display:grid}.log-row{background:var(--paper);border:1px solid var(--rule);flex-wrap:wrap;gap:3px;min-height:36px;padding:3px;display:flex}.rec{min-width:30px;height:30px;font:600 12px/1 var(--mono);color:var(--on-accent);background:var(--g-foundations);flex-direction:column;justify-content:center;align-items:center;padding:0 3px;display:inline-flex}.rec small{opacity:.85;font-size:9px;font-weight:400}.rec.u1{background:var(--g-routing)}.rec.u2{background:var(--g-patterns)}.rec.u3{background:var(--g-reliability)}.rec.gone{color:var(--ink-3);background:repeating-linear-gradient(-45deg, var(--rule) 0 2px, var(--paper) 2px 7px);font-size:10px;font-weight:400}.rec.end{color:var(--ink-3);border:1px dashed var(--rule);background:0 0;font-weight:400}.cursors{font:11px var(--mono);flex-wrap:wrap;grid-column:2;gap:12px;display:flex}.cursor.g0{color:var(--g-foundations)}.cursor.g1{color:var(--g-patterns)}.chip.u0{border-left:4px solid var(--g-foundations)}.chip.u1{border-left:4px solid var(--g-routing)}.chip.u2{border-left:4px solid var(--g-patterns)}.chip.u3{border-left:4px solid var(--g-reliability)}.group-card.g0{border-top:4px solid var(--g-foundations)}.group-card.g1{border-top:4px solid var(--g-patterns)}.assign{font:13px var(--mono);margin:0;padding:0;list-style:none}.assign li.idle{color:var(--warn)}.produce-row{margin-bottom:18px}.stream-actions{align-items:center;margin:18px 0}.trace{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.trace li{border:1px solid var(--rule);background:var(--paper);grid-template-columns:8.5rem minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:grid}.trace li.st-crash{border-color:var(--bad);background:var(--bad-tint)}.trace li.st-skipped,.trace li.st-rollback{opacity:.6;text-decoration:line-through}.trace .st{font:12px var(--mono)}.actor{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.seq{background:var(--sheet);border:1px solid var(--rule-strong);margin-top:24px;padding:16px;overflow:hidden}.seq-head,.seq-row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));display:grid}.seq-head span{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;border-bottom:2px solid var(--ink);overflow-wrap:anywhere;padding-bottom:8px}.seq-row{background-image:linear-gradient(var(--rule), var(--rule));background-repeat:no-repeat;background-size:1px 100%;padding:4px 0}.seq-arrow{margin:0 calc(50% / var(--cols));text-align:center;border-bottom:2px solid var(--ok);font:12px var(--mono);overflow-wrap:anywhere;margin:0 12%;padding:2px 0 6px;position:relative}.seq-arrow.fail{border-color:var(--bad);color:var(--bad)}.seq-arrow.undo{border-color:var(--warn);color:var(--warn);border-bottom-style:dashed}.seq-arrow:after{content:"";border:6px solid #0000;position:absolute;bottom:-7px}.seq-arrow.right:after{color:inherit;border-left:8px solid;border-right:0;right:-2px}.seq-arrow.left:after{border-left:0;border-right:8px solid;left:-2px}.seq-arrow.ok:after{color:var(--ok)}@media (prefers-reduced-motion:no-preference){.seq-row{animation:.25s ease-out pop}}.events{counter-reset:none}.events li.future{opacity:.4;text-decoration:line-through}.models{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:start;gap:10px;display:grid}.models .btn{white-space:normal;min-height:64px;line-height:1.3}.ranking{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ranking li{border:1px solid var(--rule);background:var(--paper);grid-template-columns:8rem minmax(0,1fr) 4.5rem;align-items:center;gap:6px 12px;padding:8px 10px;display:grid}.ranking li.win{border-color:var(--accent);background:var(--accent-tint)}.ranking .bar{width:100%;margin:0}.ranking .num{font:500 13px var(--mono);text-align:right}.ranking .dots{font:11px var(--mono);color:var(--ink-3);letter-spacing:.05em;overflow-wrap:anywhere;grid-column:1/-1}.compare-table td,.compare-table th{vertical-align:top;font-size:14px}.compare-table td:first-child{width:14%}.compare-table td:last-child{white-space:normal;width:auto}@media (width<=720px){.pipe{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pipe-queue{grid-area:2/1/auto/-1}.boxes,.orders{grid-template-columns:minmax(0,1fr)}.lane{grid-template-columns:4.5rem minmax(0,1fr)}.lane-axis{padding-left:calc(4.5rem + 10px)}.retry-row{grid-template-columns:4rem minmax(0,1fr) 4.5rem;gap:6px}.retry-grid .lane-axis{padding:0 calc(4.5rem + 6px) 0 calc(4rem + 6px)}.retry-status{font-size:10px}.queues li{grid-template-columns:minmax(0,1fr) auto}.queues li input{grid-area:2/1/auto/-1}.trace li{grid-template-columns:minmax(0,1fr) auto}.trace li>span:nth-child(2){grid-area:2/1/auto/-1}.ranking li{grid-template-columns:6.5rem minmax(0,1fr) 4rem}.cells{grid-template-columns:repeat(4,minmax(0,1fr))}.seq{padding:10px 6px}.seq-arrow{margin:0 6%;font-size:10px}.seq-head span{letter-spacing:0;font-size:9px}.compare-table{min-width:640px}@media (width<=720px){.card .btn,.stream-actions .btn{white-space:normal;text-align:left;line-height:1.3}}}
