/* Tanış v6.0 — premium symmetric theme + admin palette + light/dark mode */
:root{
  --brand-primary:var(--admin-primary,#102A4C);
  --accent:var(--admin-accent,#EF5B55);
  --accent-alt:var(--admin-accent-alt,#F28C78);
  --bg:var(--admin-light-bg,#F7F4F0);
  --surface:var(--admin-light-surface,#FFFFFF);
  --text:var(--admin-light-text,#10213D);
  --surface-soft:color-mix(in srgb,var(--surface) 86%,var(--brand-primary) 14%);
  --surface-raised:color-mix(in srgb,var(--surface) 96%,var(--accent) 4%);
  --muted:color-mix(in srgb,var(--text) 58%,transparent);
  --muted-2:color-mix(in srgb,var(--text) 36%,transparent);
  --border:color-mix(in srgb,var(--text) 12%,transparent);
  --border-strong:color-mix(in srgb,var(--text) 19%,transparent);
  --surface-dark:var(--brand-primary);
  --violet:var(--brand-primary);
  --violet-dark:color-mix(in srgb,var(--brand-primary) 82%,#000 18%);
  --success:#45BE86;
  --danger:#D84956;
  --gold:#D9A441;
  --shadow-sm:0 10px 32px color-mix(in srgb,var(--brand-primary) 8%,transparent);
  --shadow:0 24px 70px color-mix(in srgb,var(--brand-primary) 13%,transparent);
  --shadow-lg:0 38px 110px color-mix(in srgb,var(--brand-primary) 18%,transparent);
  --radius-sm:14px;
  --radius:20px;
  --radius-lg:30px;
  --header-bg:color-mix(in srgb,var(--surface) 88%,transparent);
  --accent-gradient:linear-gradient(135deg,var(--accent),var(--accent-alt));
  --primary-gradient:linear-gradient(135deg,var(--brand-primary),color-mix(in srgb,var(--brand-primary) 72%,var(--accent) 28%));
}
html[data-theme="dark"]{
  --bg:var(--admin-dark-bg,#0D1422);
  --surface:var(--admin-dark-surface,#151F31);
  --text:var(--admin-dark-text,#F6F2EC);
  --surface-soft:color-mix(in srgb,var(--surface) 82%,#fff 6%);
  --surface-raised:color-mix(in srgb,var(--surface) 90%,#fff 5%);
  --muted:color-mix(in srgb,var(--text) 64%,transparent);
  --muted-2:color-mix(in srgb,var(--text) 40%,transparent);
  --border:color-mix(in srgb,var(--text) 14%,transparent);
  --border-strong:color-mix(in srgb,var(--text) 23%,transparent);
  --header-bg:color-mix(in srgb,var(--surface) 85%,transparent);
  --shadow-sm:0 10px 32px rgba(0,0,0,.18);
  --shadow:0 24px 70px rgba(0,0,0,.28);
  --shadow-lg:0 38px 110px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
body,body.guest-page{background:var(--bg);color:var(--text);transition:background-color .25s,color .25s}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
::selection{background:color-mix(in srgb,var(--accent) 25%,transparent)}
.container{width:min(1320px,calc(100% - 48px))}
.narrow{width:min(1040px,calc(100% - 48px))}
main{min-height:calc(100vh - 168px)}

/* Header */
.site-header{height:88px;background:var(--header-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(24px) saturate(140%)}
.site-header.scrolled{box-shadow:0 12px 38px color-mix(in srgb,var(--brand-primary) 9%,transparent)}
.nav-wrap{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(280px,1fr);gap:28px}
.brand{justify-self:start;gap:13px}
.brand-mark{width:48px;height:48px;border-radius:18px;background:var(--accent-gradient);box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 30%,transparent)}
.brand-mark svg{width:32px;height:32px}
.brand-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;letter-spacing:-.045em;color:var(--brand-primary)}
html[data-theme="dark"] .brand-copy strong{color:var(--text)}
.brand-copy small{color:var(--muted);font-size:.66rem;letter-spacing:.08em}
.desktop-nav{justify-self:center;gap:16px;color:var(--muted);font-size:.85rem;font-weight:760}
.desktop-nav>a{padding:13px 8px;border-radius:0;position:relative;background:transparent!important}
.desktop-nav>a:hover,.desktop-nav>a.active{color:var(--text)}
.member-nav>a.active:after{width:28px;height:2px;bottom:4px;border-radius:999px;background:var(--accent-gradient)}
.account-actions{justify-self:end;gap:8px}
.theme-toggle,.icon-link,.logout-link{width:42px;height:42px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb,var(--brand-primary) 5%,transparent);transition:.2s}
.theme-toggle:hover,.icon-link:hover,.logout-link:hover{transform:translateY(-1px);border-color:var(--border-strong);color:var(--text);background:var(--surface-raised)}
.theme-toggle{position:relative;padding:0}
.theme-icon{position:absolute;transition:.22s;font-size:1rem}
html[data-theme="light"] .theme-icon-moon{opacity:1;transform:scale(1)}
html[data-theme="light"] .theme-icon-sun{opacity:0;transform:scale(.65) rotate(-30deg)}
html[data-theme="dark"] .theme-icon-sun{opacity:1;transform:scale(1)}
html[data-theme="dark"] .theme-icon-moon{opacity:0;transform:scale(.65) rotate(30deg)}
.profile-chip{gap:10px;padding:5px 10px 5px 5px;border:1px solid var(--border);background:var(--surface);border-radius:16px;box-shadow:0 6px 18px color-mix(in srgb,var(--brand-primary) 5%,transparent)}
.profile-chip img{width:40px;height:40px;border-radius:13px;background:var(--surface-soft)}
.profile-chip span{display:flex;align-items:baseline;gap:4px;white-space:nowrap}
.profile-chip small{font-size:.66rem;margin:0;color:var(--muted)}
.profile-chip strong{font-size:.76rem;max-width:96px;color:var(--text)}
.profile-chip i{font-style:normal;color:var(--muted);font-size:.78rem;margin-left:2px}
.guest-nav{justify-self:end;margin:0}
.guest-nav .theme-toggle{margin-inline:3px}
.nav-count{background:var(--accent-gradient)!important;box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 28%,transparent)!important;border:0!important}

/* Global controls */
.button{background:var(--accent-gradient);border:1px solid transparent;border-radius:14px;color:#fff;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 24%,transparent);font-weight:800}
.button:hover{box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 31%,transparent)}
.button-ghost{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 5%,transparent)}
.button-ghost:hover{background:var(--surface-raised)}
.button-light{background:var(--surface);color:var(--brand-primary)}
.pill{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,transparent);color:color-mix(in srgb,var(--accent) 78%,var(--text) 22%)}
.eyebrow,.section-kicker{color:var(--accent)}
.panel,.daily-badge,.filter-bar,.profile-card,.match-row,.chat-layout,.auth-card,.empty-state,.notification-panel,.notification-empty{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}
.page-section{padding:54px 0 92px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 28%),var(--bg)}
.page-title{align-items:center;margin-bottom:28px}
.page-title h1,.notification-title-copy h1{font-family:Georgia,"Times New Roman",serif;color:var(--text);font-weight:700;letter-spacing:-.05em}
.page-title h1{font-size:clamp(2.35rem,4vw,3.7rem)}
.page-title p{max-width:650px}
input,select,textarea{background:var(--surface);border-color:var(--border);color:var(--text);min-height:48px;border-radius:13px}
input::placeholder,textarea::placeholder{color:var(--muted-2)}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 65%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 13%,transparent)}
label{color:var(--text)}
.flash{border-radius:16px;box-shadow:var(--shadow-sm)}

/* Guest landing page */
.premium-hero{padding:42px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,var(--accent) 5%),var(--bg));min-height:730px}
.hero-grid{min-height:620px;grid-template-columns:1.02fr .98fr;gap:62px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.6rem,5.7vw,5.65rem);line-height:.98;letter-spacing:-.06em;color:var(--brand-primary);max-width:720px}
html[data-theme="dark"] .hero h1{color:var(--text)}
.hero h1 span,.section-heading h2 span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{font-size:1.04rem;max-width:590px;color:var(--muted)}
.hero-stage{height:550px}
.stage-glow{background:radial-gradient(circle,color-mix(in srgb,var(--accent-alt) 28%,transparent),color-mix(in srgb,var(--brand-primary) 12%,transparent) 48%,transparent 72%)}
.spotlight-card{background:var(--surface);border-color:var(--border);border-radius:34px}
.spotlight-main{width:350px;transform:rotate(0)}
.spotlight-back{right:5px;top:65px;transform:rotate(7deg)}
.spotlight-body{background:var(--surface)}
.mini-chips span,.card-interest-row span,.chips span{background:var(--surface-soft);color:var(--muted)}
.compatibility-card,.new-match-toast{background:color-mix(in srgb,var(--surface) 92%,transparent);border-color:var(--border)}
.compat-ring:before{background:var(--surface)}
.trust-strip{border:1px solid var(--border);border-radius:20px;background:var(--surface);min-height:76px;margin-bottom:28px;box-shadow:var(--shadow-sm)}
.story-section,.safety-section{background:var(--bg)}
.experience-card,.shield-card,.profile-preview,.message-preview{background:var(--surface);border-color:var(--border)}
.cta-card{background:var(--primary-gradient)}

/* Discover — symmetric sidebar + cards */
.discover-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start}
.discover-sidebar{position:sticky;top:112px;background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm)}
.discover-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:18px}
.discover-sidebar-head strong{font-size:.9rem}.discover-sidebar-head a{font-size:.7rem;color:var(--muted)}
.discover-filter{display:grid;gap:18px}.discover-filter label{gap:8px}.discover-filter label>span{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800}.discover-filter .filter-age-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.discover-filter .button{width:100%;margin-top:3px}.discover-filter .button-ghost{margin-top:-8px}
.discover-results{min-width:0}
.discover-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.discover-toolbar h1{font-family:Georgia,"Times New Roman",serif;font-size:2.7rem;line-height:1;margin:8px 0;color:var(--text);letter-spacing:-.045em}
.discover-toolbar p{margin:0;color:var(--muted)}
.discover-toolbar-actions{display:flex;align-items:center;gap:9px}.discover-sort{width:auto;min-width:150px;min-height:42px;padding:8px 34px 8px 12px}
.view-toggle{display:flex;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.view-toggle span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--muted)}.view-toggle span.active{background:var(--brand-primary);color:#fff}
.premium-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.premium-profile-card{border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 30px color-mix(in srgb,var(--brand-primary) 6%,transparent)}
.premium-profile-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.profile-image{aspect-ratio:16/9;margin:8px 8px 0;border-radius:15px;background:var(--surface-soft)}
.profile-image>img,.seed-avatar{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.image-shade{display:none}.profile-overlay{position:static;padding:0;color:var(--text)}
.status-label{top:12px;left:12px;width:10px;height:10px;padding:0;border:2px solid var(--surface);overflow:hidden;text-indent:-9999px;background:var(--muted-2)}
.status-label.online{background:var(--success)}
.profile-card-body{padding:14px 15px 15px}
.profile-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-card-title h2{font-size:1rem;margin:0;color:var(--text);letter-spacing:-.02em}.profile-card-title h2 b{color:#2F8BEF}.profile-card-title small{color:var(--muted);font-size:.7rem}
.profile-card-body>p{min-height:38px;margin:8px 0 10px;font-size:.74rem;line-height:1.5}
.card-interest-row{min-height:25px;margin-bottom:12px}.card-interest-row span{font-size:.62rem;padding:5px 8px}
.profile-card-actions{grid-template-columns:1fr 1fr;gap:8px}.view-profile-button,.like-button{height:38px;border-radius:12px}.view-profile-button{background:var(--surface);border:1px solid var(--border);font-size:.7rem}.view-profile-button:hover{background:var(--surface-soft)}.like-button{width:100%;font-size:.76rem;display:flex;gap:6px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,transparent)}
.like-button.liked{background:var(--accent-gradient)}
.seed-avatar{display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 30%,var(--surface)),color-mix(in srgb,var(--brand-primary) 32%,var(--surface)))}
.seed-avatar span{font-family:Georgia,serif;font-size:3.1rem;color:var(--brand-primary)}
html[data-theme="dark"] .seed-avatar span{color:var(--text)}

/* Matches */
.match-count{background:var(--primary-gradient)}
.match-row{grid-template-columns:68px minmax(0,1fr) auto 38px;padding:14px 16px;border-radius:18px;background:var(--surface)}
.match-avatar i,.chat-avatar i{border-color:var(--surface)}
.match-arrow{background:var(--surface-soft);color:var(--brand-primary)}
html[data-theme="dark"] .match-arrow{color:var(--text)}

/* Messaging */
.messages-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.messages-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:3.1rem;letter-spacing:-.05em;margin:8px 0}.messages-heading p{margin:0;color:var(--muted)}
.message-stat-row{display:flex;gap:10px}.message-stat{min-width:104px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:15px;display:grid;text-align:center}.message-stat strong{font-size:1.1rem}.message-stat small{font-size:.65rem;color:var(--muted)}
.chat-layout{height:calc(100vh - 240px);min-height:620px;grid-template-columns:360px minmax(0,1fr);border-radius:22px}
.chat-sidebar{background:var(--surface);padding:0;border-right-color:var(--border)}
.chat-sidebar-head{padding:22px 20px 18px;border-bottom:1px solid var(--border)}
.chat-sidebar h1{font-family:Georgia,"Times New Roman",serif;font-size:1.8rem}
.chat-search{padding:14px 16px;border-bottom:1px solid var(--border)}.chat-search input{min-height:42px;background:var(--surface-soft)}
.chat-contact{margin:0;padding:14px 16px;border-radius:0;border-bottom:1px solid var(--border)}
.chat-contact:hover,.chat-contact.active{background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:none}
.chat-contact.active{border-left:3px solid var(--accent);padding-left:13px}
.chat-contact small{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-panel{background:var(--surface)}
.chat-header{min-height:88px;background:var(--surface);border-bottom-color:var(--border);padding:14px 22px}
.chat-safe{background:color-mix(in srgb,var(--brand-primary) 8%,var(--surface));color:var(--brand-primary)}
html[data-theme="dark"] .chat-safe{color:var(--text)}
.message-stream{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 32%),var(--bg);padding:32px}
.message>div{background:var(--surface);border:1px solid var(--border);box-shadow:0 5px 16px color-mix(in srgb,var(--brand-primary) 5%,transparent)}
.message.mine>div{background:var(--accent-gradient);border-color:transparent}
.message-form{background:var(--surface);border-top-color:var(--border);padding:15px 18px}.message-form textarea{background:var(--surface-soft);border-color:transparent}

/* Profile */
.premium-profile-view{grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:42px;align-items:start}
.profile-hero-image{border-radius:26px;background:var(--surface);box-shadow:var(--shadow)}
.profile-details{background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:38px;box-shadow:var(--shadow-sm)}
.profile-details h1{font-family:Georgia,"Times New Roman",serif;color:var(--text)}
.profile-safety-note{background:var(--surface);border-color:var(--border)}
.profile-divider{border-color:var(--border)}
.premium-chips span{background:var(--surface-soft);color:var(--muted)}
.round-share{background:var(--surface-soft);color:var(--text);border-color:var(--border)}
.safety-menu{border-color:var(--border);background:var(--surface-soft)}

/* Notifications */
.notifications-page{background:radial-gradient(circle at 12% 4%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 24%),var(--bg)}
.notification-total,.notification-panel,.notification-empty{background:var(--surface)}
.notification-row:hover{background:var(--surface-raised)!important;border-color:var(--border)!important}
.notification-row.unread{background:color-mix(in srgb,var(--accent) 7%,var(--surface))!important;border-color:color-mix(in srgb,var(--accent) 18%,transparent)!important}
.notification-avatar>img{background:var(--surface-soft)}
.notification-type{border-color:var(--surface)}
.notification-arrow{background:var(--surface-soft);color:var(--muted)}
.notification-row:hover .notification-arrow{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.notification-empty-icon{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}

/* Forms / auth / admin */
.auth-section{background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--accent-alt) 12%,transparent),transparent 28%),radial-gradient(circle at 10% 90%,color-mix(in srgb,var(--brand-primary) 9%,transparent),transparent 27%),var(--bg)}
.auth-card{background:var(--surface);border-radius:26px}
.auth-card h1{font-family:Georgia,"Times New Roman",serif;color:var(--text)}
.photo-editor{background:var(--surface-soft);border-color:var(--border)}
.stat-grid article,.seed-admin-stats article{background:var(--surface);border-color:var(--border)}
.table-wrap table{color:var(--text)}
table th{color:var(--muted)}
table td,table th{border-color:var(--border)}
.badge{background:var(--surface-soft);color:var(--muted)}
.seed-toggle-row,.seed-rule-box{background:var(--surface-soft);border-color:var(--border)}
.seed-table-badge{background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}

/* Theme admin */
.theme-admin-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:24px;align-items:start}
.theme-settings-panel{padding:28px}.panel-heading.compact{margin:0 0 15px}.panel-heading.compact h2{font-size:1.1rem}
.theme-preset-row{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0 25px}.theme-preset{display:grid;grid-template-columns:20px 20px 1fr;align-items:center;gap:7px;padding:11px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);cursor:pointer;text-align:left}.theme-preset:hover,.theme-preset.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.theme-preset i{width:20px;height:20px;border-radius:7px;background:var(--swatch);border:1px solid rgba(255,255,255,.45)}.theme-preset span{font-size:.72rem;font-weight:750}
.theme-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.color-field>div{display:grid;grid-template-columns:48px 1fr;gap:8px}.color-field input[type=color]{padding:4px;min-height:46px}.color-field input[type=text]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;text-transform:uppercase}.color-field input.invalid{border-color:var(--danger)}
.theme-section-divider{height:1px;background:var(--border);margin:26px 0}
.theme-mode-field{margin-top:22px}.theme-mode-field small{color:var(--muted);font-weight:500}.theme-form-actions{display:flex;gap:10px;margin-top:24px}
.theme-preview-panel{position:sticky;top:112px;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.theme-preview-toolbar{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);color:var(--muted);font-size:.7rem}.theme-preview-toolbar div{display:flex;gap:5px}.theme-preview-toolbar i{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}
.theme-preview{min-height:580px;background:var(--bg);color:var(--text)}.preview-nav{height:70px;padding:0 20px;background:var(--surface);display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border)}.preview-logo{font-family:Georgia,serif;color:var(--accent);font-size:1.1rem}.preview-logo strong{color:var(--brand-primary)}html[data-theme="dark"] .preview-logo strong{color:var(--text)}.preview-links{display:flex;gap:12px;margin-left:auto;font-size:.63rem;color:var(--muted)}.preview-theme-dot{width:30px;height:30px;display:grid;place-items:center;background:var(--surface-soft);border-radius:10px}.preview-body{padding:34px 28px}.preview-kicker{font-size:.56rem;letter-spacing:.15em;color:var(--accent);font-weight:900}.preview-body h3{font-family:Georgia,serif;font-size:2.1rem;line-height:1.05;margin:14px 0;color:var(--brand-primary)}html[data-theme="dark"] .preview-body h3{color:var(--text)}.preview-body h3 em{color:var(--accent);font-style:normal}.preview-body>p{font-size:.72rem;color:var(--muted);line-height:1.6}.preview-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.preview-card-row article{padding:7px 7px 11px;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-sm)}.preview-photo{height:120px;border-radius:11px;margin-bottom:9px}.preview-photo.one{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-alt) 60%,#fff),color-mix(in srgb,var(--brand-primary) 45%,#fff))}.preview-photo.two{background:linear-gradient(145deg,color-mix(in srgb,var(--brand-primary) 65%,#fff),color-mix(in srgb,var(--accent) 35%,#fff))}.preview-card-row strong,.preview-card-row small{display:block}.preview-card-row strong{font-size:.68rem}.preview-card-row small{font-size:.55rem;color:var(--muted);margin:3px 0 8px}.preview-card-row button{width:100%;height:28px;border:0;border-radius:8px;background:var(--accent-gradient);color:#fff;font-size:.56rem}

/* Footer / mobile */
.site-footer{background:var(--surface);border-top-color:var(--border)}
.footer-brand strong{color:var(--text)}
.mobile-nav{background:color-mix(in srgb,var(--surface) 93%,transparent);border-color:var(--border);backdrop-filter:blur(20px)}
.mobile-nav a{color:var(--muted)}.mobile-nav a.active{color:var(--accent)}
.test-session-bar{background:var(--brand-primary)}

@media(max-width:1180px){
  .container{width:min(100% - 36px,1180px)}
  .nav-wrap{grid-template-columns:auto 1fr auto}.desktop-nav{gap:8px}.desktop-nav>a{padding-inline:7px}
  .profile-chip span{display:none}.profile-chip{padding:5px}.profile-chip i{display:none}
  .premium-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .theme-admin-layout{grid-template-columns:1fr}.theme-preview-panel{position:static}.theme-preview{min-height:480px}
}
@media(max-width:900px){
  .discover-shell{grid-template-columns:1fr}.discover-sidebar{position:static}.discover-filter{grid-template-columns:repeat(2,1fr)}.discover-filter .button,.discover-filter .button-ghost{margin-top:0}.discover-sidebar-head{grid-column:1/-1}
  .chat-layout{grid-template-columns:300px 1fr}.message-stat-row{display:none}
  .premium-profile-view{grid-template-columns:1fr}.profile-hero-image{max-height:620px}
  .theme-color-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .site-header{height:72px}.nav-wrap{display:flex}.desktop-nav.member-nav,.account-actions .profile-chip,.account-actions .logout-link{display:none}.account-actions{margin-left:auto}.guest-nav>a:not(.button){display:none}.brand-mark{width:42px;height:42px;border-radius:15px}.brand-copy strong{font-size:1.35rem}
  .container,.narrow{width:min(100% - 24px,1320px)}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding:34px 0}.hero-copy{text-align:center}.hero h1{font-size:clamp(3rem,12vw,4.6rem);margin-inline:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.social-proof{justify-content:center}.hero-stage{height:480px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;padding:18px;text-align:center}
  .page-section{padding-top:36px}.discover-toolbar{align-items:flex-start;flex-direction:column}.discover-toolbar-actions{align-self:stretch;justify-content:space-between}.premium-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chat-layout{height:auto;min-height:700px;grid-template-columns:1fr}.chat-sidebar{max-height:330px;border-right:0;border-bottom:1px solid var(--border)}
  .messages-heading{align-items:flex-start;flex-direction:column}.messages-heading h1{font-size:2.7rem}
  .profile-details{padding:25px}
  .theme-admin-page .page-title{align-items:flex-start;flex-direction:column}.theme-preset-row{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .hero-stage{height:420px}.spotlight-main{width:290px}.spotlight-photo{height:285px}.spotlight-back{display:none}.compatibility-card{left:0;top:86px}.new-match-toast{right:0;bottom:35px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}
  .discover-filter{grid-template-columns:1fr}.premium-profile-grid{grid-template-columns:1fr}.discover-toolbar h1{font-size:2.25rem}.discover-sort{min-width:130px}
  .profile-image{aspect-ratio:16/10}
  .match-row{grid-template-columns:58px minmax(0,1fr) 28px}.match-avatar img{width:58px;height:58px}.match-row time{display:none}.match-arrow{width:28px;height:28px}
  .message-stream{padding:20px 14px}.message{max-width:85%}.chat-safe{display:none}.message-form{grid-template-columns:1fr auto}.message-form .button{font-size:0;width:46px;padding:0}.message-form .button span{font-size:1rem}
  .theme-color-grid,.theme-preset-row{grid-template-columns:1fr}.theme-form-actions{flex-direction:column}.theme-form-actions .button{width:100%}.theme-preview{min-height:430px}.preview-card-row{grid-template-columns:1fr}.preview-card-row article:nth-child(2){display:none}
}

/* v6 landing composition */
.landing-v6{padding-bottom:28px}
.landing-v6 .hero-grid{min-height:560px;padding-bottom:10px}
.hero-photo-frame{position:absolute;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg)}
.hero-photo-frame img{width:100%;height:100%;object-fit:cover}
.hero-photo-main{width:430px;height:390px;right:24px;top:65px;border-radius:45% 28% 38% 24%/36% 33% 48% 28%;z-index:2}
.hero-photo-back{width:280px;height:330px;left:20px;top:105px;border-radius:38% 24% 35% 22%;transform:rotate(-7deg);opacity:.6}
.hero-photo-main:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(8,18,35,.82))}
.hero-photo-caption{position:absolute;z-index:2;left:30px;bottom:26px;color:#fff}.hero-photo-caption span{font-size:.67rem}.hero-photo-caption h2{font-family:Georgia,serif;margin:6px 0 2px;font-size:1.7rem}.hero-photo-caption h2 b{font-size:.62em;color:#6ab4ff}.hero-photo-caption p{margin:0;color:rgba(255,255,255,.76);font-size:.78rem}
.hero-trust-badge{position:absolute;right:0;top:245px;z-index:4;width:124px;height:124px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:var(--accent-gradient);box-shadow:0 20px 42px color-mix(in srgb,var(--accent) 30%,transparent)}.hero-trust-badge span{font-size:1.2rem}.hero-trust-badge strong{font-size:.78rem;line-height:1.35;margin-top:4px}
.landing-filter-card{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr auto;align-items:center;gap:20px;padding:17px 20px;margin-top:-8px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);position:relative;z-index:5}.landing-filter-card>div{display:grid;gap:2px;padding-inline:10px}.landing-filter-card small{color:var(--muted);font-size:.65rem}.landing-filter-card strong{font-size:.86rem}.landing-filter-card>i{width:1px;height:34px;background:var(--border)}.landing-filter-card .button{min-width:190px}
.landing-profile-section{padding:34px 0 20px}.landing-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.landing-section-head h2{font-family:Georgia,serif;font-size:1.8rem;margin:7px 0 0}.landing-section-head>a{font-size:.76rem;color:var(--muted)}
.landing-profile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.landing-profile-card{overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 24px color-mix(in srgb,var(--brand-primary) 6%,transparent)}.landing-profile-image{height:142px;position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent-alt) 34%,var(--surface)),color-mix(in srgb,var(--brand-primary) 24%,var(--surface)))}.landing-profile-image img{width:100%;height:100%;object-fit:cover}.landing-profile-image>span{position:absolute;left:10px;top:10px;width:9px;height:9px;border-radius:50%;background:var(--success);border:2px solid #fff}.landing-profile-image>b{position:absolute;right:9px;bottom:9px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);font-size:1rem;box-shadow:0 5px 16px rgba(0,0,0,.12)}.landing-profile-card>div:last-child{padding:11px}.landing-profile-card h3{margin:0;font-size:.83rem}.landing-profile-card h3 em{font-style:normal;color:#2F8BEF}.landing-profile-card p{margin:4px 0;color:var(--muted);font-size:.62rem}.landing-profile-card small{font-size:.58rem;color:var(--muted)}.landing-trust{margin-bottom:0}

/* v6 message details */
.chat-contact{position:relative}.chat-contact>span{min-width:0;flex:1}.chat-contact-meta{margin-left:auto;display:grid;justify-items:end;gap:5px;font-style:normal}.chat-contact-meta b{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:.6rem}.chat-contact-meta small{font-size:.58rem;color:var(--muted)}.chat-presence{display:block;color:var(--success);font-size:.66rem;margin-top:3px}.chat-interest-mini{display:flex;gap:5px;margin-top:5px}.chat-interest-mini small{padding:3px 7px;background:var(--surface-soft);border-radius:999px;color:var(--muted);font-size:.56rem}.chat-day-divider{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:var(--muted);font-size:.66rem}.chat-day-divider:before,.chat-day-divider:after{content:"";height:1px;background:var(--border);flex:1}

@media(max-width:1180px){.landing-profile-grid{grid-template-columns:repeat(3,1fr)}.landing-filter-card{grid-template-columns:repeat(4,1fr);gap:12px}.landing-filter-card>i{display:none}.landing-filter-card .button{grid-column:1/-1}.hero-photo-main{right:0;width:390px}.hero-photo-back{left:0}}
@media(max-width:820px){.landing-filter-card{grid-template-columns:1fr 1fr;margin-top:0}.landing-profile-grid{grid-template-columns:repeat(2,1fr)}.hero-photo-main{width:330px;height:340px;left:50%;right:auto;transform:translateX(-50%);top:40px}.hero-photo-back{display:none}.hero-trust-badge{right:7%;top:220px}.landing-section-head{align-items:flex-start;flex-direction:column}.landing-section-head>a{align-self:flex-end;margin-top:-25px}}
@media(max-width:520px){.landing-filter-card{grid-template-columns:1fr}.landing-filter-card>div{padding:4px}.landing-profile-grid{grid-template-columns:1fr 1fr}.landing-profile-image{height:125px}.hero-trust-badge{width:100px;height:100px;right:1%;top:235px}.landing-profile-card:nth-child(n+5){display:none}}
.guest-page .nav-wrap{grid-template-columns:auto 1fr}.guest-page .guest-nav{grid-column:2;justify-self:end}