*,: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;--display:"Cormorant Garamond", Palatino, "Iowan Old Style", Georgia, serif;--sans:"Instrument Sans", "Segoe UI", sans-serif;--mono:"DM Mono", ui-monospace, monospace;--void:#0c0908;--blush:#f7efe8;--heat:#ffb089;color-scheme:dark}html{scroll-behavior:smooth}html,body{height:100%;overflow:hidden}body{min-height:100svh;color:var(--blush);font-family:var(--sans);text-rendering:optimizelegibility;background:#12182a;margin:0;font-size:1.0625rem;line-height:1.5;overflow:hidden}body.is-working{background:var(--night)}main{z-index:1;position:relative}.vista{z-index:0;pointer-events:none;transition:opacity .5s;position:fixed;inset:0;overflow:hidden}body.is-working .vista{opacity:0}.sky,.sea,.beach{position:absolute;left:0;right:0}.sky{background:radial-gradient(18% 12% at 78% 18%,#ffecd28c,#0000 70%),linear-gradient(#101628 0%,#1a2842 42%,#2c3348 68%,#5c403c 88%,#c48462 100%);top:0;bottom:22%}.sky:after{content:"";background:radial-gradient(circle,#fff8ee 0%,#f3dcc0 58%,#0000 72%);border-radius:50%;width:2.15rem;height:2.15rem;position:absolute;top:14%;right:16%;box-shadow:0 0 36px 14px #ffdcb447}.sea{background:linear-gradient(#ffe4c457,#0000 12%),linear-gradient(#3d7c86 0%,#1a4c5c 28%,#123444 62%,#0c2432 100%);height:32%;bottom:0}.sea:before{content:"";filter:blur(10px);background:linear-gradient(#ffdcb461,#0000 80%);width:14%;height:78%;transition:width .7s;position:absolute;top:0;left:42%;transform:translate(-30%)}.sea:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff0f 48%,#0000 62%) 0 0/220% 100%;animation:22s ease-in-out infinite tide;position:absolute;inset:0}.beach{background:linear-gradient(#fffcf5d9,#0000 18%),linear-gradient(#f3e6c8 10%,#e7d3a6 42%,#c9ae7c 100%);height:12%;bottom:0}.festoon{height:8.5rem;position:absolute;top:0;left:0;right:0}.wire{width:100%;height:100%;position:absolute;inset:0}.bulb{background:radial-gradient(circle at 36% 30%,#fff6e8 0%,#ffd7a2 26%,#ff9b42 64%,#e06a28 100%);border-radius:50% 50% 46% 46%/40% 40% 60% 60%;width:1.35rem;height:1.85rem;margin-left:-.67rem;transition:filter .7s,box-shadow .7s;animation:6.5s ease-in-out infinite filament;position:absolute;box-shadow:0 0 10px 3px #ffb05acc,0 0 32px 10px #ff8c3c52}.bulb:before{content:"";background:linear-gradient(#4a3b32,#1a120e);border-radius:.1rem .1rem .04rem .04rem;width:.38rem;height:.38rem;position:absolute;top:-.34rem;left:50%;transform:translate(-50%)}.bulb:after{content:"";background:#fff8e6e6;width:1px;height:42%;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:.16rem .12rem 0 -.5px #fff8e6bf,-.16rem .16rem 0 -.5px #fff8e6bf}.bulb.rose{background:radial-gradient(circle at 36% 30%,#fff4f2 0%,#ffc8be 30%,#ff7d78 68%,#d45458 100%);animation-duration:7.4s;box-shadow:0 0 10px 3px #ff8c82b3,0 0 32px 10px #ff646042}.bulb.moon{background:radial-gradient(circle at 36% 30%,#fff 0%,#e6eeff 32%,#b7c6ea 70%,#8ea2cc 100%);animation-duration:8.2s;box-shadow:0 0 10px 3px #c4d6ffb3,0 0 32px 10px #a0b8e63d}.bulb:nth-child(2){top:16%;left:6%}.bulb:nth-child(3){animation-delay:-1.2s;top:38%;left:16%}.bulb:nth-child(4){top:28%;left:28%}.bulb:nth-child(5){animation-delay:-2.4s;top:52%;left:39%}.bulb:nth-child(6){top:40%;left:51%}.bulb:nth-child(7){animation-delay:-3s;top:56%;left:63%}.bulb:nth-child(8){top:30%;left:75%}.bulb:nth-child(9){animation-delay:-1.8s;top:48%;left:86%}.bulb:nth-child(10){top:18%;left:95%}body:has(#problem:focus) .bulb{filter:brightness(1.12)}body.is-saying .bulb{filter:brightness(1.38)}body.is-saying .sea:before{width:28%}@keyframes filament{0%,to{opacity:.82}50%{opacity:1}}@keyframes tide{0%,to{background-position:0 0}50%{background-position:100% 0}}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(--blush);background:#ffb08959}.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}#stage{scroll-margin-top:1.5rem;transition:background-color .35s,color .35s}#stage.is-channel{background:var(--night);min-height:100svh;color:var(--cream)}.compose{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(40rem,100% - 2.4rem);min-height:100svh;margin:0 auto;padding:10vh 0 30vh;display:flex}h1{font-family:var(--serif);letter-spacing:-.03em;scroll-margin-top:1.5rem;font-size:clamp(2.1rem,4.5vw,3.3rem);font-weight:400;line-height:.98}.compose h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:14ch;color:var(--blush);font-size:clamp(3.35rem,7.2vw,6.6rem);font-style:italic;font-weight:500;line-height:.9}@supports (background-clip:text){.compose h1{color:#0000;background-image:linear-gradient(185deg,#fff8f3 8%,#f4cbb8 62%,#e7a88e 100%);background-clip:text}}#composer{text-align:left;width:min(34rem,100%);margin-top:clamp(1.8rem,4vh,3rem)}.composer{background:0 0;border:0;border-bottom:1px solid #ffc4a4b8;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.35rem;padding:0 0 .15rem;display:grid}.composer:focus-within{border-bottom-color:var(--heat);box-shadow:0 22px 36px -30px #ff9664f2}.composer textarea{resize:vertical;width:100%;min-height:3.4rem;font-family:var(--display);letter-spacing:-.02em;color:var(--blush);caret-color:var(--heat);background:0 0;border:0;padding:.35rem 0 .45rem;font-size:clamp(1.35rem,2.5vw,1.9rem);font-style:italic;font-weight:500;line-height:1.25;display:block}.composer textarea:focus{outline:none}.send{width:3rem;height:3rem;color:var(--heat);background:0 0;border:0;margin-bottom:.2rem;padding:0}.send:before{content:"";opacity:.72;border-top:1.5px solid;border-right:1.5px solid;width:.55rem;height:.55rem;margin:0 auto;display:block;transform:rotate(45deg)translate(-1px,1px)}.composer:focus-within .send:before,.send:hover:before,.send:focus-visible:before{opacity:1}.frame{width:min(40rem,100% - 2.4rem);height:100svh;color:var(--blush);flex-direction:column;justify-content:flex-start;gap:.7rem;margin:0 auto;padding:7rem 0 1.2rem;display:flex;overflow:hidden}.frame h1{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;max-width:18ch;color:var(--blush);font-size:clamp(1.65rem,4vw,2.8rem);font-style:italic;font-weight:500;line-height:.96}.ticks{gap:.35rem;width:5.2rem;display:flex}.ticks .tick{background:#f7efe847;height:3px}.ticks .tick.is-on{background:var(--heat)}.answers{flex-direction:column;width:min(34rem,100%);display:flex}.answer{text-align:left;width:100%;color:var(--blush);font-family:var(--display);background:0 0;border:0;border-bottom:1px solid #f7efe838;padding:.38rem 0;font-size:clamp(1.02rem,2vw,1.28rem);font-style:italic;line-height:1.2}.answer.is-selected{color:var(--heat)}.frame #composer{width:min(34rem,100%);margin-top:.2rem}.frame-foot{flex-wrap:wrap;align-items:center;gap:.65rem 1.2rem;display:flex}.text-btn,.frame .linkish{color:var(--blush);text-underline-offset:.18em;background:0 0;border:0;padding:0;font-size:.92rem;text-decoration:underline 1px}.decisions{flex-direction:column;gap:.4rem;margin:0;display:flex}.decisions div{grid-template-columns:7.2rem minmax(0,1fr);align-items:baseline;gap:.55rem;display:grid}.decisions dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--heat);font-size:.68rem}.decisions dd{font-family:var(--display);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(1rem,1.8vw,1.28rem);font-style:italic;line-height:1.15;display:-webkit-box;overflow:hidden}.pending{flex-direction:column;gap:.25rem;display:flex}.pending-q{font-family:var(--display);font-size:clamp(1.1rem,2vw,1.4rem);font-style:italic;line-height:1.15}.pending-note{color:#f7efe8b8;font-size:.88rem;list-style:none}.frame-sketch h1{font-size:clamp(1.35rem,3vw,1.9rem)}.frame .app-shell{color:var(--cream);box-shadow:none;background:#1016148c;border:1px solid #f7efe829;margin-top:0}.frame .app-body,.frame .app-columns>div{padding:.65rem .8rem .75rem}.frame .sketch-list{gap:.28rem;font-size:.92rem}.frame .app-shell .example,.frame .app-shell .sketch-list span:last-child,.frame .app-shell .sketch-job span:last-child{color:#f7efe8c7}.frame .app-shell .app-label,.frame .app-shell .ok{color:var(--heat)!important}.frame .before li{color:#f7efe88c}@media (width<=520px){.decisions div{grid-template-columns:1fr;gap:.05rem}}@media (height<=760px){.frame{gap:.4rem;padding-top:5.6rem}.frame h1{font-size:clamp(1.4rem,4.5vw,2rem)}.answer{padding:.26rem 0;font-size:1rem}}.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)}.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}.error{color:#ffb4a2;margin-top:.85rem;font-size:.92rem}.kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-ink);margin-bottom:.75rem;font-size:.75rem}.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}.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}.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)}.rise{animation:.4s rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width>=800px){.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)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#stage,.choice,.vista,.bulb{transition:none}.bulb,.sea:after,.rise{animation:none}}