.cf-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:hsla(42,56%,96%,.55);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);font-family:var(--font-main);color:#17143a;animation:cf-in .25s both}@keyframes cf-in{0%{opacity:0}to{opacity:1}}.cf-panel{--ink:#17143a;--soft:#4b5563;--amber:#f59e0b;--coral:#f43f5e;position:relative;width:min(820px,100%);max-height:min(92vh,900px);display:flex;flex-direction:column;background:#fffdf8;border-radius:30px;box-shadow:0 50px 90px -40px rgba(23,20,58,.6),0 0 0 1px rgba(23,20,58,.08);overflow:hidden;animation:cf-up .35s cubic-bezier(.2,.8,.2,1) both}@keyframes cf-up{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.cf-head{display:flex;align-items:center;gap:14px;padding:22px 24px 8px 30px}.cf-bar{flex:1 1;height:8px;background:#efe9db;overflow:hidden}.cf-bar,.cf-bar i{border-radius:999px}.cf-bar i{display:block;height:100%;background:linear-gradient(90deg,#fbbf24,#f43f5e);transition:width .5s cubic-bezier(.2,.8,.2,1)}.cf-pct{font-size:12.5px;font-weight:800;color:#8b8fa3;min-width:38px;text-align:right}.cf-x{width:42px;height:42px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 1px rgba(23,20,58,.12);font-size:26px;line-height:1;cursor:pointer;color:var(--ink);display:grid;place-items:center;padding-bottom:3px}.cf-x:hover{background:#f5f1e8}.cf-body{flex:1 1;overflow-y:auto;padding:18px 30px 26px;display:flex;flex-direction:column;gap:18px;animation:cf-step .35s both}@keyframes cf-step{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}.cf-h{margin:6px 0 0;font-weight:800;font-size:clamp(26px,4.6vw,42px);letter-spacing:-.035em;line-height:1.1}.cf-h.center{text-align:center}.cf-name{background:linear-gradient(100deg,#f59e0b,#f43f5e);-webkit-background-clip:text;background-clip:text;color:transparent}.cf-sub{margin:-4px 0 0;color:var(--soft);line-height:1.6;font-size:16px}.cf-narrow{max-width:520px;width:100%;margin:14px auto 0}.cf-input{font:inherit;font-size:22px;font-weight:700;padding:18px 20px;border-radius:16px;border:2px solid rgba(23,20,58,.16);background:#fff;color:var(--ink);width:100%;margin-top:8px}.cf-input:focus{outline:3px solid rgba(245,158,11,.4);border-color:var(--amber)}.cf-input.area{font-size:17px;font-weight:500;resize:vertical}.cf-adv{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:6px}.cf-adv button{font:inherit;cursor:pointer;border:2px solid rgba(23,20,58,.12);background:#fff;border-radius:18px;padding:8px;display:flex;flex-direction:column;gap:8px;align-items:center;font-weight:700;font-size:14px;color:var(--ink);transition:transform .2s,border-color .2s}.cf-adv button:hover{transform:translateY(-2px)}.cf-adv button.sel{border-color:var(--amber);box-shadow:0 0 0 3px rgba(245,158,11,.25)}.cf-adv .th{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}.cf-adv .th img{object-fit:cover}.cf-gender{display:flex;justify-content:center;gap:16px;margin-top:18px;flex-wrap:wrap}.cf-gender button{font:inherit;cursor:pointer;width:170px;background:#fff;border:2px solid rgba(23,20,58,.1);border-radius:22px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 14px 24px -18px rgba(23,20,58,.5)}.cf-gender button:hover{transform:translateY(-3px)}.cf-gender button.sel{border-color:var(--amber);box-shadow:0 0 0 4px rgba(245,158,11,.25)}.cf-gender .av{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden}.cf-gender .av img{object-fit:cover}.cf-lang{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:10px}.cf-lang button{position:relative;font:inherit;cursor:pointer;text-align:center;background:#fff;border:2px solid rgba(23,20,58,.1);border-radius:20px;padding:18px 10px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink);transition:transform .2s,border-color .2s,background .2s}.cf-lang button:hover{transform:translateY(-2px)}.cf-lang button.sel{border-color:var(--amber);background:#fff8e6}.cf-lang b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#f1ecdf;font-size:13px;letter-spacing:.04em;margin-bottom:6px}.cf-lang span{font-weight:800;font-size:16px}.cf-lang small{color:#8b8fa3;font-size:12.5px}.cf-lang i{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;border:2px solid #d9d2c0;display:grid;place-items:center;font-style:normal;font-size:13px;color:#fff}.cf-lang button.sel i{background:var(--amber);border-color:var(--amber)}.cf-drop{position:relative;display:grid;place-items:center;min-height:190px;border:2px dashed rgba(245,158,11,.6);border-radius:22px;cursor:pointer;overflow:hidden;background:linear-gradient(160deg,#fffaf0,#fff5f5);font-weight:800;transition:border-color .2s}.cf-drop:hover{border-color:var(--coral)}.cf-drop .in{display:flex;flex-direction:column;align-items:center;gap:12px}.cf-drop .in i{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fbbf24,#f43f5e);color:#fff;font-style:normal;font-size:30px;line-height:1;padding-bottom:3px}.cf-drop.has{border-style:solid;border-color:#10b981;min-height:0}.cf-drop img{width:100%;max-height:300px;object-fit:contain;display:block}.cf-drop em{position:absolute;bottom:10px;right:12px;font-style:normal;font-size:13px;background:rgba(23,20,58,.8);color:#fff;padding:6px 12px;border-radius:999px}.cf-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.cf-login{background:#fff8e6;border-radius:20px;padding:24px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}.cf-login p{margin:0;color:var(--soft);line-height:1.6}.cf-chip{display:inline-block;font-weight:800;font-size:15px;padding:10px 18px;border-radius:999px;background:#fff;box-shadow:0 8px 18px -10px rgba(23,20,58,.35),0 0 0 1px rgba(23,20,58,.06)}.cf-tipgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-top:16px}.cf-tipgrid .tip{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:13px;line-height:1.45;color:var(--soft)}.cf-tipgrid .ph{position:relative;width:84px;height:84px;border-radius:50%;border:3px solid}.cf-tipgrid .ph img{object-fit:cover;border-radius:50%}.cf-tipgrid .ph.ok{border-color:#22a35a}.cf-tipgrid .ph.no{border-color:#e11d48}.cf-tipgrid .ph.warn{border-color:#eab308}.cf-tipgrid .ph b{position:absolute;top:-6px;right:-6px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;border:2px solid #fffdf8}.cf-tipgrid .ph.ok b{background:#22a35a}.cf-tipgrid .ph.no b{background:#e11d48}.cf-tipgrid .ph.warn b{background:#eab308}.cf-consent{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;line-height:1.6;color:var(--soft);background:#f7f3ea;border-radius:16px;padding:14px;margin-top:4px}.cf-consent input{margin-top:3px;width:20px;height:20px;flex:none;accent-color:var(--amber)}.cf-consent a{text-decoration:underline;font-weight:700}.cf-wait{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:20px 0;max-width:460px;margin:0 auto;color:var(--soft);line-height:1.6}.cf-wait small{color:#8b8fa3;font-weight:700}.cf-spin{width:58px;height:58px;border-radius:50%;border:5px solid #f3e6c8;border-top:5px solid var(--amber);animation:cf-r 1s linear infinite}@keyframes cf-r{to{transform:rotate(1turn)}}.cf-avatar{display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px;border-radius:28px;border:2px solid #c7c2f5;background:#fff;max-width:380px;margin:4px auto 0;box-shadow:0 30px 50px -34px rgba(23,20,58,.5)}.cf-avatar img{width:100%;border-radius:20px;display:block;aspect-ratio:4/5;object-fit:cover;object-position:top}.cf-swap{font:inherit;font-weight:800;font-size:14px;border:0;cursor:pointer;padding:11px 20px;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px #c7c2f5;color:var(--ink)}.cf-swap:hover{background:#f4f2ff}.cf-prev{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.cf-prev figure{margin:0;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 16px 26px -16px rgba(23,20,58,.55),0 0 0 1.5px rgba(23,20,58,.4);aspect-ratio:1}.cf-prev img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.cf-prev figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 12px;color:#fff;font-weight:800;font-size:15px;background:linear-gradient(transparent,rgba(18,15,50,.85))}.cf-ded{margin:0;font-style:italic;color:var(--soft)}.cf-actions{display:flex;gap:12px;flex-wrap:wrap}.cf-note{margin:0;font-size:13px;color:#8b8fa3}.cf-err{margin:0;padding:12px 14px;border-radius:12px;background:#fff1f2;color:#be123c;font-weight:700;font-size:14px}.cf-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 30px 22px;border-top:1px solid rgba(23,20,58,.08);background:#fffdf8}.cf-back,.cf-next{font:inherit;font-weight:800;font-size:16px;border-radius:999px;cursor:pointer;padding:15px 30px;transition:transform .2s,box-shadow .2s,opacity .2s}.cf-back{background:#fff;border:1.5px solid rgba(23,20,58,.15);color:var(--ink)}.cf-back:disabled{color:#b8b2a0;cursor:default}.cf-next{border:0;color:#fff;background:linear-gradient(100deg,#f59e0b,#f43f5e);box-shadow:0 14px 26px -12px rgba(244,63,94,.7)}.cf-next:hover:not(:disabled){transform:translateY(-2px)}.cf-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.cf-overlay .lv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 26px;border-radius:14px;background:#17143a;color:#fff;font-weight:800;font-size:15px;border:0;cursor:pointer;font-family:inherit}.cf-overlay .lv-btn.amber{background:#f59e0b;color:#2a1700}.cf-overlay .lv-btn.ghost{background:transparent;color:#17143a;box-shadow:inset 0 0 0 1.5px #17143a}.cf-overlay .lv-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.cf-overlay{padding:0;align-items:end}.cf-panel{width:100%;max-height:96vh;border-radius:26px 26px 0 0}.cf-head{padding:16px 16px 4px 20px}.cf-body{padding:14px 20px 20px}.cf-foot{padding:12px 20px 18px}.cf-adv,.cf-lang,.cf-tipgrid{grid-template-columns:repeat(2,1fr)}.cf-prev{grid-template-columns:1fr}.cf-gender button{width:calc(50% - 8px)}.cf-gender .av{width:96px;height:96px}.cf-back,.cf-next{padding:14px 24px}}@media (prefers-reduced-motion:reduce){.cf-body,.cf-overlay,.cf-panel{animation:none}.cf-bar i{transition:none}}.age{--f:.5;padding:6px 4px 0;width:100%}.age-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:34px}.age-stage{font-weight:800;font-size:15px;color:#92400e;background:#fef3c7;padding:6px 13px;border-radius:999px}.age-val{color:#4b5563;font-weight:700}.age-val b{font-size:30px;color:#17143a;letter-spacing:-.03em}.age-rail{position:relative;height:40px}.age-track{right:0;top:15px;height:10px;background:#ece7da;overflow:hidden}.age-fill,.age-track{position:absolute;left:0;border-radius:999px}.age-fill{top:0;bottom:0;width:calc(17px + (100% - 34px) * var(--f));background:linear-gradient(90deg,#fbbf24,#f43f5e);transition:width .12s ease-out}.age-bubble{top:-34px;left:calc(17px + (100% - 34px) * var(--f));transform:translateX(-50%);min-width:38px;padding:5px 10px;text-align:center;border-radius:10px;color:#fff;font-weight:800;font-size:15px;pointer-events:none;transition:left .12s ease-out}.age-bubble,.age-bubble:after{position:absolute;background:#17143a}.age-bubble:after{content:"";left:50%;bottom:-5px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);border-radius:2px}.age-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;width:100%;height:40px;margin:0;padding:0;border:0;background:transparent;cursor:-webkit-grab;cursor:grab;touch-action:pan-y}.age-input:active{cursor:-webkit-grabbing;cursor:grabbing}.age-input::-webkit-slider-runnable-track{height:40px;background:transparent}.age-input::-moz-range-track{height:40px;background:transparent}.age-input::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;margin-top:3px;border-radius:50%;background:#fff;border:4px solid #f59e0b;box-shadow:0 8px 18px -6px rgba(23,20,58,.55);-webkit-transition:transform .15s;transition:transform .15s}.age-input::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:4px solid #f59e0b;box-shadow:0 8px 18px -6px rgba(23,20,58,.55)}.age-input:active::-webkit-slider-thumb{transform:scale(1.18)}.age-input:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(99,102,241,.6);outline-offset:3px}.age-ticks{display:flex;justify-content:space-between;padding:0 12px;margin-top:4px}.age-ticks span{width:10px;text-align:center;font-size:12px;font-weight:700;color:#b8b2a0;position:relative;padding-top:10px}.age-ticks span:before{content:"";position:absolute;top:0;left:50%;width:2px;height:6px;background:#d9d2c0;transform:translateX(-50%);border-radius:2px}.age-ticks span.on{color:#17143a}.age-ticks span.on:before{background:#f59e0b}@media (prefers-reduced-motion:reduce){.age-bubble,.age-fill,.age-input::-webkit-slider-thumb{-webkit-transition:none;transition:none}}