:root{color:#f4f1ea;background:#000;--record-ms: 2s;--drawably-stroke: #f4f1ea;--drawably-fill: #f4f1ea;--drawably-ink: #f4f1ea;--sit-ease: cubic-bezier(.16, 1, .3, 1);--sit-ms: .18s;--leave-ms: .22s;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:#000}#app{position:relative;overflow:hidden}video.live,video.replay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.copy{position:absolute;left:1.5rem;right:1.5rem;text-align:center;text-shadow:0 1px 10px rgb(0 0 0 / .85);z-index:2}.copy-top{top:12%}.copy-mid{top:38%;transform:translateY(-40%)}.copy-home,.copy-brief{top:0;bottom:0;left:0;right:0;transform:none;display:flex;flex-direction:column;align-items:center;padding:calc(18vh + env(safe-area-inset-top)) 1.75rem calc(2.4rem + env(safe-area-inset-bottom))}.copy-home{justify-content:space-between}.copy-brief{justify-content:flex-end;gap:1.6rem}.copy-home .title{margin:0}.copy-home .lead{margin:0;max-width:16rem;font-size:1.2rem;font-weight:400;line-height:1.45;letter-spacing:.01em}.copy-home .choice,.copy-brief .choice{margin:0}.copy-stack{display:flex;flex-direction:column;gap:1.15rem;max-width:22rem}.copy-stack .prompt{margin:0;font-size:1.12rem;line-height:1.45}.copy-caption{top:auto;bottom:22%;transform:none}.prompt,.line{font-size:1.35rem;font-weight:400;line-height:1.35;margin:0 0 .85rem;letter-spacing:.01em}.title{font-size:1.85rem;font-weight:400;line-height:1.25;margin:0 0 1.1rem;letter-spacing:.01em}.was{margin:0 0 .55rem;font-size:.95rem;font-weight:400;opacity:.72;line-height:1.4}.hint{margin:.6rem 0 0;font-size:.92rem;font-weight:400;opacity:.75;line-height:1.4}.choice{display:block;width:100%;margin:.55rem 0;min-height:2.8rem}.chrome{position:absolute;left:0;right:0;bottom:calc(1.4rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;padding:0 1.2rem;z-index:3}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.icon-btn{width:2.8rem;height:2.8rem;padding:.45rem;color:#fff}.icon-btn svg{width:100%;height:100%}.ok{min-width:3.6rem;min-height:2.8rem;padding:.35rem 1rem}#app .drawably-svg{z-index:0}.ok:disabled{opacity:.28}.shutter{position:relative;width:4.4rem;height:4.4rem;padding:0;border-radius:999px;transition:transform .12s var(--sit-ease)}.shutter[aria-pressed=true]{transform:scale(.97)}.shutter-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.shutter-ring .track{fill:none;stroke:#ffffff73;stroke-width:1.8}.shutter-ring .fill{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:100.53;stroke-dashoffset:100.53}.shutter[aria-pressed=true] .fill{animation:shutter-fill var(--record-ms) var(--sit-ease) forwards}.shutter-core{position:absolute;top:.78rem;right:.78rem;bottom:.78rem;left:.78rem;overflow:hidden;border-radius:999px;border:1.5px solid rgb(255 255 255 / .9);background:transparent}.shutter-core:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fff;opacity:0;transform:scale(.72);transition:opacity var(--sit-ms) var(--sit-ease),transform var(--record-ms) var(--sit-ease)}.shutter[aria-pressed=true] .shutter-core:after{opacity:1;transform:none}@keyframes shutter-fill{to{stroke-dashoffset:0}}.chrome-slot{width:2.8rem}.carry-wrap{display:block;width:100%;margin-top:.4rem}.carry{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;margin:0 auto;padding:.55rem .8rem;border:0;background:transparent;color:#f4f1ea;font:inherit;font-size:16px;text-align:center;text-shadow:inherit;caret-color:#f4f1ea}.carry:focus{outline:none}.landscape,.desk{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;background:#000;text-align:center;padding:2rem 1.75rem}.desk .title,.desk .lead{margin:0}.desk .lead{max-width:16rem;font-size:1.2rem;font-weight:400;line-height:1.45;letter-spacing:.01em}@media(orientation:landscape)and (max-height:500px){.landscape{display:flex}}@media(min-width:680px)and (min-height:560px){.desk{display:flex}#app>:not(.desk){display:none!important}}.room{z-index:0}.room.off{opacity:0;pointer-events:none}.stages{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.stage{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(8px);transition:opacity var(--sit-ms) var(--sit-ease),transform var(--sit-ms) var(--sit-ease);pointer-events:none}.stage.show{opacity:1;transform:none;pointer-events:auto}.stage.instant{transition:none;opacity:1;transform:none;pointer-events:auto}.state{position:absolute;top:.45rem;left:.5rem;z-index:15;margin:0;font-family:ui-monospace,monospace;font-size:.55rem;line-height:1.3;color:#ffffff47;white-space:pre;pointer-events:none}.tap-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer}.montage-v,.hold-v{opacity:0}.montage-v.on,.hold-v.on{opacity:1}.hold-v{transform:none}.hold-v.join{transform:scale(.97);transition:transform var(--sit-ms) var(--sit-ease)}.montage-line{margin:0;font-size:1.2rem;letter-spacing:.03em}@media(prefers-reduced-motion:reduce){.stage{transform:none;transition-duration:80ms}.shutter-core:after{transition-duration:80ms}.shutter[aria-pressed=true] .fill{animation-timing-function:linear}.shutter[aria-pressed=true]{transform:none}.shutter-core:after{transform:none;transition-duration:80ms}.hold-v.join{transform:none;transition-duration:80ms}}.copy-home .copy-stack .prompt,.copy-home .copy-stack .hint{margin-left:auto;margin-right:auto}.leave-pop{position:absolute;left:0;bottom:calc(100% + .65rem);display:flex;flex-direction:column;gap:.5rem;width:10rem;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--sit-ms) var(--sit-ease),transform var(--sit-ms) var(--sit-ease);z-index:4}.leave-pop.show{opacity:1;transform:none;pointer-events:auto}.leave-pop .choice{margin:0}.drawably-host{position:relative;isolation:isolate;font-family:Inter,system-ui,sans-serif}.drawably-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.drawably-svg path{fill:none;stroke:var(--drawably-ink, var(--drawably-stroke, #2724d1));stroke-width:var(--drawably-width, 2);stroke-linecap:round;stroke-linejoin:round}.drawably-boil{opacity:0;animation:drawably-boil-0 1.2s step-end infinite}.drawably-boil[data-i="1"]{animation-name:drawably-boil-1}.drawably-boil[data-i="2"]{animation-name:drawably-boil-2}@keyframes drawably-boil-0{0%{opacity:1}33.33%{opacity:0}}@keyframes drawably-boil-1{0%{opacity:0}33.33%{opacity:1}66.67%{opacity:0}}@keyframes drawably-boil-2{0%{opacity:0}66.67%{opacity:1}to{opacity:0}}.drawably-svg .drawably-blob{fill:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke-width:4}.drawably-svg .drawably-scribble{stroke-width:1.5}.drawably-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:0;background:none;font:inherit;font-family:Inter,system-ui,sans-serif;color:var(--drawably-ink, var(--drawably-stroke, #2724d1));cursor:pointer;outline:none;transition:transform .12s ease}.drawably-button:active{transform:scale(.92)}.drawably-button--neutral{--drawably-stroke: #6e675f;--drawably-fill: #6e675f}.drawably-button--danger{--drawably-stroke: var(--drawably-error, #d12724);--drawably-fill: var(--drawably-error, #d12724)}.drawably-button[data-state=error]{--drawably-ink: var(--drawably-error, #d12724)}.drawably-button[data-state=success]{--drawably-ink: var(--drawably-success, #188a42)}.drawably-button[data-state=loading]{cursor:progress;opacity:.6}.drawably-button[data-state=loading] .drawably-boil{animation-duration:.45s}.drawably-button--solid{color:var(--drawably-paper, #fff)}.drawably-svg .drawably-focus{visibility:hidden;stroke-width:1.5}.drawably-host:is(:focus-visible,:has(:focus-visible)) .drawably-focus{visibility:visible}.drawably-checkbox,.drawably-radio{display:inline-block;width:22px;height:22px}.drawably-toggle{display:inline-block;width:44px;height:24px}:is(.drawably-checkbox,.drawably-radio,.drawably-toggle) input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.drawably-svg .drawably-dot{fill:var(--drawably-ink, var(--drawably-fill, #2724d1));stroke:var(--drawably-ink, var(--drawably-fill, #2724d1));visibility:hidden;transform:scale(.5);transform-box:fill-box;transform-origin:center;transition:transform .16s ease-out}.drawably-radio[data-checked] .drawably-dot{visibility:visible;transform:scale(1)}.drawably-svg .drawably-knob{transition:transform .16s ease-out}.drawably-toggle[data-checked] .drawably-knob{transform:translate(20px)}.drawably-divider{display:block;height:10px;border:0}.drawably-svg .drawably-check{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .24s ease-out}.drawably-checkbox[data-checked] .drawably-check{stroke-dashoffset:0}.drawably-inputbox{display:inline-block}.drawably-inputbox input{border:0;background:none;font:inherit;color:inherit;padding:8px 12px;width:100%;box-sizing:border-box;outline:none}.drawably-card{padding:16px}@media(prefers-reduced-motion:reduce){.drawably-boil{animation:none}.drawably-boil[data-i="0"]{opacity:1}.drawably-svg .drawably-check,.drawably-svg .drawably-dot,.drawably-svg .drawably-knob{transition:none}}