:root{--bg:#071722;--pane:#0c2030;--pane-2:#0e2536;--cap:#0a1e2c;--ink:#d9ebf4;--ink-2:#95b7ca;--ink-3:#5c8096;--line:#16374c;--line-2:#205272;--cy:#4fc9ec;--am:#f0a04b;--am-loud:#ff9a3c;--grid:#4fc9ec0d;--lit:#4fc9ec38;--lit-ink:#eaf6fb;--sans:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--read:Newsreader, Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.7}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.shell{flex-direction:column;height:100dvh;display:flex}.top{border-bottom:1px solid var(--line);height:44px;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);flex:none;align-items:center;gap:18px;padding:0 22px;font-size:.62rem;display:flex}.top .mark{color:var(--ink-2);letter-spacing:.28em}.top nav{gap:16px;margin-left:auto;display:flex}.top nav button[aria-current=true]{color:var(--cy)}.top nav button:hover{color:var(--ink)}.app{flex:auto;min-height:0;display:flex;position:relative}.pane{background:var(--pane);flex-direction:column;flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.pane.art{background:var(--pane-2)}.ph{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:11px 30px;font-size:.56rem;display:flex}.scroll{overscroll-behavior:contain;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:22px 22px;flex:auto;min-height:0;padding:28px 30px 118px;position:relative;overflow-y:auto}.notes{white-space:pre-wrap;outline:none;max-width:56ch;min-height:100%}::highlight(otis-lit){background:var(--lit);color:var(--lit-ink)}::highlight(otis-out){color:#47677a}.md{outline:none;max-width:56ch}.md p,.md ul,.md pre{margin:0 0 16px}.md h2,.md h3{margin:24px 0 10px;font-size:1.12rem;font-weight:600}.md h3{font-size:1rem}.md :first-child{margin-top:0}.md ul{padding-left:20px}.md pre{font-family:var(--mono);white-space:pre-wrap;background:#00000038;border-radius:3px;padding:10px 12px;font-size:.86rem}.md code{font-family:var(--mono);background:#4fc9ec1a;border-radius:2px;padding:0 3px;font-size:.88em}.md a{color:inherit}.md [data-run]{border-radius:2px;outline:none;transition:background .12s,color .12s}.md [data-kind=reworded]{color:var(--cy)}.md [data-kind=written]{color:var(--am)}.md [data-kind=written][data-reach=low]{color:var(--am-loud);border-bottom:1px dotted #ff9a3cb3}.md [data-run].lit{background:var(--lit);color:var(--lit-ink)}.md [data-kind=written].lit{color:var(--am);background:#f0a04b33}.md [data-kind=written][data-reach=low].lit{color:var(--am-loud)}.copy{font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink-3);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:2px 9px}.copy:hover{border-color:var(--cy);color:var(--cy)}.shapes{border-bottom:1px solid var(--line);overscroll-behavior:contain;flex:0 auto;align-items:stretch;gap:8px;min-height:0;padding:10px 30px;display:flex;overflow:auto}.shape{overscroll-behavior:contain;text-align:left;border:1px solid var(--line);background:#0000001f;border-radius:3px;flex-direction:column;flex:1 1 0;gap:3px;min-width:180px;max-height:min(196px,26vh);padding:9px 11px 10px;transition:border-color .12s,background .12s;display:flex;overflow-y:auto}.shape:hover{border-color:var(--line-2)}.shape[aria-current=true]{border-color:var(--cy);background:#4fc9ec0f}.shape .nm{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-size:.56rem}.shape[aria-current=true] .nm{color:var(--cy)}.shape .why{color:var(--ink-3);border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:5px;font-size:.76rem;line-height:1.45}.shape[aria-current=true] .why{color:var(--ink-2)}.shape .skel,.shape .cut{flex-direction:column;gap:2px;display:flex}.shape .ln{color:var(--ink-3);gap:7px;font-size:.74rem;line-height:1.4;display:flex}.shape[aria-current=true] .ln{color:var(--ink-2)}.shape .ln b{text-align:right;width:2ch;font-family:var(--mono);color:var(--line-2);flex:none;font-size:.58rem;font-weight:400}.shape[aria-current=true] .ln b{color:var(--cy)}.shape .cut{border-top:1px solid var(--line);margin-top:7px;padding-top:6px}.shape .cut .lab{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--am);padding-bottom:2px;font-size:.5rem}.shape .cut .ln,.shape .cut .ln b{color:#47677a}[data-op=del]{color:var(--ink-3);background:#ff9a3c17;border-radius:2px;margin:0 1px;padding:1px 2px;text-decoration:line-through #ff9a3c99}[data-op=ins]{color:var(--cy);background:#4fc9ec1a;border-radius:2px;margin:0 1px;padding:1px 2px}.gutter{background:var(--bg);flex:none;width:70px;position:relative}.gutter svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.card{z-index:7;background:var(--cap);border:1px solid var(--line-2);pointer-events:none;border-radius:3px;width:min(340px,44vw);padding:8px 11px 9px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 34px -12px #000000d9}.card .k{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-3);padding-bottom:5px;font-size:.5rem;display:block}.card p{font-family:var(--mono);color:var(--ink-2);max-height:40vh;margin:0;font-size:.7rem;line-height:1.75;overflow:hidden}.cap{z-index:6;background:var(--cap);border:1px solid var(--line-2);max-width:calc(100% - 40px);font-family:var(--mono);letter-spacing:.05em;color:var(--ink-3);border-radius:99px;align-items:center;gap:16px;padding:9px 20px;font-size:.6rem;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px -14px #000000bf}.cap.busy{border-color:var(--cy)}.brief{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;cursor:text;border-bottom:1px solid #0000;outline:none;min-width:14ch;max-width:44ch;overflow:hidden}.brief:empty:before{content:"say what you are making…";color:var(--ink-3)}.brief:hover{color:var(--ink)}.brief:focus{color:var(--ink);border-bottom-color:var(--cy);white-space:normal;max-width:52ch;overflow:visible}.sep{background:var(--line-2);flex:none;width:1px;height:14px}.cog{font-family:var(--mono);font-size:inherit;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.cog:hover{color:var(--cy)}.go{font-family:var(--mono);font-size:inherit;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-2);white-space:nowrap;border-radius:99px;padding:4px 13px}.go:hover,.go.waiting{border-color:var(--cy);color:var(--cy)}.go.busy{border-color:var(--cy);color:var(--cy);opacity:.6;cursor:progress}.said.warn{color:var(--am)}.hints button{text-align:left;color:var(--ink-3);padding:4px 0;font-size:.9rem;line-height:1.45}.hints button:hover{color:var(--cy)}.dial{flex:none;align-items:center;gap:9px;display:flex}.dial .track{align-items:center;display:flex}.dial .track button{width:26px;height:16px;position:relative}.dial .track button:before{content:"";background:var(--line-2);height:2px;position:absolute;top:7px;left:0;right:0}.dial .track button:first-child:before{left:50%}.dial .track button:last-child:before{right:50%}.dial .track button:after{content:"";background:var(--line-2);border-radius:99px;width:8px;height:8px;margin-left:-4px;transition:background .16s,transform .16s;position:absolute;top:4px;left:50%}.dial .track button:hover:after{background:var(--ink-3)}.dial .track button[aria-current=true]:after{background:var(--cy);transform:scale(1.5)}.dial .name{color:var(--ink-2);min-width:7ch}.hints{z-index:6;background:var(--cap);border:1px solid var(--line-2);border-radius:8px;flex-direction:column;gap:3px;max-width:min(600px,100% - 40px);padding:10px 15px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%);box-shadow:0 18px 42px -14px #000000bf}.hints .lab{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);padding-bottom:3px;font-size:.54rem}.hints .lab.warn{color:var(--am);padding-top:6px}.hints.keys{width:min(420px,100% - 40px);bottom:76px}.field{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--mono);border-radius:3px;margin-top:7px;padding:7px 9px;font-size:.68rem}.said{z-index:5;max-width:min(640px,100% - 40px);font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);text-align:center;pointer-events:none;margin:0;font-size:.58rem;line-height:1.6;position:absolute;bottom:74px;left:50%;transform:translate(-50%)}button:focus-visible,.brief:focus-visible,.field:focus-visible{outline:1px solid var(--cy);outline-offset:3px}.doc{min-height:0;font-family:var(--read);flex:auto;padding:54px 24px 90px;font-size:17px;line-height:1.72;overflow-y:auto}.doc .col{flex-direction:column;gap:30px;max-width:63ch;margin:0 auto;display:flex}.doc h1{letter-spacing:-.02em;margin:0 0 14px;font-size:2.2rem;font-weight:500;line-height:1.1}.doc h2{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--cy);margin:0 0 9px;font-size:.6rem;font-weight:500}.doc section{flex-direction:column;display:flex}.doc p{color:var(--ink-2);margin:0 0 13px}.doc p:last-child{margin-bottom:0}.doc .lead{color:var(--ink);font-size:1.14rem}.doc .after{margin-top:14px}.doc strong{color:var(--ink);font-weight:500}.doc em{color:var(--ink);font-style:italic}.doc .foot{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-3);border-top:1px solid var(--line);padding-top:20px;font-size:.6rem}.key,.steps{font-family:var(--sans);flex-direction:column;gap:8px;font-size:.94rem;display:flex}.key div,.steps div{align-items:baseline;gap:13px;display:flex}.key span:last-child,.steps span{color:var(--ink-3)}.key .sw{flex:none;width:15ch}.key .k-yours{color:var(--ink)}.key .k-reworded{color:var(--cy)}.key .k-written{color:var(--am)}.key .k-low{color:var(--am-loud);border-bottom:1px dotted #ff9a3cb3}.key .k-out{color:#47677a}.steps b{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cy);flex:none;width:9ch;font-size:.6rem;font-weight:400}@media (width<=880px){.app{flex-direction:column}.gutter{display:none}.pane{height:46dvh}.pane.art{border-top:1px solid var(--line)}.cap{border-radius:16px;flex-wrap:wrap;justify-content:center}.brief{white-space:normal;max-width:100%}.doc{padding:36px 20px 70px;font-size:16px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}