:root{--blue:#1769ff;--blue2:#18a7dc;--blue-dark:#102a52;--blue-soft:#eaf3ff;--ink:#142238;--muted:#6e7889;--line:#e7ecf2;--bg:#f2f5f9;--danger:#b63d4d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.phone-shell{width:min(100%,500px);min-height:100vh;margin:auto;background:#fff;box-shadow:0 0 70px #00000012;position:relative}.screen{min-height:100vh}.hidden{display:none!important}.landing{padding:58px 28px 30px;display:flex;flex-direction:column;justify-content:space-between;color:white;background:linear-gradient(#071a3022,#071729e8),url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1400&q=88") center/cover}.logo{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 14px 36px #1769ff50}.eyebrow{letter-spacing:.18em;font-size:11px;font-weight:900;margin:24px 0 8px}.eyebrow.light{color:#fff}.eyebrow.accent{color:var(--blue)}.landing h1{font-size:58px;line-height:.92;letter-spacing:-.055em;margin:0}.landing p{font-size:18px;line-height:1.45;max-width:320px}.landing-actions{display:grid;gap:10px}.landing-actions small{text-align:center;opacity:.74}.primary,.secondary,.soft-btn,.danger-soft{width:100%;padding:14px 16px;border-radius:14px;font-weight:850}.primary{border:0;color:white;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 10px 28px #1769ff24}.secondary{border:1px solid #ffffff7a;background:#ffffff20;color:white}.soft-btn{border:0;background:#eef2f7;color:#243349}.danger-soft{border:0;background:#fff0f2;color:var(--danger);margin-top:9px}.page-header,.app-header,.chat-header{height:78px;padding:13px 18px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}.page-header{gap:12px}.page-header>div,.brand-row>div:last-child,.chat-person{display:grid}.page-header small,.app-header small,.chat-person small{font-size:11px;color:#788397;margin-top:2px}.icon-btn{width:40px;height:40px;border:0;border-radius:12px;background:#f0f3f7;color:#19263a;font-size:20px}.page-body{padding:25px}.page-body h2,.view-heading h2{font-size:32px;letter-spacing:-.035em;margin:0 0 10px}.muted{color:var(--muted);line-height:1.5}.page-body label,.safety-card label{display:block;margin:17px 0;font-size:13px;color:#697486}input,select,textarea{width:100%;margin-top:7px;padding:12px 13px;border:1px solid #dbe0e7;border-radius:12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#72a7ff;box-shadow:0 0 0 3px #1769ff14}.field-note{display:block;margin-top:6px;font-size:11px;color:#8a94a3}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 18px}.choice{min-height:48px;border:1px solid #dce1e8;border-radius:13px;background:#fff;color:#26354b;font-weight:800}.choice.selected{border:2px solid var(--blue);background:var(--blue-soft);color:var(--blue)}.photo-section{margin:26px 0}.section-title-row{display:flex;justify-content:space-between;align-items:end}.section-title-row>div{display:grid;gap:2px}.section-title-row small{font-size:11px;color:#7b8595}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.photo-tile{aspect-ratio:1;position:relative;border-radius:14px;overflow:hidden;background:#edf1f5}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-badge{position:absolute;bottom:6px;left:6px;padding:4px 7px;border-radius:99px;background:#102a52d9;color:#fff;font-size:10px}.photo-delete{position:absolute;top:6px;right:6px;width:28px;height:28px;border:0;border-radius:50%;background:#ffffffea;color:#26354b;font-weight:900;box-shadow:0 4px 14px #0002}.upload-button{display:grid!important;place-items:center;min-height:48px;border:1px dashed #b9c8dd;border-radius:13px;background:#f8fbff;color:#31557f!important;font-weight:800}.hidden-file{display:none}.message{min-height:20px;font-size:13px;color:#a53f50}.app-screen{padding-bottom:76px}.app-header{justify-content:space-between;position:sticky;top:0;z-index:5}.brand-row{display:flex;gap:10px;align-items:center}.mini-logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-size:22px}.avatar-button{width:40px;height:40px;border:0;border-radius:50%;background:var(--blue-dark);color:white;font-weight:900}.app-content{padding:16px 18px 24px}.view-heading{display:flex;justify-content:space-between;align-items:center;margin:6px 0 16px}.view-sub{color:#7a8594;margin:-5px 0 0;font-size:13px}.state-card{min-height:58vh;border-radius:26px;background:#f5f8fc;display:grid;place-items:center;align-content:center;text-align:center;padding:34px;color:#697486}.state-card.compact{min-height:250px}.state-card h3{margin:10px 0 4px;color:#17243a;font-size:23px}.state-card p{margin:4px 0 18px}.state-icon{font-size:48px}.dating-card{height:65vh;min-height:510px;position:relative;border-radius:28px;overflow:hidden;background:#dfe3e8;box-shadow:0 22px 55px #18263a22}.dating-card>img{width:100%;height:100%;object-fit:cover}.card-gradient{position:absolute;inset:0;background:linear-gradient(transparent 43%,#0002 60%,#000e)}.card-info{position:absolute;left:22px;right:22px;bottom:24px;color:white}.card-info h2{font-size:32px;margin:0}.card-info p{margin:8px 0;line-height:1.4}.location-line{font-size:14px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{padding:7px 10px;border-radius:99px;background:#ffffff22;border:1px solid #ffffff55;font-size:12px}.photo-nav{position:absolute;top:0;bottom:0;width:22%;border:0;background:transparent;color:transparent;z-index:2}.photo-nav.left{left:0}.photo-nav.right{right:0}.photo-count{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:3;background:#102a5299;color:white;border-radius:99px;padding:5px 9px;font-size:11px}.swipe-actions{display:flex;justify-content:center;gap:68px;padding:18px 0 6px}.swipe{width:64px;height:64px;border:0;border-radius:50%;background:#fff;box-shadow:0 10px 30px #13223922;font-size:30px}.swipe.pass{color:#5f6d80}.swipe.like{color:var(--blue)}.bottom-nav{height:72px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,500px);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e8ecf1;background:#fff;z-index:6;padding-bottom:env(safe-area-inset-bottom)}.nav-btn{border:0;background:#fff;color:#98a1ae;display:grid;place-items:center;align-content:center;gap:1px}.nav-btn span{font-size:21px}.nav-btn small{font-size:10px}.nav-btn.active{color:var(--blue)}.nav-icon-wrap{position:relative;display:inline-block}.nav-badge{position:absolute;top:-7px;right:-13px;min-width:17px;height:17px;padding:0 5px;border-radius:99px;display:grid;place-items:center;background:var(--blue);color:#fff;font-size:9px;border:2px solid #fff}.matches-list{display:grid;gap:11px}.match-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #e7edf4;border-radius:18px;background:#fff;box-shadow:0 7px 24px #1523370b}.match-card.unread{border-color:#a9caff;background:#fbfdff}.match-card img{width:64px;height:64px;border-radius:15px;object-fit:cover;background:#edf0f4}.match-meta{min-width:0}.match-name-row{display:flex;align-items:center;gap:7px}.match-name-row strong{font-size:17px}.unread-dot{min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:grid;place-items:center;background:var(--blue);color:white;font-size:10px;font-weight:900}.match-location{display:block;color:#778294;margin-top:2px;font-size:11px}.match-preview{display:block;margin-top:5px;color:#526176;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.match-preview.is-unread{color:#183b68;font-weight:800}.match-time{display:block;margin-top:3px;color:#99a1ac;font-size:10px}.message-btn{width:auto;border:0;border-radius:12px;padding:10px 12px;background:var(--blue-soft);color:var(--blue);font-weight:850}.my-profile-card{border-radius:24px;overflow:hidden;background:#f6f8fb}.my-profile-photo{height:420px;position:relative}.my-profile-photo img{width:100%;height:100%;object-fit:cover}.my-profile-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#000d)}.my-profile-name{position:absolute;left:20px;right:20px;bottom:18px;z-index:1;color:white;font-size:30px;font-weight:900}.my-profile-details{padding:18px}.my-profile-details p{line-height:1.5;color:#57657a}.profile-actions{display:grid;gap:10px;margin-top:14px}.chat-screen{display:grid;grid-template-rows:78px min-content minmax(0,1fr) 68px;height:100vh;min-height:100vh;overflow:hidden;background:#f5f8fc}.chat-header{gap:10px}.chat-avatar{width:42px;height:42px;border-radius:13px;object-fit:cover;background:#e8ebef}.chat-person{min-width:0;flex:1}.safety-menu{width:42px;height:40px;border:0;border-radius:12px;background:#f0f4f8;color:#30435e;font-size:16px;font-weight:900}.typing-indicator{padding:6px 18px 4px;color:#55708f;font-size:11px;font-style:italic;background:#f5f8fc}.messages-area{min-height:0;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;padding:10px 13px;border-radius:17px;line-height:1.35;font-size:14px}.bubble.mine{align-self:flex-end;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-bottom-right-radius:5px}.bubble.theirs{align-self:flex-start;background:#fff;color:#19263a;border:1px solid #e2e9f1;border-bottom-left-radius:5px}.bubble-time{display:block;font-size:9px;opacity:.68;margin-top:5px}.message-composer{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;height:68px;padding:9px 12px;border-top:1px solid #e7ebf0;background:#fff}.message-composer input{height:44px;min-height:44px;max-height:44px;margin:0;padding:0 15px;border-radius:22px;background:#f2f5f9}.message-composer button{width:44px;height:44px;min-width:44px;min-height:44px;align-self:center;justify-self:center;border:0;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-size:17px;line-height:1}.modal{position:fixed;inset:0;z-index:50;background:#07182cb8;display:grid;place-items:center;padding:22px}.match-modal-card,.safety-card{width:min(100%,400px);position:relative;background:#fff;border-radius:28px;padding:28px 22px 22px;box-shadow:0 28px 90px #0006}.match-modal-card{text-align:center}.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f3f6}.match-burst{width:64px;height:64px;margin:5px auto 0;display:grid;place-items:center;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-size:33px}.match-modal-card h2,.safety-card h2{font-size:30px;margin:7px 0}.match-faces{display:flex;justify-content:center;margin:20px 0}.match-faces img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 8px 25px #16233822}.match-faces img+img{margin-left:-20px}.safety-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--blue-soft);font-size:29px}.safety-card .soft-btn{margin-top:9px}.toast{position:fixed;z-index:70;top:18px;left:50%;transform:translateX(-50%);width:min(90%,380px);padding:13px 17px;border-radius:15px;background:#102a52;color:#fff;box-shadow:0 12px 36px #0004;font-size:14px}@media(max-width:430px){.landing h1{font-size:52px}.dating-card{min-height:470px}.my-profile-photo{height:390px}.match-preview{max-width:170px}}


/* Version 6 */
.link-btn{width:100%;border:0;background:transparent;color:var(--blue);font-weight:800;padding:10px 12px}.discover-toolbar{display:flex;align-items:end;justify-content:space-between;margin:2px 0 14px}.discover-toolbar .eyebrow{margin:0 0 4px}.discover-toolbar h2{margin:0;font-size:27px;letter-spacing:-.035em}.filter-btn{width:auto;border:0;border-radius:12px;padding:10px 13px;background:var(--blue-soft);color:var(--blue);font-weight:850}.dating-card{touch-action:pan-y;user-select:none;will-change:transform;transform-origin:50% 90%}.dating-card.swiping{transition:none}.dating-card.snapback{transition:transform .22s ease}.swipe-stamp{position:absolute;top:70px;z-index:5;padding:8px 12px;border:4px solid;border-radius:9px;font-size:28px;font-weight:950;letter-spacing:.08em;opacity:0;pointer-events:none}.like-stamp{left:24px;color:#2a8bff;border-color:#2a8bff;transform:rotate(-12deg)}.pass-stamp{right:24px;color:#6f7b89;border-color:#6f7b89;transform:rotate(12deg)}.view-profile-btn{position:absolute;right:17px;bottom:178px;z-index:4;width:42px;height:42px;border:1px solid #ffffff55;border-radius:50%;background:#102a5277;color:white;font-family:Georgia,serif;font-size:19px;font-weight:900;backdrop-filter:blur(8px)}.settings-card{width:min(100%,410px);position:relative;background:#fff;border-radius:28px;padding:28px 22px 22px;box-shadow:0 28px 90px #0006}.settings-card h2{font-size:28px;margin:7px 0 18px}.settings-card label{display:block;margin:16px 0;font-size:13px;color:#697486}.age-range{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.age-range input{margin:0}.small-copy{font-size:12px}.modal-gap{margin-top:9px}.profile-detail-card{width:min(100%,430px);max-height:90vh;overflow:auto;position:relative;background:#fff;border-radius:28px;box-shadow:0 28px 90px #0006}.detail-close{z-index:9}.detail-photo-wrap{height:470px;position:relative;background:#e8edf3}.detail-photo-wrap img{width:100%;height:100%;object-fit:cover}.detail-photo-nav{position:absolute;top:0;bottom:0;width:25%;border:0;background:transparent;color:transparent}.detail-photo-nav.left{left:0}.detail-photo-nav.right{right:0}.detail-count{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:99px;background:#102a5299;color:white;font-size:11px}.detail-body{padding:20px 21px 24px}.detail-body h2{font-size:30px;margin:0 0 6px}.detail-location{color:#6e7c8f;margin:0 0 16px}.detail-bio{line-height:1.52;color:#34445a}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.detail-tags span{padding:7px 10px;border-radius:99px;background:var(--blue-soft);color:#245d9e;font-size:12px}.my-photo-strip{display:flex;gap:7px;overflow-x:auto;padding:0 18px 18px}.my-photo-strip img{width:70px;height:70px;border-radius:13px;object-fit:cover}.profile-actions .danger-soft{margin-top:0}.state-card .link-btn{margin-top:7px}.photo-tile .make-main{position:absolute;left:6px;top:6px;border:0;border-radius:99px;padding:5px 7px;background:#ffffffea;color:#214b7c;font-size:9px;font-weight:900;box-shadow:0 4px 14px #0002}.photo-tile .photo-delete+.make-main{left:6px}@media(max-width:430px){.detail-photo-wrap{height:430px}.view-profile-btn{bottom:165px}}


/* V6.1 visual cleanup — cleaner Discover cards + portrait-safe photos */

/* Keep Discover card focused on the person, not a wall of text */
.dating-card .card-info #cardBio,
.dating-card .card-info #cardTags {
  display: none;
}
.dating-card .card-info {
  bottom: 22px;
  max-width: calc(100% - 80px);
}
.dating-card .card-info h2 {
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.dating-card .location-line {
  margin-bottom: 0;
  text-shadow: 0 2px 10px rgba(0,0,0,.5);
}
.dating-card .card-gradient {
  background: linear-gradient(transparent 62%, rgba(0,0,0,.12) 72%, rgba(0,0,0,.78) 100%);
}

/* Bias portrait crops upward so faces/heads stay visible */
.dating-card > img,
.my-profile-photo img,
.match-card img,
.chat-avatar,
.match-faces img {
  object-position: center 25%;
}

/* Small portrait thumbnails should protect the top of the photo */
.my-photo-strip img,
.photo-tile img {
  object-position: center top;
}

/* Full profile viewer should show the whole uploaded image whenever possible */
.detail-photo-wrap {
  background:
    linear-gradient(135deg, #eef3f8, #e3ebf5);
  display: grid;
  place-items: center;
}
.detail-photo-wrap img {
  object-fit: contain;
  object-position: center center;
  background: transparent;
}


/* Version 6 Final — appearance controls and dark mode */
.appearance-card{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:22px;background:#f7f9fc}.appearance-card h3{margin:2px 0 4px;font-size:20px}.appearance-card p{margin:0;color:var(--muted);font-size:13px}.appearance-eyebrow{margin:0 0 3px}.appearance-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.appearance-option{min-height:62px;border:1px solid #dce4ee;border-radius:14px;background:#fff;color:#34445b;display:grid;place-items:center;align-content:center;gap:3px}.appearance-option span{font-size:19px}.appearance-option b{font-size:11px}.appearance-option.selected{border:2px solid var(--blue);background:var(--blue-soft);color:var(--blue)}

html[data-theme="dark"]{--ink:#edf4ff;--muted:#95a5ba;--line:#28374a;--bg:#08111d;--blue-soft:#102a48;--blue-dark:#07111e;color-scheme:dark}
html[data-theme="dark"] body{background:#08111d;color:var(--ink)}
html[data-theme="dark"] .phone-shell{background:#0d1724;box-shadow:0 0 80px #0008}
html[data-theme="dark"] .page-header,
html[data-theme="dark"] .app-header,
html[data-theme="dark"] .chat-header{background:#0d1724;border-color:#253448}
html[data-theme="dark"] .page-header small,
html[data-theme="dark"] .app-header small,
html[data-theme="dark"] .chat-person small{color:#8fa0b6}
html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .safety-menu{background:#182536;color:#dfeafa}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#111d2b;border-color:#324257;color:#f0f6ff}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#72839a}
html[data-theme="dark"] .choice{background:#111d2b;border-color:#324257;color:#dbe7f5}
html[data-theme="dark"] .choice.selected{background:#102a48;color:#69a8ff;border-color:#2f83ff}
html[data-theme="dark"] .photo-tile{background:#152232}
html[data-theme="dark"] .upload-button{background:#101d2b;border-color:#39516d;color:#9ac7ff!important}
html[data-theme="dark"] .state-card{background:#101b29;color:#99a9bc}
html[data-theme="dark"] .state-card h3{color:#f1f6ff}
html[data-theme="dark"] .bottom-nav{background:#0d1724;border-color:#253448}
html[data-theme="dark"] .nav-btn{background:#0d1724;color:#73849a}
html[data-theme="dark"] .nav-btn.active{color:#69a8ff}
html[data-theme="dark"] .nav-badge{border-color:#0d1724}
html[data-theme="dark"] .match-card{background:#111d2b;border-color:#26384f;box-shadow:0 8px 28px #0003}
html[data-theme="dark"] .match-card.unread{background:#10233a;border-color:#2d69aa}
html[data-theme="dark"] .match-location,
html[data-theme="dark"] .match-preview{color:#95a5ba}
html[data-theme="dark"] .match-preview.is-unread{color:#dcecff}
html[data-theme="dark"] .match-time{color:#718198}
html[data-theme="dark"] .message-btn{background:#102a48;color:#70adff}
html[data-theme="dark"] .my-profile-card{background:#101b29}
html[data-theme="dark"] .my-profile-details p{color:#9aabba}
html[data-theme="dark"] .my-profile-details .tags span{background:#102a48!important;color:#8fc0ff!important;border-color:#102a48!important}
html[data-theme="dark"] .appearance-card{background:#101b29;border-color:#28384d}
html[data-theme="dark"] .appearance-option{background:#111d2b;border-color:#324257;color:#b8c6d7}
html[data-theme="dark"] .appearance-option.selected{background:#102a48;border-color:#3b8cff;color:#7db4ff}
html[data-theme="dark"] .soft-btn{background:#182536;color:#d7e2ef}
html[data-theme="dark"] .danger-soft{background:#321b24;color:#ff91a2}
html[data-theme="dark"] .chat-screen{background:#08111d}
html[data-theme="dark"] .typing-indicator{background:#08111d;color:#829bb7}
html[data-theme="dark"] .bubble.theirs{background:#172435;color:#e8f0fa;border-color:#2b3c51}
html[data-theme="dark"] .message-composer{background:#0d1724;border-color:#253448}
html[data-theme="dark"] .message-composer input{background:#172435;border-color:#2c3b4e}
html[data-theme="dark"] .match-modal-card,
html[data-theme="dark"] .safety-card,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .profile-detail-card{background:#101b29;color:#edf4ff}
html[data-theme="dark"] .modal-close{background:#1b293a;color:#e8f0fa}
html[data-theme="dark"] .settings-card label,
html[data-theme="dark"] .safety-card label{color:#9aabba}
html[data-theme="dark"] .detail-location,
html[data-theme="dark"] .detail-bio{color:#9fb0c3}
html[data-theme="dark"] .detail-tags span{background:#102a48;color:#8fc0ff}
html[data-theme="dark"] .detail-photo-wrap{background:linear-gradient(135deg,#101b29,#162538)}
html[data-theme="dark"] .filter-btn{background:#102a48;color:#80b6ff}
html[data-theme="dark"] .swipe{background:#142132;box-shadow:0 10px 30px #0005}
html[data-theme="dark"] .swipe.pass{color:#a5b3c4}
html[data-theme="dark"] .photo-tile .make-main{background:#12243aee;color:#9fc9ff}
html[data-theme="dark"] .photo-delete{background:#17283cee;color:#e8f0fa}
html[data-theme="dark"] .toast{background:#0b2b53;color:#fff}

/* V6 photo workflow: photos upload immediately, no profile save required */
.upload-button.is-uploading{opacity:.7;pointer-events:none}
.uploading-photo{opacity:.82}
.uploading-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff35 50%,transparent 75%);animation:photoShimmer 1.1s linear infinite}
@keyframes photoShimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* V6.3 password recovery polish */
.auth-help-note{margin:12px 2px 0;color:var(--muted);font-size:12px;line-height:1.45}
.primary:disabled{opacity:.6;cursor:not-allowed}
html[data-theme="dark"] .auth-help-note{color:#8597ad}

/* V6.5 native auth form */
.auth-form{margin:0;padding:0;border:0}

/* V6.7 Discover photo carousel tap target */
#cardImg{cursor:pointer}
@media (hover:hover){
  .dating-card:hover .photo-count{background:#102a52c7}
}

/* V6.8 — full Discover photo click target */
.dating-card{cursor:pointer}
.dating-card>img{cursor:pointer}
.card-gradient,.card-info,.photo-count{pointer-events:none}
.view-profile-btn,.photo-nav{pointer-events:auto;cursor:pointer}


/* V6.9 — one full-photo interaction surface; no invisible edge-only buttons */
.photo-nav{display:none!important}
.photo-tap-zone{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer!important;
  appearance:none;
  -webkit-appearance:none;
  touch-action:pan-y;
}
.photo-tap-zone:hover,
.photo-tap-zone:focus,
.photo-tap-zone:active{
  background:transparent;
  outline:none;
}
#cardImg{pointer-events:none}
.card-gradient,.card-info,.photo-count{pointer-events:none}
.view-profile-btn{pointer-events:auto;z-index:4;cursor:pointer}


/* V6.10 — full enlarged-profile photo click surface */
.detail-photo-nav{display:none!important}
.detail-photo-wrap{cursor:pointer}
.detail-photo-wrap img{
  pointer-events:none;
  cursor:pointer;
}
.detail-photo-tap-zone{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer!important;
  appearance:none;
  -webkit-appearance:none;
}
.detail-photo-tap-zone:hover,
.detail-photo-tap-zone:focus,
.detail-photo-tap-zone:active{
  background:transparent;
  outline:none;
}
.detail-count{
  z-index:3;
  pointer-events:none;
}


/* V6.11 — direct click on the actual enlarged photo */
.detail-photo-nav,
.detail-photo-tap-zone{
  display:none!important;
  pointer-events:none!important;
}
.detail-photo-wrap{
  position:relative;
}
.detail-photo-wrap #detailPhoto,
.detail-photo-clickable{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none;
  -webkit-user-drag:none;
}
.detail-photo-wrap #detailPhoto:hover{
  cursor:pointer!important;
}
.detail-count{
  z-index:3!important;
  pointer-events:none!important;
}
.detail-close{
  z-index:10!important;
}


/* V6.12 — direct click on the actual Discover photo */
.photo-tap-zone{
  display:none!important;
  pointer-events:none!important;
}
.dating-card #cardImg,
.discover-photo-clickable{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  user-select:none;
  -webkit-user-drag:none;
}
.dating-card #cardImg:hover{
  cursor:pointer!important;
}
.card-gradient,
.card-info,
.photo-count{
  pointer-events:none!important;
}
.view-profile-btn{
  pointer-events:auto!important;
  z-index:5!important;
  cursor:pointer!important;
}


/* V6.13 — Discover carousel handled at pointer-up, not browser click */
#profileCard,
#profileCard #cardImg{
  cursor:pointer!important;
}
#viewProfileBtn{
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:10!important;
}

/* V6.14 — uniform full-profile photo frame on mobile and desktop
   Keep every carousel image inside the same portrait viewport so changing
   photos never shifts or covers the profile name/location/body. */
.profile-detail-card{
  overflow-y:auto;
  overflow-x:hidden;
}
.detail-photo-wrap{
  position:relative!important;
  width:100%!important;
  height:clamp(380px,56vh,500px)!important;
  min-height:0!important;
  overflow:hidden!important;
  display:block!important;
  flex:none!important;
  background:#e8edf3;
  isolation:isolate;
}
.detail-photo-wrap #detailPhoto,
.detail-photo-clickable{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center 25%!important;
  overflow:hidden!important;
}
.detail-count{
  position:absolute!important;
  left:50%!important;
  bottom:14px!important;
  transform:translateX(-50%)!important;
  z-index:4!important;
}
.detail-body{
  position:relative;
  z-index:5;
  background:inherit;
}
@media(max-width:430px){
  .profile-detail-card{
    width:calc(100% - 24px);
    max-height:92dvh;
  }
  .detail-photo-wrap{
    height:clamp(360px,55dvh,470px)!important;
  }
  .detail-body{
    padding-top:18px;
  }
}