:root{color-scheme:light;color:#4a453c;background:#eeeae0;font:14.84px/1.45 Georgia,serif}*{box-sizing:border-box}body{margin:0}main{padding:16px 12px;max-width:650px;margin:auto}button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid #aaa08c;padding:7px 2px;cursor:pointer}button:focus-visible,canvas:focus-visible{outline:2px solid #776748;outline-offset:3px}.caption{font:italic 13.78px Georgia,serif;color:#786d5c;margin:0 0 12px}.call{position:relative;border:1px solid #897e69;border-radius:2px 5px 1px 3px;transform:rotate(-.35deg)}.call::after{content:'';position:absolute;inset:3px -3px -2px 2px;border:1px solid #a5998180;pointer-events:none}.question{padding:12px 15px;margin:0;border-bottom:1px solid #bcb2a0;font-size:15.9px}.portrait{height:124px;display:flex;align-items:center;justify-content:center;gap:16px}.portrait canvas{width:100px;height:115px}.portrait p{max-width:145px;font-style:italic;font-size:14.84px}.cue{padding:10px 13px;border-top:1px solid #a69b87;min-height:107px;position:relative}.cue header{display:flex;justify-content:space-between;gap:8px;font:12.72px/1.4 'Courier New',monospace}.timer{font-variant-numeric:tabular-nums;white-space:nowrap}.cue p{margin:13px 0 5px;min-height:42px;font-size:16.96px}.progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#d8cebb}.progress span{display:block;width:100%;height:100%;background:#71614b;transform:scaleX(0);transform-origin:left}.done .timer{animation:stamp .24s ease-out}.done .answer{animation:appear .24s ease-out}.controls{display:flex;gap:18px;align-items:center;font-size:12.72px;margin-top:12px}.disclosure{font:11.66px/1.5 Arial,sans-serif;color:#786e5d;margin:10px 0 0}.toy{display:block;width:100%;height:260px;touch-action:pan-y}.toy-note{font-style:italic;margin:5px 0 12px;min-height:22px}@keyframes stamp{from{transform:scale(1.13);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.done .timer,.done .answer{animation:appear .15s}.call{transform:none}}

.timer{font-size:25.44px;line-height:1;letter-spacing:-.04em;color:#4a453c}.cue header{align-items:center}.portrait{height:108px}.portrait canvas{height:104px;width:94px}

body[data-scene=botato] main{max-width:none;padding:14px 16px}
body[data-scene=botato] .toy{height:calc(100vh - 128px);min-height:330px}
body[data-scene=botato] .toy-note{margin:10px 0 4px}

.mini-toy{height:300px}.controls{flex-wrap:wrap}@media(max-width:420px){.mini-toy{height:270px}}

html.embedded,html.embedded body{overflow:hidden}
body[data-scene=botato] .toy{height:570px;min-height:0}
@media(max-width:760px){body[data-scene=botato] .toy{height:480px}}
#demo .caption{min-height:25px}.toy-note{min-height:50px}.controls{min-height:37px}

.stat-method{font-size:12.72px;color:#786e5d;margin-top:12px;max-width:52ch}.stat-method summary{cursor:pointer}.stat-method p{line-height:1.6}

.demo-picker{display:flex;align-items:center;gap:14px;min-height:30px;margin:-3px 0 3px;padding:0 4px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.demo-picker::-webkit-scrollbar{display:none}.demo-picker button{position:relative;flex:0 0 auto;padding:4px 1px 6px;border:0;color:#817968;font:13px/1.1 Reader,Georgia,serif;transition:color .16s ease,transform .16s ease}.demo-picker button::after{content:"";position:absolute;left:-2px;right:-2px;bottom:1px;height:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'%3E%3Cpath d='M1 5 Q18 1 36 5 T70 4 T99 3' fill='none' stroke='%238b7248' stroke-width='1.5'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:0;transform:scaleX(.45);transition:opacity .16s ease,transform .2s ease}.demo-picker button:hover{color:#4a453c;transform:translateY(-1px)}.demo-picker button.selected{color:#4a453c}.demo-picker button.selected::after{opacity:1;transform:scaleX(1)}
body[data-scene=poe] .toy-note{margin-top:-2px;min-height:18px;color:#817968;font:12px/1.35 Reader,Georgia,serif}
@media(max-width:420px){.demo-picker{gap:11px}.demo-picker button{font-size:12px}}

/* The travelling page stroke is the interview frame. */
.woven .call{border:0;transform:none}
.woven .call::after{display:none}
body:is([data-scene=deadlock],[data-scene=poe]) .mini-toy{height:400px}
@media(max-width:420px){body:is([data-scene=deadlock],[data-scene=poe]) .mini-toy{height:350px}}

html.embedded,html.embedded body{background:transparent}

.woven .caption{display:none}.woven body:is([data-scene="interests"],[data-scene="scraper"],[data-scene="pipeline"],[data-scene="smoothtato"],[data-scene="mtxtato"],[data-scene="baxter"],[data-scene="ocr"]) .toy-note{display:none}

.woven .disclosure,.woven .mini-disclosure,.woven .source-note{display:none}

.disclosure{display:none}

.baxter-favourite{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 10% 8px auto;width:max-content;max-width:85%;color:#38372f;transform:rotate(-5deg);pointer-events:none}.baxter-favourite svg{width:65px;height:78px;flex:none;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;transform:translate(-7px,-6px) rotate(2deg)}.baxter-favourite span{font:800 clamp(26px,7vw,38px)/.96 Reader,Georgia,serif;letter-spacing:-.035em;-webkit-text-stroke:.65px currentColor}.baxter-favourite b{display:inline-block;transform:rotate(4deg) translateX(8px);font-weight:800}.baxter-favourite svg path{animation:favourite-wiggle 1.5s steps(1,end) infinite;transform-origin:center}@keyframes favourite-wiggle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media(prefers-reduced-motion:reduce){.baxter-favourite svg path{animation:none}}

/* Keep the assistant cue and meowl speech distinct, on the same paper. */
#demo .cue{border-top:0;padding:16px 21px 14px;margin:3px 0 8px;background:transparent;isolation:isolate;color:#234a69}
#demo .cue::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20600%20150%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M8%2015%20L586%205%20578%2031%20597%2029%20587%2062%20594%2061%20580%2094%20591%20103%20582%20141%2016%20146%2022%20119%205%20120%2016%2087%207%2085%2020%2054%208%2056Z%22%20fill%3D%22%23639cc5%22%20opacity%3D%22.2%22/%3E%3Cpath%20d%3D%22M16%2029%20Q230%2017%20580%2023%20M22%2066%20Q360%2057%20581%2060%20M17%20107%20Q330%2094%20578%20101%20M27%20131%20Q360%20118%20572%20129%22%20fill%3D%22none%22%20stroke%3D%22%23568fbd%22%20stroke-width%3D%2216%22%20opacity%3D%22.09%22/%3E%3C/svg%3E") center/100% 100% no-repeat}
#demo .cue .timer{color:#234a69}#demo .cue .progress{left:20px;right:20px;background:#548db32b}#demo .cue .progress span{background:#427ea5}
#demo .portrait{height:auto;min-height:120px;gap:0;padding:3px 7px}#demo .portrait canvas{flex:0 0 94px}#demo #thought{position:relative;max-width:225px;width:60%;margin:0;padding:18px 20px 19px 32px;min-height:88px;display:flex;align-items:center;font-style:normal;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20240%20140%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M36%208%20Q127%201%20215%2011%20Q235%2015%20230%2065%20Q236%20124%20207%20127%20L66%20129%20Q32%20126%2029%20106%20L5%20115%2024%2086%20Q15%2016%2036%208Z%22%20fill%3D%22none%22%20stroke%3D%22%23686052%22%20stroke-width%3D%221.4%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3C/svg%3E") center/100% 100% no-repeat}

body[data-scene=botato] .toy{height:clamp(220px,65vw,390px);min-height:0}

body[data-scene=tfl] .mini-toy{height:360px}.woven body[data-scene=tfl] .toy-note{display:none}
@media(max-width:420px){body[data-scene=tfl] .mini-toy{height:320px}}

.halo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:7px 13px 6px;border-bottom:1px solid #bcb2a0}.halo-modes{display:flex;gap:14px}.halo-toolbar button{padding:3px 1px;border:0;font:12px/1.2 'Courier New',monospace;color:#817968}.halo-toolbar button:hover{color:#3f3d38}.halo-modes button.selected{color:#3f3d38;text-decoration:underline;text-decoration-color:#568fbd;text-decoration-thickness:2px;text-underline-offset:4px}.halo-next{font-family:Reader,Georgia,serif!important}.halo-call .question{font-size:15px}.halo-call .portrait{min-height:96px;padding:0 7px}.halo-call .portrait canvas{height:92px;width:86px}.halo-call #thought{min-height:70px;padding:13px 18px 14px 28px;font-size:13px}.halo-call .cue{margin:0;background:#1c2228;color:#edf1f2;padding:13px 15px 16px;min-height:130px}.halo-call .cue::before{display:none}.halo-call .cue header{color:#cdd5d8}.halo-call .cue .timer{color:#edf1f2;font-size:19px}.halo-stage{color:#c69a54;letter-spacing:.08em}.halo-stage[data-stage=clever]{color:#79a987}.halo-reading{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:12px;align-items:stretch;margin-top:9px}.halo-call .cue .answer{margin:3px 0;min-height:68px;font:15px/1.45 'Segoe UI',Arial,sans-serif;color:#f1f4f4}.sentence-card{border:1px solid #59636b;padding:8px 9px;min-height:82px;background:#222a31}.sentence-card small{display:block;color:#7dc4d9;font:10px/1.2 'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase}.halo-call .sentence-card p{margin:7px 0 0;min-height:0;color:#eef2f3;font:13px/1.35 'Segoe UI',Arial,sans-serif}.halo-call .progress{left:15px;right:15px;background:#3b4852}.halo-call .progress span{background:#70bdd3}
@media(max-width:420px){.halo-reading{grid-template-columns:1fr 100px;gap:8px}.halo-call .cue .answer{font-size:14px}.sentence-card{padding:7px}.halo-toolbar{padding-inline:10px}}
#demo .halo-call .cue{background:#1c2228;color:#edf1f2}#demo .halo-call .cue::before{display:none}

/* In the sketchbook HALO shares the page's ink and paper. */
.woven .halo-call{color:#4a453c}.woven .halo-call .halo-toolbar,.woven .halo-call .question{border-color:#bcb2a0}.woven .halo-modes button.selected{text-decoration-color:#8b7248}.woven .halo-call .portrait{min-height:118px;height:118px;overflow:visible}.woven .halo-call .portrait canvas{width:100px;height:112px;overflow:visible}.woven .halo-call .cue{background:rgba(238,234,224,.72)!important;color:#4a453c;border-color:#a69b87;min-height:126px}.woven .halo-call .cue header{color:#786e5d}.woven .halo-call .cue .timer{color:#4a453c}.woven .halo-stage{color:#8b7248}.woven .halo-stage[data-stage=clever]{color:#60715d}.woven .halo-call .cue .answer,.woven .halo-call .sentence-card p{color:#4a453c;font-family:Reader,Georgia,serif}.woven .sentence-card{border-color:#a99f8d;background:rgba(255,255,255,.12)}.woven .sentence-card small{color:#60715d}.woven .halo-call .progress{background:#d4cbbb}.woven .halo-call .progress span{background:#8b7248}