.proc{display:flex;flex-direction:column;gap:.6rem;max-width:34rem;padding:clamp(1.5rem,6vh,4rem) 0}.proc-head{color:var(--ink);font-size:var(--text-h3);font-weight:500;letter-spacing:-.01em}.proc-rows>li{font-size:.9375rem;line-height:1.45;padding:.3rem 0}.proc-rows>li:before{top:1.05em}.proc-sq{display:inline-block;height:.6rem;margin-right:.6rem;transition:background-color var(--dur) var(--ease-out);vertical-align:.05em;width:.6rem}.proc-label{color:var(--ink);font-weight:500}.proc-rows .is-reading .proc-label,.proc-rows .is-working .proc-label{color:var(--ink-2)}.proc-rows .is-error .proc-label{color:var(--down)}.proc-foot,.proc-note{color:var(--ink-3)}.proc-foot{font-size:var(--text-body-sm)}.proc-dots:after{animation:procDots 1s steps(3) infinite;content:"…";display:inline-block;overflow:hidden;vertical-align:bottom;width:1em}@keyframes procDots{0%{width:0}to{width:1em}}.state{display:flex;flex-direction:column;gap:.6rem;max-width:40rem;padding:clamp(1.25rem,4vh,2.5rem) 0}.state.is-compact{padding:.75rem 0}.state-head{color:var(--ink);font-size:var(--text-h3);font-weight:500;letter-spacing:-.01em}.state-rows>li{font-size:.9375rem;line-height:1.45;padding:.3rem 0}.state-rows>li:before{top:1.05em}.state-rows .mute{color:var(--ink-3)}.state-out{color:var(--ink);font-weight:500}.state-out.is-error{color:var(--down)}.state-retry{color:var(--ink-2);font-family:var(--font-mono);font-size:var(--text-micro);height:2.5rem;margin-left:1.6rem;padding:0 .4rem;width:-webkit-fit-content;width:fit-content}.state-retry:focus-visible,.state-retry:hover{color:var(--ink);outline:none}.state-action{margin-left:1.6rem}@media (prefers-reduced-motion:reduce){.proc-dots:after{animation:none;width:1em}}.instrument-box{cursor:crosshair;position:relative;touch-action:pan-y;width:100%}.instrument-box:focus-visible{outline:1px solid var(--ink);outline-offset:6px}.instrument-band,.instrument-now,.instrument-tick{font-family:var(--font-mono);font-size:11px}.instrument-tick{fill:var(--ink-3)}.instrument-band{fill:var(--ink-2);stroke:var(--bg);stroke-width:4px;stroke-linejoin:round;paint-order:stroke}.instrument-now{fill:var(--ink)}.instrument-readout{align-items:baseline;border-bottom:1px solid var(--line);border-top:1px solid var(--line-strong);display:flex;flex-wrap:wrap;font-size:var(--text-body-sm);gap:.375rem 1.25rem;min-height:2.75rem;padding:.625rem 0}.instrument-event{flex-basis:100%;max-width:62ch}.factor-tier{align-items:baseline;border-bottom:1px solid var(--line-strong);display:flex;gap:.75rem;padding-bottom:.5rem}.factor-row{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 7rem minmax(6rem,12rem) 2rem 2.5rem;padding:.5rem 0}.factor-tier-toggle{color:var(--ink);min-height:2.75rem;text-align:left;width:100%}.factor-chevron{align-self:center;color:var(--ink-3);flex:none;transition:transform var(--dur) var(--ease-out)}.factor-chevron.is-open{transform:rotate(180deg)}.factor-value{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.record-figures{grid-gap:1.5rem;border-top:1px solid var(--line-strong);display:grid;gap:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:1.25rem}.record-figures>div{display:flex;flex-direction:column;gap:.375rem}.record-figures dt{color:var(--ink-3);font-size:var(--text-caption)}.record-figures dd{font-size:var(--text-h1);font-weight:500;letter-spacing:var(--tracking-heading);line-height:1}@media (max-width:640px){.factor-row{gap:.25rem .75rem;grid-template-columns:minmax(0,1fr) auto 2.5rem}.factor-row>:first-child{grid-column:1}.factor-row>.factor-value{grid-column:2;grid-row:1}.factor-row>.factor-weighted{grid-column:3;grid-row:1}.factor-row>.factor-bar{grid-column:1/-1;grid-row:2}.factor-row>:nth-child(4){display:none}.record-figures{grid-template-columns:1fr}.record-figures dd{font-size:var(--text-h2)}}