.cy-flow{--col:440px;--ease:cubic-bezier(.22, 1, .36, 1);width:100%}.cy-flow .col{width:100%;max-width:var(--col);margin:0 auto;padding:0 20px 24px}@media (min-width:720px){.cy-flow .col{padding-top:40px}}.cy-flow .head{justify-content:space-between;align-items:center;height:48px;display:flex}.cy-flow .back{border-radius:var(--r-ctl);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:-12px;transition:background-color .2s,color .2s,opacity .2s;display:grid}.cy-flow .back:hover{background:var(--row-hover);color:var(--text)}.cy-flow .back.ghost{opacity:0;pointer-events:none;display:grid}.cy-flow .back svg{width:22px;height:22px}.cy-flow .count{color:var(--text-muted);font-size:12px;font-weight:500;line-height:16px}.cy-flow .progress{background:var(--hair-strong);border-radius:1px;height:2px;margin-top:4px;overflow:hidden}.cy-flow .progress i{background:var(--accent);width:0;height:100%;transition:width .32s var(--ease);display:block}.cy-flow .q{margin:32px 0 24px}.cy-flow .q h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600;line-height:32px}.cy-flow .q p{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:20px}.cy-flow .cur{flex-direction:column;gap:12px;display:flex}.cy-flow .field{border-radius:var(--r-ctl);background:var(--inset);border:1px solid var(--hair-strong);transition:border-color .2s,box-shadow .2s;position:relative}.cy-flow .field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--hair)}.cy-flow .field.err{border-color:var(--down)}.cy-flow .field.err:focus-within{box-shadow:0 0 0 2px var(--down-soft)}.cy-flow .field label{color:var(--text-muted);pointer-events:none;font-size:12px;font-weight:500;line-height:16px;position:absolute;top:8px;left:16px}.cy-flow .field input{width:100%;height:56px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:24px 52px 8px 16px;font-size:17px;font-weight:500;line-height:24px}.cy-flow .field input::placeholder{color:var(--ph)}.cy-flow .field .slot{align-items:center;gap:2px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.cy-flow .iconbtn{border-radius:var(--r-ctl);width:44px;height:44px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;place-items:center;transition:color .2s;display:grid}.cy-flow .iconbtn:hover{color:var(--text-muted)}.cy-flow .iconbtn svg{width:18px;height:18px}.cy-flow .mark{width:44px;height:44px;color:var(--text-muted);place-items:center;display:grid}.cy-flow .mark svg{width:18px;height:18px}.cy-flow .mark.bad{color:var(--down)}.cy-flow .msg{color:var(--text-muted);align-items:center;gap:6px;min-height:16px;margin:-4px 2px 0;font-size:12px;line-height:16px;display:flex}.cy-flow .msg.err{color:var(--down)}.cy-flow .msg svg{width:12px;height:12px}.cy-flow .more{color:var(--text-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:4px;padding:12px 0;font-size:13px;line-height:20px;text-decoration:underline}.cy-flow .more:hover{color:var(--text)}.cy-flow .stack{flex-direction:column;margin-top:24px;display:flex}.cy-flow .stack:empty{margin-top:0}.cy-flow .done{border:0;border-bottom:1px solid var(--hair);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 0;transition:background-color .2s;display:flex}.cy-flow .done:first-child{border-top:1px solid var(--hair)}.cy-flow .done .kv{flex:1;min-width:0}.cy-flow .done .k{color:var(--text-muted);font-size:12px;font-weight:500;line-height:16px;display:block}.cy-flow .done .v{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:15px;font-weight:500;line-height:22px;display:block;overflow:hidden}.cy-flow .done .fix{color:var(--text-muted);flex:none;font-size:13px;line-height:20px}.cy-flow .done .av{object-fit:cover;width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--hair-strong);border-radius:50%;flex:none}.cy-flow .cta{padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));background:var(--bg);flex:none}.cy-flow .cta .in{max-width:var(--col);flex-direction:column;gap:4px;margin:0 auto;padding:0 20px;display:flex}.cy-flow .btn{border-radius:var(--r-ctl);background:var(--cta-bg);width:100%;height:52px;color:var(--cta-text);font:inherit;cursor:pointer;border:0;font-size:15px;font-weight:600;transition:opacity .2s}.cy-flow .btn:disabled{opacity:.4;cursor:default}.cy-flow .btn.blink{animation:.22s ease-out cyFlowBlink}@keyframes cyFlowBlink{0%{opacity:1}35%{opacity:.45}to{opacity:1}}.cy-flow .skip{color:var(--text-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:center;padding:12px 16px;font-size:13px;line-height:20px;text-decoration:underline}.cy-flow .skip:hover{color:var(--text)}.cy-flow .or{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:16px;font-size:12px;line-height:16px;display:flex}.cy-flow .or i{background:var(--hair);flex:1;height:1px}.cy-flow .sbtn{cursor:pointer;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .2s;display:flex}.cy-flow .sbtn:hover{opacity:.9}.cy-flow .sbtn.kakao{color:#191919;background:#fee500}.cy-flow .sbtn.google{color:#1f1f1f;background:#fff;border:1px solid #dadce0}.cy-flow .sbtn.apple{color:#fff;background:#000;border:1px solid #ffffff38}.cy-flow .sbtn svg{display:block}.cy-flow .alt{text-align:center;color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:20px}.cy-flow .alt a,.cy-flow .link{color:var(--text-muted);text-underline-offset:3px;padding:12px 8px;text-decoration:underline;display:inline-block}.cy-flow .alt a:hover,.cy-flow .link:hover{color:var(--text)}.cy-flow .forgot{justify-content:flex-end;margin-top:-8px;display:flex}.cy-flow .forgot a{color:var(--text-muted);text-underline-offset:3px;padding:12px 0;font-size:13px;line-height:20px;text-decoration:underline;display:inline-block}.cy-flow .forgot a:hover{color:var(--text)}.cy-flow .opts{border-top:1px solid var(--hair);flex-direction:column;display:flex}.cy-flow .opt{border:0;border-bottom:1px solid var(--hair);width:100%;min-height:56px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:12px;padding:6px 4px;font-size:15px;font-weight:500;line-height:22px;transition:background-color .2s;display:flex}.cy-flow .opt:hover{background:var(--row-hover)}.cy-flow .opt[aria-checked=true]{font-weight:600}.cy-flow .opt .av{object-fit:cover;width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--hair-strong);border-radius:50%;flex:none}.cy-flow .opt .gl{flex:none;place-items:center;width:28px;height:28px;display:grid}.cy-flow .opt .gl svg{width:24px;height:24px;display:block}.cy-flow .opt .chk{width:20px;height:20px;color:var(--text-muted);opacity:0;margin-left:auto;transition:opacity .2s}.cy-flow .opt[aria-checked=true] .chk{opacity:1}.cy-flow .consent{border:1px solid var(--hair);border-radius:var(--r-ctl);background:var(--inset);padding:4px 14px}.cy-flow .crow{align-items:center;gap:10px;min-height:44px;padding:2px 0;display:flex}.cy-flow .crow label{cursor:pointer;color:var(--text-muted);flex:1;align-items:center;gap:10px;font-size:13px;line-height:18px;display:flex}.cy-flow .crow label.all{color:var(--text);font-weight:500}.cy-flow .crow input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.cy-flow .box{border:1px solid var(--hair-strong);border-radius:5px;flex:none;place-items:center;width:18px;height:18px;transition:background-color .2s,border-color .2s;display:grid}.cy-flow .box svg{opacity:0;width:11px;height:11px;transition:opacity .15s}.cy-flow .crow input:checked+.box{background:var(--text-muted);border-color:#0000}.cy-flow .crow input:checked+.box svg{opacity:1}.cy-flow .crow input:focus-visible+.box{outline:2px solid var(--accent);outline-offset:2px}.cy-flow .tag{color:var(--text-muted);margin-right:6px;font-size:11px}.cy-flow .crow .see{min-width:44px;min-height:44px;color:var(--text-muted);flex:none;justify-content:flex-end;align-items:center;padding:0 0 0 8px;font-size:12px;line-height:16px;text-decoration:none;display:inline-flex}.cy-flow .crow .see:hover{color:var(--text)}.cy-flow.finished .head{display:none}.cy-flow .finish{text-align:center;padding:56px 0 24px}.cy-flow .finish .ring{border:1px solid var(--hair-strong);width:64px;height:64px;color:var(--text);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.cy-flow .finish .ring svg{width:28px;height:28px}.cy-flow .finish .ring path{stroke-dasharray:40;stroke-dashoffset:40px;animation:cyFlowDraw .5s var(--ease) .18s forwards}@keyframes cyFlowDraw{to{stroke-dashoffset:0}}.cy-flow .finish h1{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600;line-height:32px}.cy-flow .finish p{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:20px}.cy-flow .in-up{animation:cyFlowInUp .3s var(--ease) both}.cy-flow .in-up.d1{animation-delay:60ms}.cy-flow .in-up.d2{animation-delay:.12s}@keyframes cyFlowInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cy-flow .out-up{animation:.16s ease-in both cyFlowOutUp}@keyframes cyFlowOutUp{to{opacity:0;transform:translateY(-8px)}}.cy-flow .flip{transition:transform .32s var(--ease)}.cy-flow .busy{pointer-events:none}@media (prefers-reduced-motion:reduce){.cy-flow .in-up,.cy-flow .out-up,.cy-flow .flip,.cy-flow .progress i{transition:none!important;animation:none!important}}@media (min-width:720px){.cy-flow .col{padding-bottom:8px}.cy-flow .cta{padding-bottom:40px}}.cy-flow .count,.cy-flow .or,.cy-flow .alt,.cy-flow .alt a,.cy-flow .link,.cy-flow .msg,.cy-flow .more,.cy-flow .skip,.cy-flow .tag,.cy-flow .crow label,.cy-flow .crow .see,.cy-flow .done .k,.cy-flow .done .fix,.cy-flow .forgot a,.cy-flow .field label{font-weight:500}.cy-flow{--fill:var(--panel);--disc-sh:inset 0 0 0 1px var(--hair-strong)}html[data-theme=light] .cy-flow{--disc-sh:0 1px 2px #2826210f, 0 6px 16px #2826211a, inset 0 0 0 1px var(--hair)}.cy-flow .progress i{background:var(--text)}.cy-flow :focus-visible{outline-color:var(--text)}.cy-flow .col{max-width:460px;margin:auto;padding:24px 20px}@media (min-width:720px){.cy-flow .col{padding:0 20px}}.cy-flow .head{height:40px}.cy-flow .q{text-align:center;margin:24px 0 20px}.cy-flow .q h1{letter-spacing:-.02em;font-size:28px;line-height:38px}@media (min-width:720px){.cy-flow .q h1{font-size:32px;line-height:42px}}.cy-flow .cur{gap:16px}.cy-flow .field{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:relative}.cy-flow .field:focus-within,.cy-flow .field.err,.cy-flow .field.err:focus-within{box-shadow:none;border:0}.cy-flow .field label{color:var(--text-muted);pointer-events:auto;margin:0 0 6px;padding:0;font-size:13px;font-weight:500;line-height:18px;display:block;position:static}.cy-flow .field.err label{color:var(--down)}.cy-flow .field .fbox{height:56px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 26%, var(--bg));background:0 0;border:0;border-radius:12px;align-items:center;padding:0 16px;transition:box-shadow .18s,background-color .18s;display:flex}.cy-flow .field:focus-within .fbox{box-shadow:inset 0 0 0 2px var(--text)}.cy-flow .field.err .fbox{box-shadow:inset 0 0 0 2px var(--down)}.cy-flow .field input{flex:1;width:auto;min-width:0;height:auto;padding:0;font-size:17px;font-weight:500;line-height:24px}.cy-flow .field .slot{margin-right:-8px;position:static;transform:none}.cy-flow .msg{min-height:0;margin:0;font-size:13px;line-height:18px}.cy-flow .msg:not(:empty){margin:8px 2px 0}.cy-flow .stack{margin-top:24px}.cy-flow .done{min-height:56px}.cy-flow .done .v{font-size:16px;line-height:24px}.cy-flow .done:hover{background:0 0}.cy-flow .done:hover .fix{color:var(--text)}.cy-flow .btn{border-radius:12px;height:52px;font-size:16px}.cy-flow .cta{background:0 0;border-top:0;padding:20px 0 0}.cy-flow .cta .in{max-width:none;padding:0}.cy-flow .social{margin-top:28px}.cy-flow .or{margin-bottom:16px}.cy-flow .social .row{justify-content:center;gap:20px;display:flex}.cy-flow .sbtn{width:52px;height:52px;box-shadow:var(--disc-sh);border-radius:50%;margin:0;transition:transform .2s,opacity .2s;position:relative}.cy-flow .sbtn:hover{transform:translateY(-1px)}.cy-flow .sbtn.google,.cy-flow .sbtn.apple{border:0}.cy-flow .sbtn .lbl{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cy-flow .sbtn svg{transform:scale(1.2)}.cy-flow .alt{margin-top:12px}.cy-flow .opt:hover{color:var(--text);background:0 0}.cy-flow .opts{border-top:1px solid var(--hair)}.cy-flow .opt{min-height:56px}.cy-flow .opt:last-child{border-bottom:1px solid var(--hair)}.cy-flow .consent{background:0 0;border:0;border-radius:0;padding:0}.cy-flow .crow{min-height:52px;padding:0}.cy-flow .crow:first-child{border-bottom:1px solid var(--hair-strong);margin-bottom:4px}.cy-flow .crow+.crow{border-top:0}.cy-flow .crow label{font-size:15px;line-height:22px}.cy-flow .crow label.all{font-size:16px}.cy-flow .box{border-radius:6px;width:20px;height:20px}.cy-flow .crow input:checked+.box{background:var(--text)}.cy-flow.finished .progress{display:none}.cy-flow.finished .q{margin:0}.cy-flow .finish{padding:24px 0 8px}.cy-flow .finish .ring{box-shadow:inset 0 0 0 1px var(--hair-strong);border:0}