.dating-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:28px;align-items:center;background:linear-gradient(120deg,#fff9f5,#f4efff);border:1px solid #eadfeb;border-radius:24px;padding:28px;margin-bottom:20px;overflow:hidden}.dating-intro h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.12;max-width:17ch}.dating-intro .original-art{width:100%;margin:0}.dating-intro .original-art .art-depth-scene>img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:18px}.dating-mode{font-weight:700;color:#5d386e}.dating-profile-overview{display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;border:1px solid #e8dfed;border-radius:18px;padding:22px;margin-bottom:14px}.dating-profile-overview h3{margin:.35rem 0}.dating-profile-overview p{max-width:65ch;margin-bottom:0}.dating-profile-overview button{flex-shrink:0}.dating-trust-strip{display:flex;flex-wrap:wrap;gap:8px}.dating-trust-strip span{border:1px solid #e8dfed;border-radius:30px;background:#fbf8ff;padding:8px 14px;font-weight:600;font-size:.85rem}.dating-demo-note{padding:14px 18px;border-inline-start:3px solid #9071bb;color:#54465f;background:#f8f5fc;border-radius:8px;line-height:1.6}.dating-toolbar{align-items:flex-start;gap:12px;flex-wrap:wrap}.dating-toolbar [role=tablist]{display:flex;flex-wrap:wrap;gap:6px}.dating-toolbar [role=tab]{display:flex;align-items:center;gap:8px;min-height:48px;max-width:100%;white-space:normal}.dating-toolbar [role=tab] img{width:28px;height:28px;object-fit:contain}.dating-toolbar [role=tab][aria-selected=true]{background:#ede4fa;border:1px solid #9b7abb;color:#482a64}.dating-layout{grid-template-columns:minmax(0,1fr) 230px}.dating-card{overflow:hidden;border:1px solid #e6dceb;border-radius:20px;background:white}.dating-photo{background:linear-gradient(145deg,#f9ecf5,#f0eafd)}.dating-photo>span{font-size:.75rem}.dating-copy{padding:24px}.dating-copy h3{font-size:1.35rem}.dating-copy .pill{color:#60427d;background:#f0e8f9;font-weight:600}.dating-aside{background:#faf7fe;border:1px solid #e6dceb;border-radius:18px;padding:22px;align-self:start}.dating-aside>img{width:64px;height:64px;object-fit:contain}.dating-actions{flex-wrap:wrap;gap:8px}.dating-actions button{min-height:44px}.dating-empty{padding:44px 24px;background:#faf8fd;border:1px dashed #ccb9dc;border-radius:20px}.dating-gate{background:#fff;border:1px solid #e6dceb;border-radius:20px;padding:26px;margin-top:20px}.dating-gate label{display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin-block:16px}.dating-gate input{flex-shrink:0;margin-top:4px}.dating-gate h3{font-size:1.3rem}.dating-toolbar button:focus-visible,.dating-profile-overview button:focus-visible,.dating-cards:focus-visible{outline:3px solid #775098;outline-offset:3px}.profile-dialog .photo-editor{background:#faf7ff;border:1px solid #e7deee;border-radius:16px;padding:18px}.profile-dialog fieldset{border:1px solid #e7deee;border-radius:14px;padding:16px}.profile-dialog legend{font-weight:700;padding:0 7px}.profile-dialog .editor-note{border-inline-start:3px solid #9976b6;padding:12px;background:#faf7ff}.profile-dialog input,.profile-dialog select,.profile-dialog textarea{max-width:100%}@media(max-width:850px){.dating-layout{grid-template-columns:1fr}.dating-aside{display:block}.dating-intro{gap:18px;padding:20px;grid-template-columns:1fr 40%}.dating-profile-overview{align-items:flex-start}.dating-toolbar [role=tablist]{width:100%}}@media(max-width:560px){.dating-intro{grid-template-columns:1fr;padding:20px}.dating-intro h2{max-width:22ch}.dating-intro .original-art{max-width:420px;justify-self:center}.dating-profile-overview{display:block;padding:18px}.dating-profile-overview button{margin-top:16px;width:100%}.dating-toolbar [role=tab]{flex:1;flex-direction:column;font-size:.82rem;padding:10px 6px}.dating-toolbar [role=tablist]{flex-wrap:nowrap}.dating-card{min-width:0}.dating-copy{padding:18px}.dating-trust-strip span{font-size:.75rem;padding:7px 10px}.dating-gate{padding:18px}.dating-actions button{flex:1}.dating-aside{padding:18px}}@media(prefers-reduced-motion:reduce){.dating-intro *{transition:none!important;animation:none!important;transform:none!important}}
/* Light surfaces retain readable text independently of the surrounding shell theme. */
.dating-intro,.dating-profile-overview,.dating-gate,.dating-card,.dating-aside,.dating-empty{color:#30243d}.dating-intro p,.dating-profile-overview p,.dating-copy p,.dating-aside p,.dating-gate p,.dating-photo span{color:#66596f}.dating-intro .eyebrow,.dating-profile-overview .eyebrow{color:#765093}.dating-trust-strip{color:#604975}.dating-profile-overview .secondary,.dating-gate .secondary,.dating-card .secondary,.dating-aside .secondary{color:#4d355f;background:#fff;border-color:#cbb9d8}.dating-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;overflow-wrap:normal;word-break:normal}.dating-actions img{flex-shrink:0;width:24px;height:24px;margin:0}.dating-actions .primary{background:#765199;color:#fff;border-color:#765199}.dating-actions .secondary{border-color:#cbb9d8}.dating-photo .pill{max-width:100%}@media(max-width:560px){.dating-actions button{flex:1 1 110px}.dating-actions [data-safety]{flex-basis:100%}.dating-copy .pill{line-height:1.5}}

html[data-theme=dark] .dating-intro,html[data-theme=dark] .dating-profile-overview,html[data-theme=dark] .dating-gate,html[data-theme=dark] .dating-card,html[data-theme=dark] .dating-aside,html[data-theme=dark] .dating-empty{color:#f2eafa;background:#221d2b;border-color:#4f405c}html[data-theme=dark] .dating-intro p,html[data-theme=dark] .dating-profile-overview p,html[data-theme=dark] .dating-copy p,html[data-theme=dark] .dating-aside p,html[data-theme=dark] .dating-gate p,html[data-theme=dark] .dating-photo span{color:#d6c8df}html[data-theme=dark] .dating-photo{background:linear-gradient(140deg,#37243a,#282136)}html[data-theme=dark] .dating-demo-note,html[data-theme=dark] .dating-trust-strip span{background:#302338;color:#e5d3ef;border-color:#655176}html[data-theme=dark] .dating-profile-overview .secondary,html[data-theme=dark] .dating-gate .secondary,html[data-theme=dark] .dating-card .secondary,html[data-theme=dark] .dating-aside .secondary{color:#f0e4f8;background:#352940;border-color:#7f6591}html[data-theme=dark] .dating-mode,html[data-theme=dark] .dating-intro .eyebrow,html[data-theme=dark] .dating-profile-overview .eyebrow{color:#d9b7f0}html[data-theme=dark] .profile-dialog .photo-editor,html[data-theme=dark] .profile-dialog .editor-note{background:#292131;color:#e8dcf1;border-color:#55415f}