html{color:#17211c;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f4ed;font-family:Avenir Next,Trebuchet MS,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #f1ca5b}:root{--ink:#17211c;--muted:#667069;--paper:#f6f4ed;--white:#fffef9;--line:#d8d8ce;--green:#176b4d;--green-soft:#dcebe2;--coral:#dc6348;--yellow:#f1ca5b}*{box-sizing:border-box}button,textarea,input{font:inherit}button{color:inherit}main{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;height:64px;padding:0 4vw;display:flex}.wordmark{color:var(--ink);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.topbar-actions,.privacy-note,.source-link{align-items:center;display:flex}.topbar-actions{gap:22px}.privacy-note{color:var(--muted);gap:7px;font-size:13px}.source-link{min-height:34px;color:var(--ink);gap:7px;font-size:12px;font-weight:800;text-decoration:none}.source-link:hover{color:var(--coral)}.intro{padding:54px 4vw 42px}.eyebrow{color:var(--coral);text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.intro h1{max-width:1100px;margin:0 0 24px;font:600 clamp(40px,6vw,76px)/.98 Iowan Old Style,Georgia,serif}.lede{color:var(--muted);max-width:900px;margin:0;font-size:18px}.lesson-link{min-height:64px;color:var(--ink);opacity:1;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px;text-decoration:none;transition:opacity .5s,transform .5s;display:flex}.lesson-link.fading{opacity:0;transform:translateY(4px)}.lesson-link span{border-bottom:1px solid #0000}.lesson-link span b{color:var(--coral);text-transform:uppercase;font-size:12px;font-weight:800}.lesson-link:hover span,.lesson-link:focus-visible span{border-bottom-color:var(--coral)}.lesson-link small{color:var(--coral);text-transform:uppercase;font-size:10px;font-weight:800}.workspace{border-block:1px solid var(--line);background:var(--white);grid-template-columns:minmax(220px,280px) minmax(480px,1fr) minmax(200px,260px);min-height:680px;display:grid}.controls,.branches{background:var(--paper);padding:26px 22px}.controls{border-right:1px solid var(--line)}.branches{border-left:1px solid var(--line)}.section-heading{align-items:center;gap:10px;margin-bottom:18px;display:flex}.section-heading span{border:1px solid var(--line);place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.section-heading h2{margin:0;font-size:14px}.model-list{gap:8px;display:grid}.model-option{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;gap:3px;padding:12px;display:grid}.model-option:hover{border-color:var(--line)}.model-option.selected{background:var(--white);border-color:var(--green);box-shadow:3px 3px 0 var(--green-soft)}.model-option:disabled{opacity:.6;cursor:wait}.guide-target{position:relative}.guide-backdrop{z-index:30;cursor:default;background:#17211c9e;border:0;width:100%;height:100%;padding:0;position:fixed;inset:0}.guide-target:has(>.guide-callout){z-index:31;outline:3px solid var(--yellow);outline-offset:5px;box-shadow:0 0 0 8px #fffef9f2}:is(.model-list:has(>.guide-callout),.seed-control:has(>.guide-callout),.branches:has(>.guide-callout)){background:var(--paper)}:is(.randomness-control:has(>.guide-callout),.probability-panel:has(>.guide-callout)){background:var(--white)}.guide-callout{z-index:32;border:1px solid var(--coral);width:min(300px,100% - 24px);color:var(--ink);background:#fff9df;padding:14px 36px 14px 15px;font:12px/1.45 Avenir Next,Trebuchet MS,sans-serif;position:absolute;top:calc(100% + 18px);right:0;box-shadow:5px 5px #17211c47}.guide-callout .guide-arrow{border-top:1px solid var(--coral);border-left:1px solid var(--coral);background:#fff9df;width:16px;height:16px;position:absolute;top:-9px;right:24px;transform:rotate(45deg)}.guide-callout strong{margin-bottom:4px;font-size:12px;display:block}.guide-callout p{color:var(--muted);margin:0}.guide-callout .guide-close{cursor:pointer;background:0 0;border:0;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:7px;right:7px}.guide-callout .guide-close:hover{background:var(--yellow)}.guide-actions{border-top:1px solid #dc634859;justify-content:space-between;align-items:center;gap:6px;margin:12px -21px 0 0;padding-top:10px;display:flex}.guide-actions span{color:var(--muted);white-space:nowrap;font-size:9px;font-weight:800}.guide-actions button{min-height:28px;color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 6px;font-size:10px;font-weight:800;display:inline-flex}.guide-actions button:hover{background:var(--yellow)}.guide-actions button:disabled{color:#999;cursor:not-allowed}.model-list>.guide-callout,.seed-control>.guide-callout{top:18px;right:calc(-100% - 24px)}.model-list>.guide-callout .guide-arrow,.seed-control>.guide-callout .guide-arrow{top:24px;left:-9px;right:auto;transform:rotate(-45deg)}.branches>.guide-callout{top:76px;right:calc(100% + 18px)}.branches>.guide-callout .guide-arrow{top:24px;right:-9px;transform:rotate(135deg)}.guide-secondary{z-index:31;outline-offset:4px;outline:2px solid #f1ca5bcc;position:relative;box-shadow:0 0 0 7px #fffef9e6}.tree-node>.guide-callout{width:min(300px,100vw - 32px);top:calc(100% + 14px);right:0}.tree-node>.guide-callout .guide-arrow{top:-9px;right:24px;transform:rotate(45deg)}.probability-panel>.guide-callout{width:230px;top:54px;right:calc(100% + 8px)}.probability-panel>.guide-callout .guide-arrow{top:24px;right:-9px;transform:rotate(135deg)}.model-name{font-size:14px;font-weight:750}.model-meta{color:var(--coral);text-transform:uppercase;font-size:11px;font-weight:700}.model-description{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.35}.seed-control{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.seed-toggle{cursor:pointer;align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.seed-toggle input{width:15px;height:15px;accent-color:var(--green)}.seed-control>input{border:1px solid var(--line);background:var(--white);width:100%;min-width:0;height:34px;color:var(--ink);padding:0 8px;font:12px SFMono-Regular,Consolas,monospace}.seed-control input:disabled{opacity:.55;cursor:not-allowed}.seed-control p{color:var(--muted);margin:6px 0 0;font-size:10px}.load-button,.step-button{background:var(--green);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:9px;width:100%;min-height:44px;margin-top:18px;font-weight:750;display:flex}.load-button:disabled,.step-button:disabled{opacity:.65;cursor:wait}.cache-copy,.branch-empty{color:var(--muted);font-size:11px;line-height:1.45}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:11px;display:flex}.text-button:disabled{opacity:.5;cursor:not-allowed}.temperature-label{justify-content:space-between;font-size:12px;display:flex}input[type=range]{accent-color:var(--coral);width:100%}input[type=range]:disabled{opacity:.45}.range-labels{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.analysis-board{min-width:0}.board-toolbar{border-bottom:1px solid var(--line);height:53px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 24px;font-size:12px;display:flex}.board-toolbar>div{align-items:center;gap:8px;display:flex}.board-toolbar button{cursor:pointer;background:0 0;border:0;padding:8px}.status-dot{background:#aaa;border-radius:50%;width:8px;height:8px}.status-dot.ready{box-shadow:0 0 0 3px var(--green-soft);background:#31a46f}.generated-text{border-left:3px solid var(--coral);background:var(--white);overflow-wrap:anywhere;min-height:150px;margin:28px;padding:20px;font:22px/1.5 Iowan Old Style,Georgia,serif}.prompt-text{font:inherit;line-height:inherit;text-align:left;cursor:text;background:0 0;border:0;padding:1px 0;display:inline}.prompt-text svg{color:var(--muted);opacity:0;vertical-align:middle;margin-left:8px;transition:opacity .15s;display:inline}.prompt-text:hover{background:var(--paper)}.prompt-text:hover svg,.prompt-text:focus-visible svg{opacity:1}.story-token{font:inherit;line-height:inherit;white-space:pre-wrap;cursor:pointer;background:0 0;border:0;border-radius:0;padding:1px 0;display:inline}.story-token:hover{background:var(--green-soft)}.story-token.selected{background:var(--yellow)}.story-token.future{color:#a2a7a3}.generated-text em{color:#999;margin-top:10px;font:italic 13px Avenir Next,sans-serif;display:block}.generated-text.editing{border-left-color:var(--yellow);padding:0}.prompt-editor{font-family:Avenir Next,Trebuchet MS,sans-serif}.prompt-editor>label{color:var(--muted);text-transform:uppercase;padding:12px 14px 0;font-size:10px;font-weight:800;display:block}.prompt-editor textarea{resize:vertical;width:100%;color:var(--ink);background:0 0;border:0;margin:0;padding:10px 14px;font:20px/1.45 Iowan Old Style,Georgia,serif;display:block}.prompt-editor textarea:focus{outline:0}.prompt-editor-actions{border-top:1px solid var(--line);align-items:center;gap:6px;min-height:42px;padding:6px 8px 6px 14px;display:flex}.prompt-editor-actions>span{color:var(--muted);margin-right:auto;font-size:10px}.prompt-editor-actions button{cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.prompt-editor-actions button:last-child{background:var(--green);color:#fff}.prompt-editor-actions button:disabled{opacity:.45;cursor:not-allowed}.prompt-text{font:21px/1.5 Noteworthy,Bradley Hand,Segoe Print,cursive;position:relative}.prompt-text svg{pointer-events:none;margin:0;position:absolute;top:-7px;right:-4px}.prompt-editor textarea{font:20px/1.45 Noteworthy,Bradley Hand,Segoe Print,cursive}.generation-controls{grid-template-columns:minmax(250px,320px) minmax(180px,1fr);align-items:center;gap:20px;margin:0 28px 28px;display:grid}.step-stack{gap:12px;display:grid}.step-button{margin:0;padding:0 18px}.generation-controls>span{color:var(--muted);font-size:11px}.randomness-control{border-top:1px solid var(--line);padding-top:12px}.error-message{color:#81251e;background:#fff0ed;border-left:3px solid #b92d2d;margin:0 28px 20px;padding:12px;font-size:12px}.probability-panel{border-top:1px solid var(--line)}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:52px;padding:0 28px;display:flex}.panel-title div{align-items:center;gap:8px;display:flex}.panel-title h2{margin:0;font-size:14px}.panel-title>span{color:var(--muted);text-transform:uppercase;font-size:10px}.empty-probabilities{color:var(--muted);padding:32px 28px;font-size:12px}.ghost-bars{gap:8px;max-width:430px;display:grid}.ghost-bars i{background:#e7e5dc;height:9px}.ghost-bars i:first-child{width:88%}.ghost-bars i:nth-child(2){width:62%}.ghost-bars i:nth-child(3){width:39%}.ghost-bars i:nth-child(4){width:20%}.candidate-list{padding:12px 20px 22px;display:grid}.candidate-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ecebe4;grid-template-columns:100px 1fr 55px 80px 52px;align-items:center;gap:10px;min-height:40px;padding:6px 8px;display:grid}.candidate-list button:hover{background:var(--paper)}.candidate-list button.sampled{background:var(--green-soft)}.candidate-list code{text-overflow:ellipsis;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;overflow:hidden}.probability-track{background:#e8e7df;height:7px}.probability-track i{background:var(--coral);height:100%;display:block}.candidate-list strong{text-align:right;font-size:11px}.candidate-list small{color:var(--muted);font-size:10px}.candidate-list b{color:var(--green);text-transform:uppercase;font-size:9px}.current-branch{background:var(--white);border:1px solid var(--green);gap:10px;padding:12px;display:flex}.current-branch strong{font-size:12px}.current-branch p,.tree-node button p{color:var(--muted);overflow-wrap:anywhere;margin:3px 0 0;font-size:11px}.tree-list{margin-top:12px}.tree-node{position:relative}.tree-node:before{content:"";border-left:1px solid var(--line);position:absolute;top:0;bottom:0;left:0}.tree-node button{text-align:left;cursor:pointer;background:0 0;border:0;border-left:3px solid #0000;width:100%;padding:8px 7px 8px 11px;position:relative}.tree-node button:hover{background:var(--white)}.tree-node button.active-path{border-left-color:var(--green)}.tree-node button.selected{background:var(--green-soft)}.tree-node button span{color:var(--coral);font:700 10px SFMono-Regular,Consolas,monospace}.tree-children.variations{margin-left:10px}.tree-children.continuation>.tree-node:before{border-left-color:#0000}.root-list{gap:14px;margin-top:14px;display:grid}.prompt-root{border:1px solid var(--line);background:#fffef973;padding:8px}.prompt-root.active-root{border-color:var(--green);background:var(--white)}.root-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:5px}.root-button span{color:var(--coral);text-transform:uppercase;font:700 9px SFMono-Regular,Consolas,monospace}.root-button p{color:var(--ink);overflow-wrap:anywhere;margin:3px 0 0;font:13px/1.35 Noteworthy,Bradley Hand,Segoe Print,cursive}.prompt-root>.branch-empty{margin:6px 5px}.explanations{background:var(--paper);grid-template-columns:minmax(220px,360px) minmax(420px,760px);gap:8vw;padding:76px 4vw 90px;scroll-margin-top:20px;display:grid}.explanations-heading h2{max-width:330px;margin:0 0 18px;font:500 42px/1.05 Iowan Old Style,Georgia,serif}.explanations-heading>p{color:var(--muted);line-height:1.6}.explanations-feedback{margin-top:24px;font-size:13px}.explanations-feedback a{color:var(--green);text-underline-offset:3px;font-weight:750}.explanations-feedback a:hover{color:var(--coral)}.lesson-list{border-top:1px solid var(--line)}.lesson-list details{border-bottom:1px solid var(--line);scroll-margin-top:20px}.lesson-list summary{cursor:pointer;grid-template-columns:36px 1fr;align-items:center;min-height:68px;padding:15px 36px 15px 0;list-style:none;display:grid;position:relative}.lesson-list summary::-webkit-details-marker{display:none}.lesson-list summary:after{content:"+";color:var(--coral);font-size:22px;font-weight:400;position:absolute;right:4px}.lesson-list details[open] summary:after{content:"−"}.lesson-list summary span{color:var(--coral);font:700 10px SFMono-Regular,Consolas,monospace}.lesson-list summary strong{font:600 19px/1.25 Iowan Old Style,Georgia,serif}.lesson-list summary:hover strong{color:var(--green)}.lesson-explanation{color:var(--muted);padding:0 36px 24px;line-height:1.55}.lesson-explanation p{margin:0 0 12px}.lesson-explanation p:last-child{color:var(--ink);margin-bottom:0;font-size:13px}.lesson-explanation b{color:var(--green)}.show-me-button{border:1px solid var(--green);background:var(--white);min-height:38px;color:var(--green);cursor:pointer;align-items:center;gap:8px;margin-top:18px;padding:0 15px;font-size:12px;font-weight:800;display:inline-flex}.show-me-button:hover{background:var(--green);color:#fff}.show-me-button:disabled{opacity:.6;cursor:wait}.scenario-buttons{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.scenario-buttons button{border:1px solid var(--line);background:var(--white);min-height:38px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.scenario-buttons button:hover{border-color:var(--green);color:var(--green)}.scenario-buttons button.active{border-color:var(--green);background:var(--green);color:#fff}.scenario-buttons button:disabled{opacity:.6;cursor:wait}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.credits{border-top:1px solid var(--line);background:var(--white);grid-template-columns:minmax(220px,340px) 1fr;gap:8vw;padding:64px 4vw 72px;display:grid}.credits-heading h2{margin:0 0 14px;font:500 34px/1.08 Iowan Old Style,Georgia,serif}.credits-heading>p:last-child{color:var(--muted);margin:0;line-height:1.55}.credit-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.credit-groups h3{color:var(--coral);text-transform:uppercase;margin:0 0 10px;font-size:11px}.credit-groups p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.credit-groups .development-credit{border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px}.credit-groups a{color:var(--green);text-underline-offset:3px;font-weight:750}.credit-groups a:hover{color:var(--coral)}@media (width<=980px){.workspace{grid-template-columns:240px 1fr}.branches{border-left:0;border-top:1px solid var(--line);grid-column:1/-1}.branches>.guide-callout{top:76px;right:24px}.branches>.guide-callout .guide-arrow{top:-9px;right:24px;transform:rotate(45deg)}.credits{display:block}.credits-heading{max-width:520px;margin-bottom:38px}}@media (width<=700px){.privacy-note{display:none}.wordmark{font-size:13px}.topbar-actions{gap:10px}.source-link span{display:none}.intro{padding-top:38px}.workspace{display:block}.controls{border-right:0;border-bottom:1px solid var(--line)}.generation-controls{grid-template-columns:1fr}.randomness-control{padding-top:14px}.candidate-list button{grid-template-columns:70px 1fr 45px}.candidate-list small,.candidate-list b,.panel-title>span{display:none}.model-list>.guide-callout,.seed-control>.guide-callout,.branches>.guide-callout{width:min(300px,100% - 24px);top:calc(100% + 18px);right:0}.model-list>.guide-callout .guide-arrow,.seed-control>.guide-callout .guide-arrow,.branches>.guide-callout .guide-arrow{top:-9px;left:auto;right:24px;transform:rotate(45deg)}.probability-panel>.guide-callout{width:min(300px,100% - 24px);top:auto;bottom:calc(100% + 18px);right:0}.probability-panel>.guide-callout .guide-arrow{border:0;border-right:1px solid var(--coral);border-bottom:1px solid var(--coral);top:auto;bottom:-9px;right:24px;transform:rotate(45deg)}.explanations{padding-top:58px;display:block}.explanations-heading{margin-bottom:38px}.explanations-heading h2{font-size:34px}.lesson-list summary{grid-template-columns:30px 1fr}.lesson-list summary strong{font-size:17px}.lesson-explanation{padding-left:30px}.credit-groups{grid-template-columns:1fr;gap:28px}}@media (prefers-reduced-motion:reduce){.lesson-link{transition:none}.spin{animation-duration:1.6s}}