@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(./PretendardVariable-CJuje-Rk.woff2) format("woff2-variations")}:root{--sky-50: #F3FAFE;--sky-100: #E3F4FC;--sky-300: #A9DDF6;--sky-500: #5DB7E8;--sky-700: #2275A8;--pink-100: #FFEAF1;--pink-300: #FFC8DA;--pink-500: #F28AAE;--pink-700: #C24A75;--navy: #1E3A5C;--navy-60: #5B7290;--white: #FFFFFF;--font: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--radius-key: 22px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit}:focus-visible{outline:4px solid var(--sky-500);outline-offset:3px}.kiosk{height:100dvh;display:grid;grid-template-columns:1.08fr 1fr;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);user-select:none;-webkit-user-select:none;touch-action:manipulation}.kiosk-welcome{position:relative;display:flex;flex-direction:column;background:var(--sky-100);border-radius:0 56px 56px 0;padding:clamp(20px,3.5vmin,40px) clamp(24px,4.5vmin,56px)}.kiosk-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand-logo-text{display:inline-flex;align-items:baseline;gap:2px;line-height:1}.brand-main{font-size:clamp(26px,3.6vmin,38px);font-weight:850;letter-spacing:-.04em;color:var(--navy)}.brand-sub{font-size:clamp(15px,2vmin,20px);font-weight:700;letter-spacing:-.02em;color:var(--pink-700);background:var(--pink-300);padding:4px 10px 5px;border-radius:999px;margin-left:8px;transform:translateY(-4px)}.brand-logo-img{height:clamp(36px,6vmin,60px);width:auto;display:block}.clock{text-align:right;line-height:1.1}.clock-time{font-size:clamp(30px,5vmin,52px);font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.clock-date{font-size:clamp(15px,2.1vmin,20px);font-weight:550;color:var(--navy-60);margin-top:4px}.kiosk-hello{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(8px,1.6vmin,18px)}.mascot{display:block;object-fit:contain;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.hello-mascot{width:clamp(150px,32vmin,320px);height:clamp(150px,32vmin,320px)}.hello-copy{display:flex;flex-direction:column;gap:clamp(8px,1.6vmin,18px)}.hello-text{margin:0;font-size:clamp(36px,6.6vmin,68px);font-weight:850;letter-spacing:-.045em;line-height:1.15;text-wrap:balance}.hello-guide{margin:0;font-size:clamp(17px,2.5vmin,24px);font-weight:550;color:var(--navy-60);text-wrap:balance}.kiosk-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,3vmin,40px) clamp(20px,4vmin,48px);gap:clamp(10px,1.8vmin,20px)}.paw-slots{display:flex;gap:clamp(14px,2.6vmin,28px)}.paw{width:clamp(52px,9vmin,84px);height:clamp(52px,9vmin,84px)}.paw ellipse{fill:var(--white);stroke:var(--sky-300);stroke-width:3;stroke-dasharray:5 5;transition:fill .12s,stroke .12s}.paw.is-filled ellipse{fill:var(--pink-500);stroke:var(--pink-500);stroke-dasharray:none}.paw.is-filled{animation:stamp .18s ease-out}@keyframes stamp{0%{transform:scale(1.25)}to{transform:scale(1)}}.paw-slots.is-shaking{animation:shake .45s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(4px)}}.notice{min-height:clamp(54px,8vmin,72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:6px 18px;border-radius:16px;font-size:clamp(17px,2.5vmin,23px)}.notice strong{font-weight:750}.notice span{font-size:.82em;font-weight:550;color:var(--navy-60)}.notice a{color:var(--sky-700);font-weight:700}.notice-error,.notice-locked{background:var(--pink-100);color:var(--pink-700)}.notice-offline{background:var(--sky-50);color:var(--navy)}.keypad{width:100%;max-width:470px;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.8vmin,16px)}.key{height:clamp(64px,11.5vh,104px);border:3px solid var(--sky-300);border-radius:var(--radius-key);background:var(--white);color:var(--navy);font-size:clamp(30px,5vmin,46px);font-weight:750;font-variant-numeric:tabular-nums;box-shadow:0 5px 0 var(--sky-300);cursor:pointer;transition:transform .06s,box-shadow .06s,background .1s}.key:active:not(:disabled){transform:translateY(5px);box-shadow:0 0 0 var(--sky-300);background:var(--sky-50)}.key:disabled{cursor:default;opacity:.45}.key-clear{font-size:clamp(19px,2.9vmin,26px);background:var(--pink-100);border-color:var(--pink-300);color:var(--pink-700);box-shadow:0 5px 0 var(--pink-300)}.key-clear:active:not(:disabled){box-shadow:0 0 0 var(--pink-300);background:var(--pink-300)}.key-ok{font-size:clamp(21px,3.2vmin,30px);background:var(--sky-700);border-color:var(--sky-700);color:var(--white);box-shadow:0 5px #17587f}.key-ok:active:not(:disabled){box-shadow:0 0 #17587f;background:#1d6896}.key-ok:disabled{opacity:1;background:var(--sky-100);border-color:var(--sky-300);color:var(--navy-60);box-shadow:0 5px 0 var(--sky-300)}.logo-hold{-webkit-touch-callout:none}.demo-badge a{color:var(--sky-300);font-weight:700}.demo-badge{position:fixed;left:50%;bottom:10px;transform:translate(-50%);margin:0;padding:6px 14px;border-radius:999px;background:var(--navy);color:var(--white);font-size:13px;font-weight:600;white-space:nowrap;opacity:.85}.result{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#e3f4fcf0;animation:fade-in .18s ease-out;z-index:10}.result-again{background:#ffeaf1f2}.result-card{width:min(680px,100%);background:var(--white);border-radius:40px;padding:clamp(28px,5vmin,56px) clamp(24px,5vmin,56px) 0;text-align:center;overflow:hidden;box-shadow:0 24px 60px -24px #1e3a5c59;animation:pop .32s cubic-bezier(.2,1.4,.4,1)}.result-mascot{width:clamp(130px,26vmin,230px);height:clamp(130px,26vmin,230px);margin:0 auto 12px}.mascot-jump{animation:jump .7s ease-out .1s}.mascot-nod{animation:nod .8s ease-in-out .1s}.result-title{margin:0;font-size:clamp(30px,5.4vmin,52px);font-weight:850;letter-spacing:-.04em;line-height:1.2;text-wrap:balance}.result-name{margin:10px 0 0;font-size:clamp(22px,3.4vmin,32px);font-weight:750}.result-time{margin:10px 0 0;font-size:clamp(18px,2.7vmin,26px);font-weight:600;color:var(--navy-60);font-variant-numeric:tabular-nums}.result-timer{height:10px;margin:clamp(24px,4vmin,40px) calc(-1*clamp(24px,5vmin,56px)) 0;background:var(--sky-300);transform-origin:left;animation-name:drain;animation-timing-function:linear;animation-fill-mode:forwards}.result-again .result-timer{background:var(--pink-300)}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop{0%{transform:scale(.85);opacity:0}}@keyframes jump{0%,to{transform:translateY(0)}35%{transform:translateY(-26px) rotate(-4deg)}60%{transform:translateY(0)}75%{transform:translateY(-8px)}}@keyframes nod{0%,to{transform:rotate(0)}30%{transform:rotate(-7deg)}65%{transform:rotate(6deg)}}@media (max-aspect-ratio: 1/1){.kiosk{grid-template-columns:1fr;grid-template-rows:auto 1fr}.kiosk-welcome{border-radius:0 0 48px 48px;padding-bottom:clamp(18px,3vh,32px)}.kiosk-hello{flex-direction:row;justify-content:center;text-align:left;gap:clamp(12px,3vw,28px);margin-top:clamp(8px,2vh,20px)}.hello-mascot{width:clamp(96px,22vw,200px);height:clamp(96px,22vw,200px);flex:none}.hello-text{font-size:clamp(30px,6.4vw,60px)}.hello-copy{gap:8px}.hello-guide{font-size:clamp(15px,2.8vw,22px)}.keypad{max-width:560px}.key{height:clamp(60px,9vh,112px)}.paw{width:clamp(48px,11vw,84px);height:clamp(48px,11vw,84px)}}@media (max-aspect-ratio: 1/1) and (max-width: 520px){.kiosk-hello{flex-direction:column;text-align:center}}.kiosk.has-demo .kiosk-pad{padding-bottom:52px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.result-timer{animation-duration:3s!important}}.setup{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--sky-100)}.setup-card{width:min(520px,100%);background:var(--white);border-radius:28px;padding:36px 32px;display:flex;flex-direction:column;gap:12px}.setup-card h1{margin:12px 0 0;font-size:28px;font-weight:800;letter-spacing:-.03em}.setup-card p{margin:0;line-height:1.6;color:var(--navy-60)}.setup-card label{font-weight:700;margin-top:8px}.setup-card input{font:inherit;font-size:15px;padding:14px 16px;border-radius:14px;border:2px solid var(--sky-300);color:var(--navy);font-family:ui-monospace,monospace}.setup-card button{font:inherit;font-size:18px;font-weight:700;padding:14px;border-radius:14px;border:0;background:var(--sky-700);color:var(--white);cursor:pointer}.setup-card .setup-secondary{background:var(--pink-100);color:var(--pink-700);font-size:15px}.setup-current{background:var(--sky-50);padding:10px 14px;border-radius:12px}.setup-msg{font-weight:600;color:var(--sky-700)!important}.setup-msg.is-bad{color:var(--pink-700)!important}.setup-back{color:var(--sky-700);font-weight:700;margin-top:8px}