@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:#44c1c4;--alert:#ff8a5c;--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;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);width:min(100vw,56.25vh);height:min(100vh,177.777vw);position:relative;overflow:hidden;container-type:size}.bizcard{--w:40cqw;width:var(--w);background:var(--navy-deep);border-radius:calc(var(--w) * .037);box-shadow:0 calc(var(--w) * .04) calc(var(--w) * .12) #00081e8c;flex:none;position:relative;overflow:hidden}.bizcard-h{aspect-ratio:856/540}.bizcard-v{aspect-ratio:540/856;border-radius:calc(var(--w) * .059)}.bizcard>img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.kiosk{--light:0;--veil:.86;--tilt:-7deg}.step-idle{--veil:.74;--tilt:7deg}.step-code,.step-kind,.step-orient{--light:.2;--veil:.92}.step-camera,.step-review{--light:.35}.step-making{--light:.45;--veil:.9}.backdrop{z-index:0;background:var(--navy-deep);position:absolute;inset:0;overflow:hidden}.wall-view{position:absolute;inset:0}.wall{translate:-50%;rotate:var(--tilt);transform-origin:50% 75cqh;align-items:flex-start;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(80s * var(--cards,13) / 13) linear infinite;flex-direction:column;gap:4cqw;display:flex}.wall-col:nth-child(2){animation-duration:calc(100s * var(--cards,13) / 13);animation-direction:reverse}.wall-col:nth-child(3){animation-duration:calc(70s * var(--cards,13) / 13)}.wall .bizcard{--w:36cqw;box-shadow:none}.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,.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,.choice:active,.orient: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}.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 em{color:var(--signal);font-style:normal}.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:33cqw;margin-top:6cqw;font-size:3cqw;line-height:1.65}.screen>.idle-card{--w:42cqw;animation:.9s cubic-bezier(.22,1,.36,1) .3s both rise,5.5s ease-in-out 1.2s infinite float;position:absolute;top:40cqw;right:9cqw;rotate:4deg}.screen>.idle-plain{--w:44cqw;animation:.9s cubic-bezier(.22,1,.36,1) .5s both rise,6.5s ease-in-out 1.6s infinite reverse float;position:absolute;top:74cqw;right:30cqw;rotate:-9deg}.idle-card img+img,.sheen 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}.choices{flex:none;grid-template-rows:36cqw 36cqw;gap:3cqw;margin-top:4cqw;display:grid}.choice{background:var(--paper);color:var(--navy);text-align:left;border-radius:2.4cqw;grid-template-columns:44cqw 1fr;align-items:center;gap:4cqw;padding:0 4cqw;transition:scale .15s;display:grid;position:relative;box-shadow:0 1.4cqw 4cqw #00081e73}.choice>.bizcard{--w:44cqw;rotate:-3deg}.choice span{color:#3d4f78;word-break:keep-all;font-size:2.8cqw;line-height:1.5}.choice b{font:700 5.2cqw / 1.15 var(--display);letter-spacing:-.03em;color:var(--navy);margin-bottom:1.4cqw;display:block}.choice-pair{height:100%;position:relative}.choice-pair>.bizcard{position:absolute}.choice-pair>.bizcard-v{--w:19cqw;top:50%;left:2cqw;translate:0 -50%;rotate:-5deg}.choice-pair>.bizcard-h{--w:24cqw;top:50%;right:0;translate:0 -30%;rotate:6deg}.orients{flex:none;grid-template-columns:1fr 1fr;gap:3cqw;height:64cqw;margin-top:4cqw;display:grid}.orient{background:var(--paper);color:var(--navy);border-radius:2.4cqw;grid-template-rows:1fr auto 5cqw;place-items:center;gap:4cqw;padding-top:5cqw;transition:scale .15s;display:grid;box-shadow:0 1.4cqw 4cqw #00081e73}.orient>.bizcard-h{--w:36cqw}.orient>.bizcard-v{--w:24cqw}.orient b{font:700 5.2cqw / 1 var(--display);letter-spacing:-.03em}.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>.print-note{min-height:4.6cqw}.making-stage{flex:1;place-items:center;min-height:0;margin-top:3cqw;display:grid}.making-h .making-card{--w:80cqw}.making-v .making-card{--w:32cqw}.making-card{transition:rotate .6s cubic-bezier(.2,1.4,.4,1);box-shadow:0 2cqw 6cqw #00081e99}.making-card.done{rotate:-1.5deg}.making-soft{filter:blur(3cqw)saturate(.5)brightness(.6);scale:1.15}.making-template{opacity:.38;filter:blur(.6cqw)saturate(.8);animation:3.2s ease-in-out infinite breathe-soft}.bizcard>img.making-portrait{filter:blur(1.4cqw)grayscale()contrast(1.1);opacity:.55;mix-blend-mode:multiply;border-radius:50% 50% 46% 46%;width:40.6%;height:64%;inset:28% auto auto 55.4%}.making-scan{background:linear-gradient(#44c1c480,#44c1c400);border-top:.5cqw solid #c8f1f2;height:12%;transition:opacity .4s;animation:3.2s ease-in-out infinite alternate scan;position:absolute;top:0;left:0;right:0;box-shadow:0 -1cqw 4cqw #44c1c4e6}.making-card.done .making-scan{opacity:0}.making-result{clip-path:inset(100% 0 0)}.making-card.done .making-result{clip-path:inset(0);animation:1s cubic-bezier(.7,0,.2,1) .35s both cover-up}.quiz-head{color:var(--sky);flex:none;justify-content:space-between;align-items:center;margin-top:1cqw;font-size:2.8cqw;font-weight:500;display:flex}.quiz-head b{color:var(--paper);font-weight:700}.quiz-meter{align-items:center;gap:1.8cqw;display:flex}.quiz-meter i{background:#a9c0ea40;border-radius:1cqw;width:14cqw;height:.9cqw;position:relative;overflow:hidden}.quiz-meter i:after{content:"";background:var(--teal);transform-origin:0;scale:var(--p) 1;transition:scale .3s;position:absolute;inset:0}.screen-quiz h2{white-space:pre-line;word-break:keep-all;margin-top:6cqw;font-size:6cqw}.quiz-options{flex:none;gap:3cqw;margin-top:7cqw;display:grid}.quiz-option{background:var(--paper);height:16cqw;color:var(--navy);text-align:left;word-break:keep-all;border:.5cqw solid #0000;border-radius:2.4cqw;align-items:center;gap:3.4cqw;padding:0 5cqw;font-size:4cqw;font-weight:700;transition:scale .15s,opacity .3s,border-color .3s;display:flex;box-shadow:0 1.4cqw 4cqw #00081e73}.quiz-option:not(:disabled):active{scale:.97}.quiz-option i{aspect-ratio:1;background:var(--navy);width:7cqw;color:var(--paper);font:700 3.4cqw / 1 var(--display);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.quiz-option i svg{stroke-width:3px;width:4cqw;height:4cqw}.quiz-option.right{border-color:var(--teal)}.quiz-option.right i{background:var(--teal);animation:.4s cubic-bezier(.2,1.8,.4,1) pop}.quiz-option.wrong,.quiz-option.rest{opacity:.5}.quiz-why{border-left:.8cqw solid var(--teal);color:var(--paper);word-break:keep-all;background:#00123aa6;border-radius:1.6cqw;flex:none;margin-top:4cqw;padding:3.6cqw 4.4cqw;font-size:3.2cqw;line-height:1.55}.quiz-why b{color:var(--teal);margin-bottom:1cqw;font-size:3.6cqw;display:block}.quiz-why.miss{border-left-color:var(--sky)}.quiz-why.miss b{color:var(--sky)}.screen-quiz .primary{margin-top:5cqw}.making-foot{flex:none;grid-template-columns:auto 1fr;align-items:end;gap:5cqw;margin-top:3cqw;display:grid}.gen-num{white-space:nowrap;font:800 19cqw / .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:5.6cqw}.stages{gap:1.6cqw;padding-bottom:1cqw;display:grid}.stages li{color:var(--sky);opacity:.5;align-items:center;gap:1.8cqw;font-size:3cqw;font-weight:500;transition:opacity .3s,color .3s;display:flex}.stages li i{aspect-ratio:1;border:.35cqw solid;border-radius:50%;width:2.4cqw}.stages li svg{width:2.8cqw;height:2.8cqw;color:var(--teal)}.stages li.now{color:var(--paper);opacity:1}.stages li.now i{border-color:var(--signal);background:var(--signal);animation:1.2s ease-in-out infinite blink}.stages li.done{color:var(--paper);opacity:1;animation:.4s cubic-bezier(.2,1.8,.4,1) pop}@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:88%}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}}@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 cover-up{0%{clip-path:inset(100% 0 0)}}@keyframes pop{0%{scale:.6}}@keyframes blink{50%{opacity:.35}}@keyframes breathe{50%{opacity:.7;scale:1.035}}@keyframes breathe-soft{50%{opacity:.22}}@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 wall{to{translate:0 -50%}}@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(--alert);text-align:center;margin:3cqw 0 0;padding:0 2cqw;font-size:3.6cqw;line-height:1.5}