.instant{--below:61px;--fixed:calc(170px + 12px + 16px + var(--below));--cw:clamp(220px, min(480px, 100vw - 48px, (100svh - var(--fixed)) / 1.827), 480px);--pw:calc(var(--cw) * .6);--pin-scale:.611;--stage:100vw;--rope:#8a857b;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme=dark] .instant{--rope:#6f6a62}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .instant{--rope:#6f6a62}}@media (max-width:760px){.instant{--below:24px}}@media (max-width:640px){.instant{--fixed:calc(170px + 12px + 16px + var(--below) + 40px)}}.instant-stage{width:var(--stage);min-height:100svh;margin:0 calc((100% - var(--stage)) / 2);position:relative}.pw main>.instant{margin-top:-56px}@media (max-width:640px){.pw main>.instant{margin-top:-16px}}.instant-top{padding:0}.instant-head{z-index:3;pointer-events:none;position:absolute;inset:0}.instant-head>*{pointer-events:auto}.instant-crumb{font:400 12px / 18px var(--mono);letter-spacing:0;color:var(--faint);align-items:center;gap:6px;display:flex;position:absolute;top:36px;left:48px}.instant .instant-crumb .pw-back{color:var(--ink);margin-bottom:0}.instant .instant-crumb .instant-no{color:var(--faint);transition:color .15s var(--ease)}.instant .instant-crumb .pw-back:focus-visible,.instant .instant-crumb .pw-back:focus-visible .instant-no{color:var(--gold-ink)}@media (hover:hover){.instant .instant-crumb .pw-back:hover,.instant .instant-crumb .pw-back:hover .instant-no{color:var(--gold-ink)}}.instant-title{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:36px;left:48px}.instant-title h1{font:500 15px / 20px var(--display);letter-spacing:var(--track,-.02em);color:var(--ink)}.instant-title p{font:500 13px / 20px var(--sans,inherit);letter-spacing:var(--track,-.02em);color:var(--faint)}@media (max-width:760px){.instant-crumb{top:22px;left:auto;right:16px}.instant-title{top:20px;bottom:auto;left:16px}.instant-title p{display:none}}.clothesline{z-index:1;height:calc(var(--pw) * 1.216 * var(--pin-scale) + 170px);position:relative}.clothesline-string{pointer-events:none;width:100%;height:200px;position:absolute;top:0;left:0;overflow:visible}.clothesline-string path{fill:none;stroke:var(--rope);stroke-width:1.25px;stroke-linecap:round}.clothesline-spare{z-index:1;pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0}.clothesline-spare .peg{opacity:.9;animation:none;position:absolute;top:-14px;left:0;translate:-50%}.clothesline-note{transform-origin:0 0;font:500 22px / 26px var(--font-hand), cursive;color:var(--faint);white-space:nowrap;position:absolute;top:32px;left:-44px;rotate:-3deg}.cam-spot{justify-content:center;display:flex;position:relative}.cam-spot:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(closest-side,#ffd6aa12,#ffd6aa05 55%,#0000 75%);width:min(956px,100%);height:718px;position:absolute;top:calc(50% + 28px);left:50%;translate:-50% -50%}@media (max-width:640px){.cam-spot:before{background:radial-gradient(234px 194px,#ffd6aa12,#ffd6aa05 55%,#0000 75%);width:100vw;height:388px;top:calc(50% + 7px)}}.cam-drop{inset:-16px calc(50% - var(--cw) / 2 - 16px);z-index:3;pointer-events:none;border:1.5px dashed var(--gold-ink);background:color-mix(in srgb, var(--select) 16%, transparent);font:400 var(--mono-meta) / 18px var(--mono);color:var(--select-ink);opacity:0;transition:opacity .16s var(--ease);border-radius:20px;place-items:end center;display:grid;position:absolute}.cam-drop span{background:var(--surface);border:1px solid var(--gold-ink);border-radius:999px;padding:2px 10px;translate:0 50%}.cam-spot[data-dropping] .cam-drop{opacity:1}.press-hint{z-index:2;pointer-events:none;right:calc(50% + var(--cw) / 2);top:calc(var(--cw) * .41);color:var(--ink);font:500 26px / 26px var(--font-hand), cursive;white-space:nowrap;opacity:0;flex-direction:row-reverse;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute}.press-hint[data-show]{opacity:1}.press-hint svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none}.press-hint svg.press-wide{width:44px;height:26px}.press-hint svg.press-narrow{width:22px;height:30px}.press-hint span{rotate:-5deg}.press-hint .press-narrow{display:none}@media (max-width:640px){.press-hint{right:auto;left:calc(50% - var(--cw) / 2 + 20px);flex-direction:row;align-items:flex-end;gap:6px;font-size:22px;line-height:22px;top:calc(100% + 9px)}.press-hint span{rotate:-4deg}.press-hint .press-wide{display:none}.press-hint .press-narrow{display:inline}}.press-hint[data-show] span{animation:.9s cubic-bezier(.45,.05,.55,.95) .35s backwards hint-write}.press-hint[data-show] path{stroke-dasharray:1;animation:.5s ease-out 1.2s backwards hint-draw}@keyframes hint-write{0%{clip-path:inset(-30% 100% -30% -10%)}to{clip-path:inset(-30% -10%)}}@keyframes hint-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.cam-under{left:50%;bottom:var(--below);z-index:2;flex-direction:column-reverse;align-items:center;display:flex;position:absolute;translate:-50%}.cam-controls{font:400 12px / 16px var(--mono);letter-spacing:.02em;align-items:center;gap:20px;display:flex}.instant .cam-controls button{color:var(--soft);transition:color .15s var(--ease)}.instant .cam-controls button[aria-pressed=true]{color:var(--ink)}.instant .cam-controls button[aria-busy=true]{cursor:progress}@media (hover:hover){.instant .cam-controls button:hover{color:var(--ink)}}@media (pointer:coarse){.instant .cam-controls button{margin:-10px 0;padding:10px 0}}.cam-controls-rule{background:var(--rule-strong);flex:none;width:1px;height:12px}.cam-controls-count{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}.subject-note{font:400 var(--mono-meta) / 18px var(--mono);letter-spacing:0;color:var(--faint);text-align:center;text-wrap:balance;margin-bottom:8px}.subject-note:not(:has(>:not(.instant-sr))){margin-bottom:0}.subject-error{color:var(--gold-ink)}.instant .subject-reload{color:var(--gold-ink);text-underline-offset:3px;text-decoration:underline}.instant-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cam{z-index:1;width:var(--cw);aspect-ratio:1/.78;transform-style:preserve-3d;will-change:transform;flex:none;position:relative}.cam>*{position:absolute}.cam-shell{border-radius:calc(var(--cw) * .1) calc(var(--cw) * .1) calc(var(--cw) * .07) calc(var(--cw) * .07);background:radial-gradient(110% 55% at var(--lx,28%) 0%, #ffffffd9, transparent 60%), radial-gradient(60% 30% at var(--lx,28%) 64%, #ffffff12, transparent 70%), linear-gradient(180deg, #fbfaf7 0%, #efede7 40%, #e0ddd5 61.6%, #2a2b2e 62%, #1e1f22 80%, #141517 100%);inset:0;box-shadow:inset 0 1.5px #fff,inset 0 -2px 3px #0009,inset 2px 0 4px #fff9,inset -3px 0 8px #0000001f,0 1px 2px #0000001f,0 10px 20px -8px #00000038,0 30px 50px -28px #00000061}.cam-shell:before{content:"";border-radius:inherit;background-image:var(--noise);opacity:.09;mix-blend-mode:multiply;position:absolute;inset:0}.cam-shell:after{content:"";background:linear-gradient(#00000059,#ffffff1a);height:2px;position:absolute;top:62%;left:0;right:0}.cam-stripe{height:62%;width:calc(var(--cw) * .13);background:linear-gradient(#ffffff59,#0000 25%,#00000014),linear-gradient(90deg,#df452f 0 20%,#ee8a2a 20% 40%,#f2c43b 40% 60%,#5fad4c 60% 80%,#2f86c9 80%);top:0;left:50%;translate:-50%;box-shadow:inset 0 -1px #0003}.cam-lens{width:calc(var(--cw) * .42);aspect-ratio:1;background:repeating-conic-gradient(#ffffff12 0 1.5deg, transparent 1.5deg 3deg), radial-gradient(circle, #0b0b0c 0 58%, #38383b 59%, #161618 64%, #0e0e0f 72%, #2f2f32 73%, #1a1a1c 92%, #0d0d0e 100%);box-shadow:0 0 0 calc(var(--cw) * .012) #dcd8cf, 0 0 0 calc(var(--cw) * .017) #00000029, 0 6px 14px #00000059, inset 0 2px 2px #ffffff2e, inset 0 -3px 6px #0009;border-radius:50%;top:35%;left:50%;translate:-50% -50%}.cam-lens .glass{background:radial-gradient(circle,#0f1418 0 34%,#05070a 70%,#000 100%);border-radius:50%;position:absolute;inset:24%;overflow:hidden;box-shadow:inset 0 0 0 2px #000,0 0 0 1px #ffffff14}.cam-lens .iris{--r:40%;position:absolute;inset:0}.cam-lens[data-iris] .iris{--r:7%}.cam-lens .blade{transform-origin:50% 100%;width:200%;height:100%;transform:rotate(calc(var(--i) * 51.43deg)) translateY(calc(var(--r) * -1));background:linear-gradient(0deg,#2b2c30 0,#1a1b1e 3%,#101113 40%);transition:transform .17s cubic-bezier(.2,.8,.3,1);position:absolute;bottom:50%;left:-50%;box-shadow:0 1px #ffffff12}.cam-lens[data-iris] .blade{transition:transform 55ms cubic-bezier(.5,0,.9,.5)}.cam-lens .coat{pointer-events:none;background:radial-gradient(circle at calc(33% + var(--gx,0%)) calc(29% + var(--gy,0%)), #ffffffe6 0 2.5%, transparent 8%), linear-gradient(135deg, transparent 22%, #ffffff1a 24% 30%, transparent 32%), radial-gradient(120% 120% at calc(28% + var(--gx,0%)) 22%, #9678ff5c, transparent 45%), radial-gradient(100% 100% at 76% 82%, #3cd2aa42, transparent 50%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 14px #000000d9}.cam-finder{width:calc(var(--cw) * .15);height:calc(var(--cw) * .12);background:#0b0f12;border-radius:6px;top:9%;left:8%;overflow:hidden;box-shadow:inset 0 0 0 2px #1c1d1f,0 1px #ffffffe6}.cam-finder .room{filter:blur(3px);translate:calc(var(--gx,0%) * -3) calc(var(--gy,0%) * -3);background:radial-gradient(30% 40% at 30% 35%,#ffd6a08c,#0000 70%),radial-gradient(35% 30% at 72% 60%,#8cb4dc59,#0000 70%),linear-gradient(#3a4148,#1a1f24);animation:9s ease-in-out infinite alternate finder-drift;position:absolute;inset:-30%}.cam-finder .finder-still{background:50%/contain no-repeat;position:absolute;inset:0}.cam-finder video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0;scale:-1 1}.cam-finder[data-live] video{opacity:.92}.cam-finder:after{content:"";border-radius:inherit;background:linear-gradient(150deg,#ffffff4d,#0000 45%);position:absolute;inset:0;box-shadow:inset 0 2px 5px #000000b3}.cam-flash{width:calc(var(--cw) * .25);height:calc(var(--cw) * .12);background:repeating-linear-gradient(90deg,#ffffff8c 0 2px,#ffffff14 2px 4px),linear-gradient(#edf1f2,#b5bec2);border-radius:6px;top:9%;right:8%;overflow:hidden;box-shadow:inset 0 0 0 2px #2a2b2e,inset 0 2px 4px #0006,0 1px #ffffffe6}.cam-flash .burst{background:radial-gradient(circle,#fff 40%,#fff8e6);animation:.32s ease-out forwards cam-burst;position:absolute;inset:0}.cam-led{right:8%;top:calc(9% + var(--cw) * .15);width:calc(var(--cw) * .022);aspect-ratio:1;background:#2b2f2b;border-radius:50%;transition:background .16s,box-shadow .16s;box-shadow:inset 0 1px 1px #0009,0 1px #fffc}.cam-led[data-state=ready]{background:radial-gradient(circle at 40% 35%,#b9ffb0,#3fd34a 60%);box-shadow:0 0 6px 1px #3fd34a99,0 1px #fffc}.cam-led[data-state=busy]{background:radial-gradient(circle at 40% 35%,#ffe2a8,#ff9d1c 60%);animation:.18s steps(2,jump-none) infinite led-blink;box-shadow:0 0 6px 1px #ff9d1c99,0 1px #fffc}.cam-led[data-state=wait]{background:radial-gradient(circle at 40% 35%,#ffe2a8,#ff9d1c 60%);box-shadow:0 0 6px 1px #ff9d1c99,0 1px #fffc}.instant .cam-shutter{width:calc(var(--cw) * .12);aspect-ratio:1;cursor:pointer;box-shadow:0 0 0 calc(var(--cw) * .012) #dcd8cf, 0 0 0 calc(var(--cw) * .017) #00000026, 0 3px 4px #00000059, inset 0 2px 2px #ffffff73, inset 0 -3px 4px #0000004d;touch-action:manipulation;background:radial-gradient(circle at 40% 35%,#ff7c5e,#e2391e 55%,#a5230e 100%);border:0;border-radius:50%;transition:translate 70ms,box-shadow 70ms,filter 70ms;top:44%;left:10%}.instant .cam-shutter:is(:active:not([aria-disabled=true]),[data-pressed]){filter:brightness(.92);box-shadow:0 0 0 calc(var(--cw) * .012) #dcd8cf, 0 0 0 calc(var(--cw) * .017) #00000026, 0 1px 1px #00000059, inset 0 2px 4px #00000047;translate:0 2px}.instant .cam-shutter[aria-disabled=true]{cursor:default}.instant .cam-shutter:focus-visible{outline:2px solid var(--ink);outline-offset:calc(var(--cw) * .03)}.cam[data-fresh] .cam-shutter:after{content:"";inset:calc(var(--cw) * -.017);pointer-events:none;border:2px solid #e2391e8c;border-radius:50%;animation:2s cubic-bezier(.2,.7,.3,1) infinite shutter-pulse;position:absolute}.cam-count{width:calc(var(--cw) * .075);height:calc(var(--cw) * .065);font:500 calc(var(--cw) * .042) / 1 var(--font-jetbrains,ui-monospace, monospace);color:#ff8d2b;text-shadow:0 0 5px #ff8d2ba6;background:#070707;border-radius:3px;place-items:center;display:grid;top:71%;left:9%;box-shadow:inset 0 1px 3px #000,0 1px #ffffff14}.cam-mark{height:calc(var(--cw) * .065);letter-spacing:.24em;text-transform:uppercase;color:#3c3d41;text-shadow:0 -1px #000000b3,0 1px #ffffff12;place-items:center;font-size:10px;display:grid;top:71%;right:9%}.cam-slot{height:calc(var(--cw) * .022);background:#020202;border-radius:3px;top:86%;left:14%;right:14%;box-shadow:inset 0 2px 3px #000,0 1px #ffffff24,0 -1px #0009}.print{--lift:0;z-index:2;width:var(--pw);aspect-ratio:88/107;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;box-shadow:inset 0 .5px 0 #ffffffe6, 0 calc(1px + var(--lift) * 4px) calc(1px + var(--lift) * 6px) rgba(0, 0, 0, calc(.16 - var(--lift) * .06)), 0 calc(4px + var(--lift) * 16px) calc(10px + var(--lift) * 22px) calc(-4px - var(--lift) * 6px) #00000040, 0 calc(14px + var(--lift) * 34px) calc(24px + var(--lift) * 40px) calc(-16px - var(--lift) * 10px) rgba(0, 0, 0, calc(.32 + var(--lift) * .08));background:linear-gradient(168deg,#fcfbf8,#eeebe3),#f4f2ec;border-radius:2px;position:absolute;top:0;left:0}.print:before{content:"";border-radius:inherit;pointer-events:none;background-image:var(--noise);opacity:.12;mix-blend-mode:multiply;position:absolute;inset:0}.print[data-lifted]{cursor:grabbing}.print:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.print-img{aspect-ratio:1;background:#1d2626;position:absolute;top:6.2%;left:5.1%;right:5.1%;overflow:hidden}.print-img>*{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.print-img .sheen{background:linear-gradient(115deg, transparent 35%, #ffffff3d 48%, transparent 62%) calc(50% + var(--gloss,0) * 4%) 0 / 300% 100%, var(--noise);background-blend-mode:normal, overlay;mix-blend-mode:soft-light;box-shadow:inset 0 0 0 1px #00000038,inset 0 1px 4px #00000059}.slot-shade{left:0;right:0;top:var(--cut,0);pointer-events:none;height:26px;opacity:var(--shade,0);background:linear-gradient(#0006,#0000001f 40%,#0000);position:absolute}.peg{width:calc(10px / var(--size,1));height:calc(34px / var(--size,1));translate:-50% calc(-10px / var(--size,1));border-radius:calc(2px / var(--size,1));pointer-events:none;box-shadow:calc(1px / var(--size,1)) calc(2px / var(--size,1)) calc(2px / var(--size,1)) #0003;animation:peg-in .26s var(--ease);background:linear-gradient(90deg,#d8bb8c,#c19c66);position:absolute;top:0;left:50%}.print-caption{text-align:center;color:#2a2f4d;height:15%;font:500 calc(var(--pw) * .12) / 1 var(--font-hand), cursive;cursor:text;background:0 0;border:0;border-radius:3px;outline:none;padding:0;position:absolute;bottom:4%;left:7%;right:7%}.print-caption::placeholder{color:#0000;transition:color .2s}.print:is(:hover,.is-active) .print-caption::placeholder{color:#2a2f4d47}.print-caption:focus-visible{background:#2a2f4d0d}.instant .print-save{--b:calc(1px / var(--size,1));top:calc(-12 * var(--b));right:calc(-12 * var(--b));width:calc(28 * var(--b));height:calc(28 * var(--b));cursor:pointer;color:var(--ink);background:var(--bg);border:1px solid var(--line);opacity:0;border-radius:50%;place-items:center;padding:0;transition:opacity .16s,scale .16s;display:grid;position:absolute;scale:.8;box-shadow:0 2px 6px #0000001f}.instant .print-save svg{width:calc(14 * var(--b));height:calc(14 * var(--b))}.print:is(:hover,.is-active) .print-save,.instant .print-save:focus-visible{opacity:1;scale:1}@media (pointer:coarse){.instant .print-save{width:calc(36 * var(--b));height:calc(36 * var(--b));top:calc(-16 * var(--b));right:calc(-16 * var(--b))}}.instant-hint{z-index:40;pointer-events:none;opacity:0;color:var(--ink);font:500 26px / 1 var(--font-hand), cursive;white-space:nowrap;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.instant-hint[data-side=left]{flex-direction:row-reverse;translate:-100%}.instant-hint[data-side=left] .hint-arrow{scale:-1 1}.instant-hint[data-side=below]{translate:-50%}.instant-hint[data-side=below] .hint-arrow{rotate:60deg}.hint-arrow{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:44px;height:26px}.instant-hint span{display:none;rotate:-5deg}.instant-hint[data-mode=pull] .pull,.instant-hint[data-mode=shake] .shake{display:inline}.instant-hint[data-mode=shake] .shake{animation:1.2s ease-in-out infinite hint-shake}html:has(.instant-stage){overflow-x:clip}.print{transition:opacity .22s}.print-menu{z-index:60;background:var(--surface);border:1px solid var(--rule-strong);width:176px;animation:menu-in .12s var(--ease);border-radius:10px;flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed;box-shadow:0 1px 2px #0000000f,0 12px 32px -12px #00000047}.instant .print-menu button{text-align:left;width:100%;font:400 13px / 20px var(--sans,inherit);color:var(--ink);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;display:flex}.instant .print-menu button:is(:hover,:focus-visible){background:var(--chip-hover,#7f7f7f1f);outline:none}.instant .print-menu .print-menu-delete{color:#c4321f}:root[data-theme=dark] .instant .print-menu .print-menu-delete{color:#ff7a66}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .instant .print-menu .print-menu-delete{color:#ff7a66}}.print-menu kbd{font:400 var(--mono-meta) / 18px var(--mono);color:var(--faint)}.flash-room{z-index:50;pointer-events:none;background:#fff;animation:.52s ease-out forwards room-flash;position:fixed;inset:0}@keyframes cam-burst{0%{opacity:1}to{opacity:0}}@keyframes room-flash{0%{opacity:.8}to{opacity:0}}@keyframes room-flash-soft{0%{opacity:.15}to{opacity:0}}@keyframes led-blink{50%{opacity:.35}}@keyframes shutter-pulse{0%{opacity:.9;scale:1}to{opacity:0;scale:1.45}}@keyframes peg-in{0%{opacity:0;translate:-50% -120%}}@keyframes menu-in{0%{opacity:0;scale:.97}}@keyframes finder-drift{to{transform:translate(6%,-4%)}}@keyframes hint-shake{0%,60%,to{rotate:-4deg}70%{rotate:4deg}80%{rotate:-8deg}90%{rotate:3deg}}@media (prefers-reduced-motion:reduce){.press-hint{transition:none}.press-hint[data-show] span,.press-hint[data-show] path,.peg,.print-menu{animation:none}.print{transition:none}.flash-room{animation-name:room-flash-soft;animation-duration:.3s}.cam[data-fresh] .cam-shutter:after,.cam-finder .room,.instant-hint .shake,.cam-led[data-state=busy]{animation:none}}.pw:has(main>.instant){padding-bottom:0}