*,:before,:after{box-sizing:border-box}:root{--paper:#efe6d4;--ink:#16140f;--ink-soft:#3a342c;--muted:#4e4942;--line:#d4cbb8;--signal:#ef4e22;--signal-ink:#b12c0c;--signal-hot:#ff7a45;--night:#101614;--night-2:#1a2420;--cream:#f6f1e6;--dim:#c8bfb0;--serif:"Instrument Serif", "Iowan Old Style", Palatino, Georgia, serif;--sans:"Instrument Sans", "Segoe UI", sans-serif;--mono:"DM Mono", ui-monospace, monospace;color-scheme:light}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.5}h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}::selection{color:var(--ink);background:#ffd0bf}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:30;background:var(--ink);color:var(--cream);padding:.45rem .7rem;text-decoration:none;position:absolute;top:-4rem;left:1rem}.skip:focus{top:.6rem}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.site-header{z-index:10;background:var(--paper);border-top:4px solid var(--signal);grid-template-columns:1fr auto;grid-template-areas:"brand login""nav nav";align-items:center;gap:.7rem 1rem;padding:.85rem 1.15rem .8rem;transition:background-color .35s,color .35s;display:grid;position:sticky;top:0}.brand{letter-spacing:-.03em;grid-area:brand;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-flex}.mark{flex:none;display:block}.mark path{fill:var(--signal)}.nav{grid-area:nav}.nav ul{flex-wrap:wrap;gap:.35rem 1.15rem;list-style:none;display:flex}.nav a{color:var(--muted);font-family:var(--mono);letter-spacing:.02em;font-size:.78rem;text-decoration:none}.nav a:hover{color:var(--ink)}.login{border:1px solid var(--ink);font-family:var(--mono);letter-spacing:.02em;background:0 0;grid-area:login;justify-self:end;padding:.38rem .65rem;font-size:.75rem}.login:hover{background:var(--ink);color:var(--cream)}body.is-working .site-header{background:var(--night);color:var(--cream)}body.is-working .mark path{fill:var(--signal-hot)}body.is-working .nav a{color:var(--dim)}body.is-working .nav a:hover{color:var(--cream)}body.is-working .login{color:var(--cream);border-color:#f6f1e666}body.is-working .login:hover{background:var(--signal);color:var(--ink);border-color:var(--signal)}#stage{scroll-margin-top:5.5rem;transition:background-color .35s,color .35s}#stage.is-channel{background:var(--night);color:var(--cream)}.compose{flex-direction:column;justify-content:center;width:min(68rem,100% - 2.2rem);min-height:calc(100svh - 7.2rem);margin:0 auto;padding:2.2rem 0 3rem;display:flex}.lede{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal-ink);margin-bottom:.9rem;font-size:.78rem}h1{font-family:var(--serif);letter-spacing:-.03em;scroll-margin-top:5.5rem;font-size:clamp(2.1rem,4.5vw,3.3rem);font-weight:400;line-height:.98}.compose h1{letter-spacing:-.04em;max-width:12ch;font-size:clamp(2.7rem,7.6vw,6.5rem);line-height:.9}#composer{margin-top:1.6rem}.composer{border:0;border-bottom:3px solid var(--ink);background:0 0;padding:.2rem 0 .55rem}.composer:focus-within{border-bottom-color:var(--signal)}.composer textarea{resize:vertical;width:100%;min-height:7.5rem;font-family:var(--serif);letter-spacing:-.03em;background:0 0;border:0;padding:.4rem 0 .2rem;font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.25;display:block}.composer textarea:not(:placeholder-shown){font-style:italic}.composer textarea:focus{outline:none}.composer textarea::placeholder{font-family:var(--sans);letter-spacing:0;color:var(--muted);font-size:1.05rem;font-style:normal}.composer-foot{justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:.35rem;display:flex}#hint{color:var(--muted);max-width:28rem;font-size:.92rem}.btn{border:2px solid var(--ink);background:var(--signal);color:var(--ink);border-radius:0;padding:.72rem 1.05rem;font-size:.95rem;font-weight:600;line-height:1.1}.btn:hover{background:var(--ink);color:var(--cream)}.composer:has(textarea:placeholder-shown) .btn{color:var(--ink);background:0 0}.btn.ghost{color:inherit;background:0 0;border-color:currentColor}.btn.ghost:hover{background:var(--signal);color:var(--ink);border-color:var(--ink)}.linkish{color:var(--signal-ink);text-underline-offset:.18em;background:0 0;border:0;padding:0;font-size:.95rem;text-decoration:underline 2px}#composer:has(textarea:not(:placeholder-shown))+.prompts{opacity:.4}.prompts{border-top:1px solid var(--ink);margin-top:1.6rem;display:grid}.prompt{border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);background:0 0;padding:.85rem .15rem;font-size:1rem;line-height:1.35}.prompt:before{content:"";background:var(--signal);vertical-align:.08em;width:.5rem;height:.5rem;margin-right:.7rem;display:inline-block}.prompt:hover{background:var(--ink);color:var(--cream)}.error{color:#9c250a;margin-top:.7rem;font-size:.92rem}.block{border-top:1px solid var(--ink);width:min(68rem,100% - 2.2rem);margin:0 auto;padding:4.2rem 0 4.4rem;scroll-margin-top:5.5rem}.kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-ink);margin-bottom:.75rem;font-size:.75rem}.block h2{font-family:var(--serif);letter-spacing:-.035em;max-width:16ch;font-size:clamp(2.1rem,5vw,3.6rem);font-weight:400;line-height:.96}.cycle{border-top:4px solid var(--signal);margin-top:2rem;list-style:none;display:grid}.cycle li{z-index:1;border-bottom:1px solid var(--ink);background:0 0;padding:1.15rem 0 1.2rem;position:relative}.step{font-family:var(--serif);letter-spacing:-.04em;color:var(--signal-ink);margin-bottom:.45rem;font-size:2.6rem;line-height:.9;display:block}.cycle h3{letter-spacing:-.03em;margin-bottom:.3rem;font-size:1.2rem;font-weight:600}.cycle p,.about p,.case figcaption p,.cycle-note{color:var(--ink-soft)}.cycle-note{max-width:36rem;font-family:var(--mono);letter-spacing:.01em;margin-top:1rem;font-size:.82rem}.cases{gap:2.75rem;margin-top:2.2rem;display:grid}.case{flex-direction:column;gap:.85rem;min-width:0;display:flex}.case blockquote p{font-family:var(--serif);letter-spacing:-.03em;font-size:clamp(1.45rem,2.2vw,1.85rem);font-style:italic;line-height:1.15}.becomes{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--signal-ink);font-size:.72rem}.sketch{background:var(--night);color:var(--cream);border:0;border-radius:0;flex-direction:column;gap:.55rem;padding:.9rem .95rem 1rem;display:flex}.sketch-top,.sketch-job,.sketch-list li,.app-bar{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.sketch-top,.app-bar{font-family:var(--mono);letter-spacing:.04em;color:var(--dim);font-size:.75rem}.sketch-tag{color:var(--signal-hot);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.sketch-list{flex-direction:column;gap:.4rem;font-size:.98rem;list-style:none;display:flex}.sketch-list span:last-child,.sketch-job span:last-child{color:var(--dim);text-align:right}.ok{color:var(--signal-hot)!important}.sketch-job{border-top:1px solid #f6f1e62e;padding-top:.55rem;font-size:.95rem}.bubble{background:var(--night-2);color:var(--cream);margin:0;padding:.75rem .8rem;font-size:.98rem;line-height:1.4}.sketch-sparse .sketch-quiet{color:var(--dim);margin:.3rem 0 .15rem;font-size:1rem}.sketch-line{background:#f6f1e633;width:100%;height:.45rem;display:block}.sketch-line.short{width:55%}.case figcaption{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.about{flex-direction:column;gap:.9rem;max-width:38rem;margin-top:1.2rem;font-size:1.2rem;display:flex}.about p:first-child{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.15}.site-footer{border-top:4px solid var(--signal);width:min(68rem,100% - 2.2rem);color:var(--muted);font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1.25rem;margin:0 auto;padding:1.3rem 0 1.8rem;font-size:.78rem;display:flex}.site-footer a{color:var(--ink)}.channel{width:min(68rem,100% - 2.2rem);margin:0 auto;padding:1.8rem 0 4.5rem}.channel-head .kicker{color:var(--signal-hot)}.channel-head .origin{font-family:var(--serif);letter-spacing:-.03em;border-left:4px solid var(--signal);overflow-wrap:break-word;max-width:22ch;margin:.4rem 0 1.1rem;padding-left:.85rem;font-size:clamp(1.7rem,3.2vw,2.7rem);font-style:italic;line-height:1.12}.progress{color:var(--dim);font-family:var(--mono);font-size:.82rem}.meter{gap:.35rem;max-width:14rem;margin-top:.75rem;display:flex}.tick{background:#f6f1e62e;flex:1;height:6px}.tick.is-on{background:var(--signal)}.channel-layout{gap:1.6rem;margin-top:1.8rem;display:grid}.thread{flex-direction:column;gap:1.15rem;list-style:none;display:flex}.who{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-hot);margin-bottom:.35rem;font-size:.7rem;display:block}.turn p{overflow-wrap:break-word}.turn.you{border-left:4px solid var(--signal);padding-left:.85rem}.turn.past{color:var(--dim);font-size:.98rem}.turn.current h1{max-width:14ch;color:var(--cream);margin:.15rem 0 .85rem;font-size:clamp(2.15rem,5vw,4rem);line-height:.96}.example{color:var(--dim);max-width:40rem;margin-bottom:1rem;font-size:.98rem}.choices{counter-reset:choice;flex-direction:column;display:flex}.choice{counter-increment:choice;text-align:left;width:100%;color:var(--cream);background:0 0;border:0;border-bottom:1px solid #f6f1e633;border-radius:0;padding:.95rem .15rem;font-size:1.12rem;line-height:1.3;transition:background-color .15s,color .15s,padding .15s}.choice:before{content:counter(choice, decimal-leading-zero);font-family:var(--mono);color:var(--signal-hot);margin-right:.85rem;font-size:.78rem}.choice:hover,.choice.is-chosen{background:var(--signal);color:var(--ink);padding-left:.7rem}.choice:hover:before,.choice.is-chosen:before{color:var(--ink)}.own{margin-top:1rem}#stage.is-channel .linkish{color:var(--cream)}.own-panel{flex-direction:column;align-items:flex-start;gap:.55rem;margin-top:.8rem;scroll-margin:5.5rem;display:flex}.own-panel textarea{border:0;border-bottom:3px solid var(--cream);width:100%;min-height:5.5rem;color:var(--cream);resize:vertical;font-family:var(--serif);background:0 0;border-radius:0;padding:.65rem 0;font-size:1.35rem}.own-panel label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal-hot);font-size:.75rem}#stage.is-channel .error{color:#ffb4a2}.log{background:var(--night-2);border:0;border-top:4px solid var(--signal);border-radius:0;padding:1rem 1rem 1.15rem}.log h2,.log h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-hot);font-size:.72rem;font-weight:500}.log h2{margin-bottom:.8rem}.log h3{margin-top:1.15rem;margin-bottom:.55rem}.log ul{flex-direction:column;gap:.75rem;list-style:none;display:flex}.log li{flex-direction:column;gap:.15rem;display:flex}.log .cat{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal-hot);font-size:.68rem}.log .empty,.pending-left{color:var(--dim);font-size:.95rem}.board{gap:.65rem;margin-top:1.5rem;display:grid}.board article{background:0 0;border:1px solid #f6f1e633;border-radius:0;min-width:0;padding:.95rem 1rem 1.05rem}.board h2{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-hot);max-width:none;margin-bottom:.4rem;font-size:.72rem;font-weight:500}.board article>p,.decision-list,.pending-list{font-family:var(--serif);letter-spacing:-.02em;overflow-wrap:break-word;font-size:1.35rem;line-height:1.25}.decision-list,.pending-list{flex-direction:column;gap:.45rem;list-style:none;display:flex}.follow{flex-direction:column;gap:0;margin-top:.85rem;display:flex}.follow>p{font-family:var(--serif);letter-spacing:-.03em;margin-bottom:.6rem;font-size:1.45rem;line-height:1.15}.actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.15rem;margin-top:1.4rem;display:flex}.app-shell{background:var(--paper);color:var(--ink);max-width:40rem;box-shadow:8px 8px 0 var(--signal);border:0;border-radius:0;margin-top:1.4rem;overflow:hidden}.app-shell.is-wide{max-width:52rem}.app-bar{border-bottom:1px solid var(--line);color:var(--muted);padding:.7rem 1rem}.app-body{flex-direction:column;gap:.55rem;padding:.95rem 1rem 1.1rem;display:flex}.app-columns{display:grid}.app-columns>div{padding:.95rem 1rem 1.1rem}.app-columns>div+div{border-top:1px solid var(--line)}.app-label{font-family:var(--mono);color:var(--signal-ink);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.7rem}.app-shell .sketch-list span:last-child,.app-shell .sketch-job span:last-child{color:var(--muted)}.app-shell .ok{color:var(--signal-ink)!important}.app-shell .example{color:var(--ink-soft)}.app-shell .bubble{background:var(--night);color:var(--cream)}.before li{color:var(--muted);text-decoration:line-through 2px;text-decoration-color:var(--signal)}dialog{border:0;border-top:4px solid var(--signal);background:var(--paper);width:min(26rem,100% - 2rem);color:var(--ink);padding:1.25rem 1.2rem 1.15rem}dialog::backdrop{background:#101614b8}dialog h2{font-family:var(--serif);letter-spacing:-.03em;font-size:2.2rem;font-weight:400;line-height:1}dialog p{color:var(--ink-soft);margin:.5rem 0 .9rem}dialog label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--signal-ink);margin-bottom:.35rem;font-size:.75rem;display:block}dialog input{border:0;border-bottom:3px solid var(--ink);background:0 0;border-radius:0;width:100%;padding:.55rem 0}dialog input:focus{border-bottom-color:var(--signal);outline:none}.note{color:var(--ink-soft)}.dialog-actions{gap:.6rem;margin-top:1rem;display:flex}.rise{animation:.4s rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width>=800px){.site-header{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav login";padding:.95rem 1.5rem}.nav ul{justify-content:flex-end;margin-right:.5rem}.compose{min-height:calc(100svh - 6rem);padding-top:1.5rem}.prompts{grid-template-columns:1fr 1fr}.prompt:nth-child(odd){border-right:1px solid var(--line);padding-right:1.25rem}.prompt:nth-child(2n){padding-left:1.25rem}.cycle{border-bottom:1px solid var(--ink);grid-template-columns:repeat(4,1fr)}.cycle li{border-bottom:0;border-right:1px solid var(--ink);padding:1.25rem 1.15rem .4rem 0}.cycle li:last-child{border-right:0;padding-right:0}.cycle li+li{padding-left:1.15rem}.cases{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.4rem}.case .sketch{margin-top:auto}.channel-layout{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.7fr);align-items:start;gap:2rem}.log{border-top:0;border-left:4px solid var(--signal);position:sticky;top:5.4rem}.board{grid-template-columns:1fr 1fr}.board .wide{grid-column:1/-1}.wide-split{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.app-shell.is-wide .app-columns{grid-template-columns:1fr 1fr}.app-shell.is-wide .app-columns>div+div{border-top:0;border-left:1px solid var(--line)}.block{padding:5.5rem 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header,#stage,.choice{transition:none}.rise{animation:none}}