:root{--ink:#15251d;--paper:#f0eddf;--signal:#e04b2f;--moss:#3d674e;--line:#a9ad9d}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:linear-gradient(90deg,transparent 49.8%,#15251d0b 50%,transparent 50.2%),var(--paper);margin:0;font-family:Courier New,monospace}button,input{font:inherit;color:inherit}button,input[type=range]{cursor:pointer}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.mast{border-bottom:1px solid var(--ink);letter-spacing:.12em;grid-template-columns:1fr 1fr 1fr;align-items:center;height:58px;padding:0 3vw;font-size:11px;display:grid}.mast span{text-align:center}.mast .privacy{text-align:right}.intro{border-bottom:1px solid var(--ink);grid-template-columns:1fr 2fr 1.1fr;align-items:end;padding:8vh 7vw 6vh;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px}.intro h1{letter-spacing:-.04em;margin:0;font:clamp(54px,8vw,118px)/.78 Instrument Serif,serif}.intro h1 em{color:var(--signal)}.lede{margin:0 0 .4rem;font-size:12px;line-height:1.7}.bench{grid-template-columns:minmax(360px,42%) 1fr;min-height:700px;display:grid}.controls{border-right:1px solid var(--ink);padding:40px 3vw}.controls h2,.loom-head span{text-transform:uppercase;letter-spacing:.15em;margin:0 0 24px;font-size:10px;font-weight:500}.frame-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:52px;display:grid}.frame-row label{text-transform:uppercase;font-size:10px}.frame-row input{border:0;border-bottom:1px solid var(--ink);background:0 0;width:100%;margin-top:8px;padding:9px 0;font-size:18px;display:block}.frame-row small{color:#657268;margin-top:4px;display:block}.threads{border-top:1px solid var(--line)}.thread{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(100px,1fr) minmax(80px,.8fr) 58px 26px;align-items:center;gap:10px;padding:18px 0;display:grid}.index{color:var(--signal);font-size:10px}.label{background:0 0;border:0;border-bottom:1px dashed #0000;width:100%;padding:5px}.label:hover,.label:focus{border-bottom-color:var(--ink)}input[type=range]{accent-color:var(--signal);width:100%}.thread output{text-align:right;font:26px Instrument Serif,serif}.thread output small{font:9px DM Mono,monospace}.remove,.add{background:0 0;border:0}.remove{font-size:22px}.add{border-bottom:1px solid var(--ink);margin-top:18px;padding:7px 0;font-size:11px}.error{background:var(--signal);color:#fff;padding:10px;font-size:11px}.loom{padding:40px 5vw 60px;overflow:hidden}.loom-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:38px;display:flex}.loom-head h2{margin:5px 0;font:38px Instrument Serif,serif}.receipt{border:1px solid;padding:10px 13px;font-size:11px}.receipt.bad{color:var(--signal);border-color:var(--signal)}.receipt.good{color:var(--moss)}.rail{padding-bottom:68px;position:relative}.block{border-top:1px solid var(--ink);grid-template-columns:68px 35px 1fr 35px;align-items:center;gap:12px;min-height:54px;display:grid;position:relative}.block .clock{font-size:10px}.block .weft{background:repeating-linear-gradient(90deg,var(--moss) 0 8px,transparent 8px 12px);height:8px}.block.crosses .weft,.block.overtime .weft{background:repeating-linear-gradient(90deg,var(--signal) 0 8px,transparent 8px 12px)}.block b{font:26px Instrument Serif,serif}.block small{color:#657268;margin-top:4px;font-size:9px;display:block}.block i{color:var(--line);font:italic 30px Instrument Serif,serif}.block.overtime{opacity:.62}.hard-stop{top:calc(var(--budget) * 5px);border-top:4px double var(--signal);color:var(--signal);pointer-events:none;justify-content:space-between;padding-top:6px;font-size:10px;display:flex;position:absolute;left:0;right:0}.copy{background:var(--ink);width:100%;color:var(--paper);border:0;margin-top:18px;padding:15px}.copy-fallback{border:1px solid var(--ink);background:#fff;width:100%;height:130px;margin-top:10px;padding:12px;font:11px/1.6 DM Mono,monospace}footer{border-top:1px solid var(--ink);letter-spacing:.1em;padding:22px 3vw;font-size:9px}.sr-only{clip:rect(0,0,0,0);white-space:pre;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:780px){.mast{grid-template-columns:1fr auto}.mast>span:not(.privacy){display:none}.intro{grid-template-columns:1fr;gap:28px;padding:55px 20px 40px}.intro h1{font-size:64px}.bench{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--ink);padding:34px 20px}.loom{padding:34px 20px}.loom-head{display:block}.receipt{display:inline-block}.thread{grid-template-columns:24px 1fr 60px 25px}.thread input[type=range]{grid-column:2/4}.block{grid-template-columns:55px 20px 1fr 22px}.block b{font-size:21px}.mast{padding:0 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}