:root{--color-brand: #2b2d5c;--color-brand-dark: #1d1f45;--color-brand-soft: #eceefb;--color-bg: #f5f6fa;--color-surface: #ffffff;--color-text: #1a1b2e;--color-text-sub: #6b6f85;--color-text-weak: #9a9db0;--color-border: #e3e5ee;--color-success: #1fae6b;--color-error: #e5484d;--color-warning: #f2a516;--color-info: #3e7bfa;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--shadow-card: 0 2px 10px rgba(26, 27, 46, .05);--shadow-float: 0 10px 30px rgba(26, 27, 46, .16);--page-max: 480px;--footer-h: 88px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100dvh;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}h1,p{margin:0}.page{display:flex;flex-direction:column;max-width:var(--page-max);min-height:100dvh;margin:0 auto;background:var(--color-bg)}.page__header{display:flex;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 20px 8px}.page__logo{height:40px;width:auto}.page__body{flex:1;display:flex;flex-direction:column;gap:16px;padding:8px 20px calc(var(--footer-h) + 24px)}.page__footer{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:var(--page-max);padding:12px 20px max(16px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--color-bg) 75%,rgba(245,246,250,0));z-index:10}.steps{display:flex;justify-content:center;gap:8px;margin:4px 20px 8px;padding:0;list-style:none}.steps__item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-weak)}.steps__item+.steps__item:before{content:"";width:16px;height:2px;margin-right:2px;border-radius:1px;background:var(--color-border)}.steps__dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;background:var(--color-border);color:var(--color-surface)}.steps__item.is-active{color:var(--color-brand);font-weight:700}.steps__item.is-active .steps__dot,.steps__item.is-done .steps__dot{background:var(--color-brand)}.steps__item.is-done{color:var(--color-text-sub)}.intro{padding:8px 0 4px}.intro__title{font-size:24px;font-weight:800;letter-spacing:-.02em}.intro__desc{margin-top:8px;font-size:15px;line-height:1.5;color:var(--color-text-sub);white-space:pre-line}.notice{font-size:13px;line-height:1.55;color:var(--color-text-sub);padding:12px 14px;border-radius:var(--radius-sm);background:var(--color-brand-soft)}.notice--warning{background:#fff7e6;color:#8a5a00}.notice--warning strong{display:block;margin-bottom:4px;font-size:14px}.notice--warning p{color:#a0782c}.chip{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--color-surface);border:1px solid var(--color-border);font-size:13px}.chip__label{color:var(--color-text-weak)}.chip__value{font-weight:700;color:var(--color-brand)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.form{display:flex;flex-direction:column;gap:18px;padding:22px 20px}.field{display:flex;flex-direction:column;gap:8px}.field__label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-brand)}.field__icon{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--color-brand);flex-shrink:0}.field__icon svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.field__input{width:100%;height:56px;padding:0 16px;border:2px solid #c9ccdb;border-radius:var(--radius-md);background:var(--color-surface);font-size:20px;font-weight:700;color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.field__input::placeholder{font-weight:400;font-size:15px;color:var(--color-text-weak)}.field__input:focus{border-color:var(--color-brand);box-shadow:0 0 0 4px #2b2d5c1f}.field__input--pin{letter-spacing:.4em}.field__input--pin::placeholder{letter-spacing:normal}.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 20px;border:none;border-radius:var(--radius-md);font-size:17px;font-weight:700;transition:transform .08s,background .15s,opacity .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:default;opacity:.45}.btn--primary{background:var(--color-brand);color:#fff}.btn--primary:active:not(:disabled){background:var(--color-brand-dark)}.btn--ghost{background:var(--color-surface);color:var(--color-text-sub);border:1.5px solid var(--color-border)}.btn--danger{background:var(--color-error);color:#fff}.btn--block{width:100%}.btn--grow{flex:1}.footer-actions{display:flex;gap:10px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}.photo-grid__item{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-card)}.photo-grid__img{width:100%;height:100%;object-fit:cover;display:block}.photo-grid__index{position:absolute;top:6px;left:6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#1a1b2ea6;color:#fff;font-size:12px;font-weight:700;line-height:22px;text-align:center}.photo-grid__remove{position:absolute;top:4px;right:4px;width:30px;height:30px;border:none;border-radius:50%;background:#1a1b2ea6;color:#fff;font-size:20px;line-height:1}.photo-grid__meta{position:absolute;left:0;right:0;bottom:0;padding:14px 6px 5px;background:linear-gradient(to top,#0000008c,#0000);color:#fff;font-size:10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-grid__add{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed #c9cce0;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-brand);font-size:13px;font-weight:600}.photo-grid__add:active:not(:disabled){background:var(--color-brand-soft)}.photo-grid__plus{font-size:30px;font-weight:300;line-height:1}.photo-grid__count{font-size:12px;color:var(--color-text-weak)}.result{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 0;text-align:center}.result__icon{width:112px;height:112px;display:grid;place-items:center;border-radius:32px;margin-bottom:12px}.result__icon svg{width:64px;height:64px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.qr-scan{width:220px;max-width:70vw;height:auto;margin-bottom:8px}.qr-scan__line{animation:qr-scan-move 2.5s ease-in-out infinite alternate}@keyframes qr-scan-move{0%{transform:translateY(0)}to{transform:translateY(60px)}}.result__icon--success{border-radius:50%;background:#e5f7ee}.result__icon--success svg{stroke:var(--color-success)}.result__icon--success circle{stroke-dasharray:160;stroke-dashoffset:160;animation:draw .6s ease-out forwards}.result__icon--success path{stroke-dasharray:40;stroke-dashoffset:40;animation:draw .4s .5s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}.result__title{font-size:24px;font-weight:800;letter-spacing:-.02em}.result__desc{font-size:15px;line-height:1.55;color:var(--color-text-sub);white-space:pre-line}.result .notice{margin-top:24px}.center-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:50dvh}.center-state__text{font-size:15px;color:var(--color-text-sub)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#0f102080;animation:fade-in .15s ease-out}.overlay--center{align-items:center}.sheet{width:100%;max-width:var(--page-max);padding:28px 20px max(20px,env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);animation:slide-up .2s ease-out}.sheet__message{font-size:17px;font-weight:600;line-height:1.5;text-align:center;margin-bottom:24px}.sheet__actions{display:flex;gap:10px}.sheet__actions .btn{flex:1}.loading-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:calc(100% - 64px);max-width:320px;padding:32px 24px;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-float);text-align:center}.loading-card__title{margin-top:8px;font-size:18px;font-weight:700}.loading-card__desc{font-size:14px;color:var(--color-text-sub)}.spinner{width:40px;height:40px;border:4px solid var(--color-brand-soft);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}.spinner--lg{width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(100%)}}.toast-area{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:calc(var(--page-max) - 32px);pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;width:100%;padding:14px 16px;border:none;border-radius:var(--radius-md);background:#24253d;color:#fff;font-size:14px;line-height:1.45;text-align:left;box-shadow:var(--shadow-float);pointer-events:auto;animation:toast-in .2s ease-out}.toast__icon{flex-shrink:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:800}.toast--success .toast__icon{background:var(--color-success)}.toast--error .toast__icon{background:var(--color-error)}.toast--warning .toast__icon{background:var(--color-warning)}.toast--info .toast__icon{background:var(--color-info)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.qr-scan__line{animation-duration:2.5s!important;animation-iteration-count:infinite!important}}