@layer pages{.talk-band{grid-template-columns:minmax(0,1fr);place-items:stretch;gap:var(--space-3);padding:var(--space-4) var(--space-4-5) var(--space-4-5)}.talk-scene{position:relative}.talk-art{display:block;inline-size:100%;block-size:auto;filter:drop-shadow(0 .4rem .6rem color-mix(in oklab,var(--card-2) 70%,black));forced-color-adjust:none}@container well (width >= 48rem){.talk-band{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;column-gap:var(--space-5);padding:var(--space-5) var(--space-4-5)}}.say-pick{grid-area:1 / 1;align-self:end;justify-self:start;padding:var(--space-3) var(--space-4);font-size:var(--pick-size, var(--step-2));font-weight:750;line-height:1.25;letter-spacing:var(--track-2);text-wrap:pretty;transform-origin:calc(var(--at) * 100%) 100%}.say-pick[data-long]{font-size:calc(var(--pick-size, var(--step-2)) * .85)}.say-pick:focus-visible{outline:var(--focus-w) solid var(--ink-1);outline-offset:var(--focus-offset)}.say-pick.say-ghost{justify-self:stretch;visibility:hidden}.say-lead{display:block;margin-block-end:var(--space-1);color:var(--ink-3);font-size:var(--step-0);font-weight:650;letter-spacing:0}@container well (width >= 48rem){.say-pick{align-self:center;justify-self:end;inset-inline-start:0;translate:none;transform-origin:100% 50%}}.say-reply{--at: .75;--top: .5;position:absolute;inset-block:0 calc((1 - var(--top)) * 100% + var(--space-3));align-self:safe end;block-size:fit-content;max-inline-size:min(64%,16em);padding:var(--space-1) var(--space-3) var(--space-2);box-shadow:var(--paper-shadow),0 0 0 var(--rule-w) var(--edge-soft);font-family:var(--font-hand);font-size:var(--step-1);font-weight:700;line-height:1.1;transform-origin:calc(var(--at) * 100%) 100%}.say-stamp{padding:var(--space-2) var(--space-3)}.say-stamp .stamp{font-family:var(--font-body);font-size:var(--step-1)}@media(prefers-reduced-motion:no-preference){:where(.talk[data-dealt]) .say-pick:not(.say-ghost){animation:talk-pop var(--dur-3) var(--ease-out) both}:where(.talk[data-dealt]) .say-reply{animation:talk-pop var(--dur-3) var(--ease-out) .3s both}.say-stamp .stamp-press{animation-delay:.3s}:where(.talk:not([data-dealt])) .say-stamp .stamp-press{animation:none}}@keyframes talk-pop{0%{opacity:0;scale:.92}}.talk:is([data-risk=low],[data-heat="1"]) .fig-lv-1,.talk:is([data-risk=medium],[data-heat="2"]) .fig-lv-2,.talk:is([data-risk=high],[data-heat="3"]) .fig-lv-3{display:inline}.well.talk{row-gap:0}.talk-bar,.talk-note{margin-block-start:var(--space-5)}.well.talk>.status{position:static;min-block-size:0;margin-block-start:var(--space-2)}.talk-bar:first-child{margin-block-start:0}.talk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}@container well (width < 48rem){.talk-bar{display:grid;grid-template-columns:minmax(0,1fr) auto}.talk-bar>.btn{min-inline-size:0;padding-inline:var(--space-4)}.talk-filter{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.talk-filter :is(select,.choice-track){flex:1 1 auto}.talk-filter .choice-track{display:flex}.talk-filter.choice label{flex:1 1 auto;justify-content:center;padding-inline:var(--space-2)}}@container well (width >= 48rem){.talk-filter{margin-inline-start:auto}}.talk-select{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);color:var(--ink-3);font-size:var(--step--1)}.talk-select select{min-block-size:var(--touch-min);padding-inline:var(--space-3);border:var(--rule-w) solid var(--line-strong);border-radius:var(--pill);background:var(--track-face);color:var(--ink-1);font-weight:650;box-shadow:var(--recess);cursor:pointer}.talk-select select:hover{border-color:color-mix(in oklab,var(--line-strong),var(--red) 45%)}.talk-list>li{position:relative;padding-inline-end:calc(var(--space-5) + var(--space-2))}.talk-play{padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:start;cursor:pointer}.talk-play:before{content:"";position:absolute;inset:0}.talk-play:after{content:"";position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-1);inline-size:var(--space-4);block-size:var(--space-3);border:var(--stroke) solid currentColor;border-radius:var(--space-2) var(--space-2) var(--space-2) 0;color:var(--ink-3)}.talk-play:hover{text-decoration:underline var(--pen) .08em;text-underline-offset:var(--underline-offset)}.talk-play:hover:after{color:var(--red)}.talk-play:focus-visible{outline:var(--focus-w) solid var(--ink-1);outline-offset:var(--focus-offset)}.tk-office{fill:var(--pz-wall)}.tk-home{fill:#dde6ea}.tk-floor{fill:var(--pz-crowd)}.tk-frame{fill:var(--pz-screen-edge)}.tk-sky{fill:#cfe6ef}.tk-frame-bar{fill:none;stroke:var(--pz-screen-edge);stroke-width:2}.tk-desk-leg{fill:none;stroke:var(--wood-3);stroke-width:2.5}.tk-pillow{fill:var(--pz-paper)}.tk-duvet{fill:#8fb3c9}.tk-duvet-fold{fill:none;stroke:#7299b1;stroke-width:1.4;stroke-linecap:round}.tk-tissues{fill:#9cc3a8}.tk-paper{fill:var(--pz-paper);stroke:var(--pz-bar);stroke-width:.6}.tk-rule{fill:none;stroke:var(--pz-bar);stroke-width:1.2;stroke-linecap:round}.tk-device{fill:var(--monitor-2)}.tk-device-2{fill:var(--monitor)}.tk-ink{fill:none;stroke:var(--stamp);stroke-width:1.2;stroke-linecap:round}.tk-leaf{fill:#5f8f5a}.tk-pot{fill:var(--pz-pepperoni)}.tk-door{fill:var(--wood)}.tk-door-frame{fill:var(--door-frame-2)}.tk-handle{fill:var(--door-steel-2)}.tk-exit{fill:#2f8a4a}.tk-exit-text{fill:var(--pz-paper);font-family:var(--font-body);font-size:7px;font-weight:800;letter-spacing:.08em}.tk-cord{fill:none;stroke:var(--monitor-2);stroke-width:1.2;stroke-linecap:round}.tk-clock{fill:var(--pz-paper);stroke:var(--pz-bar);stroke-width:1.4}.tk-clock-hands{fill:none;stroke:var(--pz-hair);stroke-width:1.6;stroke-linecap:round}.tk-blind{fill:none;stroke:var(--pz-screen-edge);stroke-width:1.2}}@layer pages{@container well (width < 30rem){.bsg>.talk-bar>.btn{padding-inline:var(--space-4)}}.bsg-room{--a: 3;--pad: var(--space-4);container:room / inline-size;grid-template-columns:minmax(0,1fr);grid-template-areas:"slide" "whisper" "floor";place-items:stretch;row-gap:var(--space-3);margin:var(--space-5) calc(-1 * var(--space-4-5)) calc(-1 * var(--space-6));padding:var(--space-4) var(--pad) 0;border-radius:0 0 var(--well-radius) var(--well-radius);background:linear-gradient(160deg,color-mix(in oklab,var(--card) 62%,var(--card-2)),color-mix(in oklab,var(--card-2) 82%,var(--deep-2)));overflow:clip}@container well (width >= 30rem){.bsg-room{--a: 4}}.bsg-slide{container:slide / inline-size;grid-area:slide;position:relative;display:grid;grid-template-rows:1fr auto;gap:var(--space-1);align-self:end;aspect-ratio:2;padding:var(--space-3) var(--space-3) var(--space-1);border-radius:var(--radius-paper);background:var(--paper);box-shadow:0 .6rem 1.2rem -.5rem color-mix(in oklab,var(--card-2) 70%,black)}.bsg-slide:before{content:"";position:absolute;inset-inline:calc(-1 * var(--space-2));inset-block-end:100%;block-size:var(--space-2);border-radius:var(--pill);background:var(--monitor-2)}.bsg-lines{align-self:center;display:grid;gap:.4em;padding-inline-start:1.3em;color:var(--ink-1);font-size:clamp(var(--step-0),4.4cqi,var(--step-3));font-weight:750;line-height:1.25;letter-spacing:var(--track-2);text-wrap:pretty}.bsg-room[data-n="1"] .bsg-lines{font-size:clamp(var(--step-2),6cqi,var(--step-4))}.bsg-room[data-n="5"] .bsg-lines{font-size:clamp(var(--step--1),3.5cqi,var(--step-2))}.bsg-room[data-n="1"] :is(.bsg-lines,.bsg-means){padding-inline-start:0;list-style:none}:is(.bsg-lines,.bsg-means)>li::marker{color:var(--ink-3);font-weight:700}.bsg-page{justify-self:end;color:var(--ink-3);font-size:var(--step--2);font-weight:600}.bsg-whisper{--tail: calc((100cqi + 2 * var(--pad)) * (1.1 / var(--a) + .5) - var(--pad));grid-area:whisper;align-self:end;display:grid;gap:var(--space-1);padding:var(--space-2) var(--space-4) var(--space-3);outline:var(--stroke) dashed var(--edge-soft);outline-offset:calc(-1 * var(--space-1));color:var(--ink-2);font-size:var(--step-0);font-weight:600;transform-origin:var(--tail) 100%}.bsg-room:not([data-n="1"]) .bsg-whisper{font-size:var(--step--1)}.bsg-lead{font-size:var(--step--1)}.bsg-means{display:grid;gap:.3em;padding-inline-start:1.3em}.bsg-floor{grid-area:floor;inline-size:calc(100% + 2 * var(--pad));max-inline-size:none;aspect-ratio:var(--a);margin-inline:calc(-1 * var(--pad));margin-block-start:calc((100cqi + 2 * var(--pad)) * -.2 / var(--a));forced-color-adjust:none}.bsg-crowd{--fig-silhouette: color-mix(in oklab, var(--card-2) 55%, black)}.bsg-lectern{fill:var(--pz-lectern)}.bsg-lectern-top{fill:var(--pz-lectern-2)}.bsg-clicker{fill:var(--monitor)}.bsg-click{transform-box:fill-box;transform-origin:0 100%}@container well (width >= 40rem){.bsg-room{--a: 5;--pad: var(--space-5);grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"slide whisper" "floor floor";column-gap:var(--space-5);row-gap:var(--space-4);padding-block-start:var(--space-5)}.bsg-slide{aspect-ratio:2.4;padding:var(--space-4) var(--space-4) var(--space-2)}.bsg-room[data-n="5"] .bsg-lines{font-size:clamp(var(--step-0),3.5cqi,var(--step-2))}.bsg-whisper{--tail: calc((100cqi + 2 * var(--pad)) * (1.1 / var(--a) + .5) - var(--pad) - .6 * (100cqi - var(--space-5)) - var(--space-5));padding-block-start:var(--space-3)}.bsg-room[data-n="1"] .bsg-whisper{font-size:var(--step-1)}.bsg-room[data-n="5"] .bsg-whisper{font-size:var(--step--1)}.bsg-room[data-n="3"] .bsg-whisper{font-size:var(--step-0)}}@container well (width >= 48rem){.bsg-room{--a: 6}}@media(prefers-reduced-motion:no-preference){.bsg-room[data-pressed] .bsg-lines>li{animation:bsg-next var(--dur-3) var(--ease-out) both}.bsg-room[data-pressed] .bsg-whisper{animation:talk-pop var(--dur-3) var(--ease-out) .3s both}.bsg-room[data-pressed] .bsg-click{animation:bsg-click var(--dur-2) var(--ease-out) both}}@keyframes bsg-next{0%{opacity:0;translate:var(--space-4) 0}}@keyframes bsg-click{50%{rotate:-9deg}}@media(forced-colors:active){.bsg-slide{border:var(--rule-w) solid CanvasText}.bsg-slide:before{forced-color-adjust:none}}}
