@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=Hahmlet:wght@500;600;700;800&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap";
:root{--navy:#001c54;--navy-deep:#00123a;--navy-lift:#14357a;--teal:#44c1c4;--paper:#f4f7fb;--sky:#a9c0ea;--signal:#ff5a1f;--ink-soft:#4a5e8a;--read:15cqh;--empty:15cqh;--gutter:8cqw;--display:"Hahmlet", "Noto Serif KR", serif;--text:"IBM Plex Sans KR", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--print:"Pretendard", "IBM Plex Sans KR", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;font-family:var(--text);color:var(--paper);background:var(--navy-deep);font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:focus-visible{outline:.5cqw solid var(--paper);outline-offset:.8cqw}h1,h2,p,ol{word-break:keep-all;margin:0;padding:0;list-style:none}.app-frame{background:var(--navy-deep);place-items:center;width:100%;height:100%;display:grid}.kiosk{isolation:isolate;background:var(--navy);--light:0;--veil:.86;--tilt:7deg;width:min(100vw,56.25vh);height:min(100vh,177.777vw);position:relative;overflow:hidden;container-type:size}.step-idle{--veil:.76;--tilt:-7deg}.step-code{--light:.2;--veil:.92}.step-logo,.step-name{--light:.24;--veil:.92}.step-plan{--light:.3;--veil:.9}.step-camera,.step-review{--light:.35}.step-generating{--light:.5}.step-generating,.step-complete{--sky:#dfe9fb;--navy-lift:#0b2a6b}.step-complete{--light:1;--veil:.8}.backdrop{z-index:0;background:var(--navy-deep);position:absolute;inset:0;overflow:hidden}.wall-view{transform-origin:50% var(--card-y);transition:scale 1.1s cubic-bezier(.5,0,.3,1);position:absolute;inset:0}.kiosk{--zoom:2.1;--card-y:46.2cqh;--photo-top:calc(var(--card-y) - 15cqh - 56.31cqw + 10cqw);--photo-bottom:calc(70cqh - var(--photo-top) - 78cqw)}.developing{--tilt:0deg}.developing .wall-view{scale:var(--zoom);transition:scale 1.5s cubic-bezier(.16,1,.3,1)}.developing .wall{transition:rotate 1.5s cubic-bezier(.16,1,.3,1)}.wall-col:nth-child(2){transition:opacity .5s}.developing .wall-col:nth-child(2){opacity:0}.wall{translate:-50%;rotate:var(--tilt);transform-origin:50% 75cqh;gap:4cqw;transition:rotate 1.7s cubic-bezier(.65,0,.35,1);display:flex;position:absolute;top:-25cqh;left:50%}.wall-col{animation:wall calc(110s * var(--cards,13) / 13) linear infinite;flex-direction:column;display:flex}.wall-col:nth-child(2){animation-duration:calc(140s * var(--cards,13) / 13);animation-direction:reverse}.wall-col:nth-child(3){animation-duration:calc(95s * var(--cards,13) / 13)}.wall .photocard{--w:36cqw;box-shadow:none;margin-bottom:4cqw}.develop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.develop-col{--w:calc(36cqw * var(--zoom));left:calc(50% - var(--w) / 2);top:var(--card-y);gap:calc(4cqw * var(--zoom));translate:0 -50%;scale:calc(1 / var(--zoom));opacity:0;flex-direction:column;transition:scale 1.1s cubic-bezier(.5,0,.3,1),rotate 1.1s cubic-bezier(.5,0,.3,1),opacity .5s .3s;display:flex;position:absolute;rotate:7deg}.develop.on .develop-col{opacity:1;transition:scale 1.5s cubic-bezier(.16,1,.3,1),rotate 1.5s cubic-bezier(.16,1,.3,1),opacity .35s;rotate:0deg;scale:1}.develop-col .photocard{box-shadow:none}.develop-card>img{position:absolute;inset:0}.develop-soft{filter:blur(4cqw)saturate(.5)brightness(.6);scale:1.12}.develop-result{clip-path:inset(100% 0 0);transition:clip-path 1s cubic-bezier(.7,0,.2,1)}.develop.done .develop-result{clip-path:inset(0)}.develop-scan{background:linear-gradient(#ff783c8c,#ff5a1f00);border-top:.6cqw solid #ffd2bd;height:14cqw;transition:opacity .4s;animation:3.2s ease-in-out infinite alternate scan;position:absolute;top:0;left:0;right:0;box-shadow:0 -1cqw 5cqw #ff5a1fe6}.develop.done .develop-scan{opacity:0}.poster{color:#fff;font-family:var(--print);text-shadow:0 0 calc(var(--w) * .0116) #001b54b3;background:linear-gradient(#001b5475 0%,#001b5466 1.7%,#001b5458 3.3%,#001b544a 5%,#001b543c 6.7%,#001b5430 8.4%,#001b5424 10%,#001b5418 11.7%,#001b540f 13.4%,#001b5406 15%,#001b5400 16.7% 59.9%,#001b5406 63.9%,#001b5411 67.9%,#001b541f 71.9%,#001b5430 75.9%,#001b5444 79.9%,#001b5459 84%,#001b5470 88%,#001b5489 92%,#001b54a3 96%,#001b54bf 100%);position:absolute;inset:0}.poster-unist{width:23.8%;filter:drop-shadow(0 0 calc(var(--w) * .006) #001b54b3);position:absolute;top:3.4%;left:4.9%}.poster-foundry{font-size:calc(var(--w) * .0216);letter-spacing:.19em;font-weight:700;position:absolute;top:4.4%;right:4.9%}.poster-foot{position:absolute;bottom:3.3%;left:4.9%;right:4.9%}.poster-row{align-items:flex-end;gap:calc(var(--w) * .03);display:flex}.poster-copy{flex:1;min-width:0}.poster-qr{width:calc(var(--w) * .13);aspect-ratio:1;border-radius:calc(var(--w) * .012);fill:#001b54;background:#fff;flex:none}.poster-copy>i{width:calc(var(--w) * .0614);height:calc(var(--w) * .0066);background:var(--teal);display:block}.poster-foot p{margin-top:calc(var(--w) * .02);align-items:baseline;gap:calc(var(--w) * .0216);white-space:nowrap;display:flex}.poster-foot b{font-size:calc(var(--w) * .1029);letter-spacing:.016em;font-weight:800;line-height:1.1}.poster-foot em{font-style:normal;font-size:calc(var(--w) * .0332);color:var(--teal);font-weight:700}.poster-copy>span{margin-top:calc(var(--w) * .008);font-size:calc(var(--w) * .0299);font-weight:500;display:block}.poster-foot small{margin-top:calc(var(--w) * .03);font-size:calc(var(--w) * .0207);justify-content:space-between;align-items:center;font-weight:500;display:flex}.poster-foot small>span{opacity:.78}.poster-foot small img{width:calc(var(--w) * .147);filter:brightness(0) invert(1) drop-shadow(0 0 calc(var(--w) * .006) #001b54b3)}.poster-foot :is(i,b,em,span,small){opacity:0;transition:opacity .5s,translate .5s cubic-bezier(.2,1.4,.4,1);translate:0 40%}.poster-foot .in{opacity:1;translate:0}.poster-copy>span.in{opacity:.94}.developing{--veil:1;--light:.25}.developing .beam-track{right:-1.5cqw}.developing .beam-star{width:7cqw;top:4cqw;right:-3.5cqw}.developing .beam-marks{right:2.5cqw}.developing .backdrop-veil{background:linear-gradient(#00123ad1 11%,#001c5457 22% 84%,#00123acc)}.backdrop-veil{background:linear-gradient(var(--navy-deep), var(--navy) 45%, var(--navy-deep));opacity:var(--veil);transition:opacity 2.4s ease-in-out;position:absolute;inset:0}.daylight{mix-blend-mode:screen;opacity:var(--light);background:linear-gradient(#4880ee29,#8cb4fa57 45%,#f6a09680 78%,#ffa05a80);transition:opacity 2.4s ease-in-out;position:absolute;inset:0}.brand-header{z-index:3;top:0;left:var(--gutter);right:var(--gutter);height:var(--read);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.unist-logo{width:24cqw;height:auto}.product-name,.steps{color:var(--sky);font-size:2.6cqw;font-weight:500}.steps{align-items:center;gap:2.4cqw;display:flex}.steps ol{gap:.8cqw;display:flex}.steps li{background:var(--navy-lift);width:4cqw;height:.7cqw}.steps li.done{background:var(--sky)}.steps li.now{background:var(--signal)}.steps b{color:var(--paper);font-weight:700}.screen{z-index:2;top:var(--read);bottom:var(--empty);padding:0 var(--gutter);flex-direction:column;display:flex;position:absolute;left:0;right:0}.screen>:not(.camera-stage,.idle-hit){animation:.7s cubic-bezier(.22,1,.36,1) both rise}.screen>:nth-child(2){animation-delay:80ms}.screen>:nth-child(3){animation-delay:.16s}.screen>:nth-child(4){animation-delay:.24s}.screen>:nth-child(5){animation-delay:.32s}.screen>:nth-child(6){animation-delay:.4s}.screen h1,.screen h2{font-family:var(--display);letter-spacing:-.035em;font-weight:700;line-height:1.18}.screen h2{margin-top:2cqw;font-size:6.2cqw}.screen>h2:first-child{margin-top:5cqw;font-size:7.2cqw}.screen>p{text-wrap:balance;color:var(--sky);margin-top:1.6cqw;font-size:2.9cqw;line-height:1.55}.back{height:7cqw;color:var(--paper);background:#00123a8c;border:.3cqw solid #f4f7fb73;border-radius:1.6cqw;flex:none;align-self:flex-start;align-items:center;gap:1.2cqw;margin-top:1cqw;padding:0 3.2cqw 0 2.2cqw;font-size:2.7cqw;font-weight:500;display:inline-flex}.back svg{width:3.4cqw;height:3.4cqw}.back:active{background:var(--paper);color:var(--navy)}.primary,.secondary{border-radius:1.6cqw;flex:none;justify-content:center;align-items:center;gap:2cqw;width:100%;height:11cqw;margin-top:2.4cqw;font-size:3.5cqw;font-weight:700;display:flex}.primary{background:var(--signal);color:var(--navy-deep);transition:background .2s,color .2s,scale .15s;position:relative;overflow:hidden}.primary:not(:disabled):after,.cta:after,.photocard.sheen:after{content:"";pointer-events:none;background:linear-gradient(100deg,#fff0,#ffffff80,#fff0);width:45%;animation:3.6s ease-in-out infinite sheen;position:absolute;top:0;bottom:0;left:0;translate:-120%}.primary:active,.secondary:active,.back:active,.keypad button:active{scale:.97}.primary:active{background:var(--paper)}.primary:disabled{background:var(--navy-lift);color:var(--sky);opacity:.6;cursor:not-allowed}.primary svg,.secondary svg{width:4cqw;height:4cqw}.secondary{border:.3cqw solid var(--paper);background:#00123a80;margin-top:auto}.secondary:active{background:var(--paper);color:var(--navy)}.dock{z-index:3;height:var(--empty);pointer-events:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.brand-footer{left:var(--gutter);right:var(--gutter);color:var(--sky);justify-content:space-between;align-items:flex-end;font-size:2cqw;display:flex;position:absolute;bottom:4cqw}.powered{align-items:center;gap:2cqw;display:flex}.powered img{filter:brightness(0)invert();width:17cqw}.photocard{width:var(--w);aspect-ratio:1205/1795;background:var(--navy-deep);border-radius:calc(var(--w) * .022);box-shadow:0 calc(var(--w) * .05) calc(var(--w) * .14) #00081e8c;flex:none;position:relative;overflow:hidden}.photocard>img{object-fit:cover;width:100%;height:100%;display:block}.screen-idle h1{margin-top:2cqw;font-size:9.6cqw;line-height:1.16}.h1-line{display:block}.h1-line>span{animation:.9s cubic-bezier(.16,1,.3,1) both line-up;display:inline-block}.h1-line:first-child>span{animation-delay:.15s}.h1-line:nth-child(2)>span{animation-delay:.3s}.h1-line:nth-child(3)>span{animation-delay:.45s}.h1-line>.h1-strip{background:var(--paper);color:var(--navy);white-space:pre;transform-origin:0 60%;border-radius:.05em;align-items:center;margin:.1em 0 .1em -.2em;padding:.04em .2em .08em;animation:.9s cubic-bezier(.16,1,.3,1) both line-up,3s infinite knock;display:inline-flex;rotate:-1.5deg;box-shadow:0 .12em .4em #00081e80}.h1-line:nth-child(2)>.h1-strip{animation-delay:.3s,3.3s}.h1-strip svg{width:.62em;fill:var(--signal);margin-left:.16em;animation:9s linear infinite spin}.h1-ticker{display:inline-grid;overflow:hidden}.h1-ticker b{font-weight:inherit;grid-area:1/1;animation:9s cubic-bezier(.6,0,1,.7) infinite both tick}.h1-ticker b:nth-child(2){animation-delay:3s}.h1-ticker b:nth-child(3){animation-delay:6s}.idle-lede span{white-space:pre;animation:.5s cubic-bezier(.22,1,.36,1) both word-in;display:inline-block}.screen-idle .idle-lede{width:31cqw;margin-top:6cqw;font-size:3cqw;line-height:1.65}.screen>.idle-card{--w:46cqw;animation:.9s cubic-bezier(.22,1,.36,1) .3s both rise,5.5s ease-in-out 1.2s infinite float;position:absolute;top:37cqw;right:6cqw;transform:rotate(3deg)}.idle-card img{position:absolute;inset:0}.idle-card img+img{animation:3.6s ease-in-out both sheen-wipe}.screen>.cta{left:var(--gutter);background:var(--signal);height:12cqw;color:var(--navy-deep);border-radius:1.6cqw;align-items:center;gap:2.4cqw;padding:0 5cqw 0 4cqw;font-size:3.7cqw;font-weight:700;animation:.7s cubic-bezier(.22,1,.36,1) .5s both rise,2.4s ease-in-out 1.4s infinite nudge;display:flex;position:absolute;bottom:3cqw;overflow:hidden;box-shadow:0 2cqw 5cqw #00081e80}.cta i{background:var(--navy-deep);border-radius:50%;width:2cqw;height:2cqw;animation:1.8s ease-out infinite tap}.idle-hit{left:0;right:0;top:calc(var(--read) * -1);bottom:calc(var(--empty) * -1);position:absolute}.idle-hit:focus-visible{outline-offset:-2cqw}.slots{flex:none;grid-template-columns:repeat(4,1fr);gap:4cqw;margin-top:4cqw;padding:0 4cqw;display:grid}.slots span{height:17cqw;font:700 11cqw / 1 var(--display);border-bottom:.7cqw solid #f4f7fb66;place-items:center;display:grid}.slots span.filled{border-color:var(--paper);animation:.32s cubic-bezier(.2,1.8,.4,1) pop}.slots span.next{border-color:var(--signal);animation:1.1s ease-in-out infinite blink}.keypad{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:1.6cqw;min-height:0;margin-top:3.4cqw;display:grid}.keypad button{background:var(--paper);color:var(--navy);font:700 5.4cqw / 1 var(--display);border-radius:1.6cqw;place-items:center;transition:background .12s,scale .12s;display:grid;box-shadow:0 1cqw 2.4cqw #00081e66}.keypad button:active{background:var(--sky)}.keypad .key-util{box-shadow:none;font:500 2.7cqw / 1 var(--text);color:var(--paper);background:#00123a99;border:.3cqw solid #f4f7fb73}.keypad .key-util:active{background:var(--paper);color:var(--navy)}.keypad svg{width:4.6cqw;height:4.6cqw}.camera-stage{left:0;right:0;top:calc(var(--read) * -1);bottom:calc(var(--empty) * -1);background:var(--navy-deep);position:absolute;overflow:hidden}.camera-stage video,.camera-stage img{object-fit:cover;width:100%;height:100%}.camera-stage video{opacity:0;transition:opacity .4s;transform:scaleX(-1)}.camera-stage video.ready{opacity:1}.camera-stage:after{content:"";pointer-events:none;background:linear-gradient(#00123ac7,#00123a00 34% 68%,#00123ab3);position:absolute;inset:0}.camera-fallback{color:var(--sky);text-align:center;flex-direction:column;align-items:center;gap:1cqw;display:flex;position:absolute;top:62%;left:0;right:0}.camera-fallback svg{width:7cqw;height:7cqw;margin-bottom:1cqw}.camera-fallback b{color:var(--paper);font-size:3.4cqw}.camera-fallback span{font-size:2.6cqw}.finder{pointer-events:none;color:var(--paper);font:600 2.5cqw / 1 var(--text);letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 .2cqw 1.2cqw #00081ee6;position:absolute;inset:0}.finder-grid{opacity:.16;background:linear-gradient(90deg,#0000 calc(33.33% - .1cqw),currentColor 0 calc(33.33% + .1cqw),#0000 0 calc(66.66% - .1cqw),currentColor 0 calc(66.66% + .1cqw),#0000 0),linear-gradient(#0000 calc(33.33% - .1cqw),currentColor 0 calc(33.33% + .1cqw),#0000 0 calc(66.66% - .1cqw),currentColor 0 calc(66.66% + .1cqw),#0000 0);position:absolute;inset:0}.finder-frame,.finder-focus{--c:7cqw;-webkit-mask:linear-gradient(#000 0 0) 0 0 / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 100% 0 / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 0 100% / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 100% 100% / var(--c) var(--c) no-repeat;-webkit-mask:linear-gradient(#000 0 0) 0 0 / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 100% 0 / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 0 100% / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 100% 100% / var(--c) var(--c) no-repeat;mask:linear-gradient(#000 0 0) 0 0 / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 100% 0 / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 0 100% / var(--c) var(--c) no-repeat, linear-gradient(#000 0 0) 100% 100% / var(--c) var(--c) no-repeat;border:.45cqw solid;position:absolute}.finder-frame{inset:calc(var(--read) - 1.6cqw) 3.4cqw calc(var(--empty) - 1.6cqw);opacity:.85}.finder-focus{--c:5cqw;border-radius:1.6cqw;width:50%;height:27%;transition:color .25s,scale .35s cubic-bezier(.2,1.6,.4,1);animation:2.8s ease-in-out infinite breathe;top:31%;left:25%}.finder-cross{background:linear-gradient(currentColor 0 0) 50%/100% .35cqw no-repeat,linear-gradient(currentColor 0 0) 50%/.35cqw 100% no-repeat;width:3cqw;height:3cqw;margin:-1.5cqw;position:absolute;top:44.5%;left:50%}.finder.locked .finder-focus{color:var(--signal);animation:none;scale:.94}.finder.locked .finder-cross{color:var(--signal)}.finder-top{right:var(--gutter);top:calc(var(--read) + 1cqw);align-items:center;gap:3cqw;height:7cqw;display:flex;position:absolute}.finder-live{align-items:center;gap:1.2cqw;display:flex}.finder-live:before{content:"";aspect-ratio:1;background:var(--signal);border-radius:50%;width:1.8cqw;animation:1.4s ease-in-out infinite blink}.finder-battery{background:linear-gradient(currentColor 0 0) .4cqw/68% 1.1cqw no-repeat;border:.35cqw solid;border-radius:.5cqw;width:5.4cqw;height:2.6cqw;position:relative}.finder-battery:after{content:"";background:currentColor;width:.6cqw;height:1.1cqw;margin:-.55cqw 0 0 .3cqw;position:absolute;top:50%;left:100%}.finder-data{bottom:calc(var(--empty) + 13cqw);gap:2cqw;font-size:3.2cqw;display:grid;position:absolute}.finder-data b{font-weight:600}.finder-left{left:var(--gutter)}.finder-right{right:var(--gutter);text-align:right}.finder-right b:last-child{color:var(--signal)}.finder-scale{left:30%;right:30%;bottom:calc(var(--empty) - 6cqw);opacity:.8;background:repeating-linear-gradient(90deg,currentColor 0 .3cqw,#0000 0 calc(10% - .03cqw)) 0 100%/100.8% 1cqw no-repeat,linear-gradient(currentColor 0 0) 50% 0/.3cqw 100% no-repeat;height:2cqw;position:absolute}.finder-scale i{border:.9cqw solid #0000;border-top-color:var(--signal);margin-left:-.9cqw;animation:3.4s ease-in-out infinite meter;position:absolute;top:-2.2cqw;left:50%}.countdown{z-index:1;font:800 56cqw / 1 var(--display);text-shadow:0 1cqw 8cqw #00081eb3;place-items:center;display:grid;position:absolute;inset:0}.flash{z-index:2;background:#fff;animation:.5s ease-out forwards flash;position:absolute;inset:0}.screen-camera .back,.screen-camera h2,.screen-review h2,.shutter{z-index:1;position:relative}.screen-review h2{margin-top:5cqw;font-size:7.2cqw}.screen-camera h2,.screen-review h2{text-shadow:0 .4cqw 3cqw #00081ecc}.review-actions{z-index:1;grid-template-columns:1fr 1.5fr;gap:2cqw;margin-top:auto;padding-bottom:2cqw;display:grid;position:relative}.review-actions button{height:13cqw;margin-top:0}.shutter{text-shadow:0 .4cqw 2cqw #00081ecc;flex-direction:column;align-items:center;gap:2.8cqw;margin:auto auto 2cqw;font-size:3.2cqw;font-weight:700;display:flex}.shutter i{aspect-ratio:1;background:var(--signal);width:18cqw;color:var(--navy-deep);box-shadow:0 0 0 1.2cqw #00123a99, 0 0 0 1.8cqw var(--paper);border-radius:50%;place-items:center;display:grid}.shutter:not(:disabled) i{animation:2s ease-out infinite ring}.shutter svg{width:7.4cqw;height:7.4cqw}.shutter:active i{background:var(--paper)}.shutter:disabled{opacity:0;transition:opacity .3s}.screen>.caption{background:#000e2ecc;border-radius:1.6cqw;flex:none;height:30cqw;margin-top:3cqw;padding:0 4cqw 3.2cqw 10.4cqw;position:relative;overflow:hidden;box-shadow:0 1.5cqw 4cqw #00081e59}.caption svg{width:4.6cqw;height:4.6cqw;color:var(--signal);position:absolute;bottom:3.9cqw;left:3.6cqw}.caption-lines{flex-direction:column;justify-content:flex-end;gap:1.8cqw;height:100%;display:flex;-webkit-mask-image:linear-gradient(#0000 4%,#000 42%);mask-image:linear-gradient(#0000 4%,#000 42%)}.caption-lines p{color:var(--sky);opacity:.75;text-wrap:pretty;flex:none;font-size:3cqw;line-height:1.45;transition:font-size .4s,opacity .4s,color .4s}.caption-lines p.now{color:#fff;opacity:1;font-size:3.8cqw;font-weight:600;line-height:1.45;animation:.45s cubic-bezier(.22,1,.36,1) both rise}.caption p span{opacity:0}.developing .screen-generating h2{margin:calc(var(--photo-top) + 1cqw) 0 0 7.8cqw;text-shadow:0 .4cqw 3cqw #00081ecc;font-size:5.6cqw}.developing .screen>.caption{height:auto;min-height:0;margin:3cqw 7cqw calc(var(--photo-bottom) + 1cqw);box-shadow:none;text-shadow:0 .3cqw 2cqw #00081ee6;background:0 0;border-radius:0;flex:1;padding:0 0 0 .8cqw;transition:opacity .5s}.developing .screen>.caption.finished{opacity:0}.developing .caption svg{display:none}.developing .caption-lines{justify-content:flex-start;gap:1.1cqw;overflow:hidden;-webkit-mask-image:none;mask-image:none}.developing .caption-lines p{opacity:.8;font-size:2.8cqw;line-height:1.4;position:relative}.developing .caption-lines p.now{opacity:1;font-size:2.8cqw;line-height:1.4}.developing .caption-lines p.now:before{content:"";aspect-ratio:1;background:var(--signal);border-radius:50%;width:1.7cqw;animation:1.2s ease-in-out infinite blink;position:absolute;top:1.1cqw;left:-2.9cqw}.developing .gen-body{left:var(--gutter);right:var(--gutter);top:var(--photo-top);bottom:var(--photo-bottom);pointer-events:none;margin:0;padding:0;position:absolute}.developing .gen-readout{position:absolute;top:calc(100% + 18.1cqw);left:0}.developing .beam{grid-column:2;margin:17cqw 0 -24.6cqw}.developing .gen-num{text-shadow:0 .6cqw 3cqw #00081eb3;font-size:30cqw}.developing .gen-num small{font-size:8cqw}.developing .gen-readout span{display:none}.developing .beam-marks li{gap:0;font-size:0}.mute{z-index:1;top:1.6cqw;right:var(--gutter);aspect-ratio:1;width:9cqw;color:var(--paper);background:#00123a8c;border:.3cqw solid #f4f7fb73;border-radius:50%;place-items:center;transition:background .2s,color .2s,scale .15s;display:grid;position:absolute}.mute svg{width:4.4cqw;height:4.4cqw}.mute:active{scale:.94}.mute[aria-pressed=true]{background:var(--paper);color:var(--navy)}.developing .mute{top:calc(var(--photo-top) + .6cqw);width:8cqw;right:15.6cqw}.gen-readout{transition:opacity .4s}.screen>.gen-next{animation:.6s cubic-bezier(.22,1,.36,1) both rise}.developing .screen>.gen-next{left:var(--gutter);right:var(--gutter);width:auto;top:calc(70cqh - var(--photo-bottom) + 24.6cqw + 1cqw);margin:0;position:absolute}.developing .screen-generating:has(.gen-next) .gen-readout{opacity:0}.developing .screen-generating>.print-note{color:var(--paper);text-shadow:0 .3cqw 2cqw #00081ee6;margin:1.4cqw 7.8cqw 0}.gen-body{flex:1;grid-template-columns:minmax(0,1fr) 32cqw;gap:2cqw;min-height:0;margin-top:4cqw;padding-bottom:2cqw;display:grid}.gen-readout{align-self:end}.gen-num{white-space:nowrap;font:800 23cqw / .9 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.gen-num small{letter-spacing:0;color:var(--sky);margin-left:.6cqw;font-size:6.4cqw}.gen-readout span{color:var(--sky);margin-top:3.4cqw;font-size:3cqw;display:block}.beam{position:relative}.beam-star{width:11cqw;fill:var(--navy-lift);transition:fill .3s,transform .5s cubic-bezier(.2,1.6,.4,1);position:absolute;top:0;right:0}.beam-star:not(.lit){animation:14s linear infinite spin}.beam-star.lit{fill:var(--signal);animation:1s ease-out flare;transform:scale(1.3)rotate(22.5deg)}.beam-track{background:var(--navy-lift);width:3cqw;position:absolute;top:14cqw;bottom:0;right:4cqw;overflow:hidden}.beam-track i{background:var(--paper);transition:height .4s ease-out;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.beam-track i:after{content:"";background:linear-gradient(#ff5a1f00,#ff5a1fe6,#ff5a1f00);height:12cqw;animation:1.8s linear infinite climb;position:absolute;left:0;right:0}.beam-marks{position:absolute;inset:14cqw 9cqw 0 0}.beam-marks li{white-space:nowrap;color:var(--sky);opacity:.45;align-items:center;gap:1.6cqw;font-size:2.9cqw;font-weight:500;transition:opacity .3s,color .3s;display:flex;position:absolute;right:0;transform:translateY(50%)}.beam-marks li:after{content:"";background:currentColor;width:2.4cqw;height:.4cqw}.beam-marks li.done{color:var(--paper);opacity:1;animation:.4s cubic-bezier(.2,1.8,.4,1) pop}.caption svg{animation:1.2s ease-in-out infinite breathe}.screen>.result-card{--w:50cqw;align-self:center;margin-top:5cqw;animation:.9s cubic-bezier(.2,1.4,.4,1) .2s both rise,6s ease-in-out 1.4s infinite float;rotate:-2deg}@keyframes line-up{0%{clip-path:inset(0 0 100%);translate:0 70%}to{clip-path:inset(-30%);translate:0}}@keyframes knock{0%,24%,to{rotate:-1.5deg}3%{rotate:-.5deg}9%{rotate:-1.9deg}15%{rotate:-1.25deg}20%{rotate:-1.58deg}}@keyframes tick{0%{opacity:0;translate:0 -100%}1%{opacity:1}3.5%,33%{opacity:1;translate:0}36.5%,to{opacity:0;translate:0 100%}}@keyframes word-in{0%{opacity:0;translate:0 .6em}}@keyframes scan{0%{top:96%}to{top:0%}}@keyframes sheen-wipe{0%,55%{clip-path:polygon(0 0,-18.4% 0,-44.6% 100%,0 100%)}to{clip-path:polygon(0 0,188.6% 0,162.4% 100%,0 100%)}}@keyframes rise{0%{opacity:0;translate:0 5cqw}}@keyframes float{50%{translate:0 -1.6cqw;rotate:-1.2deg}}@keyframes nudge{0%,60%,to{translate:0}72%{translate:0 -1.2cqw}84%{translate:0}92%{translate:0 -.5cqw}}@keyframes sheen{0%,55%{translate:-120%}to{translate:340%}}@keyframes pop{0%{scale:.6}}@keyframes blink{50%{opacity:.35}}@keyframes breathe{50%{opacity:.7;scale:1.035}}@keyframes ring{0%{box-shadow:0 0 0 1.2cqw #00123a99, 0 0 0 1.8cqw var(--paper), 0 0 0 1.8cqw #f4f7fbb3}to{box-shadow:0 0 0 1.2cqw #00123a99, 0 0 0 1.8cqw var(--paper), 0 0 0 6cqw #f4f7fb00}}@keyframes spin{to{rotate:360deg}}@keyframes flare{0%{filter:drop-shadow(0 0 #ff5a1fe6)}to{filter:drop-shadow(0 0 6cqw #ff5a1f00)}}@keyframes wall{to{translate:0 -50%}}@keyframes climb{0%{bottom:-12cqw}to{bottom:100%}}@keyframes tap{0%{box-shadow:0 0 #00123a80}70%,to{box-shadow:0 0 0 2.6cqw #00123a00}}@keyframes meter{0%,to{translate:-3cqw}40%{translate:2cqw}70%{translate:-.6cqw}}@keyframes flash{0%{opacity:.95}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.flash{opacity:0}}.code-note{color:var(--signal);text-align:center;margin:3cqw 0 0;padding:0 2cqw;font-size:3.6cqw;line-height:1.5}