:root{--bg-1:#f4f2fb;--bg-2:#eaf2fb;--bg-3:#eafaf4;--card:#fff;--ink:#2c2a45;--muted:#7b7894;--line:#ece9f6;--primary:#6d76d6;--primary-deep:#545bc0;--primary-soft:#eef0fc;--mint:#5fc7b3;--mint-soft:#e6f7f2;--danger:#e57385;--radius:20px;--shadow:0 18px 50px -22px #4c468c73;--shadow-sm:0 4px 16px -8px #4c468c59}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--ink);background:radial-gradient(900px 500px at 85% -10%, #e7ecfd 0%, #e7ecfd00 60%), radial-gradient(800px 480px at -5% 10%, var(--bg-3) 0%, #eafaf400 55%), linear-gradient(170deg, var(--bg-1) 0%, var(--bg-2) 100%);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.consent span,.choice-text{overflow-wrap:anywhere;min-width:0}.screen{min-height:100%;padding:28px 18px calc(28px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:480px;box-shadow:var(--shadow);padding:30px 24px;animation:.45s cubic-bezier(.2,.8,.2,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.steps{justify-content:center;gap:7px;margin-bottom:22px;display:flex}.steps i{background:var(--line);border-radius:6px;width:26px;height:6px;transition:all .25s}.steps i.on{background:var(--primary);width:34px}.brand{text-align:center;margin-bottom:26px}.brand-emoji{background:linear-gradient(140deg, var(--primary), var(--mint));width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:22px;place-items:center;margin-bottom:16px;font-size:38px;display:inline-grid}.brand-title{letter-spacing:-.03em;font-size:27px;font-weight:800}.brand-sub{color:var(--muted);margin-top:9px;font-size:15.5px}.page-title{letter-spacing:-.03em;text-align:center;font-size:22px;font-weight:800}.page-sub{color:var(--muted);text-align:center;margin-top:8px;font-size:14.5px;line-height:1.55}.notice{background:var(--mint-soft);color:#2f6f63;border:1px solid #d2efe7;border-radius:14px;margin:22px 0 16px;padding:14px 16px;font-size:13.5px;line-height:1.6}.consent{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--primary-soft);border:1.5px solid #0000;border-radius:14px;align-items:flex-start;gap:11px;padding:14px 16px;font-size:14.5px;font-weight:600;transition:all .18s;display:flex}.consent.checked{border-color:var(--primary)}.consent input{width:22px;height:22px;accent-color:var(--primary);cursor:pointer;flex:none;margin-top:1px}.disclaimer{color:var(--muted);text-align:center;margin-top:16px;font-size:12.5px;line-height:1.55}.btn{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:17px 20px;font-family:inherit;font-size:17px;font-weight:800;transition:transform .12s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-deep));color:#fff;box-shadow:0 14px 30px -12px #545bc0b3}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{color:var(--primary-deep);border:1.5px solid var(--line);background:#fff}.btn-ghost:hover{background:var(--primary-soft)}.actions{flex-direction:column;gap:11px;margin-top:24px;display:flex}.actions-row{gap:11px;display:flex}.actions-row .btn{flex:1}.btn-back{flex:none;width:auto;padding:17px 22px}.choices{flex-direction:column;gap:14px;margin-top:26px;display:flex}.choice{text-align:left;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:16px;width:100%;padding:20px 18px;font-family:inherit;transition:all .18s;display:flex}.choice:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.choice-emoji{background:var(--primary-soft);border-radius:16px;flex:none;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.choice.alt .choice-emoji{background:var(--mint-soft)}.choice-text .t{font-size:18px;font-weight:800}.choice-text .d{color:var(--muted);margin-top:3px;font-size:13.5px}.field{margin-bottom:20px}.field>label{margin-bottom:10px;font-size:15px;font-weight:800;display:block}.seg{gap:9px;display:flex}.seg button{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:13px;flex:1;padding:14px 8px;font-family:inherit;font-size:15px;font-weight:700;transition:all .16s}.seg button.on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep)}input.input,select.input{width:100%;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:13px;outline:none;padding:15px;font-family:inherit;font-size:16px;transition:all .16s}input.input:focus,select.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}select.input{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237b7894' stroke-width='2.5'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}input.input::placeholder{color:#b6b3c8}.foot-note{color:var(--muted);text-align:center;margin-top:18px;font-size:12.5px;line-height:1.55}@media (width>=640px){.card{padding:38px 34px}.brand-title{font-size:30px}}