:root{--ink: #f2f0fa;--ink-soft: #9c9ab0;--accent: #f2f0fa;--accent-ink: #16161f;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#0e0e14;color:var(--ink);font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}.app{max-width:460px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;align-items:center;gap:16px}.card-wrap{width:100%;display:flex;justify-content:center}.card{width:100%;max-width:380px;height:auto;border-radius:14px;box-shadow:0 18px 48px #0000008c}.save{width:100%;max-width:380px;min-height:60px;border:none;border-radius:16px;background:var(--accent);color:var(--accent-ink);font-family:inherit;font-size:19px;font-weight:700;cursor:pointer}.save:active{transform:scale(.98)}.hint,.note{margin:0;font-size:14px;color:var(--ink-soft);text-align:center;line-height:1.5}.pickup{margin:8px 0 0;font-size:15px;color:var(--ink-soft)}.pickup strong{font-size:26px;letter-spacing:.1em;color:var(--ink);margin-left:8px}.state{padding:80px 12px;text-align:center}.state-title{font-size:24px;margin:0 0 12px}.state-body{font-size:15px;color:var(--ink-soft);margin:0}