:root{--paper: #f4efe6;--paper-2: #ebe4d7;--paper-3: #e0d7c6;--ink: #161412;--ink-2: #4a4540;--ink-3: #8a837a;--rule: #cdc3b1;--signal: #e8552f;--signal-ink: #b93a1a;--cool: #1f4e79;--ok: #2f6b3a;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Instrument Sans", "Helvetica Neue", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--radius: 4px;--shadow: 0 1px 0 rgba(22, 20, 18, .06), 0 12px 30px -18px rgba(22, 20, 18, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);background-image:radial-gradient(1200px 600px at 80% -10%,rgba(232,85,47,.1),transparent 60%),radial-gradient(900px 500px at -10% 20%,rgba(31,78,121,.08),transparent 60%);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}a{color:inherit}code,pre,.mono{font-family:var(--font-mono)}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}::selection{background:#e8552f40}.masthead{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;padding:28px 40px 18px;border-bottom:1px solid var(--ink);max-width:1480px;margin:0 auto}.brand{display:flex;align-items:baseline;gap:14px}.brand h1{font-family:var(--font-display);font-weight:400;font-size:40px;line-height:1;margin:0;letter-spacing:-.02em;font-variation-settings:"opsz" 144,"SOFT" 50}.brand h1 em{font-style:italic;color:var(--signal-ink)}.brand .tag{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);letter-spacing:.02em}.nav{display:flex;gap:4px;align-items:center}.nav a,.nav button{background:none;border:1px solid transparent;padding:7px 12px;border-radius:999px;text-decoration:none;font-size:14px;color:var(--ink-2)}.nav a.active,.nav button.active{border-color:var(--ink);color:var(--ink);background:var(--paper-2)}.nav a:hover,.nav button:hover{color:var(--ink)}.status{font-family:var(--font-mono);font-size:12px;color:var(--ink-3);display:inline-flex;align-items:center;gap:8px;margin-left:10px;padding-left:14px;border-left:1px solid var(--rule)}.status .dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3);box-shadow:0 0 0 3px #0000000d}.status .dot.ok{background:var(--ok)}.status .dot.loading{background:var(--signal);animation:pulse 1.2s infinite}.status .dot.bad{background:var(--signal-ink)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.page{max-width:1480px;margin:0 auto;padding:22px 40px 80px;min-width:0;overflow-x:hidden}.playground>section{min-width:0}.playground{display:grid;grid-template-columns:minmax(380px,5fr) minmax(420px,6fr);gap:32px;align-items:start}@media (max-width: 1080px){.playground{grid-template-columns:1fr}.masthead{grid-template-columns:1fr;padding:20px 20px 12px;gap:12px}.brand{flex-wrap:wrap;gap:6px 14px}.brand h1{font-size:34px}.nav{flex-wrap:wrap;gap:4px 2px}.status{margin-left:0;padding-left:0;border-left:none;width:100%}.page{padding:16px 20px 60px}footer.foot{padding:20px 20px 32px}}@media (max-width: 640px){.brand .tag{display:none}.crit{grid-template-columns:18px minmax(70px,1fr) minmax(90px,1.6fr) 24px}.bars{grid-template-columns:minmax(60px,110px) 1fr 48px}.ans-value{font-size:26px}}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--rule)}.section-title:first-child{margin-top:0}.section-title .n{color:var(--signal-ink);margin-right:8px}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.chip{border:1px solid var(--rule);background:transparent;border-radius:999px;padding:6px 12px;font-size:13px;transition:border-color .15s,background .15s,transform .1s}.chip:hover{border-color:var(--ink)}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip:active{transform:translateY(1px)}.card{background:#fffcf6b3;border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}textarea.state{width:100%;min-height:150px;resize:vertical;padding:14px 16px;border:none;background:transparent;outline:none;font-family:var(--font-mono);font-size:13.5px;line-height:1.55;color:var(--ink)}textarea.state:focus{box-shadow:inset 0 0 0 1px var(--ink)}.state-foot{display:flex;justify-content:space-between;padding:6px 12px;border-top:1px dashed var(--rule);font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.state-foot .warn{color:var(--signal-ink)}.qlist{display:flex;flex-direction:column;gap:12px}.q{padding:12px 14px;position:relative;overflow:hidden}.q:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ink-3)}.q.choice:before{background:var(--cool)}.q.score:before{background:var(--signal)}.q.noul:before{background:var(--ok)}.q-head{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;margin-bottom:8px}.q-key{font-family:var(--font-mono);font-size:13px;font-weight:600;border:none;border-bottom:1px dashed var(--rule);background:transparent;padding:4px 2px;min-width:0;outline:none}.q-key:focus{border-bottom-color:var(--ink)}.seg{display:inline-flex;border:1px solid var(--rule);border-radius:999px;overflow:hidden}.seg button{border:none;background:transparent;padding:4px 10px;font-size:12px;font-family:var(--font-mono);color:var(--ink-3)}.seg button.on{background:var(--ink);color:var(--paper)}.icon-btn{border:none;background:transparent;color:var(--ink-3);font-size:16px;line-height:1;padding:4px 6px;border-radius:4px}.icon-btn:hover{color:var(--signal-ink);background:var(--paper-2)}.q input.text,.q textarea.text{width:100%;border:1px solid transparent;background:#16141208;border-radius:3px;padding:7px 9px;font-size:13.5px;outline:none}.q textarea.text{resize:vertical;min-height:34px;line-height:1.4}.q input.text:focus,.q textarea.text:focus{border-color:var(--ink);background:#fff}.crit{display:grid;grid-template-columns:22px minmax(90px,1fr) minmax(120px,2fr) 26px;gap:6px;align-items:center;margin-top:6px}.crit .sym{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);text-align:center}.crit input.text{padding:5px 8px;font-size:13px}.crit .name{font-family:var(--font-mono)}.crit.noul{grid-template-columns:54px 1fr}.add-row{margin-top:8px;display:flex;gap:10px;align-items:center}.link-btn{border:none;background:none;color:var(--cool);font-size:12.5px;padding:2px 0;text-decoration:underline dotted;text-underline-offset:3px}.link-btn:hover{color:var(--signal-ink)}.hint{font-size:12px;color:var(--ink-3)}.run-bar{display:flex;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}.run{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:11px 22px;border-radius:999px;font-size:15px;display:inline-flex;align-items:center;gap:10px;transition:transform .1s,background .15s}.run:hover{background:var(--signal-ink);border-color:var(--signal-ink)}.run:active{transform:translateY(1px)}.run:disabled{opacity:.5;cursor:progress}.run kbd{font-family:var(--font-mono);font-size:11px;opacity:.7;border:1px solid rgba(255,255,255,.35);padding:1px 5px;border-radius:3px}.select{border:1px solid var(--rule);background:transparent;padding:8px 10px;border-radius:999px;font-family:var(--font-mono);font-size:12.5px}.ghost{border:1px solid var(--rule);background:transparent;padding:8px 14px;border-radius:999px;font-size:13px}.ghost:hover{border-color:var(--ink)}.results-empty{padding:40px 28px;text-align:center;color:var(--ink-3);border:1px dashed var(--rule);border-radius:var(--radius);font-family:var(--font-display);font-size:20px;font-style:italic;font-weight:300}.meta{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;margin-bottom:14px;background:#fffcf699}.meta div{padding:10px 14px;border-right:1px solid var(--rule)}.meta div:last-child{border-right:none}.meta .k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.meta .v{font-family:var(--font-display);font-size:26px;line-height:1.1;font-variation-settings:"opsz" 60;margin-top:2px}.meta .v small{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);margin-left:4px}@media (max-width: 640px){.meta{grid-template-columns:repeat(2,1fr)}.meta div:nth-child(2){border-right:none}}.answers{display:flex;flex-direction:column;gap:14px}.ans{padding:14px 16px 14px 18px;position:relative;animation:rise .5s cubic-bezier(.2,.7,.2,1) both}.ans:nth-child(2){animation-delay:.06s}.ans:nth-child(3){animation-delay:.12s}.ans:nth-child(4){animation-delay:.18s}.ans:nth-child(5){animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ans-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.ans-key{font-family:var(--font-mono);font-size:13px;font-weight:600}.ans-type{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-left:8px}.ans-value{font-family:var(--font-display);font-size:30px;line-height:1;font-variation-settings:"opsz" 72;letter-spacing:-.01em}.ans-value.noul{font-variant-numeric:tabular-nums}.ans-value .unit{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;margin-left:6px}.bars{display:grid;grid-template-columns:minmax(80px,160px) 1fr 56px;gap:6px 10px;align-items:center}.bars .lbl{font-family:var(--font-mono);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink-2)}.bars .lbl.top{color:var(--ink);font-weight:600}.bars .track{height:14px;background:var(--paper-3);border-radius:2px;overflow:hidden;position:relative}.bars .fill{height:100%;background:var(--cool);border-radius:2px;transform-origin:left;animation:grow .7s cubic-bezier(.2,.7,.2,1) both}.bars .fill.top{background:var(--ink)}.bars .fill.signal{background:var(--signal)}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bars .pct{font-family:var(--font-mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-2)}.bars .pct.top{color:var(--ink);font-weight:600}.spectrum{position:relative;height:34px;margin:6px 0 4px}.spectrum .band{position:absolute;left:0;right:0;top:12px;height:10px;background:linear-gradient(90deg,var(--paper-3),var(--signal));border-radius:999px}.spectrum .tick{position:absolute;top:8px;width:1px;height:18px;background:var(--ink-3);opacity:.5}.spectrum .marker{position:absolute;top:4px;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:10px;display:grid;place-items:center;box-shadow:0 0 0 3px var(--paper);transition:left .6s cubic-bezier(.2,.7,.2,1)}.legend{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;font-size:12px;color:var(--ink-2);margin-top:6px}.legend .d{font-family:var(--font-mono);color:var(--ink-3)}.legend .p{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}.legend .row-top{color:var(--ink);font-weight:600}.meter{height:18px;border-radius:999px;background:var(--paper-3);position:relative;overflow:hidden;margin:8px 0 4px}.meter .fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--ok),#7fb069);transform-origin:left;animation:grow .7s cubic-bezier(.2,.7,.2,1) both}.meter .mid{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--ink);opacity:.35}.meter-lbl{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.conf{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:var(--ink-2)}.conf .ring{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--signal) calc(var(--p) * 1turn),var(--paper-3) 0)}.conf .ring:after{content:"";width:20px;height:20px;border-radius:50%;background:var(--paper)}.conf b{color:var(--ink)}.decision{margin-top:12px;padding:10px 12px;background:var(--ink);color:var(--paper);border-radius:3px;font-family:var(--font-mono);font-size:12px;line-height:1.55;white-space:pre-wrap}.decision .c{color:#9fb7cf}.decision .s{color:#f5a98f}.decision .k{color:#d8cfbf}.error{border:1px solid var(--signal-ink);background:#e8552f14;color:var(--signal-ink);padding:12px 14px;border-radius:var(--radius);font-family:var(--font-mono);font-size:13px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--rule)}.tabs button{border:none;background:none;padding:8px 12px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--ink);border-bottom-color:var(--signal)}.tabs .spacer{flex:1}pre.code{margin:0;padding:14px 16px;overflow:auto;font-size:12.5px;line-height:1.55;background:#16141209;border-radius:0 0 var(--radius) var(--radius);max-height:460px;-moz-tab-size:2;tab-size:2}.copy{border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:3px 10px;font-size:11.5px;font-family:var(--font-mono)}.copy:hover{border-color:var(--ink)}.prose{max-width:820px;font-size:16px}.prose h2{font-family:var(--font-display);font-weight:400;font-size:34px;letter-spacing:-.02em;margin:40px 0 10px;font-variation-settings:"opsz" 144;line-height:1.1}.prose h2:first-child{margin-top:8px}.prose h3{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:28px 0 8px}.prose p{margin:10px 0}.prose p.lede{font-family:var(--font-display);font-size:22px;font-weight:300;line-height:1.35;color:var(--ink-2);font-variation-settings:"opsz" 40}.prose pre{background:#1614120d;border:1px solid var(--rule);padding:12px 14px;border-radius:var(--radius);overflow:auto;font-size:12.5px;line-height:1.55}.prose code{background:#1614120f;padding:1px 5px;border-radius:3px;font-size:.9em}.prose pre code{background:none;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:14px;margin:10px 0}.prose th,.prose td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--rule);vertical-align:top}.prose th{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.prose td code{white-space:nowrap}.prose ul{padding-left:20px}.prose li{margin:4px 0}.callout{border-left:3px solid var(--signal);padding:8px 14px;background:#e8552f0f;margin:14px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 800px){.two-col{grid-template-columns:1fr}}.flow{font-family:var(--font-mono);font-size:12.5px;line-height:1.5;white-space:pre;overflow:auto;background:var(--ink);color:var(--paper);padding:16px 18px;border-radius:var(--radius)}.flow .hi{color:#f5a98f}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat{border:1px solid var(--rule);border-radius:var(--radius);padding:12px 14px;background:#fffcf699}.stat .big{font-family:var(--font-display);font-size:36px;line-height:1;font-variation-settings:"opsz" 96}.stat .cap{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin-top:6px}@media (max-width: 640px){.stat-row{grid-template-columns:1fr}}footer.foot{max-width:1480px;margin:0 auto;padding:24px 40px 40px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--ink-3);display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}footer.foot a{color:var(--ink-2)}