:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252827;background:#f0efeb;font-size:16px;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #925324;outline-offset:4px}button{min-height:44px;padding:9px 17px;background:#fff;color:#252827;border:1px solid #8f9390;border-radius:7px}.skip{position:absolute;top:-90px}.skip:focus{top:5px;background:#fff;z-index:10}header{padding:24px 4vw;display:flex;align-items:baseline;justify-content:space-between;gap:20px}header a{font-weight:700;text-decoration:none;font-size:20px}header p{margin:0;font-size:14px}main{max-width:1100px;margin:0 auto;padding:0 40px 50px}.chapter{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin:20px 0 35px}h1{font-size:33px;line-height:1.15;font-weight:550;letter-spacing:-1px;margin:0}.chapter p{font-size:15px;max-width:40ch;margin:0;color:#505653}.scene{background:#fff;padding:30px 34px 40px;border-radius:22px}.scene-cap{display:flex;align-items:center;gap:12px;margin-bottom:30px}.scene-cap p{margin:0;font-size:14px}.scene-cap .file{background:#252827;color:#fff;border-radius:5px;padding:5px 11px;font-family:ui-monospace,monospace;font-size:13px}.transcript{max-width:760px;margin:auto;list-style:none;padding:0}.turn{display:grid;grid-template-columns:76px 1fr;gap:22px;margin:0 0 26px;position:relative}.speaker{font-size:14px;font-weight:700;padding-top:12px}.bubble{padding:15px 20px;max-width:520px;border-radius:0 15px 15px 15px;background:#efeee9}.bubble p{margin:0}.you .bubble{background:#e1ebe4;justify-self:end;border-radius:15px 0 15px 15px}.you{grid-template-columns:1fr 76px}.you .speaker{grid-column:2;grid-row:1;text-align:right}.you .bubble{grid-column:1;grid-row:1}.turn .bookmark{font-size:13px;display:inline-block;margin:9px 0 0;min-height:40px;padding:5px 12px;background:transparent;border:0;text-decoration:underline;text-underline-offset:4px}.pivot{padding:20px 0;text-align:center;position:relative}.pivot:before{content:"";display:block;height:45px;width:1px;background:#78817b;position:absolute;top:-15px;left:50%}.pivot h2{font-size:21px;font-weight:550;margin:18px 0 5px}.pivot p{font-size:14px;max-width:48ch;margin:0 auto 18px}.branch-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.branch-actions button[aria-pressed=true]{background:#252827;color:white}.receipt{max-width:760px;margin:25px auto 0;border-left:3px solid #55745e;padding:5px 20px}.receipt strong{display:block;font-size:17px}.receipt p{margin:6px 0;font-size:15px}.old-branch{max-width:760px;margin:20px auto;color:#505653}.old-branch summary{padding:12px 0;cursor:pointer;font-size:14px}.old-branch ol{padding-left:22px}.editor{margin:20px auto 0;max-width:760px;padding:19px;background:#fff8e9;border-radius:8px}.editor p{margin:0 0 6px}.editor label{display:block;font-size:14px;margin-bottom:5px}.editor input{width:100%;font:inherit;background:#fff;border:1px solid #8f9390;padding:12px;color:#252827;border-radius:4px}.note{max-width:760px;margin:28px auto 0;display:grid;grid-template-columns:110px 1fr;gap:16px}.note h2{font-size:14px;margin:0;font-weight:700}.note p{font-size:15px;margin:0}.path-next{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:35px 0 10px;max-width:900px;margin:auto}.path-next p{max-width:44ch;font-size:15px;margin:0}.path-next a{min-height:44px;display:flex;align-items:center;gap:15px;font-weight:650}.shelf{margin-top:45px;border-top:1px solid #c7cbc5;padding:22px 0;font-size:14px}.shelf summary{cursor:pointer;min-height:44px}.shelf p{max-width:80ch}.shelf code{font-size:13px}footer{padding:0 4vw 30px;color:#505653;font-size:13px;display:flex;gap:25px;justify-content:space-between}.command{font-family:ui-monospace,monospace;background:#e0e4df;padding:3px 7px;border-radius:4px}.copy-sheet{background:#fff;border-radius:3px 3px 18px 3px;padding:26px 30px;max-width:650px;margin:30px auto}.copy-sheet h2{font-size:18px;margin:0 0 8px}.copy-sheet ol{padding-left:20px}.copy-sheet li{margin-bottom:12px}.copy-sheet p{font-size:15px}.not-sent{color:#505653;font-size:14px}[hidden]{display:none!important}@media(max-width:700px){header{padding:20px;align-items:center}header p{max-width:19ch;font-size:12px}main{padding:0 15px 25px}.chapter{display:block;margin:20px 5px 25px}.chapter p{margin-top:15px}h1{font-size:28px}.scene{padding:20px 15px 25px;border-radius:14px}.scene-cap{flex-wrap:wrap;margin-bottom:25px}.turn{grid-template-columns:35px 1fr;gap:10px;margin-bottom:24px}.you{grid-template-columns:1fr 35px}.speaker{font-size:12px}.bubble{padding:13px 14px;font-size:15px}.turn .bookmark{padding:7px 0;text-align:left}.pivot h2{font-size:19px}.branch-actions{flex-direction:column}.receipt{padding:5px 12px}.note{display:block;margin:25px 6px 0}.note h2{margin-bottom:7px}.path-next{align-items:start;flex-direction:column;padding:25px 5px 5px;gap:15px}.copy-sheet{padding:18px}.shelf{margin:30px 5px 0}footer{display:block;padding:0 20px 25px}footer p{margin:8px 0}.editor{padding:15px}}

/* v2: the route is a conversation, not an introduction and demo wrapper. */
:root{background:#fff}header{padding:22px max(24px,calc((100vw - 1060px)/2));border-bottom:1px solid #d4d8d1}header p{font-size:13px}main{max-width:960px;padding:0 40px 25px}.scene{padding:0;border-radius:0;background:transparent}.scene-cap{display:block;padding:30px 0 20px;margin:0}.scene-cap h1{font-size:24px;font-weight:650;letter-spacing:-.5px;margin:0 0 12px}.scene-cap p{display:flex;gap:10px;align-items:center;font-size:13px}.scene-cap .file{background:#efeee9;color:#252827;font-size:12px;padding:3px 7px}.stage-direction{font-size:14px;margin:0 0 28px;color:#505653;max-width:58ch}.transcript{max-width:none}.turn{margin-bottom:26px}.bubble{max-width:570px}.pivot{margin:22px 0;padding:10px 20px 20px 98px;text-align:left}.pivot:before{display:none}.pivot h2{margin:0 0 6px;font-size:18px}.pivot p{margin:0 0 18px;max-width:55ch}.branch-actions{justify-content:start}.receipt{max-width:none;margin:24px 0 0 98px;border:0;background:#f1f4f0;padding:16px 20px;border-radius:8px}.receipt strong{font-size:15px}.receipt p{font-size:14px}.old-branch{margin:14px 0 0 98px;max-width:none}.editor{margin-left:98px;max-width:none}.guide-reply{display:grid;grid-template-columns:76px 1fr;gap:22px;margin:28px 0}.guide-reply span{font-size:14px;font-weight:700;padding-top:10px}.guide-reply p{max-width:570px;margin:0;padding:10px 0;font-size:16px}.response-route{margin:30px 0 15px 98px}.response-route p{font-size:13px;color:#505653}.response-route a{display:block;width:fit-content;max-width:100%;padding:14px 20px;border:1px solid #78877c;border-radius:15px 0 15px 15px;background:#e1ebe4;font-size:16px;text-decoration:none;line-height:1.5}.response-route a span{padding-left:15px}.shelf{margin:35px 0 0 98px;border:0;padding:0}.shelf summary{font-size:13px;color:#505653}.shelf p{font-size:14px}.copy-sheet{margin:22px 0 28px 98px;padding:20px;border-radius:0;background:#f3f3ef;border-left:4px solid #78877c;max-width:570px}.copy-sheet ol{font-size:15px}footer{max-width:960px;margin:auto;padding:10px 40px 30px;color:#505653;font-size:12px}
@media(max-width:700px){header{padding:16px 20px;gap:20px}header p{max-width:24ch;font-size:12px}main{padding:0 20px 20px}.scene-cap{padding:24px 0 16px}.scene-cap h1{font-size:22px}.stage-direction{font-size:14px;margin-bottom:25px}.scene{padding:0}.turn{grid-template-columns:32px 1fr;gap:10px}.you{grid-template-columns:1fr 32px}.bubble{font-size:15px}.pivot{padding:10px 0 15px 42px}.pivot h2{font-size:17px}.pivot p{font-size:14px}.branch-actions{flex-direction:column}.receipt,.old-branch,.editor,.shelf,.response-route,.copy-sheet{margin-left:42px}.receipt{padding:14px}.receipt strong{line-height:1.5}.guide-reply{grid-template-columns:32px 1fr;gap:10px}.guide-reply span{font-size:12px}.guide-reply p{font-size:15px}.response-route a{font-size:15px;padding:14px}.copy-sheet{padding:16px}.copy-sheet ol{padding-left:17px}.shelf{margin-top:30px}footer{padding:0 20px 25px}}

.editor textarea{display:block;resize:vertical;width:100%;font:inherit;line-height:1.55;background:#fff;color:#252827;border:1px solid #8f9390;border-radius:4px;padding:12px;min-height:110px}.editor textarea:focus-visible{outline:3px solid #925324;outline-offset:3px}

/* Completed scenes retain a dialogue hierarchy, including explanatory turns. */
.turn>*,.guide-reply>*{min-width:0}.bubble,.guide-reply,.receipt,.copy-sheet,.shelf{overflow-wrap:anywhere}.guide-reply>div{max-width:650px}.guide-reply h2{font-size:18px;line-height:1.4;margin:10px 0 6px;font-weight:650}.guide-reply div p{max-width:none;padding:0;margin:0 0 16px}.guide-reply div p:last-child{margin-bottom:0}.local-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 30px 98px}.local-actions button{font-size:13px}.response-route a{margin:10px 0}.starting-points{font-size:15px;margin:8px 0}.starting-points dt{font-weight:650;margin-top:18px}.starting-points dd{margin:5px 0 15px}.old-branch>p{font-size:15px;max-width:72ch}.copy-sheet h2{line-height:1.4}.copy-sheet p:last-child{margin-bottom:0}pre{font:14px/1.7 ui-monospace,SFMono-Regular,monospace;background:#f3f3ef;padding:18px;overflow:auto;max-width:100%}code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.92em}.relationship{font-size:14px!important;color:#505653}.receipt p:empty,#form-error:empty{display:none}#form-error{color:#8b3028;font-weight:650}#receipt-title:focus{outline:2px solid #925324;outline-offset:5px}.editor .branch-actions{margin-top:12px}footer{display:block;padding-top:35px}footer>p{max-width:80ch}footer details{max-width:80ch}footer summary{cursor:pointer;min-height:44px;padding:8px 0}footer details p{font-size:13px}footer a{overflow-wrap:anywhere}.scene-cap p{flex-wrap:wrap}.shelf summary{padding:10px 0}.shelf p{line-height:1.65}
@media(max-width:700px){.local-actions{margin-left:42px}.guide-reply h2{font-size:17px}.guide-reply div p{font-size:15px}.old-branch>p,.starting-points{font-size:14px}.local-actions button{width:100%}.response-route{margin-top:28px}footer{padding-top:25px}pre{font-size:12px;padding:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.scene-cap p a{display:inline-flex;align-items:center;min-height:28px}
@media(max-width:700px){.turn{grid-template-columns:minmax(0,1fr);gap:6px}.turn .speaker,.you .speaker{grid-column:1;grid-row:1;text-align:left;padding:0;font-size:12px;white-space:nowrap}.you .speaker{text-align:right}.turn .bubble,.you .bubble{grid-column:1;grid-row:2;max-width:calc(100% - 18px);justify-self:start}.you .bubble{justify-self:end}.guide-reply{display:block}.guide-reply>span{display:block;padding:0;font-size:12px;white-space:nowrap}.guide-reply>div,.guide-reply>p{margin-left:18px}.pivot{padding-left:18px}.receipt,.old-branch,.editor,.shelf,.response-route,.copy-sheet,.local-actions{margin-left:18px}.guide-reply h2{margin-top:8px}}