.wop-app{--wop-card:#162d33;--wop-mint-dim:#3f8f88;--wop-soft-line:#5f7f84;color:var(--on-night);font-family:var(--sans);line-height:1.5}.wop-app :focus-visible{outline:3px solid var(--mint);outline-offset:2px}.wop-app .wop-stage:focus-visible{outline-offset:3px}.wop-fallback{border:1px solid var(--night-line);background:var(--night-panel);color:var(--on-night-soft);margin:0;padding:1.25rem}.wop-stage{border:1px solid var(--night-line);background:var(--night-panel);color:var(--on-night);border-radius:14px;padding:1.25rem}.wop-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.wop-head-text{min-width:0}.wop-eyebrow{color:var(--mint);font:500 .75rem/1 var(--wop-mono);letter-spacing:.08em;margin:0 0 .25rem}.wop-title{color:var(--on-night);font:700 clamp(1.375rem, 1.1rem + 1.2vw, 1.75rem)/1.2 var(--sans);letter-spacing:normal;margin:0}.wop-nav{flex:none;gap:.5rem;display:flex}.wop-app button{font:inherit;color:inherit;cursor:pointer}.wop-step-btn,.wop-play{border:1px solid var(--night-line);background:var(--night-panel);min-width:44px;min-height:44px;color:var(--on-night);border-radius:8px;padding:0 1rem;font-size:1.375rem;line-height:1}.wop-play{min-width:5.5rem;font-size:1rem;font-weight:700}.wop-step-btn:hover,.wop-play:hover{border-color:var(--mint)}.wop-step-btn[aria-disabled=true]{border-color:var(--night-line);opacity:.4;cursor:default}.wop-play.is-playing{border-color:var(--mint);background:var(--mint);color:var(--night)}.wop-play[aria-disabled=true]{opacity:.5;cursor:not-allowed}.wop-scene{width:100%;height:auto;display:block}.wop-region{fill:var(--night-panel);stroke:var(--night-line)}.wop-region-label{fill:var(--on-night-soft);font:500 12px var(--wop-mono);letter-spacing:.08em}.wop-route{fill:none;stroke:var(--wop-soft-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.wop-route.is-done{stroke:var(--mint)}.wop-part rect{fill:var(--wop-card);stroke:var(--night-line);stroke-width:1px}.wop-part.wop-source-teaching rect{stroke-dasharray:5 3}.wop-part-name{fill:var(--on-night);font:700 13px var(--sans)}.wop-part-sub{fill:var(--on-night-soft);font:400 12px var(--sans)}.wop-part.is-lit rect{stroke:var(--mint);stroke-width:2px}.wop-page{fill:var(--wop-mint-dim);stroke:var(--wop-mint-dim);stroke-width:1px}.wop-page.is-free{fill:none;stroke:#7f9a9c;stroke-dasharray:3 3}.wop-page.is-stale{fill:var(--wop-card);stroke:var(--copper-on-night);stroke-width:1.5px;stroke-dasharray:3 3}.wop-page.is-reserved{fill:none;stroke:var(--mint);stroke-width:2px}.wop-page.is-stale.is-focus{fill:#d9935a59;stroke-width:2.5px;stroke-dasharray:none}.wop-page.is-written{fill:var(--mint);stroke:var(--mint)}.wop-payload{transition:opacity .3s}.wop-payload rect{fill:var(--mint)}.wop-payload text{fill:var(--night);font:500 12px var(--wop-mono)}.wop-payload.is-hidden{opacity:0}.wop-detail{border-top:1px solid var(--night-line);min-height:12.5rem;margin-top:1rem;padding-top:1rem}.wop-detail-body{grid-template-columns:minmax(0,36rem) minmax(0,1fr);align-items:center;gap:1.5rem;display:grid}.wop-detail-svg{width:100%;height:auto;display:block}.wop-detail-notes p{color:var(--on-night-soft);margin:0 0 .375rem;font-size:.9375rem}.wop-detail-chips{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.wop-design{border:0;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 .75rem;padding:0;display:flex}.wop-design-legend{float:left;color:var(--on-night-soft);font:500 .75rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-right:.75rem;padding:0}.wop-design-option{border:1px solid var(--night-line);background:var(--night-panel);cursor:pointer;border-radius:999px;align-items:center;min-height:44px;padding:0 1rem;font-size:.9375rem;display:inline-flex;position:relative}.wop-design-option:hover{border-color:var(--mint)}.wop-design-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.wop-design-option:has(.wop-design-input:checked){border-color:var(--mint);background:var(--mint);color:var(--night);font-weight:700}.wop-design-option:has(.wop-design-input:focus-visible){outline:3px solid var(--mint);outline-offset:2px}.wop-design-option>span,.wop-pick>span{display:inline-grid}.wop-design-option>span:after,.wop-pick>span:after{content:attr(data-text);visibility:hidden;user-select:none;pointer-events:none;height:0;font-weight:700;overflow:hidden}.wop-tile-value{font-variant-numeric:tabular-nums}.wop-part.is-absent{display:none}.wop-bench-section{margin-top:clamp(3rem,6vw,5.5rem)}.wop-bench{border:1px solid var(--night-line);background:var(--night-panel);color:var(--on-night);border-radius:14px;gap:1.25rem;padding:1.25rem;display:grid}.wop-bench-controls{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem 1.5rem;display:grid}.wop-field{border:0;min-width:0;margin:0;padding:0}.wop-field-legend{float:none;color:var(--on-night-soft);font:500 .75rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;padding:0;display:block}.wop-picks{flex-wrap:wrap;gap:.5rem;display:flex}.wop-pick{border:1px solid var(--night-line);background:var(--night);cursor:pointer;border-radius:999px;align-items:center;min-height:44px;padding:0 .875rem;font-size:.9375rem;display:inline-flex;position:relative}.wop-pick:hover{border-color:var(--mint)}.wop-pick-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.wop-pick:has(.wop-pick-input:checked){border-color:var(--mint);background:var(--mint);color:var(--night);font-weight:700}.wop-pick:has(.wop-pick-input:focus-visible){outline:3px solid var(--mint);outline-offset:2px}.wop-select{border:1px solid var(--night-line);background:var(--night);width:100%;min-height:44px;color:var(--on-night);font:inherit;border-radius:8px;padding:0 .75rem}.wop-range{width:100%;min-height:44px;accent-color:var(--mint);background:0 0;margin:0}.wop-hit-out{color:var(--mint);font-weight:700}.wop-field-note{color:var(--on-night-soft);margin:.25rem 0 0;font-size:.8125rem}.wop-hit-field.is-idle{opacity:.45}.wop-bench-actions{gap:.5rem;display:grid}.wop-chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.wop-chip-btn{border:1px solid var(--night-line);background:var(--night);min-height:44px;color:var(--on-night);cursor:pointer;border-radius:8px;padding:0 1rem;font-size:.9375rem}.wop-chip-btn:hover{border-color:var(--mint)}.wop-copy{font-weight:700}.wop-status{min-height:1.25rem;color:var(--on-night-soft);overflow-wrap:anywhere;margin:0;font-size:.875rem}.wop-bench-out{gap:1rem;display:grid}.wop-bench-summary{text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.55}.wop-tiles{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;display:grid}.wop-tile{border:1px solid var(--night-line);background:var(--night);border-radius:10px;padding:.875rem}.wop-tile p{margin:0}.wop-tile-label{color:var(--on-night-soft);font:500 .75rem/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase}.wop-tile-value{color:var(--mint);font-size:1.625rem;font-weight:700;line-height:1.1;margin-top:.375rem!important}.wop-tile-note{color:var(--on-night-soft);font-size:.8125rem;margin-top:.375rem!important}.wop-chart-svg{width:100%;height:auto;display:block}.wop-seg-reported{fill:var(--wop-mint-dim);background:var(--wop-mint-dim)}.wop-seg-map{fill:var(--amber-on-night);background:var(--amber-on-night)}.wop-seg-channel{fill:var(--copper-on-night);background:var(--copper-on-night)}.wop-seg-program{fill:var(--mint);background:var(--mint)}.wop-tick{stroke:var(--wop-soft-line);stroke-width:1.5px}.wop-tick-label,.wop-marker-label{fill:var(--on-night-soft);font:400 14px var(--sans)}.wop-marker{stroke:var(--on-night-soft);stroke-width:1.5px;stroke-dasharray:4 4}.wop-marker.is-end{stroke:var(--mint)}.wop-marker-label.is-end{fill:var(--mint)}.wop-stages{gap:.5rem;margin:0;display:grid}.wop-stage-row{border-top:1px solid var(--night-line);justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.wop-stage-row dt,.wop-stage-row dd{margin:0}.wop-stage-row dd{font:500 .9375rem var(--mono);text-align:right}.wop-swatch-box{vertical-align:-2px;border-radius:3px;width:14px;height:14px;margin-right:.625rem;display:inline-block}.wop-bench-note{color:var(--on-night-soft);margin:0;font-size:.8125rem}.wop-legend{color:var(--on-night-soft);flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.wop-legend-item{align-items:center;gap:.5rem;display:inline-flex}.wop-swatch{border:1px solid #0000;border-radius:3px;width:18px;height:14px}.wop-swatch.is-valid{border-color:var(--wop-mint-dim);background:var(--wop-mint-dim)}.wop-swatch.is-stale{border:1.5px dashed var(--copper-on-night);background:var(--wop-card)}.wop-swatch.is-reserved{border:2px solid var(--mint);background:0 0}.wop-swatch.is-written{border-color:var(--mint);background:var(--mint)}.wop-lit{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.wop-chip{border:1px solid var(--mint);color:var(--on-night);font:500 .8125rem var(--wop-mono);border-radius:999px;padding:.375rem .75rem}.wop-lane-label{fill:var(--on-night-soft);font:500 16px var(--wop-mono)}.wop-lane-label.is-picked{fill:var(--mint)}.wop-lane{stroke:var(--night-line);stroke-width:2px}.wop-lane.is-picked{stroke:var(--mint);stroke-width:3px}.wop-die rect{fill:var(--wop-card);stroke:var(--night-line)}.wop-die.is-picked rect{stroke:var(--mint);stroke-width:2px}.wop-die-label{fill:var(--on-night);font:500 16px var(--wop-mono)}.wop-axis{fill:none;stroke:#5b7c80;stroke-width:1.5px}.wop-axis-label,.wop-verify-label{fill:var(--on-night-soft);font:400 16px var(--sans)}.wop-verify-label{fill:var(--amber-on-night)}.wop-verify{fill:none;stroke:var(--amber-on-night);stroke-width:2px;stroke-dasharray:6 6}.wop-curve{fill:#86ddd42e;stroke:var(--mint);stroke-width:2px}.wop-curve.is-early{fill:#3f8f882e;stroke:var(--wop-mint-dim)}.wop-curve.is-mid{stroke-opacity:.75}.wop-curve.is-late{fill:#86ddd466;stroke-width:2.5px}.wop-caption{text-wrap:pretty;min-height:4.75rem;margin:1rem 0 .75rem;font-size:1.0625rem;line-height:1.55}.wop-source-note{color:var(--on-night-soft);font:400 .75rem/1.4 var(--wop-mono);margin:1rem 0 0}.wop-scrub{align-items:center;gap:1rem;display:flex}.wop-slider{min-width:0;height:44px;accent-color:var(--mint);cursor:pointer;background:0 0;flex:1;margin:0}.wop-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.wop-detail{min-height:13.5rem}.wop-caption{min-height:5rem}}@media (width<=1000px){.wop-detail-body{grid-template-columns:minmax(0,1fr);gap:.75rem}.wop-detail-svg{max-width:36rem}.wop-detail{min-height:22.5rem}.wop-caption{min-height:6.75rem}}@media (width<=720px){.wop-stage{padding:.875rem}.wop-detail-body{grid-template-columns:minmax(0,1fr);gap:.75rem}.wop-caption{min-height:11.5rem}.wop-head{min-height:4.5rem}.wop-scrub{gap:.5rem}.wop-lane-label,.wop-die-label,.wop-axis-label,.wop-verify-label{font-size:20px}}@media (width<=380px){.wop-caption{min-height:13.25rem}.wop-stage-row{flex-direction:column;gap:.125rem}.wop-stage-row dd{text-align:left}}@media (prefers-reduced-motion:reduce){.wop-payload{transition:none}}.is-reduced .wop-payload{transition:none}