:root{--ub-bg: #F1F5F7;--ub-surface: #FFFFFF;--ub-ink: #26333D;--ub-soft: #566872;--ub-blue: #3F7E9E;--ub-blue-deep: #346A86;--ub-mint: #A8D5C8;--ub-mint-soft: #D9EDE6;--ub-line: rgba(38,51,61,.1);--ub-shadow: 0 14px 34px -16px rgba(38,51,61,.28);--ub-shadow-soft: 0 8px 22px -12px rgba(38,51,61,.18)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Hanken Grotesk,Noto Sans KR,system-ui,sans-serif;background:#1a2630;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:24px 0;-webkit-font-smoothing:antialiased;color:var(--ub-ink)}#root{display:grid;place-items:center}button{font-family:inherit}.ub-stage{position:relative;width:100%;height:100%;background:var(--ub-bg);overflow:hidden}.ub-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding-top:max(20px,env(safe-area-inset-top));background:var(--ub-bg)}.ub-scroll{flex:1;overflow-y:auto;padding:0 20px;scrollbar-width:none}.ub-scroll::-webkit-scrollbar{display:none}.ub-hand{font-family:Caveat,cursive;font-weight:700}.ub-page{position:absolute;top:0;right:0;bottom:0;left:0}.ub-page.fwd{animation:pageFwd .34s cubic-bezier(.25,.8,.3,1) both}.ub-page.bck{animation:pageBck .34s cubic-bezier(.25,.8,.3,1) both}@keyframes pageFwd{0%{transform:translate(56px);opacity:0}to{transform:none;opacity:1}}@keyframes pageBck{0%{transform:translate(-56px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.ub-page.fwd,.ub-page.bck{animation:none}}.ub-backbar{display:flex;align-items:center;gap:8px;padding:8px 12px 10px}.ub-backbtn{width:44px;height:44px;border-radius:50%;border:none;background:var(--ub-surface);box-shadow:var(--ub-shadow-soft);display:grid;place-items:center;cursor:pointer}.ub-backtitle{flex:1;text-align:center;font-weight:800;font-size:16.5px;letter-spacing:-.01em}.ub-card{background:var(--ub-surface);border-radius:20px;box-shadow:var(--ub-shadow-soft);border:1px solid var(--ub-line)}.ub-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--ub-line)}.ub-row:last-child{border-bottom:none}.ub-row>small{color:var(--ub-soft);font-weight:600;font-size:13px;flex:none}.ub-row b{font-size:14.5px;letter-spacing:-.01em}.ub-row small{font-size:12px;font-weight:600}.ub-seclabel{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ub-soft);margin:14px 0 10px}.ub-cardlabel{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ub-blue)}.ub-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border:none;border-radius:100px;cursor:pointer;font-weight:800;font-size:16px;letter-spacing:-.01em;padding:0 22px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s}.ub-btn:active{transform:scale(.97)}.ub-btn-blue{background:var(--ub-blue);color:#f1f5f7;box-shadow:var(--ub-shadow)}.ub-btn-soft{background:var(--ub-bg);color:var(--ub-ink);border:1.5px solid var(--ub-line);font-size:14.5px;min-height:46px}.ub-arrow{transition:transform .2s}.ub-btn:hover .ub-arrow{transform:translate(3px)}.ub-chiprow{display:flex;flex-wrap:wrap;gap:8px}.ub-chip{border:1.5px solid var(--ub-line);background:var(--ub-surface);color:var(--ub-ink);font-weight:700;font-size:13.5px;padding:0 15px;min-height:44px;border-radius:100px;cursor:pointer;transition:.15s}.ub-chip.on{background:var(--ub-blue);border-color:var(--ub-blue);color:#f1f5f7}.ub-typecard{border:1.5px solid var(--ub-line);background:var(--ub-surface);border-radius:16px;padding:14px 15px;text-align:left;cursor:pointer;transition:.15s;min-height:64px}.ub-typecard b{display:block;font-size:14.5px;letter-spacing:-.01em}.ub-typecard small{color:var(--ub-soft);font-weight:600;font-size:12px;margin-top:2px;display:block}.ub-typecard.on{border-color:var(--ub-blue);background:#3f7e9e14;box-shadow:0 0 0 1px var(--ub-blue)}.ub-typecard.on b{color:var(--ub-blue-deep)}.ub-input{width:100%;border:1.5px solid var(--ub-line);border-radius:16px;background:var(--ub-surface);font-family:inherit;font-size:15px;color:var(--ub-ink);padding:14px 16px;outline:none;resize:none;line-height:1.5}.ub-input:focus{border-color:var(--ub-blue)}.ub-input::placeholder{color:#5668728c}.ub-err{color:#c96a4e;font-size:12.5px;font-weight:700;margin-top:8px}.ub-ctabar{position:absolute;left:0;right:0;bottom:0;padding:14px 20px max(22px,env(safe-area-inset-bottom));background:linear-gradient(to top,var(--ub-bg) 62%,transparent)}.ub-tabbar{position:absolute;left:16px;right:16px;bottom:max(22px,env(safe-area-inset-bottom));height:64px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:100px;box-shadow:var(--ub-shadow);border:1px solid var(--ub-line);display:flex;align-items:center;padding:0 10px;gap:6px}.ub-tab{flex:1;min-height:48px;border:none;background:none;border-radius:100px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13.5px;color:var(--ub-soft);transition:.15s}.ub-tab.on{color:var(--ub-blue-deep);background:#3f7e9e1a;font-weight:800}.ub-stepnum{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--ub-mint-soft);color:var(--ub-blue-deep);font-family:Caveat,cursive;font-weight:700;font-size:19px}.ub-urgent{display:flex;align-items:center;gap:13px;width:100%;margin-top:14px;background:var(--ub-surface);border:1px solid var(--ub-line);border-radius:18px;padding:14px 17px;cursor:pointer;box-shadow:var(--ub-shadow-soft);font-family:inherit;color:var(--ub-ink);transition:transform .15s}.ub-urgent:active{transform:scale(.98)}.ub-pulse{width:11px;height:11px;border-radius:50%;background:#c96a4e;position:relative;flex:none}.ub-pulse:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid #C96A4E;opacity:.5;animation:ubPulse 1.8s ease-out infinite}@keyframes ubPulse{0%{transform:scale(.55);opacity:.7}to{transform:scale(1.5);opacity:0}}@media(prefers-reduced-motion:reduce){.ub-pulse:after{animation:none}}.ub-pill-ok{background:var(--ub-mint-soft);color:#2e6b58;font-size:11.5px;font-weight:800;padding:5px 11px;border-radius:100px;flex:none}.ub-pill-mint{background:var(--ub-mint-soft);color:#2e6b58;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:100px}.ub-match{display:flex;align-items:center;gap:13px;width:100%;padding:15px 16px;margin-bottom:11px;cursor:pointer;font-family:inherit;color:var(--ub-ink);transition:transform .15s}.ub-match:active{transform:scale(.98)}.ub-ai-orb{width:40px;height:40px;border-radius:50%;background:var(--ub-surface);box-shadow:var(--ub-shadow-soft);display:grid;place-items:center}.ub-skel{height:13px;border-radius:7px;background:linear-gradient(90deg,#26333d12 25%,#26333d21,#26333d12 75%);background-size:200% 100%;animation:ubShimmer 1.3s linear infinite}@keyframes ubShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ub-pop{animation:ubPop .5s cubic-bezier(.2,.8,.3,1) both}@keyframes ubPop{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ub-pop,.ub-skel{animation:none}}.ub-list{list-style:none;margin-top:8px}.ub-list li{font-size:14.5px;font-weight:600;line-height:1.5;padding:7px 0 7px 20px;position:relative}.ub-list li:before{content:"";position:absolute;left:2px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--ub-mint)}.ub-list.ub-check li:before{content:"✓";background:none;color:var(--ub-blue);font-weight:800;top:6px;width:auto;height:auto}.ub-success{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#4b89aa,#27536b);color:#f1f5f7;text-align:center;padding:40px;animation:ubFade .4s ease both}@keyframes ubFade{0%{opacity:0}to{opacity:1}}.ub-success .ring{width:92px;height:92px;border-radius:50%;background:#f1f5f724;display:grid;place-items:center;margin-bottom:26px;animation:ubPop .5s .1s cubic-bezier(.2,.8,.3,1) both}.ub-success svg path{stroke-dasharray:48;stroke-dashoffset:48;animation:ubDraw .55s .45s ease forwards}@keyframes ubDraw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.ub-success svg path{animation:none;stroke-dashoffset:0}}.ub-toast{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:#26333deb;color:#f1f5f7;font-size:13px;font-weight:700;padding:11px 18px;border-radius:100px;white-space:nowrap;z-index:40;animation:ubToastIn .3s ease both}@keyframes ubToastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.flow-caption{text-align:center;margin-top:18px;color:#f1f5f799;font-size:13.5px;font-weight:600}.flow-caption b{color:#f1f5f7}@media(max-width:480px){body{padding:0;background:var(--ub-bg);display:block}#root{display:block}.ub-device{width:100vw!important;height:100vh!important;height:100dvh!important;border-radius:0!important;box-shadow:none!important}.flow-caption{display:none}}