/* ORP Connect: shared appearance tokens, logical spacing, no profile imagery or external assets. */
.connect-main{--connect-rose:#e56b94;--connect-violet:#9b86ed;color:var(--orp-theme-text,var(--text));max-width:100%;min-width:0}.connect-main a{ text-underline-offset:.2em}.connect-main label{display:block;margin-block:1rem .4rem}.connect-main input:not([type=checkbox]):not([type=radio]),.connect-main textarea,.connect-main select{max-width:100%;box-sizing:border-box}.connect-main .choice input{margin-inline-end:.5rem}.connect-main .action-row{flex-wrap:wrap;gap:.65rem}.connect-main form{margin-block:1rem}.connect-main textarea{resize:vertical}.connect-main .notice:empty{display:none}.connect-heading{margin-block-end:1.5rem}.connect-heading p{color:var(--muted)}.connect-wordmark{font-size:1.35rem;font-weight:850;text-decoration:none}.connect-welcome{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:3rem;align-items:center;padding:clamp(22px,4vw,48px);border:1px solid var(--border);border-radius:30px;background:radial-gradient(ellipse at 10% 10%,color-mix(in srgb,var(--connect-rose) 13%,transparent),transparent 65%),radial-gradient(ellipse at 90% 80%,color-mix(in srgb,var(--connect-violet) 14%,transparent),transparent 70%);position:relative;overflow:hidden}.connect-eyebrow{font-weight:800;font-size:.8rem;letter-spacing:.06em;margin-block:0 1.1rem}.connect-welcome .connect-wordmark{font-size:1rem;margin-block:0 1rem;color:var(--muted)}.connect-welcome h1{font-size:clamp(2.3rem,4.6vw,3.65rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 1.3rem;text-wrap:balance;max-width:15ch;overflow-wrap:normal;word-break:normal}.connect-lead{font-size:1.08rem;line-height:1.8;max-width:43ch}.connect-free{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;border:1px solid var(--border);border-radius:999px;padding:.55rem 1rem;background:var(--surface);margin-block:.6rem}.connect-free span{font-size:1.5rem;line-height:1}.connect-tagline{font-weight:650;font-size:.95rem;color:var(--muted)}.connect-art{height:125px;max-width:290px;position:relative;margin-block:.7rem 0;direction:ltr}.connect-orbit{position:absolute;width:230px;height:100px;border:1px dashed color-mix(in srgb,var(--connect-violet) 65%,var(--border));border-radius:50%;inset:10px 20px;transform:rotate(-13deg)}.connect-face{display:grid;place-items:center;position:absolute;inset-block-start:20px;width:78px;height:78px;border-radius:27px;font:65px/1 system-ui;color:#332b4d;box-shadow:0 12px 25px #0000000d}.connect-face-one{inset-inline-start:20px;background:#ffdbb0;transform:rotate(-10deg)}.connect-face-two{inset-inline-start:170px;background:#cbbdf5;transform:rotate(12deg)}.connect-heart{position:absolute;inset:18px auto auto 106px;font-size:56px;color:var(--connect-rose);transform:rotate(-7deg)}.connect-spark{position:absolute;inset:0 auto auto 245px;font-size:24px;color:var(--connect-violet)}.connect-join.card{border-radius:24px;box-shadow:0 16px 40px #0000000a;padding:clamp(22px,2.8vw,32px);position:relative}.connect-join-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid var(--border);border-radius:18px;font-size:28px;margin-block-end:1.2rem;background:color-mix(in srgb,var(--connect-rose) 10%,transparent)}.connect-join h2{font-size:1.55rem;margin-block:0 .8rem}.connect-join p{line-height:1.65}.connect-join form>.btn{width:100%;margin-block-start:1rem;white-space:normal}.connect-join .input{min-height:48px}.connect-adult{display:flex;align-items:flex-start;gap:.65rem;border-top:1px solid var(--border);padding-block-start:1rem}.connect-adult span{font-size:.75rem;font-weight:800;flex-shrink:0;border:1px solid var(--border);padding:2px 5px;border-radius:6px}.connect-policy-link{font-size:.85rem}.connect-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:24px}.connect-features .card{padding:26px;box-shadow:none}.connect-feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--connect-violet) 9%,transparent);font-size:25px;margin-block-end:1rem}.connect-features h2{font-size:1.2rem;margin-block:0 .65rem}.connect-features p,.connect-safety p{line-height:1.75;margin:0;color:var(--muted)}.connect-next{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem;align-items:center;padding:28px 8px;margin-block:1.5rem}.connect-next h2{font-size:1.8rem;max-width:20ch;margin:0}.connect-steps{list-style:none;counter-reset:connect-step;display:grid;gap:1.2rem;padding:0;margin:0}.connect-steps li{counter-increment:connect-step;display:flex;align-items:center;gap:1rem;line-height:1.65}.connect-steps li:before{content:counter(connect-step,decimal-leading-zero);font-size:.8rem;font-weight:800;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;min-width:35px;height:35px;background:color-mix(in srgb,var(--connect-rose) 9%,transparent)}.connect-safety{display:flex;align-items:center;gap:1.3rem;margin-block:1rem 2rem;box-shadow:none}.connect-safety>span{font-size:2rem}.connect-safety>div{flex:1}.connect-safety h2{font-size:1.2rem;margin-block:0 .5rem}.connect-safety>a{flex-shrink:0}.connect-policy{border-top:1px solid var(--border);padding-block:1.5rem;margin-block-start:2rem}.connect-policy details{line-height:1.7}.connect-policy summary{cursor:pointer;font-weight:750}.connect-languages{margin-block-start:1.5rem}.connect-languages nav{display:flex;flex-wrap:wrap;gap:.6rem 1rem;font-size:.85rem}.connect-sections{display:flex;gap:.6rem;flex-wrap:wrap;margin-block:1rem 1.5rem}.connect-sections a,.connect-sections summary{display:inline-flex;align-items:center;padding:.6rem .85rem;border:1px solid var(--border);border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:700;cursor:pointer;background:var(--surface);white-space:nowrap;word-break:normal;flex:0 0 auto}.connect-sections a[aria-current=page]{outline:2px solid var(--orp-theme-accent,var(--blue));outline-offset:1px}.connect-more{position:relative}.connect-more[open]{flex-basis:100%}.connect-more>div{display:flex;flex-wrap:wrap;gap:.6rem;margin-block-start:.7rem}.connect-main :focus-visible{outline:3px solid var(--orp-theme-accent,var(--blue));outline-offset:4px}.connect-main [id]{scroll-margin-top:150px}@media(max-width:800px){.connect-welcome{gap:1.8rem;grid-template-columns:1fr}.connect-welcome h1{max-width:22ch}.connect-art{height:110px}.connect-features{grid-template-columns:1fr}.connect-next{grid-template-columns:1fr}.connect-safety{align-items:flex-start;flex-wrap:wrap}.connect-join.card{max-width:none}.connect-welcome{padding:24px}.connect-next{padding:18px 4px}.connect-features .card{padding:22px}}@media(prefers-reduced-motion:reduce){.connect-main *{scroll-behavior:auto!important}}

/* Friendship and love palette. Surfaces still derive from ORP's selected theme. */
.connect-main{--connect-love:#be185d;--connect-friendship:#0f766e;--connect-possibility:#6d28d9;--connect-rose:#e879a4;--connect-violet:#a78bfa}
html[data-orp-theme="dark"] .connect-main{--connect-love:#f9a8d4;--connect-friendship:#5eead4;--connect-possibility:#c4b5fd}
.connect-welcome{background:radial-gradient(ellipse at 8% 4%,color-mix(in srgb,var(--connect-rose) 23%,transparent),transparent 67%),radial-gradient(ellipse at 95% 80%,color-mix(in srgb,var(--connect-violet) 23%,transparent),transparent 72%);border-color:color-mix(in srgb,var(--connect-love) 28%,var(--border));box-shadow:0 18px 55px color-mix(in srgb,var(--connect-rose) 9%,transparent)}
.connect-welcome h1{color:var(--connect-love);background:linear-gradient(120deg,var(--connect-love),var(--connect-possibility) 67%,var(--connect-friendship));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.connect-welcome .connect-wordmark,.connect-eyebrow{color:var(--connect-love)}.connect-lead{color:var(--connect-possibility)}.connect-tagline{color:var(--connect-friendship)}.connect-free{color:var(--connect-love);border-color:color-mix(in srgb,var(--connect-love) 30%,var(--border));background:color-mix(in srgb,var(--connect-rose) 10%,var(--orp-theme-surface,var(--surface)))}
.connect-join.card{background:linear-gradient(155deg,color-mix(in srgb,var(--connect-rose) 9%,transparent),transparent 70%),var(--orp-theme-surface,var(--surface))!important;border-color:color-mix(in srgb,var(--connect-love) 26%,var(--border))!important}.connect-join h2{color:var(--connect-love)!important}.connect-join-icon{background:color-mix(in srgb,var(--connect-rose) 18%,transparent);border-color:color-mix(in srgb,var(--connect-rose) 35%,var(--border))}.connect-join .btn:not(.secondary){background:linear-gradient(115deg,#be185d,#7c3aed)!important;color:#fff!important;box-shadow:0 8px 22px #be185d22}
.connect-features>article{--connect-card-color:var(--connect-friendship);background:linear-gradient(145deg,color-mix(in srgb,var(--connect-card-color) 9%,transparent),transparent 90%),var(--orp-theme-surface,var(--surface))!important;border-color:color-mix(in srgb,var(--connect-card-color) 30%,var(--border))!important;border-block-start:3px solid var(--connect-card-color)!important}.connect-features>article:nth-child(2){--connect-card-color:var(--connect-love)}.connect-features>article:nth-child(3){--connect-card-color:var(--connect-possibility)}.connect-features>article h2{color:var(--connect-card-color)!important}.connect-feature-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;background:color-mix(in srgb,var(--connect-card-color) 13%,transparent);border-color:color-mix(in srgb,var(--connect-card-color) 25%,var(--border));font-size:27px;width:50px;height:50px}.connect-face{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:51px}.connect-heart{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:46px}.connect-next h2{color:var(--connect-possibility)}.connect-steps li:before{color:var(--connect-love);border-color:color-mix(in srgb,var(--connect-love) 30%,var(--border));background:color-mix(in srgb,var(--connect-rose) 13%,transparent)}
.connect-main .connect-safety.card{display:block;padding:0;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--connect-friendship) 8%,transparent),color-mix(in srgb,var(--connect-violet) 8%,transparent)),var(--orp-theme-surface,var(--surface))!important;border-color:color-mix(in srgb,var(--connect-friendship) 30%,var(--border))!important}.connect-safety>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.3rem;padding:24px;cursor:pointer;list-style:none}.connect-safety>summary::-webkit-details-marker{display:none}.connect-safety-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:2rem;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--connect-friendship) 12%,transparent)}.connect-safety-intro{display:grid;gap:.55rem;min-width:0}.connect-safety-intro>strong{font-size:1.2rem;color:var(--connect-friendship)}.connect-safety-intro>span{color:var(--muted);line-height:1.7}.connect-privacy-trigger{color:var(--connect-possibility);font-weight:750;text-decoration:underline;text-underline-offset:.22em;white-space:nowrap}.connect-privacy-chevron{display:inline-block;text-decoration:none;margin-inline-start:.35rem}.connect-safety[open] .connect-privacy-chevron{transform:rotate(180deg)}.connect-privacy-content{border-block-start:1px solid var(--border);padding:8px 24px 24px;line-height:1.8;overflow-wrap:anywhere}.connect-privacy-content p{color:var(--orp-theme-text,var(--text));margin-block:1rem}.connect-footer{padding-block:1rem}.connect-footer .connect-languages{margin-block-start:.5rem}
@media(max-width:600px){.connect-safety>summary{grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:20px}.connect-privacy-trigger{grid-column:2;justify-self:start}.connect-privacy-content{padding-inline:20px}.connect-safety-icon{width:42px;height:42px;font-size:1.75rem}}
@media(forced-colors:active){.connect-welcome h1{background:none!important;-webkit-text-fill-color:CanvasText;color:CanvasText}.connect-features>article,.connect-main .connect-safety.card,.connect-join.card{background:Canvas!important;border-color:CanvasText!important}.connect-privacy-trigger{color:LinkText}}

/* Member workspace: consistent forms, readable groups and clear progression. */
.connect-main:not(.connect-landing) .connect-heading{padding:22px 24px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--connect-rose) 12%,var(--surface)),color-mix(in srgb,var(--connect-violet) 9%,var(--surface)));margin-bottom:20px}.connect-main:not(.connect-landing) .connect-heading p{margin:7px 0 0;color:var(--muted)}.connect-main:not(.connect-landing)>.card{padding:28px;border-radius:20px}.connect-main:not(.connect-landing) form{margin-block:18px}.connect-main:not(.connect-landing) input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),.connect-main:not(.connect-landing) select,.connect-main:not(.connect-landing) textarea{width:100%;padding:12px 14px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;min-height:46px}.connect-main:not(.connect-landing) textarea{resize:vertical;min-height:110px}.connect-main:not(.connect-landing) fieldset{border:1px solid var(--border);border-radius:16px;padding:20px;margin-block:22px;background:color-mix(in srgb,var(--connect-violet) 4%,var(--surface))}.connect-main:not(.connect-landing) legend{font-weight:800;color:var(--connect-possibility);padding-inline:8px}.connect-main .connect-setup{border-color:color-mix(in srgb,var(--connect-violet) 40%,var(--border))}.connect-main .connect-setup [aria-current=step]{background:var(--orp-theme-accent,var(--blue));color:#fff;border-color:transparent}.connect-main:not(.connect-landing) label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;line-height:1.65}.connect-main:not(.connect-landing) input[type=checkbox]{flex:0 0 auto;margin-top:7px;accent-color:var(--connect-possibility)}.connect-main .connect-reconfirm{max-width:660px;margin-inline:auto}.connect-reconfirm>p{line-height:1.7}.connect-main .notice{border-radius:12px;padding:16px 20px;margin-block:18px}@media(max-width:650px){.connect-main:not(.connect-landing)>.card,.connect-main:not(.connect-landing) .connect-heading{padding:20px}.connect-main:not(.connect-landing) fieldset{padding:16px}.connect-main .connect-setup .btn{font-size:12px;padding:9px 11px}}

/* Highlight the confirmed identity without making it a navigable email link. */
.connect-email-highlight{display:inline-block;max-width:100%;box-sizing:border-box;margin-inline:3px;padding:4px 9px;border:1px solid var(--orp-theme-accent,#7c3aed);border-radius:7px;background:color-mix(in srgb,var(--orp-theme-accent,#7c3aed) 14%,var(--surface,#fff));color:var(--text,#172033);font-weight:750;line-height:1.5;vertical-align:baseline;overflow-wrap:anywhere}
.connect-email-highlight bdi{unicode-bidi:isolate;overflow-wrap:anywhere}
@media(forced-colors:active){.connect-email-highlight{background:Canvas;color:CanvasText;border:2px solid CanvasText}}

.connect-editor{margin-block:8px 14px;min-width:0}.connect-editor-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-block-end:8px}.connect-editor-tool{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-width:42px;min-height:42px;padding:8px 12px;border:1px solid var(--border,#cbd5e1);border-radius:9px;background:var(--surface,#fff);color:var(--text,#172033);font:inherit;cursor:pointer}.connect-editor-tool:hover,.connect-editor-tool[aria-expanded=true]{border-color:var(--orp-theme-accent,#7c3aed);background:color-mix(in srgb,#7c3aed 10%,var(--surface,#fff))}.connect-editor button:focus-visible{outline:3px solid var(--orp-theme-accent,#7c3aed);outline-offset:3px}.connect-editor textarea{width:100%;box-sizing:border-box}.connect-editor-hint{color:var(--muted,#64748b);font-weight:400;margin-block:8px}.connect-editor-status{font-weight:600;color:var(--text,#172033)}.connect-editor-preview{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border,#cbd5e1);border-radius:12px;background:var(--surface,#fff);color:var(--text,#172033);padding:16px;margin-block-start:10px;min-height:60px;font-weight:400}.connect-editor-emojis{display:grid;grid-template-columns:repeat(auto-fit,minmax(42px,1fr));gap:5px;border:1px solid var(--border,#cbd5e1);border-radius:12px;background:var(--surface,#fff);padding:10px;max-width:410px;margin-block-start:10px}.connect-editor-emojis[hidden],.connect-editor-preview[hidden]{display:none}.connect-editor-emojis button{min-width:42px;min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;font-size:24px}.connect-editor-emojis button:hover{border-color:var(--orp-theme-accent,#7c3aed);background:color-mix(in srgb,#7c3aed 10%,var(--surface,#fff))}

.connect-country-search{position:relative;margin-block-end:14px;max-width:100%}.connect-country-search>label{display:block}.connect-country-search input{width:100%;box-sizing:border-box}.connect-country-results{position:absolute;inset-inline:0;top:100%;z-index:30;max-height:290px;overflow-y:auto;background:var(--surface,#fff);color:var(--text,#172033);border:1px solid var(--border,#cbd5e1);border-radius:12px;box-shadow:0 12px 30px #0f172a25;margin-block-start:3px;padding:5px}.connect-country-results[hidden]{display:none}.connect-country-results>[role=option]{padding:12px 14px;min-height:22px;border-radius:7px;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}.connect-country-results>[role=option]:hover,.connect-country-results>[aria-selected=true]{background:color-mix(in srgb,var(--orp-theme-accent,#7c3aed) 15%,var(--surface,#fff));outline:1px solid var(--orp-theme-accent,#7c3aed);outline-offset:-1px}.connect-country-status{display:block;min-height:1.5em;font-size:13px;color:var(--muted,#64748b);margin-block-start:6px}
/* Explicit hidden rules protect photo controls from global image/display styles. */
.connect-crop [hidden]{display:none!important}.connect-crop{margin-block:1rem;padding:1rem;border:1px solid var(--border,#ccc);border-radius:18px;background:color-mix(in srgb,var(--accent,#7951d1) 5%,transparent)}.connect-crop-stage{position:relative;display:table;max-width:100%;touch-action:none;overflow:hidden;border-radius:12px;cursor:crosshair;margin-inline:auto}.connect-crop-stage img{display:block;max-width:100%;max-height:65vh;width:auto;height:auto}.connect-crop-stage [data-crop-box]{position:absolute;pointer-events:none;box-sizing:border-box;border:3px solid white;outline:2px solid #6530bb;box-shadow:0 0 0 200vmax #0006}.connect-crop-sliders{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-block:1rem}.connect-crop-sliders label{display:grid;gap:.5rem;font-weight:600}.connect-crop-sliders input{width:100%;min-height:44px;accent-color:var(--accent,#7951d1);direction:ltr}.connect-crop [data-crop-empty]{padding:1.5rem;text-align:center;border:2px dashed var(--border,#aaa);border-radius:12px}.connect-crop [data-crop-error]{font-weight:600}

/* Match native figure edges to adjacent full-width profile cards. */
.connect-main figure.connect-preview-photo{margin-inline:0;margin-block:12px;min-width:0}.connect-photo-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin-block:10px;color:var(--text)}