/* Customer clarity pass: access is visible, privacy controls are understandable, content stays primary. */
.top-actions { position: relative; }
.quick-hide { position: fixed !important; inset: 0 !important; z-index: 9999 !important; display: none !important; place-content: center !important; gap: 12px !important; padding: 28px !important; color: #2d2d2d !important; background: #f4f4f1 !important; text-align: center !important; }
.quick-hide.is-visible { display: grid !important; }
.quick-hide span { color: #222 !important; font: 500 clamp(28px, 5vw, 52px) Georgia, serif !important; letter-spacing: .08em !important; }
.quick-hide small { color: #777 !important; font-size: 13px !important; }
.quick-hide button { justify-self: center !important; margin-top: 12px !important; padding: 10px 16px !important; color: #333 !important; background: transparent !important; border: 1px solid #999 !important; }
.mobile-privacy-dock { display: none; }
/* Profile routes are document pages, not scrolling panels. Keep their visual origin stable. */
body.profile-route-active { overflow-x: hidden; }
body.profile-route-active .profile-detail { align-items: start; }
body.profile-route-active .detail-gallery { position: static; top: auto; align-self: start; }
body.profile-route-active .detail-gallery-main { contain: layout paint; }
body.profile-route-active .detail-thumbnail { contain: paint; }
.private-access { padding: 10px 14px; color: var(--luar-noir) !important; background: var(--luar-champagne); border: 1px solid var(--luar-champagne); border-radius: 2px; font: 10px 'DM Mono', monospace; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.private-access:hover { color: var(--luar-noir) !important; background: #ecd39b; }
.safe-mode-note { position: absolute; z-index: 30; top: calc(100% + 12px); right: 96px; width: min(280px, 75vw); margin: 0; padding: 12px 14px; color: #d8d0c4; background: #161513; border: 1px solid rgba(216,185,118,.35); font-size: 11px; line-height: 1.5; opacity: 0; pointer-events: none; transform: translateY(-4px); transition: opacity .18s ease, transform .18s ease; }
#safeMode:focus + .safe-mode-note, #safeMode:hover + .safe-mode-note { opacity: 1; transform: translateY(0); }
.profile-card { position: relative; }
.save-profile { position: absolute; z-index: 4; top: 12px; right: 12px; padding: 8px 10px; color: #f5efe3; background: rgba(12,13,14,.82); border: 1px solid rgba(245,239,227,.38); font: 10px 'DM Mono', monospace; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(5px); }
.save-profile.is-saved { color: #171513; background: var(--luar-champagne); border-color: var(--luar-champagne); }
.luar-safe-mode .profile-card .profile-image img, .luar-safe-mode .profile-card .profile-photo img { filter: blur(18px) saturate(.55); transform: scale(1.08); transition: filter .25s ease, transform .25s ease; }
.luar-safe-mode .profile-card .profile-image:after, .luar-safe-mode .profile-card .profile-photo:after { content: 'Image hidden in Safe Mode'; position: absolute; inset: 0; z-index: 3; display: grid; place-items: center; color: #f5efe3; background: rgba(12,13,14,.35); font: 10px 'DM Mono', monospace; letter-spacing: .13em; text-transform: uppercase; }
.luar-safe-mode .profile-card:hover .profile-image img, .luar-safe-mode .profile-card:hover .profile-photo img { filter: blur(0) saturate(1); transform: scale(1); }
.luar-safe-mode .profile-card:hover .profile-image:after, .luar-safe-mode .profile-card:hover .profile-photo:after { opacity: 0; }
@media (max-width: 760px) { .topbar { position: sticky; top: 0; z-index: 100; padding: 0 12px; min-height: 62px; } .topbar .brand { font-size: 14px; } .topbar .brand-mark, #safeMode, #quickHideButton { display: none !important; } .desktop-nav { display: none !important; } .top-actions { gap: 4px; } .private-access { min-height: 36px; padding: 9px 10px; font-size: 9px; } .mobile-privacy-dock { position: fixed; z-index: 900; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); display: flex; overflow: hidden; border: 1px solid rgba(216,185,118,.55); box-shadow: 0 12px 32px rgba(0,0,0,.42); } .mobile-privacy-dock button { min-height: 44px; padding: 0 14px; color: #f5efe3; background: #151515; border: 0; font: 10px 'DM Mono', monospace; letter-spacing: .1em; text-transform: uppercase; } .mobile-privacy-dock button + button { color: #171513; background: var(--luar-champagne); border-left: 1px solid rgba(0,0,0,.22); } .safe-mode-note { display: none; } .hero { padding: 46px 20px 36px; } .search-card { margin-top: 28px; } .section-wrap { padding: 46px 20px; } .result-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .profile-image, .profile-photo { height: 58vw !important; } .profile-card h3 { margin: 12px 12px 4px; font-size: 20px; } .profile-card > p, .profile-message { margin-left: 12px; margin-right: 12px; width: calc(100% - 24px); } .save-profile { top: 8px; right: 8px; padding: 7px 8px; } }