.dating-hero{background-image:linear-gradient(90deg,#70062ed9,#a80a4233),url('/assets/dating-hero.png');background-position:center}.dating-hero h1{font-size:clamp(36px,5vw,64px)}.demo-label{font-size:11px!important}.person-photo{height:300px;background:#ecdde2;position:relative;display:flex;align-items:center;justify-content:center}.person-photo img{width:100%;height:100%;object-fit:cover;object-position:top}.demo-profile{position:absolute;left:15px;top:15px;background:#5c173775;color:white;font-size:9px;letter-spacing:1px;border-radius:5px;padding:8px 10px}.initial{font:800 90px Manrope;color:#a55e7b}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:7px 12px;background:#f6eef2;border-radius:20px;font-size:11px}.person-card details{margin-top:20px;font-size:12px;color:#9a1747}.person-card summary{cursor:pointer}
#dating-form {max-width:650px;padding:24px;background:#fff5f8;border-radius:20px;margin:20px 0;}
#dating-form label {display:block;margin:12px 0;}
#dating-form input,#dating-form textarea {display:block;width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;}
#dating-profiles {margin-top:24px;}
#dating-profiles .person-card {padding-bottom:20px;}
#dating-profiles .person-card>h3,#dating-profiles .person-card>p,#dating-profiles .person-card>span {margin:12px 18px;}
#dating-profiles .button {margin:6px 12px;}
#dating-connections>div,#dating-calls>div {padding:14px;border:1px solid #eee;border-radius:14px;margin:12px 0;}
#dating-connections .button,#dating-calls .button {margin:5px;}
#dating-chat,#dating-photo {border:0;border-radius:18px;max-width:90vw;max-height:90vh;}
#dating-chat::backdrop,#dating-photo::backdrop {background:#000b;}
#chat-messages {max-height:50vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;}
#dating-media {display:flex;flex-wrap:wrap;gap:10px;}
#dating-media video {width: min(100%,420px);border-radius:16px;}
.dating-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 18px}.dating-tags span{background:#f9e8ef;color:#96204d;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:600}.dating-portrait-button{border:0;background:transparent;padding:0;width:100%;cursor:zoom-in;display:block}.dating-profile-cover{width:100%;height:300px;object-fit:cover}.dating-profile-dialog{border:0;padding:0;border-radius:24px;width:min(94vw,560px);max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0007}.dating-profile-body{padding:24px}.dating-profile-body .dating-tags{margin:12px 0}.dating-full-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.dating-icon-close{position:absolute;right:14px;top:14px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff55;background:#1b1724bb;backdrop-filter:blur(10px);color:white;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 3px 14px #0004}.dating-icon-close:hover{background:#ad1651;transform:scale(1.06)}.dating-lightbox{background:#15141c;color:white;border:1px solid #ffffff22;border-radius:24px;padding:24px;width:min(94vw,980px);max-height:94vh;box-sizing:border-box;overflow:auto}.dating-lightbox h2{color:white;margin:0 50px 18px 0;font-size:20px}.dating-lightbox::backdrop,.dating-profile-dialog::backdrop{background:#080b15d9;backdrop-filter:blur(6px)}.dating-photo-stage{height:58vh;display:flex;align-items:center;justify-content:center;overflow:auto;background:#0b0b11;border-radius:16px}.dating-photo-stage img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .25s}.dating-photo-stage.is-zoomed{display:block}.dating-photo-stage.is-zoomed img{max-width:none;max-height:none;width:160%;height:auto}.dating-gallery-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin:16px 0}.dating-gallery-arrow{border:1px solid #ffffff33;background:#ffffff15;color:white;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer}.dating-thumbnails{display:flex;gap:8px;justify-content:center;overflow:auto}.dating-thumbnail{border:2px solid #ffffff44;background:none;padding:0;width:54px;height:54px;border-radius:10px;overflow:hidden;flex-shrink:0;cursor:pointer}.dating-thumbnail img{width:100%;height:100%;object-fit:cover}.dating-album-manager{display:flex;gap:12px;overflow:auto;margin:16px 0}.dating-album-manager img{width:100px;height:100px;object-fit:cover;border-radius:12px}.dating-album-manager .button{padding:8px;min-height:0}.dating-discovery-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.dating-discovery-controls select{padding:10px;border:1px solid #ddd;border-radius:10px}#dating-member-tools details{margin-top:22px;padding:18px;background:#fff;border:1px solid #eee;border-radius:16px}#dating-member-tools summary{cursor:pointer;font-weight:700}#dating-member-tools>p{font-size:12px;color:#686778;max-width:720px}
.dating-messenger{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid #e8e6ed;border-radius:24px;overflow:hidden;background:white;height:75vh;min-height:540px;margin:30px 0;box-shadow:0 12px 40px #142b2210}.dating-inbox{border-right:1px solid #eceaf0;overflow:auto;background:#faf9fc;padding:20px}.dating-inbox-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.dating-inbox-title h1{font-size:24px}.dating-conversation{display:flex;gap:12px;align-items:center;padding:14px 10px;border-radius:14px;color:#202338;text-decoration:none;margin:8px 0}.dating-conversation.selected{background:#f9e3ed}.dating-conversation img,#dating-thread-header img{width:44px;height:44px;object-fit:cover;border-radius:50%}.dating-conversation div{min-width:0}.dating-conversation strong{display:block}.dating-conversation small{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:180px;color:#727084;margin-top:4px}.dating-thread{display:flex;flex-direction:column;min-width:0;min-height:0}#dating-thread-header{padding:18px 22px;border-bottom:1px solid #eceaf0;display:flex;gap:12px;align-items:center;min-height:80px;box-sizing:border-box}#dating-thread-header span{font-size:12px;color:#207849}.dating-peer-link{border:0;background:none;font:inherit;font-weight:700;cursor:pointer;color:#202338}.dating-thread h2{font-size:20px}#dating-message-list{padding:22px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;background:linear-gradient(135deg,#fdfbfc,#f4f8f6)}.dating-message{max-width:78%;border-radius:18px;padding:12px 16px;box-shadow:0 2px 8px #00000008;overflow-wrap:anywhere}.dating-message p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.6}.dating-message time{display:block;font-size:10px;opacity:.7;margin-top:7px}.dating-message.incoming{background:white;align-self:flex-start;border-bottom-left-radius:4px}.dating-message.outgoing{background:#005d3d;color:white;align-self:flex-end;border-bottom-right-radius:4px}#dating-message-form{display:flex;gap:12px;align-items:center;padding:16px;border-top:1px solid #eceaf0;background:white}#dating-message-form[hidden]{display:none}#dating-message-input{flex:1;min-width:0;resize:none;border:1px solid #e1dde5;border-radius:16px;padding:12px;font:inherit;font-size:14px}#dating-older{border:0;background:#f5eef2;color:#93204b;padding:9px;cursor:pointer}
@media(max-width:700px){.dating-messenger{grid-template-columns:1fr;height:auto;min-height:0}.dating-inbox{max-height:250px;border-right:0;border-bottom:1px solid #eceaf0}.dating-thread{height:70vh;min-height:400px}#dating-thread-header{padding:12px;flex-wrap:wrap}.dating-message{max-width:90%}#dating-message-form{padding:10px;gap:6px}#dating-message-form .button{padding:12px}.dating-lightbox{padding:14px;border-radius:18px}.dating-gallery-controls{gap:10px}.dating-photo-stage{height:52vh}.dating-profile-dialog{width:94vw}.dating-profile-body{padding:18px}}
#dating [hidden],.dating-messenger [hidden]{display:none!important}.dating-profile-name{display:block;background:none;border:0;text-align:left;font:inherit;font-size:22px;font-weight:800;line-height:1.4;padding:16px 18px 4px;color:#172136;cursor:pointer}.dating-profile-name:hover{color:#ad1651;text-decoration:underline}
#dating-chat-list{display:block;font-weight:400}
#dating-chat-list>a{display:flex}