.demo-notice{max-width:44rem;padding:.7rem var(--space-3);border:1px dashed var(--color-rule-strong);border-radius:var(--radius);color:var(--color-text-2);font-size:var(--step--1);margin:0}.demo-notice strong{color:var(--color-text)}.demo-noscript .panel-body p:last-child{margin-bottom:0}.demo-about{max-width:48rem;margin-top:var(--space-6)}.demo-about h2{font-size:var(--step-2)}.demo-facts{border-top:1px solid var(--color-rule);margin:0;padding:0;list-style:none}.demo-facts li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-rule);color:var(--color-text-2)}.demo-facts strong{color:var(--color-text)}:root{--ocm-bad:#b3261e;--ocm-bad-tint:#fcebea;--ocm-warn:#845400;--ocm-warn-tint:#fdf3e0}@media (prefers-color-scheme:dark){:root{--ocm-bad:#ff8a80;--ocm-bad-tint:#ff8a801f;--ocm-warn:#f2c46d;--ocm-warn-tint:#f2c46d1a}}.ocm{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.ocm[hidden]{visibility:hidden;display:grid}@media (scripting:none){.ocm[hidden]{display:none}}.ocm-part{min-width:0}.ocm-part .panel-body>:first-child{margin-top:0}.ocm-bar{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.ocm-bar p{margin:0}.ocm-small-btn{min-height:2.5rem;font-size:var(--step--1);padding:0 .75rem}.ocm-small{color:var(--color-text-2);font-size:var(--step--1)}.ocm-intro{max-width:48rem;color:var(--color-text-2)}.ocm-sub{margin:var(--space-5) 0 var(--space-3);font-size:var(--step-1)}.ocm-sub:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:2px}.ocm-summary{margin:var(--space-3) 0;padding:.6rem var(--space-3);border-left:3px solid var(--color-signal);background:var(--color-sunken);color:var(--color-text)}.ocm-actions{align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.ocm-actions .btn{white-space:normal;text-align:left;min-width:0}.ocm-clock{font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-text-2);margin:0}.ocm-rungs,.ocm-rules{max-width:48rem;margin:0 0 var(--space-3);color:var(--color-text-2);padding-left:1.4rem}.ocm-rungs li+li,.ocm-rules li+li{margin-top:var(--space-1)}.ocm-rungs strong{color:var(--color-text)}.ocm-records,.ocm-reviews,.ocm-events{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none;display:grid}.ocm-reviews{grid-template-columns:minmax(0,1fr)}.ocm-record,.ocm-review,.ocm-event{min-width:0;padding:var(--space-3);border:1px solid var(--color-rule);border-left:4px solid var(--color-rule-strong);border-radius:var(--radius);background:var(--color-raised);overflow-wrap:anywhere}.ocm-review:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:2px}.ocm-record p,.ocm-review p,.ocm-event p{margin:0}.ocm-record p+p,.ocm-review p+p,.ocm-event p+p{margin-top:var(--space-2)}.ocm-record-head{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.ocm-id{font-family:var(--font-mono);color:var(--color-text);font-weight:600}.ocm-system{font-size:var(--step--1);color:var(--color-text-2)}.ocm-chip{border:1px solid var(--color-rule-strong);font-size:var(--step--1);color:var(--color-text);border-radius:999px;margin-left:auto;padding:.1rem .5rem;line-height:1.5;display:inline-block}.ocm-record-line{color:var(--color-text)}.ocm-record-note{font-size:var(--step--1);color:var(--color-text-2)}.ocm-record-result{padding-top:var(--space-2);border-top:1px solid var(--color-rule);font-size:var(--step--1);color:var(--color-text)}.ocm-record[data-state=match],.ocm-record[data-state=decided],.ocm-review[data-state=decided],.ocm-event[data-state=sent]{border-left-color:var(--color-signal)}.ocm-record[data-state=create]{border-left-color:var(--color-text-2)}.ocm-record[data-state=review],.ocm-review[data-state=waiting],.ocm-event[data-state=retry],.ocm-event[data-state=claimed]{border-left-color:var(--ocm-warn)}.ocm-event[data-state=failed]{border-left-color:var(--ocm-bad)}.ocm-record[data-state=match] .ocm-chip,.ocm-record[data-state=decided] .ocm-chip,.ocm-review[data-state=decided] .ocm-chip,.ocm-event[data-state=sent] .ocm-chip{border-color:var(--color-signal);background:var(--color-signal-tint)}.ocm-record[data-state=review] .ocm-chip,.ocm-review[data-state=waiting] .ocm-chip,.ocm-event[data-state=retry] .ocm-chip,.ocm-event[data-state=claimed] .ocm-chip{border-color:var(--ocm-warn);background:var(--ocm-warn-tint)}.ocm-event[data-state=failed] .ocm-chip{border-color:var(--ocm-bad);background:var(--ocm-bad-tint)}.ocm-candidates{font-size:var(--step--1);color:var(--color-text);margin:0;padding-left:1.2rem}.ocm-review .field-label{margin:var(--space-3) 0 var(--space-1)}.ocm-review .ocm-actions{margin-bottom:0}.ocm-details{margin-top:var(--space-5);border-top:1px solid var(--color-rule);padding-top:var(--space-3)}.ocm-details>.ocm-records{margin:var(--space-3) 0 var(--space-2)}.ocm-details summary{cursor:pointer;color:var(--color-text);padding:.6rem 0;font-weight:600}.ocm-details summary:focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:2px}.ocm-list{margin:var(--space-2) 0 0;font-size:var(--step--1);padding:0;list-style:none}.ocm-list li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-rule);overflow-wrap:anywhere}.ocm-list strong{font-family:var(--font-mono);color:var(--color-text)}.ocm-list-text{color:var(--color-text)}.ocm-list-origin{color:var(--color-text-2)}.ocm-entries{margin:0;padding:0;list-style:none}.ocm-entry{padding:var(--space-2) 0 var(--space-3);border-bottom:1px solid var(--color-rule)}.ocm-entry-head{margin:0 0 var(--space-1);font-family:var(--font-mono);font-size:var(--step--1);color:var(--color-text);font-weight:600}.ocm-entry-lines{font-size:var(--step--1);color:var(--color-text);overflow-wrap:anywhere;margin:0;padding-left:1.2rem}.ocm-entry-lines li+li{margin-top:var(--space-1)}.ocm-entry-lines .is-warn{color:var(--ocm-warn)}.ocm-entry-lines .is-alert{margin-top:var(--space-2);border-left:3px solid var(--ocm-bad);background:var(--ocm-bad-tint);color:var(--color-text);padding:.4rem .6rem;font-weight:600;list-style:none}.ocm-entry-lines .is-note{margin-top:var(--space-2);border-left:3px solid var(--color-signal);background:var(--color-signal-tint);padding:.4rem .6rem;list-style:none}.ocm-check{align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0;display:flex}.ocm-check input{width:1.4rem;height:1.4rem;accent-color:var(--color-signal);flex:none;margin:.1rem 0 0}.ocm-check label{cursor:pointer}.ocm-actions-wrap .btn{flex:0 auto}.ocm-bill-controls{align-items:flex-end;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.ocm-field{flex:14rem;max-width:22rem}.ocm-bill-controls .ocm-actions{margin:0}.ocm-bill-controls .ocm-clock{flex-basis:100%}.ocm-bill-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.ocm-bill-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.ocm-page{border:1px solid var(--color-rule-strong);border-radius:var(--radius-lg);background:var(--color-bg);min-width:0;overflow:hidden}.ocm-page-bar{justify-content:space-between;gap:var(--space-2);padding:.5rem var(--space-3);border-bottom:1px solid var(--color-rule);background:var(--color-sunken);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;color:var(--color-text-2);flex-wrap:wrap;margin:0;display:flex}.ocm-page-body{padding:var(--space-3)}.ocm-page-body>p,.ocm-state{margin:0 0 var(--space-2)}.ocm-page[data-state=active] .ocm-state,.ocm-page[data-state=trialing] .ocm-state{border-color:var(--color-signal);background:var(--color-signal-tint)}.ocm-page[data-state=past-due] .ocm-state{border-color:var(--ocm-bad);background:var(--ocm-bad-tint)}.ocm-page[data-state=cancelled] .ocm-state{border-color:var(--ocm-warn);background:var(--ocm-warn-tint)}.ocm-page-title{margin:0 0 var(--space-2);font-size:var(--step-1)}.ocm-page-block{margin-top:var(--space-3)}.ocm-page-block .field-label{margin-bottom:var(--space-1)}.ocm-page-list{font-size:var(--step--1);margin:0;padding:0;list-style:none}.ocm-page-list li{gap:var(--space-1) var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-rule);flex-wrap:wrap;display:flex}.ocm-page-what{flex:10rem;font-weight:600}.ocm-page-kind{color:var(--color-text-2)}.ocm-paid{color:var(--color-signal-strong);font-weight:600}.ocm-unpaid{color:var(--ocm-bad);font-weight:600}@media (prefers-color-scheme:dark){.ocm-paid{color:var(--color-signal)}}.ocm-seq-wrap{min-width:0}.ocm-seq-wrap .ocm-summary{margin-top:0}.ocm-lanes,.ocm-step{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.ocm-lanes span{padding:0 .2rem var(--space-2);border-bottom:1px solid var(--color-rule-strong);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.04em;text-align:center;text-transform:uppercase;color:var(--color-text-2);line-height:1.3}.ocm-seq{margin:0;padding:0;list-style:none}.ocm-step{padding:var(--space-2) 0;background-image:linear-gradient(var(--color-rule), var(--color-rule)), linear-gradient(var(--color-rule), var(--color-rule)), linear-gradient(var(--color-rule), var(--color-rule)), linear-gradient(var(--color-rule), var(--color-rule));background-position:12.5% 0,37.5% 0,62.5% 0,87.5% 0;background-repeat:no-repeat;background-size:1px 100%;row-gap:.3rem}.ocm-arrow{border-top:2px solid var(--color-signal);grid-row:1;align-self:center;height:0;margin:.4rem 0;position:relative}.ocm-arrow:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;width:0;height:0;position:absolute;top:-6px}.ocm-right:after{border-left:8px solid var(--color-signal);right:-1px}.ocm-left:after{border-right:8px solid var(--color-signal);left:-1px}.ocm-span-1-2{grid-column:1/3}.ocm-span-1-3{grid-column:1/4}.ocm-span-1-4{grid-column:1/5}.ocm-span-2-3{grid-column:2/4}.ocm-span-2-4{grid-column:2/5}.ocm-span-3-4{grid-column:3/5}.ocm-span-1-2,.ocm-span-2-3,.ocm-span-3-4{margin-left:25%;margin-right:25%}.ocm-span-1-3,.ocm-span-2-4{margin-left:16.67%;margin-right:16.67%}.ocm-span-1-4{margin-left:12.5%;margin-right:12.5%}.ocm-step-text{border-radius:var(--radius);background:var(--color-raised);font-size:var(--step--1);color:var(--color-text);grid-area:2/1/auto/-1;padding:.3rem .5rem}.ocm-step-n{font-family:var(--font-mono);font-weight:600}.ocm-step.is-skipped .ocm-arrow{border-top-style:dashed;border-top-color:var(--color-rule-strong)}.ocm-step.is-skipped .ocm-right:after{border-left-color:var(--color-rule-strong)}.ocm-step.is-skipped .ocm-left:after{border-right-color:var(--color-rule-strong)}.ocm-step.is-skipped .ocm-step-text{color:var(--color-text-2);background:0 0}@media (prefers-reduced-motion:reduce){.ocm .btn{transition:none}}