@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,ol,ul{margin:0;padding:0}ol,ul{list-style:none}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-ground:var(--lightningcss-light,#fbf8f2)var(--lightningcss-dark,#1e1a16);--color-surface:var(--lightningcss-light,#fffdf9)var(--lightningcss-dark,#28231d);--color-sunken:var(--lightningcss-light,#f4efe5)var(--lightningcss-dark,#171310);--color-ink:var(--lightningcss-light,#231f1a)var(--lightningcss-dark,#f3ede2);--color-muted:var(--lightningcss-light,#655d52)var(--lightningcss-dark,#b9ae9e);--color-wire:var(--lightningcss-light,#c93a22)var(--lightningcss-dark,#f0856b);--color-wire-soft:var(--lightningcss-light,#f8e4dd)var(--lightningcss-dark,#4b2a22);--color-line:var(--lightningcss-light,#d9d0bf)var(--lightningcss-dark,#463e34);--color-danger:var(--lightningcss-light,#8f1d1d)var(--lightningcss-dark,#f6b0a6);--color-on-danger:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2a0e0e);--size-tiny:.9375rem;--size-small:1.0625rem;--size-ui:1.125rem;--size-body:1.25rem;--size-lead:1.5rem;--size-title:2.25rem;--size-display:clamp(2.4rem, 4.6vw, 4.4rem);--leading-body:1.55;--leading-lead:1.35;--leading-title:1.12;--leading-display:1.08;--measure:38rem;--gutter:clamp(1.25rem, 3vw, 2.5rem);--target:3.5rem;--target-small:2.75rem;--target-lead:4.5rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.t0{--at:2.04s}.t1{--at:.12s}.p2{transform-origin:160px 233px}.t3{--at:.42s}.t4{--at:.72s}.t5{--at:.78s}.t6{--at:.84s}.t7{--at:.9s}.p8{transform-origin:160px 202px}.t9{--at:.96s}.t10{--at:1.02s}.t11{--at:.54s}.t12{--at:.66s}.p13{transform-origin:158px 250px}.r14{--turn:-68deg}.t15{--at:1.98s}.t16{--at:2.22s}.t17{--at:1.14s}.t18{--at:.6s}.p19{transform-origin:1012px 260px}.t20{--at:1.2s}.t21{--at:1.26s}.t22{--at:1.32s}.t23{--at:1.38s}.p24{transform-origin:1012px 229px}.t25{--at:1.44s}.t26{--at:1.5s}.t27{--at:1.08s}.p28{transform-origin:1006px 278px}.r29{--turn:88deg}.t30{--at:5.04s}.p31{transform-origin:70px 303px}.p32{transform-origin:70px 272px}.p33{transform-origin:68px 320px}.p34{transform-origin:262px 94px}.p35{transform-origin:262px 63px}.t36{--at:1.92s}.t37{--at:2.16s}.p38{transform-origin:150px 328px}.t39{--at:.3s}.t40{--at:.36s}.t41{--at:.48s}.p42{transform-origin:150px 297px}.t43{--at:.24s}.p44{transform-origin:410px 328px}.p45{transform-origin:410px 297px}.p46{transform-origin:232px 348px}.p47{transform-origin:232px 317px}.p48{transform-origin:148px 220px}.p49{transform-origin:148px 189px}.p50{transform-origin:30px 76px}.p51{transform-origin:30px 45px}.p52{transform-origin:70px 98px}.p53{transform-origin:70px 67px}.p54{transform-origin:68px 115px}.t55{--at:1.56s}.t56{--at:1.8s}.t57{--at:60ms}.p58{transform-origin:308px 126px}.p59{transform-origin:308px 95px}.p60{transform-origin:302px 144px}.p61{transform-origin:372px 126px}.p62{transform-origin:372px 95px}.p63{transform-origin:366px 144px}.p64{transform-origin:240px 98px}.p65{transform-origin:240px 67px}.p66{transform-origin:242px 115px}}@layer base{html{-webkit-text-size-adjust:100%;font-family:Literata,Georgia,serif;font-size:100%}body{background:var(--color-ground);color:var(--color-ink);font-size:var(--size-body);line-height:var(--leading-body);overflow-x:clip}h1,h2,h3{text-wrap:balance;letter-spacing:-.012em;font-family:Fraunces,Georgia,serif;font-weight:300}h1{font-size:var(--size-display);line-height:var(--leading-display)}h2{font-size:var(--size-title);line-height:var(--leading-title)}h3{font-size:var(--size-lead);line-height:var(--leading-lead);font-weight:400}p{max-width:var(--measure);text-wrap:pretty}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.06em}:focus-visible{outline:3px solid var(--color-wire);outline-offset:3px}time{font-variant-numeric:lining-nums}}@layer layout{.drawing{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;--unseen:1 2;block-size:auto;inline-size:100%;display:block;overflow:visible}.drawing .dot,.drawing .flake{fill:currentColor;stroke:none}.drawing .thick{stroke-width:7px}.drawing .wire{stroke:var(--color-thread,var(--color-wire))}.drawing .plain{fill:var(--room-ground,var(--color-ground))}.drawing .voice{fill:var(--color-thread,var(--color-wire));stroke:none;opacity:0}.arm-up,.arm-answer{transform-box:view-box;transform:rotate(var(--turn,0deg))}.face{stroke-width:3.4px;flex:none;inline-size:1.5em;translate:0 -.25em}.top{padding:clamp(1rem, 2vw, 1.5rem) var(--gutter);font-size:var(--size-small);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.mark{font:400 var(--size-lead) "Fraunces", Georgia, serif;align-items:center;gap:.5rem;display:flex}.top-end{flex-wrap:wrap;align-items:center;gap:.25rem .9rem;display:flex}.still{cursor:pointer;block-size:2.25rem;inline-size:2.25rem;color:var(--color-muted);border-radius:50%;place-items:center;display:grid;position:relative}.still:hover{color:var(--color-ink);background:var(--color-sunken)}.still input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.still:has(input:focus-visible){outline:3px solid var(--color-wire);outline-offset:2px}.still .icon{stroke-width:2.4px}.still-off{display:none}.still:has(input:checked) .still-on{display:none}.still:has(input:checked) .still-off{display:contents}.still-on{display:contents}.languages{gap:.6em;display:flex}.languages a{color:var(--color-muted);padding-block:.3em;text-decoration:none;display:inline-block}.languages a:hover,.languages a[aria-current=page]{color:var(--color-ink)}.login{min-block-size:var(--target-small);border:1.5px solid var(--color-ink);border-radius:var(--sketch);white-space:nowrap;align-items:center;padding:.1rem 1.1rem;text-decoration:none;display:inline-flex}.login:hover{background:var(--color-ink);color:var(--color-ground)}.languages a[aria-current=page]{font-weight:700}.hero{min-block-size:calc(100svh - 8rem);padding-inline:var(--gutter);grid-template-rows:auto minmax(16rem,1fr);gap:1.5rem;padding-block-end:1rem;display:grid}.talk{min-block-size:var(--target);border-radius:var(--sketch);background:var(--color-ink);color:var(--color-ground);justify-content:center;align-items:center;padding:.2rem 1.9rem;font:400 1.3125rem Fraunces,Georgia,serif;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.talk:hover{background:var(--color-wire);transform:translateY(-1px)}.hero-art{position:relative}.hero-art .drawing{block-size:100%;position:absolute;inset:0}.promise{text-align:center;justify-items:center;gap:1rem;padding-block-start:clamp(.5rem,4vh,3rem);display:grid}.promise h1{max-inline-size:18ch}.promise h1 em{color:var(--color-wire);font-style:italic}.promise p{max-inline-size:42ch}.narrow{display:none}.journey{max-inline-size:44rem;padding-inline:var(--gutter);margin-inline:auto}.walk{position:relative}.said-head,.vignette{padding-inline-end:16%}.said-head{gap:.5rem;padding-block-start:clamp(4rem,12vh,7rem);display:grid}.lane{pointer-events:none;fill:none;block-size:100%;inline-size:16%;stroke:var(--color-wire);stroke-width:2.6px;stroke-linecap:round;position:absolute;inset-block:0;inset-inline-end:0;overflow:visible}.phrase{max-inline-size:18ch;padding-block:clamp(3rem,10vh,6rem) 1.5rem;font:italic 300 clamp(1.7rem,2.6vw,2.4rem)/1.2 Fraunces,Georgia,serif}.closing{margin-block-start:-1px}.told{max-inline-size:calc(var(--measure) + 2 * var(--gutter));padding:clamp(3rem, 9vh, 6rem) var(--gutter);gap:1rem;margin-inline:auto;display:grid}.moments{gap:1.5rem;margin-block-start:1rem;display:grid}.moments li{grid-template-columns:3.5rem 1fr;gap:1rem;display:grid}.moments time{font:italic 300 var(--size-lead) / var(--leading-lead) "Fraunces", Georgia, serif;color:var(--color-wire)}.pair{gap:3rem}.pair>div{gap:.5rem;display:grid}.quiet{font-size:var(--size-small)}.quiet h2{font-size:var(--size-lead)}.quiet ul{gap:.25rem;display:grid}.page{flex-direction:column;min-block-size:100svh;display:flex}.page-body{flex-direction:column;flex:1;min-inline-size:0;display:flex}.page-body>*{min-inline-size:0}.foot{padding:1.25rem var(--gutter);background:var(--color-sunken);border-block-start:1px solid var(--color-line);color:var(--color-muted);font-size:var(--size-tiny);flex-wrap:wrap;justify-content:space-between;gap:.75rem 3rem;display:flex}.foot-notes{gap:.1rem;display:grid}.foot-notes p{max-inline-size:none}.foot a{color:var(--color-ink)}@media (width<=44rem){.wide{display:none}.narrow{display:block}.hero{grid-template-rows:auto minmax(13rem,1fr);gap:1rem}.top{gap:.5rem}.mark{gap:.3rem;font-size:1.25rem}.top-end{justify-content:flex-end;gap:.35rem}.login{min-block-size:2.5rem;padding-inline:.7rem}.still{block-size:2rem;inline-size:2rem}}@media (width<=23rem){.top{flex-wrap:wrap}}:root{--sketch:255px 15px 225px 15px / 15px 225px 15px 255px;--panel-radius:14px;--rail:15.5rem}.skip{position:absolute;left:-100vw}.skip:focus{z-index:2;background:var(--color-ground);padding:.5rem 1rem;top:1rem;left:1rem}.sr,.live,#svelte-announcer{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.muted{color:var(--color-muted)}.icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;block-size:1.35em;inline-size:1.35em}.app-header{padding:1rem var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 2rem;display:flex}.app-header ul{flex-wrap:wrap;gap:.5rem 1.5rem;display:flex}.app-header .languages{gap:.6em}.app-name{font:400 var(--size-lead) "Fraunces", Georgia, serif;align-items:center;gap:.5rem;text-decoration:none;display:flex}.shell{font-size:var(--size-ui);flex:1;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid}.side{min-inline-size:0;padding:1rem var(--gutter);background:var(--color-sunken);border-block-end:1px solid var(--color-line)}.side-in{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.side-links{gap:.25rem;padding-block-end:.25rem;display:flex;overflow-x:auto}.side-links a{min-block-size:var(--target-small);white-space:nowrap;border-radius:10px;align-items:center;gap:.6rem;padding:.4rem .8rem;text-decoration:none;display:flex}.side-links a:hover{background:color-mix(in srgb, var(--color-ink) 7%, transparent)}.side-links a[aria-current=page]{background:var(--color-surface);box-shadow:0 0 0 1px var(--color-line);font-weight:600}.side-links a[aria-current=page] .icon{color:var(--color-wire)}.side-foot{display:none}.work{inline-size:100%;min-inline-size:0;max-inline-size:76rem;padding:clamp(1.25rem, 3vw, 2.5rem) var(--gutter) 5rem;align-content:start;gap:1.25rem;margin-inline:auto;display:grid}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem 2rem;display:flex}.page-title{gap:.5rem;display:grid}.page-title h1,.app-main h1{font-size:clamp(2.25rem,4vw,3rem);line-height:var(--leading-title)}.page-lead{color:var(--color-muted)}.page-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--panel-radius);align-content:start;gap:.9rem;min-inline-size:0;padding:clamp(1rem,2vw,1.5rem);display:grid}.panel h2,.work>h2,#list h2{font-size:var(--size-lead);line-height:var(--leading-lead)}.panel h3{font-size:var(--size-ui);font-weight:400}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.pager{gap:1.25rem;display:flex}.columns,.stack{align-items:start;gap:1.25rem;min-inline-size:0;display:grid}.inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.lamp{align-self:flex-start;margin-block-start:calc(-1 * var(--lamp-reach,1rem));display:flex;position:relative;inset-block-start:0}.lamp:before{content:"";border-inline-start:2px solid var(--color-ink);pointer-events:none;block-size:100vh;position:absolute;inset-block-end:calc(100% - 1px);inset-inline-start:calc(50% - 1px)}.pull{inline-size:1.5rem;block-size:calc(2.9rem + var(--lamp-reach,1rem));color:var(--color-ink);cursor:pointer;background:0 0;border:0;place-items:start center;min-block-size:0;padding:0;display:grid}.pull svg{transform-origin:50% 0;block-size:100%;inline-size:1.25rem;overflow:visible}.pull .cord{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.pull .bead{fill:var(--color-wire);stroke:currentColor;stroke-width:2px;vector-effect:non-scaling-stroke}.lamp:has(.pull:active){inset-block-start:7px}.pull:focus-visible{outline:3px solid var(--color-wire);outline-offset:2px;border-radius:6px}.pull-on{display:none}:root[data-theme=dark] .pull-on{display:grid}:root[data-theme=dark] .pull-off{display:none}@media (prefers-color-scheme:dark){:root[data-theme=system] .pull-on{display:grid}:root[data-theme=system] .pull-off{display:none}}.top{--lamp-reach:clamp(1rem, 2vw, 1.5rem)}.app-header{--lamp-reach:1rem}.side-top{--lamp-reach:1.25rem;justify-content:space-between;align-items:flex-start;display:flex}.side-tools{align-items:flex-start;gap:.9rem;display:flex}.side-tools .languages{font-size:var(--size-tiny);padding-block-start:.1rem}.draft{background:var(--color-sunken);border:1px solid var(--color-line);border-radius:var(--panel-radius);padding:.75rem 1rem}.stats{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1.25rem;margin:0;display:grid}.stat{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--panel-radius);gap:.15rem;padding:1rem 1.25rem;display:grid}.stat dt{color:var(--color-muted);font-size:var(--size-small)}.stat dd{font:300 var(--size-title) / var(--leading-title) "Fraunces", Georgia, serif;font-variant-numeric:lining-nums;margin:0}.stat .stat-text{font-size:var(--size-lead);line-height:var(--leading-lead)}.stat-wide{grid-column:span 2}.badge{border:1px solid var(--color-line);background:var(--color-ground);font-size:var(--size-tiny);white-space:nowrap;border-radius:999px;align-items:center;padding:.05rem .6rem;display:inline-flex}.badge-on{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-ground)}.badge-alert{background:var(--color-wire-soft);border-color:var(--color-wire);color:var(--color-danger)}.count{color:var(--color-muted);font-size:var(--size-small)}.to-do{gap:.4rem;display:grid}.to-do a{min-block-size:var(--target-small);background:var(--color-sunken);border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .9rem;text-decoration:none;display:flex}.to-do a:hover{box-shadow:0 0 0 1px var(--color-ink)}.to-do .urgent a{background:var(--color-wire-soft);color:var(--color-danger);font-weight:600}.week{font-size:var(--size-small);gap:.3rem;display:grid}.week-row{grid-template-columns:6.5rem 1fr;align-items:center;gap:.75rem;display:grid}.week-day{white-space:nowrap}.week-gap .week-day{color:var(--color-danger);font-weight:600}.week svg{background:var(--color-sunken);border-radius:6px;block-size:2.1rem;inline-size:100%;display:block}.week-axis ol{color:var(--color-muted);font-size:var(--size-tiny);grid-template-columns:repeat(4,1fr);display:grid}.bar-gap{fill:var(--color-wire-soft)}.bar-listener{fill:var(--color-ink);fill-opacity:.8}.bar-supervisor{fill:var(--color-muted);fill-opacity:.55}.legend{color:var(--color-muted);font-size:var(--size-tiny);flex-wrap:wrap;gap:.25rem 1.25rem;margin-block-start:.4rem;display:flex}.legend li{align-items:center;gap:.4rem;display:flex}.swatch{border-radius:2px;block-size:.6rem;inline-size:.9rem}.swatch-listener{background:var(--color-ink)}.swatch-supervisor{background:var(--color-muted)}.swatch-gap{background:var(--color-wire-soft);box-shadow:0 0 0 1px var(--color-wire)}.board{gap:.9rem;display:grid}.lane-col{background:var(--color-sunken);border-radius:var(--panel-radius);align-content:start;gap:.6rem;min-inline-size:0;padding:.8rem;display:grid}.lane-col h3{font:600 var(--size-small) "Literata", Georgia, serif;letter-spacing:0}.lane-col ul{gap:.6rem;display:grid}.lane-col .muted{font-size:var(--size-small)}.card{background:var(--color-surface);border:1px solid var(--color-line);font-size:var(--size-small);border-radius:10px;justify-items:start;gap:.5rem;padding:.75rem;display:grid}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .5rem;inline-size:100%;display:flex}.work button.step{inline-size:100%}.card form:has(.step){inline-size:100%}.work button.step{text-align:start;justify-content:flex-start}.lane-col h3:first-letter{text-transform:uppercase}.card details{font-size:var(--size-tiny)}.card details[open]{gap:.5rem;display:grid}.card form{gap:.4rem;display:grid}#list{gap:.9rem;display:grid}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;display:flex}.search{flex:14rem;align-items:center;display:flex;position:relative}.search .icon{color:var(--color-muted);position:absolute;inset-inline-start:.7rem}.work .search input{padding-inline-start:2.6rem}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.work .chip{cursor:pointer;min-block-size:var(--target-small);border:1px solid var(--color-line);color:inherit;font-family:inherit;font-weight:400;font-size:var(--size-small);background:0 0;border-radius:999px;padding:.1rem .9rem}.work .chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-ground)}.scroll-x{overflow-x:auto}.empty{text-align:center;color:var(--color-muted);justify-items:center;gap:.75rem;padding-block:1.5rem;display:grid}.empty .drawing{max-inline-size:13rem;color:var(--color-ink);stroke-width:3.4px}.reveal{background:var(--color-sunken);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.reveal .code{flex:16rem;min-inline-size:0}.app-main{inline-size:100%;font-size:var(--size-ui);max-inline-size:calc(var(--measure) + 6rem);padding:2rem var(--gutter) 5rem;gap:1.25rem;margin-inline:auto;display:grid}.app-main h2{font-size:var(--size-lead);margin-block-start:1.5rem}.toc{flex-wrap:wrap;gap:.5rem 1.5rem;padding:0;list-style:none;display:flex}.statement{border-block-start:1px solid var(--color-line);gap:1rem;padding-block-start:1rem;display:grid}.statement dl{max-inline-size:var(--measure);gap:.35rem;margin:0;display:grid}.statement dt{margin-block-start:1rem;font-weight:600}.statement dt:first-child{margin-block-start:0}.statement dd{line-height:var(--leading-body);margin:0}.statement dd ul{gap:.35rem;margin:0;padding-inline-start:1.2rem;list-style:outside;display:grid}:is(.app-main,.work)>button{justify-self:start}form{justify-items:start;gap:1rem;display:grid}.rows form,.inline form,form.inline{display:flex}.field{gap:.3rem;inline-size:100%;display:grid}.field label{font-weight:600;font-size:var(--size-small)}.field-row{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;inline-size:100%;display:grid}.check{align-items:center;gap:.6rem;display:flex}input:not([type=checkbox],[type=radio]),select{font:inherit;inline-size:100%;max-inline-size:30rem;min-block-size:var(--target-small);border:1.5px solid var(--color-ink);background:var(--color-surface);color:var(--color-ink);border-radius:8px;padding:.3rem .8rem}[aria-invalid=true]{border-width:3px;border-color:var(--color-danger)}:is(.app-main,.work) button:not(.chip),.button{font:inherit;min-block-size:var(--target-small);border:2px solid var(--color-ink);border-radius:var(--sketch);background:var(--color-ink);color:var(--color-ground);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.3rem 1.3rem;font-weight:600;text-decoration:none;display:inline-flex}:is(.app-main,.work) button.quiet{color:inherit;background:0 0}:is(.app-main,.work) button.small{font-size:var(--size-small);padding:.15rem .9rem}:is(.app-main,.work) button.danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}:is(.app-main,.work) button:hover{box-shadow:0 2px 0 var(--color-line)}:is(.app-main,.work) button:disabled{opacity:.6;cursor:progress}.errors{border:3px solid var(--color-danger);border-radius:var(--panel-radius);background:var(--color-surface);gap:.5rem;padding:1rem 1.25rem;display:grid}.field-error{color:var(--color-danger);font-weight:700}.notice{border-inline-start:3px solid var(--color-wire);padding-inline-start:.75rem;font-weight:600}.promises{gap:.5rem;display:grid}.promises dt{margin-block-start:1rem;font-weight:700}.promises dd{margin:0}.easy{font-size:var(--size-lead);line-height:var(--leading-lead);gap:1rem;display:grid}.footer-links{flex-wrap:wrap;gap:.25rem 1.25rem;display:flex}.code{overflow-wrap:anywhere}.code code{font-size:1.05rem}.rows{display:grid}.rows li{border-block-end:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-block:.6rem;display:flex}.rows li:last-child{border-block-end:0}.row-main{flex:14rem;min-inline-size:0}.facts{grid-template-columns:1fr auto;gap:.3rem 1.5rem;margin:0;display:grid}.facts dd{font-variant-numeric:lining-nums;margin:0;font-weight:700}table{border-collapse:collapse;inline-size:100%;font-size:var(--size-small)}caption{text-align:start;position:absolute;left:-100vw}th,td{text-align:start;border-block-end:1px solid var(--color-line);vertical-align:middle;padding:.6rem .75rem .6rem 0}thead th{color:var(--color-muted);font-weight:400;font-size:var(--size-tiny);white-space:nowrap}tbody th{font-weight:600}tbody tr:last-child>*{border-block-end:0}pre{max-inline-size:100%;font-size:1rem;overflow-x:auto}fieldset{border-radius:var(--panel-radius);border:2px solid;gap:.75rem;inline-size:100%;padding:1rem 1.25rem;display:grid}fieldset.bare{border:0;margin:0;padding:0}summary{cursor:pointer}@media (width>=40rem){.board{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.board-done{grid-template-columns:repeat(2,1fr)}}@media (width>=60rem){.shell{grid-template-rows:none;grid-template-columns:var(--rail) minmax(0, 1fr)}.side{border-block-end:0;border-inline-end:1px solid var(--color-line);padding:0}.side-in{grid-template-rows:auto 1fr auto;gap:1.5rem;block-size:100svh;padding:1.25rem .9rem;position:sticky;inset-block-start:0;overflow-y:auto}.side nav{display:grid}.side-links{flex-direction:column;block-size:100%;overflow-x:visible}.side-end{margin-block-start:auto}.side-foot{font-size:var(--size-tiny);padding-inline:.8rem;display:block}.side-foot ul{flex-wrap:wrap;gap:.2rem .9rem;display:flex}.side-foot a{color:var(--color-muted)}.page:has(.shell) .foot{display:none}.app-name{padding-inline:.4rem}.columns{grid-template-columns:repeat(2,minmax(0,1fr))}.columns-wide{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr)}}.room{--room-ground:var(--color-ground);--room-ink:var(--color-ink);padding:var(--gutter);background:var(--room-ground);color:var(--room-ink);flex:1;grid-template-rows:auto auto auto 1fr;justify-items:center;gap:1.5rem;display:grid}#content:has(>.room){flex-direction:column;flex:1;display:flex}.page:has(.room[data-busy]) .foot{display:none}.room[data-tone=turned]{--room-ground:var(--color-wire);--room-ink:var(--color-ground);--color-thread:currentcolor}.room :focus-visible{outline-color:var(--room-ink)}.room>*{inline-size:100%;max-inline-size:var(--measure)}.room-name{font:400 var(--size-lead) "Fraunces", Georgia, serif;justify-self:start;align-items:center;gap:.5rem;max-inline-size:none;text-decoration:none;display:flex}.room-word{text-align:center;justify-items:center;gap:1rem;display:grid}.room-word .drawing{max-inline-size:26rem}.room h1{font-size:var(--size-display);line-height:var(--leading-display)}.room h1 span{display:block}.room h1:focus{outline:none}.room-update{font-size:var(--size-lead);line-height:var(--leading-lead);max-inline-size:34ch}.room-time{gap:.5rem;display:grid}.room-minutes{font:italic 300 var(--size-lead) / var(--leading-lead) "Fraunces", Georgia, serif}.room-marks{border-block-start:2px solid color-mix(in srgb, currentcolor 30%, transparent);grid-template-columns:repeat(5,1fr) auto;display:grid}.room-marks li{font-size:var(--size-small);white-space:nowrap;padding-block-start:.4rem;position:relative}.room-marks li:before{content:"";block-size:2px;position:absolute;inset-block-start:-2px;inset-inline:0}.room-marks li.past{font-weight:700}.room-marks li.past:before{background:var(--color-thread,var(--color-wire))}.room-marks li:last-child:before{display:none}.room-note{font-weight:600}.room-base{align-self:start;gap:1.5rem;display:grid}.call-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.call-actions button{font:inherit;color:inherit;border-radius:var(--sketch);min-block-size:var(--target);cursor:pointer;background:0 0;border:2px solid;padding:.4rem 1.4rem;font-weight:600}.call-actions [data-rank=lead],.call-actions [data-rank=help]{flex:100%}.call-actions [data-rank=lead] button{inline-size:100%;min-block-size:var(--target-lead);font-size:var(--size-lead);background:var(--room-ink);color:var(--room-ground);border-color:var(--room-ink)}.call-actions [data-rank=help] button{inline-size:100%;min-block-size:var(--target-lead);border-width:3px}.room-aside{font-size:var(--size-small);gap:.75rem;display:grid}.room-aside .call-intro{gap:.25rem;display:grid}.crisis summary{cursor:pointer;text-underline-offset:.18em;inline-size:fit-content;text-decoration:underline}.crisis ul{gap:.25rem;margin-block-start:.5rem;display:grid}}@layer motion{@keyframes draw{0%{stroke-dashoffset:1.05px}to{stroke-dashoffset:0}}@keyframes fade{0%{opacity:0}}@keyframes reveal{0%{clip-path:inset(0 -10% 100%)}to{clip-path:inset(0 -10%)}}@keyframes lift{0%{transform:rotate(0)}}@keyframes ring{0%,to{transform:rotate(0)}15%,45%,75%{transform:rotate(-5deg)}30%,60%,90%{transform:rotate(5deg)}}@keyframes nod{0%,88%,to{transform:rotate(0)}93%{transform:rotate(4deg)}}@keyframes blink{0%,95%,to{transform:scaleY(1)}97.5%{transform:scaleY(.1)}}@keyframes tail{0%,to{transform:rotate(0)}50%{transform:rotate(14deg)}}@keyframes rise{0%{stroke-dashoffset:1px;opacity:.9}to{stroke-dashoffset:-1px;opacity:0}}@keyframes fall{0%{opacity:0;transform:translateY(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(170px)}}@keyframes wave{to{transform:rotate(16deg)}}@keyframes greet{to{transform:rotate(-14deg)}}@keyframes shown{to{opacity:1}}@keyframes carry{0%{transform:translate(-47px,70px)rotate(90deg)}}@keyframes sway{30%{transform:rotate(5deg)}65%{transform:rotate(-3deg)}}@media (prefers-reduced-motion:no-preference){html:not(:has(#still:checked)) .lamp{transition:inset-block-start .14s ease-out}html:not(:has(#still:checked)) .pull:hover svg{animation:.7s ease-out sway}html:not(:has(#still:checked)) .pull:active svg{animation:none}html:not(:has(#still:checked)) .drawing :is(.line,.thick,.plain){stroke-dasharray:var(--unseen);animation:draw .48s cubic-bezier(.33, 0, .2, 1) var(--at,0s) both}html:not(:has(#still:checked)) .drawing .dot{animation:fade .5s var(--at,0s) backwards}html:not(:has(#still:checked)) .drawing .wire.run{stroke-dasharray:var(--unseen);animation:draw 2.1s cubic-bezier(.37, 0, .3, 1) var(--at,0s) both}html:not(:has(#still:checked)) .drawing .voice{animation:.5s 3s forwards shown}html:not(:has(#still:checked)) .drawing .thick.late{animation-duration:.3s}html:not(:has(#still:checked)) .promise>*{animation:.6s backwards fade}html:not(:has(#still:checked)) .promise p{animation-delay:.2s}html:not(:has(#still:checked)) .hero .arm-up{animation:.7s cubic-bezier(.34,1.2,.5,1) 1.5s backwards lift}html:not(:has(#still:checked)) .hero .arm-answer{animation:.7s cubic-bezier(.34,1.2,.5,1) 4.3s backwards lift}html:not(:has(#still:checked)) .room .arm-up,html:not(:has(#still:checked)) .room .arm-answer{animation:.6s cubic-bezier(.34,1.2,.5,1) .3s backwards lift}html:not(:has(#still:checked)) .phone,html:not(:has(#still:checked)) .phone-ring{transform-box:fill-box;transform-origin:bottom}html:not(:has(#still:checked)) .hero .phone{animation:.7s ease-in-out 3.7s ring}html:not(:has(#still:checked)) .phone-ring{animation:.9s ease-in-out 12 ring}html:not(:has(#still:checked)) .head{transform-box:view-box;animation:7s ease-in-out 5.5s 3 nod}html:not(:has(#still:checked)) .eyes{transform-box:view-box;animation:5.3s ease-in-out 3s 5 blink}html:not(:has(#still:checked)) .drawing .tail{stroke-dasharray:var(--unseen);transform-box:fill-box;transform-origin:0 100%;animation:draw .48s ease var(--at,0s) both, tail 3.4s ease-in-out calc(var(--at,0s) + .6s) 5}html:not(:has(#still:checked)) .drawing .thick.carried{stroke-dasharray:var(--unseen);transform-box:fill-box;transform-origin:50%;animation:draw .3s ease var(--at,0s) both, carry .7s cubic-bezier(.34, 1.2, .5, 1) 4.3s backwards}html:not(:has(#still:checked)) .arm-wave{transform-box:view-box;animation:1.1s ease-in-out 6 alternate greet}html:not(:has(#still:checked)) .room h1{animation:.7s backwards fade}html:not(:has(#still:checked)) .room{transition:background-color .5s,color .5s}html:not(:has(#still:checked)) :is(.shell,.app-header) .face *{animation:none}@supports (animation-timeline:view()){html:not(:has(#still:checked)) .journey{view-timeline:--journey}html:not(:has(#still:checked)) .vignette .drawing :is(.line,.thick,.plain){animation:linear both draw;animation-timeline:view();animation-range:entry 20% cover 45%}html:not(:has(#still:checked)) .closing :is(.line,.thick,.plain){animation:linear both draw;animation-timeline:view();animation-range:entry 10% cover 45%}html:not(:has(#still:checked)) .lane{animation:linear both reveal;animation-timeline:--journey;animation-range:cover 6% cover 76%}html:not(:has(#still:checked)) .closing .wire{stroke-dasharray:var(--unseen);animation:linear both draw;animation-timeline:--journey;animation-range:cover 76% cover 90%}html:not(:has(#still:checked)) .drawing .steam{stroke-dasharray:1;animation:linear 3 both rise;animation-timeline:view();animation-range:entry 40% exit 60%}html:not(:has(#still:checked)) .drawing .steam.second{animation-range:entry 55% exit 75%}html:not(:has(#still:checked)) .drawing .flake{animation:linear 2 both fall;animation-timeline:view();animation-range:entry 30% exit 70%}html:not(:has(#still:checked)) .drawing .flake.f1{animation-range:entry 45% exit 85%}html:not(:has(#still:checked)) .drawing .flake.f2{animation-range:entry 60% exit}html:not(:has(#still:checked)) .drawing .wave{transform-box:fill-box;transform-origin:0 100%;animation:linear 6 alternate both wave;animation-timeline:view();animation-range:entry 40% exit 60%}html:not(:has(#still:checked)) .phrase{animation:linear both fade;animation-timeline:view();animation-range:entry 10% entry 60%}}}}@layer modes{@media (forced-colors:active){.drawing .wire,.lane{stroke:canvastext}.drawing .voice{fill:canvastext}}@media print{@page{margin:1.5cm}html{font-size:10pt}body{line-height:1.3}nav,.top-end,.drawing,.hero-art,.lane{display:none}p{max-width:none}h1{font-size:2rem}h2,h3{font-size:1.1rem;line-height:1.3}.top{padding:0}.hero{min-block-size:auto;padding:0;display:block}.promise{text-align:start;justify-items:start;gap:.25rem;padding:0}.promise h1,.promise p{max-inline-size:none}.journey,.told{gap:.2rem;max-inline-size:none;padding:.4rem 0}.said-head,.vignette{padding:0}.phrase{max-inline-size:none;padding:.1rem 0;font-size:1rem}.moments{gap:.1rem;margin:0}.moments li{grid-template-columns:3rem 1fr;gap:.5rem}.moments time{font-size:1rem}.pair{gap:.4rem}.foot{background:0 0;padding:.5rem 0;font-size:.9rem}}}@font-face{font-family:Fraunces;src:url(../../../fonts/fraunces-300-600.woff2)format("woff2");font-weight:300 600;font-display:swap}@font-face{font-family:Fraunces;src:url(../../../fonts/fraunces-italic-300.woff2)format("woff2");font-style:italic;font-weight:300;font-display:swap}@font-face{font-family:Literata;src:url(../../../fonts/literata-400-700.woff2)format("woff2");font-weight:400 700;font-display:swap}