:root{--c-in: #0c3c63;--c-out: #8f3e00;--c-done: #1b5e3b;--c-error: #37424d;--c-ink: #14212b}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:Pretendard Variable,Pretendard,Noto Sans KR,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:var(--c-ink);-webkit-font-smoothing:antialiased}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:28px 20px 32px;color:#fff;background:var(--c-in)}.screen[data-state=in]{background:var(--c-in)}.screen[data-state=out]{background:var(--c-out)}.screen[data-state=done]{background:var(--c-done)}.screen[data-state=error]{background:var(--c-error)}.top{flex:0 0 auto}.eyebrow{font-size:17px;font-weight:700;letter-spacing:.18em;opacity:.75}.hello{margin-top:8px;font-size:27px;font-weight:800;letter-spacing:-.01em}.body,.center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;width:100%;max-width:480px;margin:0 auto}.guide{font-size:28px;font-weight:800;line-height:1.45;letter-spacing:-.01em;white-space:pre-line}.sub{font-size:22px;font-weight:700;line-height:1.5;opacity:.9}.time-big{font-size:56px;font-weight:800;letter-spacing:.01em;font-variant-numeric:tabular-nums}.state-icon{width:108px;height:108px;color:#fff}.big-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:52vh;min-height:52dvh;margin-top:8px;background:#fff;color:inherit;border:none;border-radius:26px;box-shadow:0 7px rgba(0,0,0,.3);font-family:inherit;font-size:34px;font-weight:800;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.screen[data-state=in] .big-btn{color:var(--c-in)}.screen[data-state=out] .big-btn{color:var(--c-out)}.screen[data-state=done] .big-btn{color:var(--c-done)}.screen[data-state=error] .big-btn{color:var(--c-error)}.big-btn:active{transform:translateY(5px);box-shadow:0 2px rgba(0,0,0,.3)}.big-btn.retry{min-height:120px;font-size:30px}.camera-icon{width:72px;height:72px}.sr-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}.big-btn:focus-within,.big-btn:focus-visible{box-shadow:0 7px rgba(0,0,0,.3),0 0 0 5px rgba(0,0,0,.35),0 0 0 10px #fff;outline:none}.times{display:flex;flex-direction:column;gap:10px;font-size:26px;font-weight:700}.times-row{display:flex;gap:18px;justify-content:center;align-items:baseline}.times-row dt{opacity:.75;font-size:22px}.times-row dd{font-variant-numeric:tabular-nums}.spinner{width:76px;height:76px;border:9px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-icon.pop{animation:pop .35s ease-out}@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.spinner,.state-icon.pop{animation:none}.big-btn:active{transform:none}}@media(max-width:360px){.guide{font-size:25px}.big-btn{font-size:30px}.time-big{font-size:48px}}