.signup-captcha{min-width:0;margin:12px 0 4px;padding:16px 18px;border:1px solid #cbd7e8;border-radius:14px;background:linear-gradient(165deg,#fff 65%,#f7faff);color:var(--text,#20334c)}
.signup-captcha legend{padding:0 9px;font-weight:750;letter-spacing:-.01em;font-size:1rem}
.signup-captcha legend span{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:5px;border-radius:50%;background:#e5f4ea;color:#167348;font-size:.85rem}
.signup-captcha svg{display:block;max-width:100%;height:auto}
.signup-captcha-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.signup-captcha-heading p{margin:0;color:var(--muted,#536477);font-size:.86rem;line-height:1.5}
.signup-captcha button{font:inherit}
.signup-captcha .signup-captcha-refresh,.signup-captcha .signup-puzzle-reset{width:auto;min-height:34px;padding:5px 9px;border:1px solid #cdd9ea;background:#fff;color:#24529b;border-radius:8px;font-size:.8rem;font-weight:650;cursor:pointer;box-shadow:none}
.signup-captcha .signup-captcha-refresh:hover,.signup-captcha .signup-puzzle-reset:hover{background:#eff5ff}
.signup-captcha .signup-captcha-refresh:disabled{opacity:.55;cursor:wait}
.signup-captcha-main{min-width:0}
.signup-captcha-hint{margin:0 0 10px;font-size:.9rem;line-height:1.45}
.signup-captcha-status{display:flex;gap:6px;align-items:center;margin:12px 0 0;font-size:.79rem;color:#596c83;line-height:1.35}
.signup-captcha-status::before{content:'i';display:grid;place-items:center;flex:0 0 16px;height:16px;border:1px solid #a8bfd9;border-radius:50%;font-size:.68rem;font-weight:700}
.signup-captcha-status.is-error{color:#a32a37}
.signup-captcha-status.is-ready{color:#176b46}
.signup-captcha-status.is-ready::before{content:'✓';border-color:#72b795}
.signup-math-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.signup-captcha .signup-math-row label{margin:0;display:block;font-size:.93rem}
.signup-math-row strong{font-size:1.15rem;white-space:nowrap}
.listing-form .signup-captcha .signup-math-row input{width:112px;max-width:100%;margin:0}
.signup-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.signup-code-art{padding:5px;border:1px solid #d7e0ec;background:#eef4fa;border-radius:10px;flex:0 0 auto;max-width:100%}
.signup-code-art svg{width:200px;max-width:100%;height:auto}
.listing-form .signup-captcha .signup-code-row label{margin:0;flex:1 1 170px;max-width:260px;gap:5px}
.listing-form .signup-captcha .signup-code-row input{width:100%;text-transform:uppercase;letter-spacing:.08em;font-weight:650}
.signup-slider-panel{max-width:460px;padding:12px;border:1px solid #dce6f1;border-radius:12px;background:#f5f9fd}
.signup-slider-track{position:relative;height:54px;border-radius:9px;background:linear-gradient(90deg,#dce9f6,#edf5fc 55%,#d5e6f5);margin-bottom:10px;overflow:hidden}
.signup-slider-track::before{content:'';position:absolute;inset:6px;border:1px dashed #a9bfd6;border-radius:7px}
.signup-slider-target,.signup-slider-piece{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;font-size:30px;line-height:1}
.signup-slider-target{color:#42688b;text-shadow:0 1px 1px #fff}
.signup-slider-piece{left:0;color:#145fb3;filter:drop-shadow(0 1px 1px #ffffff)}
.listing-form .signup-captcha .signup-slider-panel label{margin:0;gap:4px;font-size:.83rem}
.listing-form .signup-captcha input[type=range]{display:block;width:100%;padding:0;min-height:32px;accent-color:var(--primary,#2563eb);cursor:grab}
.signup-slider-panel small{display:block;margin-top:3px;color:var(--muted,#607080);font-size:.78rem}
.signup-puzzle{max-width:430px}
.signup-puzzle-intro{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--muted,#52647c);font-size:.8rem;font-weight:650}
.signup-puzzle-reference{width:112px;border:1px solid #d8e2ed;border-radius:7px;overflow:hidden;background:#eef5fc}
.signup-puzzle-work{display:flex;flex-direction:column;gap:10px}
.signup-puzzle-targets{display:grid;grid-template-columns:repeat(var(--captcha-cols),minmax(0,1fr));gap:4px;width:min(320px,100%);border:3px solid #d7e5f5;border-radius:10px;overflow:hidden;background:#d7e5f5}
.signup-puzzle-slot{aspect-ratio:var(--captcha-ratio);min-width:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #8ea4c2;border-radius:4px;background:#f0f6fd;cursor:pointer;position:relative}
.signup-puzzle-slot-placeholder{color:#6884a7;font-size:1rem;font-weight:700;opacity:.7;pointer-events:none}
.signup-puzzle-slot.has-piece{border-style:solid;border-color:#7daac9;background:#fff}
.signup-puzzle-slot.has-piece .signup-puzzle-slot-placeholder{display:none}
.signup-puzzle-tray-wrap{border:1px solid #dae4ef;border-radius:10px;padding:8px;background:#fff;max-width:360px}
.signup-puzzle-tray-heading{display:flex;justify-content:space-between;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px;font-size:.84rem;font-weight:700}
.signup-puzzle-tray{display:flex;flex-wrap:wrap;gap:7px;min-height:38px;align-items:flex-start}
.signup-captcha .signup-puzzle-piece{display:block;aspect-ratio:var(--captcha-ratio);flex:0 1 calc((100% - 20px)/var(--captcha-cols));width:calc((100% - 20px)/var(--captcha-cols));max-width:104px;min-width:0;padding:0;overflow:hidden;border:2px solid #bacbe0;border-radius:7px;cursor:grab;background:#f8fbff;touch-action:manipulation;box-shadow:none}
.signup-captcha .signup-puzzle-piece:hover{border-color:#2563eb}
.signup-puzzle-slot .signup-puzzle-piece{flex:1;width:100%;height:100%;max-width:none;border:0;border-radius:0;cursor:pointer}
.signup-puzzle-piece svg{width:100%;height:100%;pointer-events:none}
.signup-puzzle-piece.signup-puzzle-selected{outline:3px solid #de7d20;outline-offset:2px;border-color:#de7d20}
.signup-puzzle-slot:focus-visible,.signup-puzzle-piece:focus-visible,.signup-captcha button:focus-visible,.signup-captcha summary:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.signup-captcha-alternative{margin-top:13px;padding-top:10px;border-top:1px solid #e1e9f3;font-size:.85rem}
.signup-captcha-alternative summary{cursor:pointer;color:#24529b;text-decoration:underline;text-underline-offset:3px}
.signup-captcha-alternative label.signup-alternative-toggle{display:flex;align-items:center;flex-direction:row;gap:8px;margin:10px 0 8px;font-size:.83rem}
.signup-captcha-alternative input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--primary,#2563eb)}
.signup-captcha-alternative label.signup-alternative-answer{display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:.83rem}
.signup-captcha-alternative .signup-alternative-answer input{width:125px;max-width:100%}
.signup-captcha[data-alternative-active="1"] .signup-captcha-main{opacity:.55}
@media(max-width:420px){.signup-captcha{padding:12px}.signup-captcha-heading{align-items:flex-start}.signup-puzzle-reference{width:96px}.signup-puzzle-tray{gap:5px}.signup-puzzle-tray-wrap{padding:7px}.signup-code-art svg{width:185px}}
@media(prefers-reduced-motion:reduce){.signup-captcha *{scroll-behavior:auto;transition:none!important}}