/* Generated by tools/figma/build_css.py - edit qd-src/*.css */
/* ---- 00-base.css ---- */
/* Redesign foundation. Authored in design px of the 1586x992 Figma frames;
   build_css.py converts px to rem. On desktop the root scales with the
   viewport so every screen renders like its frame at any width. */
html:has(> body.qd-shell) { font-size: calc(100vw / 158.6); }
@media (max-width: 1199px) { html:has(> body.qd-shell) { font-size: 62.5%; } }

:root {
  --qd-bg: #f6f2ed;
  --qd-paper: #fdfcfa;
  --qd-ink: #161413;
  --qd-ink-2: #3b3533;
  --qd-muted: #6f6763;
  --qd-soft: #9a918c;
  --qd-line: #e8e1db;
  --qd-red: #e2403e;
  --qd-red-2: #ef3f47;
  --qd-red-soft: #fbe6e3;
  --qd-plum: #5d1f36;
  --qd-green: #2fa85a;
  --qd-ease-out: cubic-bezier(.16, 1, .3, 1);
  --qd-ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --qd-serif: 'Newsreader', 'Times New Roman', serif;
  --qd-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html:has(> body.qd-shell) { overflow-x: clip; }
body.qd-shell { background: var(--qd-bg); padding: 0 !important; margin: 0; overflow-x: clip; }

.qd-skip-link { position: absolute; inset-inline-start: 0; top: 0; transform: translateY(-120%); z-index: 10000; background: var(--qd-paper); color: var(--qd-ink); padding: 1rem 1.6rem; border: 0.15rem solid var(--qd-line); border-radius: 0 0 1rem 0; font: 500 1.4rem var(--qd-sans); }
.qd-skip-link:focus { transform: none; }
body.qd-shell > #container { padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important; }
body.qd-shell .body_banner_mask, body.qd-shell #nav-not-logged-in, body.qd-shell .dt_navbar_mob, body.qd-shell footer#footer { display: none !important; }

.qd-page { font-family: var(--qd-sans); color: var(--qd-ink); background: var(--qd-bg); min-height: 100vh; min-height: 100dvh; font-size: 1.5rem; line-height: 1.45; -webkit-font-smoothing: antialiased; position: relative; overflow: clip; }
.qd-page *, .qd-page *::before, .qd-page *::after { box-sizing: border-box; }
.qd-page :where(h1, h2, h3, h4, h5, h6, p) { font-family: inherit; margin: 0; font-weight: inherit; line-height: inherit; letter-spacing: normal; }
.qd-page a { color: inherit; text-decoration: none; min-width: 0; }
.qd-page ul, .qd-page ol { margin: 0; padding: 0; list-style: none; }
.qd-page ul li { list-style: none; }
.qd-page img { display: block; max-width: none; }
:where(.qd-page) button { font: inherit; color: inherit; background: none; border: 0; padding: 0; margin: 0; cursor: pointer; box-shadow: none; text-transform: none; line-height: inherit; min-height: 4.4rem; }
:where(.qd-page) button:focus { background-color: transparent; }
.qd-page input:not([type]), .qd-page input[type=text], .qd-page input[type=email], .qd-page input[type=password], .qd-page input[type=number], .qd-page input[type=search], .qd-page input[type=url], .qd-page input[type=tel], .qd-page textarea, .qd-page select {
  font: inherit; color: inherit; margin: 0; padding: 0; height: auto; border: 0; border-radius: 0; background: transparent; box-shadow: none !important; outline: none; width: 100%; display: block;
}
.qd-page input[type=text]:focus:not([readonly]), .qd-page input[type=email]:focus:not([readonly]), .qd-page input[type=password]:focus:not([readonly]), .qd-page textarea:focus:not([readonly]) { border-bottom: 0; box-shadow: none; }
.qd-page select { -webkit-appearance: none; appearance: none; cursor: pointer; }
.qd-page [type=checkbox]:not(:checked), .qd-page [type=checkbox]:checked { position: static; opacity: 1; pointer-events: auto; }
.qd-page [type=checkbox] + span:not(.lever)::before, .qd-page [type=checkbox] + span:not(.lever)::after { display: none; }
.qd-page [type=checkbox] + span:not(.lever) { padding-left: 0; height: auto; line-height: inherit; font-size: inherit; }
.qd-page .qd-ic { display: inline-block; flex: none; vertical-align: middle; }
.qd-page :focus-visible { outline: 0.2rem solid var(--qd-red); outline-offset: 0.2rem; border-radius: 0.6rem; }
.qd-sr, .sr-only, caption.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
/* Hide native scrollbars on horizontal nav / tab / ring / avatar strips (kept scrollable); data tables keep theirs. */
.qd-mnav__links, .qd-rings, .qd-static__menu, .qd-lrail__menu, .qd-srail2__nav, .qd-smenu, .qd-hot .dt_home_match_user > .mtc_usr_avtr { scrollbar-width: none; -ms-overflow-style: none; }
.qd-mnav__links::-webkit-scrollbar, .qd-rings::-webkit-scrollbar, .qd-static__menu::-webkit-scrollbar, .qd-lrail__menu::-webkit-scrollbar, .qd-srail2__nav::-webkit-scrollbar, .qd-smenu::-webkit-scrollbar, .qd-hot .dt_home_match_user > .mtc_usr_avtr::-webkit-scrollbar { display: none; }

.qd-serif { font-family: var(--qd-serif); font-optical-sizing: auto; }
.qd-it { font-style: italic; }
.qd-red { color: var(--qd-red); }
.qd-eyebrow { font-size: 1.1rem; letter-spacing: 0.26rem; text-transform: uppercase; font-weight: 500; color: var(--qd-muted); }

.qd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem; font-weight: 500; border-radius: 1.2rem; transition: background-color .15s var(--qd-ease-out), transform .15s var(--qd-ease-out), box-shadow .15s var(--qd-ease-out); white-space: nowrap; }
.qd-btn--red, .qd-page button.qd-btn--red { background: var(--qd-red); color: #fff !important; box-shadow: 0 0.8rem 1.8rem -1rem rgba(214, 48, 44, .7); }
.qd-btn--red:hover { background: #cc3431; }
.qd-btn--ghost, .qd-page button.qd-btn--ghost { background: #fff; color: var(--qd-red) !important; border: 0.15rem solid #efb7b3; }
.qd-btn--ghost:hover { background: #fff5f4; }
.qd-btn:active { transform: translateY(1px); }

.qd-toast { position: fixed; left: 50%; bottom: 3.2rem; transform: translateX(-50%) translateY(2rem); background: #1f1a19; color: #fff; padding: 1.2rem 2rem; border-radius: 1.2rem; font: 500 1.4rem var(--qd-sans); opacity: 0; transition: .2s; z-index: 9999; pointer-events: none; }
.qd-toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }

@media (prefers-reduced-motion: reduce) { .qd-page * { transition: none !important; animation: none !important; } }

/* Materialize styles every <nav>; neutralise inside redesigned pages */
.qd-page nav { background: none; box-shadow: none; height: auto; line-height: inherit; color: inherit; width: auto; }
.qd-page nav a { color: inherit; }
.qd-page nav i, .qd-page nav [class^=mdi-], .qd-page nav i.material-icons { height: auto; line-height: inherit; font-size: inherit; }

.qd-page .qd-composer__field input, .qd-page .qd-mnav__search input, .qd-page .qd-f-search input { border: 0 !important; box-shadow: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; }

/* Legacy stylesheets give <script> a display value, so inline scripts printed as text (e.g. the hot-card handler). Scripts never render. */
body.qd-shell script, .qd-page script, .qd-list script { display: none !important; }
/* Form controls and buttons never fall back to the system UI font on redesigned pages. */
.qd-page button, .qd-page input, .qd-page select, .qd-page textarea { font-family: var(--qd-sans); }

/* Shared brand logo (uploaded Heartspace mark) used in every header/footer */
.qd-logo { display: block; width: auto; height: 4rem; max-width: 100%; }
.qd-logo--foot { height: 3.2rem; }

/* ---- 01-member.css ---- */
/* Shared member chrome. Each page positions its own variant via a modifier. */
.qd-mnav { position: relative; height: 7rem; display: flex; align-items: center; padding: 0 4rem; border-bottom: 1px solid #e7e2dd; }
.qd-mnav__brand { display: flex; align-items: center; gap: 0.4rem; }
.qd-mnav__heart { width: 3rem; height: 2.8rem; object-fit: contain; }
.qd-mnav .qd-wordmark { font-size: 3.6rem; letter-spacing: -0.12rem; }
.qd-page .qd-mnav__links { position: absolute; top: 0; height: 100%; display: flex; align-items: center; }
.qd-mnav__link { position: relative; display: flex; align-items: center; gap: 0.8rem; height: 100%; font-size: 1.55rem; color: #2a2425; }
.qd-mnav__link:hover { color: var(--qd-red); }
.qd-mnav__link.is-on { color: var(--qd-red); }
.qd-mnav__link.is-on::after { content: ''; position: absolute; left: 0; right: 0; bottom: 1.3rem; height: 0.2rem; background: var(--qd-red); }
.qd-badge { display: inline-grid; place-items: center; min-width: 2rem; height: 2rem; padding: 0 0.5rem; border-radius: 1rem; background: var(--qd-red); color: #fff; font: 600 1.15rem/1 var(--qd-sans); font-style: normal; }
.qd-dot { display: inline-block; width: 0.7rem; height: 0.7rem; border-radius: 50%; background: var(--qd-red); }
.qd-mnav__link .qd-dot { position: relative; top: -0.7rem; margin-left: -0.4rem; }
.qd-mnav__right { margin-left: auto; display: flex; align-items: center; }
.qd-mnav__icon { position: relative; display: grid; place-items: center; color: #231f20; }
.qd-mnav__icon .qd-dot { position: absolute; top: 1px; right: 1px; width: 0.9rem; height: 0.9rem; border: 0.2rem solid var(--qd-bg); box-sizing: content-box; }
.qd-mnav__icon .qd-badge { position: absolute; top: -0.8rem; right: -0.9rem; min-width: 1.8rem; height: 1.8rem; font-size: 1.05rem; border: 0.2rem solid var(--qd-bg); box-sizing: content-box; }
.qd-mnav__sep { width: 1px; height: 4rem; background: #e4ddd8; }
.qd-mnav__user { display: flex; align-items: center; gap: 1rem; color: #1f1b1c; font-size: 1.5rem; font-weight: 500; }
.qd-mnav__user img { width: 4.4rem; height: 4.4rem; border-radius: 50%; object-fit: cover; }
.qd-mnav__who small { display: block; font-size: 1.25rem; font-weight: 400; color: #6f6763; }
.qd-mnav__who b { display: block; font-weight: 600; }
.qd-mnav__search { display: flex; align-items: center; gap: 1rem; height: 4rem; padding: 0 1.8rem; border-radius: 2rem; background: #fff; border: 1px solid #e6dfda; color: #5d5553; }
.qd-page .qd-mnav__search input { font-size: 1.35rem; color: #2a2425; }
.qd-mnav__search input::placeholder { color: #7c7471; }
.qd-mnav__credits { display: flex; align-items: center; gap: 1rem; font-size: 1.45rem; font-weight: 600; color: #1f1b1c; }
.qd-mnav__credits > .qd-ic { color: var(--qd-red); }
.qd-mnav__plus { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--qd-red); color: #fff; margin-left: 1.2rem; }
.qd-mnav__cpill { display: flex; align-items: center; gap: 1.2rem; height: 4.2rem; padding: 0 2.4rem 0 1.8rem; border: 0.15rem solid #ef8c93; border-radius: 2.1rem; color: var(--qd-red); font-size: 1.55rem; font-weight: 600; }
.qd-mnav__cpill i { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--qd-red); color: #fff; }

.qd-notif { position: absolute; z-index: 1000; width: 36rem; max-height: 46rem; overflow: auto; background: #fff; border: 1px solid #ebe3de; border-radius: 1.4rem; box-shadow: 0 2.4rem 5rem -2rem rgba(60, 30, 30, .35); padding: 1.6rem; font-family: var(--qd-sans); }
.qd-notif h4 { font: 600 1.6rem var(--qd-sans); margin: 0 0 1rem; color: #1f1b1c; }
.qd-notif__empty { color: #7c7471; font-size: 1.4rem; padding: 1.2rem 0; }
.qd-notif img { width: 4rem; height: 4rem; border-radius: 50%; object-fit: cover; }

/* common pieces */
.qd-card { background: #fcfbf9; border: 1px solid #ece6e0; border-radius: 1.2rem; }
.qd-chip { display: inline-flex; align-items: center; gap: 0.7rem; height: 3rem; padding: 0 1.3rem; border-radius: 1.5rem; background: #f3eee9; font-size: 1.3rem; color: #3a3334; white-space: nowrap; }
.qd-verified { display: inline-grid; place-items: center; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: #1f8cf0; color: #fff; }
.qd-online-pill { display: inline-flex; align-items: center; gap: 0.6rem; height: 2.6rem; padding: 0 1rem; border-radius: 1.3rem; background: rgba(255,255,255,.92); font-size: 1.2rem; font-weight: 600; color: #1f1b1c; }
.qd-online-pill::before { content: ''; width: 0.9rem; height: 0.9rem; border-radius: 50%; background: #22b35e; }
.qd-toggle { position: relative; display: inline-block; width: 5.2rem; height: 3rem; flex: none; }
.qd-page .qd-toggle input { position: absolute; inset: 0; opacity: 0 !important; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
.qd-toggle i { position: absolute; inset: 0; border-radius: 1.5rem; background: #d9d4d1; transition: background .15s; }
.qd-toggle i::after { content: ''; position: absolute; left: 0.3rem; top: 0.3rem; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 0.3rem rgba(0,0,0,.25); transition: transform .15s; }
.qd-toggle input:checked + i { background: var(--qd-red); }
.qd-toggle input:checked + i::after { transform: translateX(2.2rem); }
.qd-toggle input:focus-visible + i { outline: 0.2rem solid var(--qd-red); outline-offset: 0.2rem; }

/* dual/single range slider */
.qd-range { position: relative; height: 2.4rem; }
.qd-range__track { position: absolute; left: 0; right: 0; top: 1rem; height: 0.4rem; border-radius: 0.2rem; background: #e9e3de; }
.qd-range__fill { position: absolute; top: 1rem; height: 0.4rem; border-radius: 0.2rem; background: var(--qd-red); }
.qd-page .qd-range input[type=range] { position: absolute; left: -1.1rem; width: calc(100% + 2.2rem); top: 0; height: 2.4rem; margin: 0; padding: 0; background: transparent; -webkit-appearance: none; appearance: none; pointer-events: none; border: 0; }
.qd-range input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--qd-red); border: 0; box-shadow: 0 0.2rem 0.6rem rgba(200, 40, 40, .35); cursor: pointer; }
.qd-range input[type=range]::-moz-range-thumb { pointer-events: auto; width: 2.2rem; height: 2.2rem; border-radius: 50%; background: var(--qd-red); border: 0; cursor: pointer; }
.qd-range input[type=range]::-webkit-slider-runnable-track { background: transparent; height: 2.4rem; border: 0; }
.qd-page input[type=range] + .thumb { display: none !important; }

@media (max-width: 1199px) {
  .qd-mnav { height: auto; min-height: 6rem; flex-wrap: wrap; padding: 1rem 1.4rem; gap: 0.8rem; }
  .qd-mnav__links { position: static; order: 3; width: 100%; height: 4.4rem; overflow-x: auto; gap: 1.8rem; left: auto !important; }
  .qd-mnav__link { flex: none; }
  .qd-mnav__link.is-on::after { bottom: 0.4rem; }
  .qd-mnav__search, .qd-mnav__who, .qd-mnav__sep { display: none !important; }
  .qd-mnav__right { gap: 1.4rem !important; }
}

/* ---- 02-chrome.css ---- */
/* Shared chrome: standard member nav, avatar menu, mobile drawer, footer. */
.qd-chrome { min-height: 0; overflow: visible; background: transparent; }
.qd-chrome--member, .qd-chrome--public { position: sticky; top: 0; z-index: 900; background: rgba(252, 248, 245, .92); backdrop-filter: saturate(1.4) blur(1rem); -webkit-backdrop-filter: saturate(1.4) blur(1rem); }
.qd-mnav--std { height: 7.6rem; padding: 0 5.6rem 0 5.8rem; border-bottom-color: #ece3df; }
.qd-mnav--std .qd-mnav__heart { width: 3.6rem; height: 3.6rem; }
.qd-mnav--std .qd-wordmark { font-size: 2.9rem; margin-left: 0.5rem; }
.qd-mnav--std .qd-mnav__links { left: 30rem; gap: 4.4rem; }
.qd-mnav--std .qd-mnav__link { font-size: 1.5rem; }
.qd-mnav--std .qd-mnav__link.is-on::after { bottom: 0.9rem; }
.qd-mnav--std .qd-mnav__right { gap: 2.2rem; }
.qd-mnav--std .qd-mnav__search { width: 25rem; height: 4rem; }
.qd-mnav--std .qd-mnav__credits .qd-mnav__plus { margin-left: 0.8rem; }
.qd-mnav--std .qd-mnav__user img { width: 4.2rem; height: 4.2rem; }

/* avatar dropdown */
.qd-mnav__um { position: relative; }
.qd-page .qd-mnav__user { display: flex; align-items: center; gap: 1rem; cursor: pointer; }
.qd-usermenu { display: none; position: absolute; right: 0; top: calc(100% + 1.2rem); z-index: 1000; width: 27rem; max-height: calc(100vh - 11rem); overflow-y: auto; padding: 0.8rem; border: 1px solid #ece3df; border-radius: 1.6rem; background: #fff; box-shadow: 0 2.8rem 6rem -2.4rem rgba(60, 25, 30, .38); }
.qd-mnav__um.is-open .qd-usermenu { display: block; animation: qd-pop .16s var(--qd-ease-out); }
.qd-usermenu__me { padding: 1rem 1.2rem 1.2rem; margin-bottom: 0.4rem; border-bottom: 1px solid #f1e9e5; }
.qd-usermenu__me b { display: block; font-family: var(--qd-serif); font-weight: 600; font-size: 1.8rem; color: #1a1216; }
.qd-usermenu__me small { font-size: 1.25rem; color: #7a7075; }
.qd-usermenu a { display: flex; align-items: center; gap: 1.2rem; height: 3.8rem; padding: 0 1.2rem; border-radius: 1rem; font-size: 1.4rem; color: #2b2226; }
.qd-usermenu a .qd-ic { color: #8c3b52; }
.qd-usermenu a:hover { background: #fbefec; color: var(--qd-red); }
.qd-usermenu a.is-out { margin-top: 0.4rem; border-top: 1px solid #f1e9e5; border-radius: 0 0 1rem 1rem; color: #b3261e; }
@keyframes qd-pop { from { opacity: 0; transform: translateY(-0.6rem); } to { opacity: 1; transform: none; } }
.qd-bnav__drawer-only { display: none !important; }
.qd-burger { display: none; place-items: center; width: 4.2rem; height: 4.2rem; border-radius: 1.2rem; border: 1px solid #e6ddd8; background: #fff; color: #2b2226; }

/* public nav re-uses the Journal nav */
.qd-pubnav { padding: 0 7.2rem; height: 7.2rem; }
.qd-pubnav .qd-bnav__links { left: 49.2rem; height: 7.2rem; }
.qd-pubnav .qd-bnav__links a.is-on::after { bottom: -2.1rem; }
.qd-pubnav .qd-bnav__signin { margin-left: 2.6rem; }

/* footer */
.qd-foot2 { margin-top: 6.4rem; padding: 4rem 7.2rem 2.8rem; border-top: 1px solid #ece3df; background: #faf5f1; }
.qd-foot2__in { display: flex; align-items: flex-start; gap: 5.6rem; flex-wrap: wrap; }
.qd-foot2__brand .qd-wordmark { font-size: 3rem; }
.qd-foot2__brand p { margin-top: 0.6rem; font-size: 1.4rem; color: #6f6763; }
.qd-foot2__links { display: flex; flex-wrap: wrap; gap: 1rem 2.8rem; margin-top: 1rem; font-size: 1.45rem; }
.qd-foot2__links a, .qd-foot2__lang a { display: inline-flex; align-items: center; min-height: 4.4rem; }
.qd-foot2__links a:hover, .qd-foot2__lang a:hover { color: var(--qd-red); }
.qd-foot2__lang { margin-left: auto; margin-top: 1rem; display: flex; flex-wrap: wrap; gap: 0.8rem 1.6rem; font-size: 1.3rem; color: #6f6763; }
.qd-foot2__lang a.is-on { color: var(--qd-red); font-weight: 600; }
.qd-foot2__copy { margin-top: 2.6rem; font-size: 1.25rem; color: #8a817d; }

@media (max-width: 1199px) {
  .qd-burger { display: grid; }
  .qd-mnav, .qd-pubnav { position: relative; flex-wrap: nowrap !important; height: 6.4rem !important; min-height: 0; padding: 0 1.6rem !important; margin: 0 !important; }
  .qd-mnav .qd-wordmark, .qd-pubnav .qd-wordmark { font-size: 2.4rem !important; }
  .qd-mnav .qd-mnav__heart { width: 3rem !important; height: 3rem !important; }
  .qd-page .qd-mnav__links, .qd-pubnav .qd-bnav__links { display: none !important; }
  .qd-mnav__right { gap: 1rem !important; }
  .qd-mnav__credits span, .qd-mnav__cpill, .qd-mnav__sicon, .qd-mnav__sep, .qd-mnav__script, .qd-pubnav .qd-bnav__signin { display: none !important; }
  .qd-mnav__credits .qd-mnav__plus { margin-left: 0; }
  .qd-mnav__user img { width: 3.6rem !important; height: 3.6rem !important; }
  .qd-mnav__user > .qd-ic { display: none; }
  header.is-open .qd-mnav__links, header.is-open .qd-bnav__links { display: flex !important; position: fixed !important; left: 0; right: 0; top: 6.4rem; bottom: 0; z-index: 950; flex-direction: column; align-items: stretch !important; gap: 0 !important; height: auto !important; padding: 1.2rem 1.6rem 4rem; background: #fdf9f6; overflow-y: auto; }
  header.is-open .qd-mnav__link, header.is-open .qd-bnav__links a { height: 5.6rem !important; margin: 0 !important; padding: 0 0.8rem; border-bottom: 1px solid #efe6e2; font-size: 1.8rem !important; }
  header.is-open .qd-mnav__link.is-on::after, header.is-open .qd-bnav__links a.is-on::after { display: none; }
  header.is-open .qd-bnav__links a.qd-bnav__drawer-only { display: flex !important; align-items: center; color: var(--qd-red); font-weight: 600; }
  /* backdrop-filter makes the wrapper the containing block of the fixed drawer (it collapsed to ~5.2rem) */
  .qd-drawer-open .qd-chrome { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  .qd-drawer-open body { overflow: hidden; }
  .qd-usermenu { position: fixed; left: 1.2rem; right: 1.2rem; top: 7rem; width: auto; }
  .qd-pubnav .qd-bnav__join { width: auto !important; padding: 0 1.6rem; height: 4rem !important; }
  .qd-foot2 { padding: 2.8rem 1.6rem; margin-top: 4rem; }
  .qd-foot2__in { flex-direction: column; gap: 1.6rem; }
  .qd-foot2__lang { margin-left: 0; }
}
@media (max-width: 420px) {
  .qd-mnav__right { gap: 0.4rem !important; }
  .qd-mnav, .qd-pubnav { padding: 0 1.2rem !important; }
}
.qd-restrict { min-height: 0; display: flex; gap: 2.4rem; align-items: center; max-width: 140rem; margin: 2rem auto; padding: 1.8rem 2.2rem; border-radius: 1.4rem; background: #fdecec; }
.qd-restrict b { display: block; font-family: var(--qd-serif); font-size: 2rem; color: #b3261e; }
.qd-restrict span { font-size: 1.4rem; color: #5d5358; }
.qd-restrict form { margin-left: auto; display: flex; gap: 1rem; align-items: center; }
.qd-page .qd-restrict textarea { width: 34rem; height: 4.4rem; padding: 1rem 1.2rem; border: 1px solid #efc6c6; border-radius: 1rem; background: #fff; font-size: 1.4rem; }
.qd-page .qd-restrict button { height: 4.4rem; padding: 0 1.8rem; border-radius: 1rem; }
@media (max-width: 1199px) { .qd-restrict { flex-direction: column; align-items: stretch; margin: 1.2rem; } .qd-restrict form { margin: 0; flex-direction: column; align-items: stretch; } .qd-page .qd-restrict textarea { width: 100%; } }

/* ---- 03-consent.css ---- */
/* Cookie consent (cookieconsent lib) restyled to the redesign. */
.cc-window.cc-floating { font-family: var(--qd-sans) !important; max-width: 38rem !important; padding: 2rem 2.2rem !important; border-radius: 1.6rem !important; border: 1px solid #ece3df; background: #fff !important; color: #3a3336 !important; box-shadow: 0 3rem 6rem -2.8rem rgba(60, 25, 30, .45) !important; left: 2rem !important; bottom: 2rem !important; }
.cc-window .cc-message { font-size: 1.45rem !important; line-height: 1.5 !important; color: #3a3336 !important; margin-bottom: 1.4rem !important; }
.cc-window .cc-link { font-family: var(--qd-sans) !important; color: #8c2d44 !important; opacity: 1 !important; text-decoration: underline; padding: 0 !important; min-height: 4.4rem; display: inline-flex; align-items: center; }
.cc-window .cc-btn { font-family: var(--qd-sans) !important; font-size: 1.45rem !important; font-weight: 600 !important; height: 4.4rem; display: grid !important; place-items: center; border-radius: 1.2rem !important; background: #e5484b !important; color: #fff !important; border: 0 !important; }
.cc-window .cc-btn:hover { background: #cc3431 !important; }
@media (max-width: 600px) { .cc-window.cc-floating { left: 1.2rem !important; right: 1.2rem !important; bottom: 1.2rem !important; max-width: none !important; } }
/* The consent dialog's text and buttons must use the redesign sans, not the system fallback. */
.qd-consent, .qd-consent * { font-family: var(--qd-sans) !important; }

/* ---- 10-home.css ---- */
/* Public home — redesign/public/2/home-hero-4k.png */
.qd-home { --qd-bg: #f5f1ea; --qd-red: #dc3e3a; background: var(--qd-bg); overflow-x: clip; }
.qd-home__top { position: relative; height: 78.2rem; }
.qd-home__art { position: absolute; left: 67.3rem; top: 0; width: 91.3rem; height: 78.2rem; pointer-events: none; }
.qd-home__art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.qd-home__people { position: absolute; left: 122.1rem; top: 71.3rem; font-size: 0.85rem; letter-spacing: 0.22rem; color: #8b7d7a; line-height: 1.1rem; text-transform: uppercase; }

.qd-hnav { position: absolute; z-index: 2; left: 0; right: 0; top: 1.6rem; height: 4.8rem; display: flex; align-items: center; padding: 0 7.9rem 0 7.8rem; }
.qd-brand { display: flex; align-items: center; gap: 0.2rem; }
.qd-brand__logo { display: block; width: auto; height: 5.6rem; }
.qd-hnav__tag { margin-left: 1.4rem; padding-left: 1.5rem; border-left: 1px solid #d9cfca; font-size: 0.85rem; letter-spacing: 0.24rem; line-height: 1.3rem; color: #9b8f8b; text-transform: uppercase; }
.qd-hnav__links { position: absolute; left: 56.7rem; display: flex; gap: 3.8rem; font-size: 1.5rem; color: #1d1a19; }
.qd-hnav__links a:hover, .qd-hnav__signin:hover { color: var(--qd-red); }
.qd-hnav__right { margin-left: auto; display: flex; align-items: center; gap: 3.5rem; }
.qd-hnav__signin { font-size: 1.5rem; color: #1d1a19; }
.qd-hnav__menu, .qd-hnav__panel-signin { display: none; }
.qd-hnav__join { width: 13.2rem; height: 4.8rem; border-radius: 1.4rem; font-size: 1.5rem; gap: 1.2rem; }

.qd-hero { position: absolute; left: 8rem; top: 14.5rem; width: 64rem; }
.qd-hero h1 { white-space: nowrap; }
.qd-hero__eyebrow { text-transform: uppercase; display: flex; align-items: center; gap: 1.2rem; font-size: 1.1rem; letter-spacing: 0.26rem; color: #8c7577; }
.qd-hero__eyebrow::before { content: ''; width: 2.4rem; height: 1px; background: #c9a3a2; }
.qd-hero h1 { margin-top: 2.6rem; font-family: var(--qd-serif); font-weight: 600; font-size: 8.9rem; line-height: 8.45rem; letter-spacing: -0.34rem; color: #110d0e; }
.qd-hero h1 em { display: block; font-style: normal; font-weight: 500; color: var(--qd-red); letter-spacing: -0.34rem; }
.qd-hero__lede { white-space: normal; margin-top: 2.9rem; width: 47rem; font-size: 1.8rem; line-height: 2.55rem; color: #6c6765; letter-spacing: -0.1px; }

.qd-pref { position: absolute; left: 8rem; top: 56.5rem; width: 58.8rem; height: 9.2rem; background: #fdfcf9; border-radius: 1.6rem; box-shadow: 0 1.4rem 3rem -1.8rem rgba(90, 60, 50, .28), 0 1px 0 rgba(0,0,0,.02); display: flex; align-items: center; padding: 0 1.8rem 0 2.5rem; }
.qd-pref__field { position: relative; width: 14.8rem; }
.qd-pref__field + .qd-pref__field { margin-left: 4.9rem; }
.qd-pref__field + .qd-pref__field::before { content: ''; position: absolute; left: -2.7rem; top: -0.8rem; bottom: -1.4rem; width: 1px; background: #ebe4df; }
.qd-pref__label { font-size: 1.3rem; color: #6d6663; display: block; margin-bottom: 0.4rem; }
.qd-pref__select { position: relative; border-bottom: 1px solid #e3dcd7; padding-bottom: 0.6rem; }
.qd-pref__select select { border: 0 !important; background: transparent !important; height: auto !important; font-size: 1.6rem; font-weight: 500; color: #1b1817; padding-right: 2.2rem; }
.qd-pref__select .qd-ic { position: absolute; right: 0; top: 0.4rem; pointer-events: none; color: #4a4442; }
.qd-page .qd-pref__go { margin-left: auto; width: 16.3rem; height: 5.3rem; border-radius: 1rem; font-size: 1.7rem; }

.qd-trust { position: absolute; left: 8.4rem; top: 70rem; display: flex; }
.qd-trust__item { display: flex; align-items: center; gap: 1.7rem; font-size: 1.4rem; line-height: 1.8rem; color: #6d6663; width: 20.1rem; }
.qd-trust__item:nth-child(2) { width: 19.8rem; }
.qd-trust__item b { display: block; font-weight: 500; font-size: 1.5rem; color: #1d1a19; }
.qd-trust__item .qd-ic { color: #5e3b43; }

.qd-how { position: relative; height: 21rem; border-top: 1px solid #e6ded7; }
.qd-how__head { position: absolute; left: 8rem; top: 4.3rem; }
.qd-how__head .qd-hero__eyebrow { font-size: 1.05rem; }
.qd-how h2 { margin-top: 1.2rem; margin-left: 0.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 5.2rem; line-height: 5.1rem; letter-spacing: -0.22rem; color: #151212; }
.qd-how h2 em { font-style: normal; font-weight: 500; color: var(--qd-red); letter-spacing: -0.16rem; }
.qd-how__steps { position: absolute; left: 61.8rem; top: 3.2rem; display: flex; }
.qd-step { position: relative; width: 25.2rem; }
.qd-step + .qd-step::before { content: ''; position: absolute; left: -3.5rem; top: 6.6rem; height: 7.6rem; width: 1px; background: #e6ded7; }
.qd-step__ic { width: 5.4rem; height: 5.4rem; border-radius: 50%; background: #f7dfdb; color: #d8413d; display: grid; place-items: center; }
.qd-step h3 { margin-top: 2rem; font-size: 1.6rem; font-weight: 500; color: #1b1817; }
.qd-step p { margin-top: 0.8rem; font-size: 1.4rem; line-height: 1.85rem; color: #726a67; width: 19rem; }
.qd-how__art { position: absolute; left: 137rem; top: 1rem; width: 21.6rem; height: 20rem; pointer-events: none; }

/* below the fold: stories, links, newsletter */
.qd-more { border-top: 1px solid #e6ded7; padding: 6.4rem 8rem 4rem; background: #f5f1ea; }
.qd-more__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1.4fr; gap: 5.6rem; }
.qd-more h4 { font-family: var(--qd-serif); font-weight: 600; font-size: 2.6rem; letter-spacing: -0.6px; margin-bottom: 1.8rem; }
.qd-more p { color: #6c6765; font-size: 1.5rem; }
.qd-more__links a { display: block; font-size: 1.5rem; color: #3b3533; padding: 0.5rem 0; }
.qd-more__links a:hover { color: var(--qd-red); }
.qd-news { display: flex; margin-top: 1.6rem; background: #fff; border: 1px solid #e6ded7; border-radius: 1.2rem; padding: 0.5rem; }
.qd-news input { padding: 0 1.2rem !important; font-size: 1.4rem; }
.qd-news__msg { margin-top: 1rem; font-size: 1.3rem; line-height: 1.8rem; }
.qd-news__msg.is-ok { color: #1f7a4d; }
.qd-news__msg.is-err { color: var(--qd-red); }
.qd-news button:disabled { opacity: .6; cursor: progress; }
.qd-news button { height: 4.2rem; padding: 0 1.8rem; border-radius: 0.9rem; font-size: 1.4rem; }
.qd-stories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; margin-bottom: 5.6rem; }
article.qd-story { background: #fdfcf9; border: 1px solid #ece5df; border-radius: 1.6rem; padding: 2.2rem; display: flex; gap: 1.6rem; }
.qd-story__pair { display: flex; flex: none; }
.qd-story__pair img { width: 4.8rem; height: 4.8rem !important; border-radius: 50%; object-fit: cover; border: 0.2rem solid #fdfcf9; }
.qd-story__pair img + img { margin-left: -1.4rem; }
article.qd-story h5 { font-weight: 600; font-size: 1.5rem; margin-bottom: 0.4rem; }
article.qd-story p { font-size: 1.4rem; line-height: 2rem; }
.qd-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 4.8rem; padding-top: 2.2rem; border-top: 1px solid #e6ded7; font-size: 1.3rem; color: #8a817d; }
.qd-foot__lang { display: flex; gap: 1.4rem; flex-wrap: wrap; }
.qd-foot__lang a.is-on { color: var(--qd-red); }
.qd-consent-manage { appearance: none; border: 0; padding: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 0.2rem; }
.qd-consent-manage:hover, .qd-consent-manage:focus-visible { color: var(--qd-red); }

@media (max-width: 1199px) {
  .qd-home__top { height: auto; padding: 9.6rem 2rem 3.2rem; display: flex; flex-direction: column; }
  .qd-hnav { top: 1.6rem; padding: 0 2rem; }
  .qd-hnav__tag { display: none; }
  .qd-hnav__right { gap: 1.2rem; }
  .qd-hnav__menu { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.5rem; width: 4.4rem; height: 4.4rem; padding: 0; border: 1px solid #e6ded7; border-radius: 1.2rem; background: #fff; cursor: pointer; }
  .qd-hnav__menu span { display: block; width: 1.8rem; height: 0.2rem; border-radius: 0.2rem; background: #1d1a19; transition: transform .2s, opacity .2s; }
  .qd-hnav.is-open .qd-hnav__menu span:nth-child(1) { transform: translateY(0.7rem) rotate(45deg); }
  .qd-hnav.is-open .qd-hnav__menu span:nth-child(2) { opacity: 0; }
  .qd-hnav.is-open .qd-hnav__menu span:nth-child(3) { transform: translateY(-0.7rem) rotate(-45deg); }
  .qd-hnav__links { display: none; position: absolute; top: 6rem; left: 2rem; right: 2rem; flex-direction: column; gap: 0; padding: 0.8rem; background: #fff; border-radius: 1.6rem; box-shadow: 0 1.8rem 4rem rgba(29, 26, 25, .16); z-index: 5; }
  .qd-hnav.is-open .qd-hnav__links { display: flex; }
  .qd-hnav__links a { display: flex; align-items: center; min-height: 4.8rem; padding: 0 1.6rem; border-radius: 1rem; font-size: 1.6rem; }
  .qd-hnav__links a:hover { background: #f8efec; }
  .qd-hnav__panel-signin { display: flex; }
  .qd-hero, .qd-pref, .qd-trust, .qd-home__art, .qd-home__people { position: relative; left: auto; top: auto; }
  .qd-hero { width: 100%; }
  .qd-hero h1 { white-space: normal; font-size: 5.6rem; line-height: 5.2rem; letter-spacing: -0.2rem; }
  .qd-hero__lede { width: 100%; font-size: 1.7rem; }
  .qd-pref { width: 100%; height: auto; margin-top: 2.8rem; flex-wrap: wrap; padding: 1.8rem; gap: 1.6rem; }
  .qd-pref__field { width: calc(50% - 0.8rem); }
  .qd-pref__field + .qd-pref__field { margin-left: 0; }
  .qd-pref__field + .qd-pref__field::before { display: none; }
  .qd-page .qd-pref__go { width: 100%; }
  .qd-trust { margin-top: 2.4rem; flex-wrap: wrap; gap: 1.4rem; }
  .qd-home__art { width: 100%; height: auto; aspect-ratio: 913 / 782; margin-top: 2.8rem; }
  .qd-home__people { display: none; }
  .qd-how { height: auto; padding: 3.2rem 2rem; }
  .qd-how__head, .qd-how__steps { position: static; }
  .qd-how h2 { font-size: 3.6rem; line-height: 3.8rem; }
  .qd-how__steps { flex-direction: column; gap: 2.4rem; margin-top: 2.4rem; }
  .qd-step + .qd-step::before, .qd-how__art { display: none; }
  .qd-more { padding: 4rem 2rem; }
  .qd-more__grid, .qd-stories { grid-template-columns: minmax(0, 1fr); gap: 2.8rem; }
  .qd-foot { flex-direction: column; gap: 1.2rem; align-items: flex-start; }
}
@media (max-width: 640px) {
  .qd-home__top { padding-inline: 1.4rem; }
  .qd-hnav { padding-inline: 1.4rem; }
  .qd-hero h1 { font-size: 4.3rem; line-height: 4.2rem; letter-spacing: -0.15rem; }
  .qd-hero__lede { font-size: 1.6rem; line-height: 2.4rem; }
  .qd-pref { padding: 1.4rem; border-radius: 1.4rem; }
  .qd-pref__field { width: 100%; }
  .qd-pref__go { height: 4.6rem; }
  .qd-home__art { margin-inline: -0.2rem; }
  .qd-how { padding-inline: 1.4rem; }
  .qd-more { padding-inline: 1.4rem; }
}
@media (max-width: 480px) {
  .qd-hnav__join { display: none; }
}

/* ---- 11-login.css ---- */
/* Login — redesign/public/3/login-4k.png */
.qd-login { --qd-bg: #fdfaf7; background: var(--qd-bg); height: 99.2rem; min-height: 100vh; min-height: 100dvh; }
.qd-login__head { position: absolute; left: 4.8rem; top: 3.8rem; display: flex; align-items: center; }
.qd-wordmark { font-family: var(--qd-serif); font-weight: 600; font-size: 4.3rem; letter-spacing: -0.14rem; color: #15121a; line-height: 1; }
.qd-wordmark b { font-weight: 600; color: #e62d3f; }
.qd-login__head .qd-wordmark { margin-left: 0.2rem; }
.qd-login__back { position: absolute; left: 32rem; top: 5rem; display: flex; align-items: center; gap: 1.8rem; font-size: 1.6rem; color: #231d22; }
.qd-login__back:hover { color: #e62d3f; }
.qd-login__tag { position: absolute; right: 5rem; top: 5rem; display: flex; align-items: center; gap: 2rem; font-size: 1.4rem; letter-spacing: 0.11rem; color: #4a3f45; }
.qd-login__tag i { width: 6rem; height: 1px; background: #c9bcc0; }
.qd-login__tag .qd-ic { color: #e62d3f; }

.qd-login__form { position: absolute; left: 9.6rem; top: 15.8rem; width: 52.2rem; }
.qd-login__eyebrow { display: flex; align-items: center; gap: 2rem; font-size: 1.2rem; letter-spacing: 0.43rem; color: #7d6870; text-transform: uppercase; }
.qd-login__eyebrow::after { content: ''; width: 4.6rem; height: 1px; background: #cdbfc3; }
.qd-login h1 { margin-top: 1.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 8.5rem; line-height: 8.4rem; letter-spacing: -0.32rem; color: #0a0a15; white-space: nowrap; }
.qd-login h1 em { display: block; font-style: normal; color: #e72d3f; letter-spacing: -0.26rem; }
.qd-login__lede { margin-top: 2rem; font-size: 1.75rem; line-height: 2.5rem; letter-spacing: .8px; color: #7b6870; width: 34rem; }
.qd-field { position: relative; display: flex; align-items: center; height: 6.6rem; margin-top: 1.8rem; background: #fff; border: 1px solid #d8cacd; border-radius: 1rem; padding: 0 2rem 0 2.1rem; }
.qd-login__lede + .qd-alerts + .qd-field, .qd-login__lede + .qd-field { margin-top: 3.6rem; }
.qd-field:focus-within { border-color: #e72d3f; box-shadow: 0 0 0 0.3rem rgba(231, 45, 63, .12); }
.qd-field > .qd-ic { color: #3d3036; margin-right: 1.6rem; }
.qd-page .qd-field input { font-size: 1.7rem; letter-spacing: .5px; color: #231d22; height: 6.4rem; }
.qd-field input::placeholder { color: #6f5f65; }
.qd-field__eye { color: #3d3036; display: grid; place-items: center; }
.qd-login__row { display: flex; align-items: center; justify-content: space-between; margin-top: 1.7rem; font-size: 1.5rem; color: #3a3036; }
.qd-check { display: inline-flex; align-items: center; gap: 1rem; cursor: pointer; }
.qd-page .qd-check input { width: 2.2rem; height: 2.2rem; margin: 0; accent-color: #e72d3f; }
.qd-login__forgot { color: #6b2442; text-decoration: underline !important; text-underline-offset: 0.3rem; min-height: 4.4rem; display: inline-flex; align-items: center; }
.qd-page .qd-login__submit { width: 100%; height: 6.3rem; margin-top: 2.4rem; border-radius: 1.2rem; font-size: 2.1rem; background: #e82d40; position: relative; box-shadow: 0 1.4rem 2.6rem -1.2rem rgba(232, 45, 64, .6); }
.qd-login__submit .qd-ic { position: absolute; right: 3rem; }
.qd-login__or { display: flex; align-items: center; gap: 2rem; margin-top: 3rem; font-size: 1.3rem; letter-spacing: 0.2rem; color: #6b5d62; }
.qd-login__or::before, .qd-login__or::after { content: ''; flex: 1; height: 1px; background: #d9cdd0; }
.qd-social { display: flex; align-items: center; justify-content: center; gap: 2.2rem; width: 100%; height: 5.9rem; margin-top: 2.4rem; border: 1px solid #d0c3c6; border-radius: 1rem; background: #fff; font-size: 1.9rem; font-weight: 600; letter-spacing: -.3px; color: #15121a; }
.qd-social:hover { background: #fbf6f4; }
.qd-social[aria-disabled=true] { opacity: .55; cursor: not-allowed; }
.qd-social-more { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1rem; }
.qd-social-more a { font-size: 1.3rem; padding: 0.7rem 1.2rem; border: 1px solid #e3d8da; border-radius: 0.8rem; background: #fff; }
.qd-login__new { margin-top: 3.8rem; font-size: 1.5rem; color: #3a3036; }
.qd-login__new a { color: #e62d3f; text-decoration: underline !important; text-underline-offset: 0.3rem; }
.qd-alerts .alert { margin-top: 1.4rem; padding: 1rem 1.4rem; border-radius: 1rem; font-size: 1.4rem; }
.qd-alerts .alert-danger { background: #fdecec; color: #b3261e; }
.qd-alerts .alert-success { background: #eaf6ee; color: #1f7a45; }

.qd-login__art { position: absolute; left: 69rem; top: 10rem; width: 87rem; height: 75rem; pointer-events: none; }
.qd-login__pillars { position: absolute; left: 77rem; top: 87.6rem; width: 77.6rem; max-width: calc(100vw - 80.2rem); display: flex; font-family: var(--qd-serif); font-size: 1.85rem; color: #6b2d4a; }
.qd-login__pillars span { position: relative; flex: 1; text-align: center; padding-bottom: 1.2rem; }
.qd-login__pillars span::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 4rem; margin-left: -2rem; height: 0.2rem; background: #ef6a77; }
.qd-login__pillars span + span { border-left: 1px solid #cfc2c6; }

@media (max-width: 1199px) {
  .qd-login { height: auto; padding: 2.4rem 2rem 4rem; display: flex; flex-direction: column; }
  .qd-login__head, .qd-login__back, .qd-login__form, .qd-login__art, .qd-login__pillars { position: relative; left: auto; top: auto; right: auto; width: 100%; }
  .qd-login__back { margin-top: 1.2rem; }
  .qd-login__tag, .qd-login__pillars { display: none; }
  .qd-login__art { order: 3; height: auto; aspect-ratio: 870 / 750; margin-top: 3.2rem; }
  .qd-login__form { margin-top: 2.4rem; }
  .qd-login h1 { font-size: 5.4rem; line-height: 5rem; white-space: normal; }
}
.qd-page .qd-field input, .qd-page .qd-field input:focus { border: 0 !important; background: transparent !important; padding: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.qd-page .qd-check span { font-size: 1.5rem; color: #3a3036; }
.qd-page .qd-check > span { font-size: 1.5rem !important; line-height: 2.2rem !important; }
.qd-page .qd-login__submit { border-radius: 1.2rem !important; }
.qd-social-more:not(:empty) + .qd-login__new { margin-top: 1.4rem; }

/* Shared auth layout (register / forgot / reset / verification / OTP) */
.qd-auth { height: auto; min-height: 100vh; }
.qd-auth__col { position: relative; width: 56rem; margin-left: 9.6rem; padding: 15.8rem 0 6rem; }
.qd-auth h1 { margin-top: 1.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 7.6rem; line-height: 7.4rem; letter-spacing: -0.3rem; color: #0a0a15; }
.qd-auth h1 em { display: block; font-style: normal; color: #e72d3f; letter-spacing: -0.24rem; }
.qd-auth .qd-login__lede { width: 42rem; }
.qd-auth__form { margin-top: 2.6rem; }
/* neutralise the legacy auth page wrappers inside the new layout */
.qd-auth__form .main_header_nav, .qd-auth__form nav, .qd-auth__form .login_baner, .qd-auth__form .login_banner_mask, .qd-auth__form .login_banner_lines, .qd-auth__form .dt_login_body_inner > img, .qd-auth__form .page_footer, .qd-auth__form .dt_auth_footr_page { display: none !important; }
.qd-auth__form .dt_login_body, .qd-auth__form .dt_login_body_inner, .qd-auth__form .container, .qd-auth__form .container-fluid, .qd-auth__form .auth_bg_img, .qd-auth__form .dt_login_bg, .qd-auth__form .dt_login_con, .qd-auth__form .dt_login, .qd-auth__form form {
  position: static !important; width: 100% !important; max-width: none !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; border: 0 !important; transform: none !important; }
.qd-auth__form form > p:first-of-type { display: none; }
.qd-auth__form .row { margin: 0 -0.8rem 0.6rem; }
.qd-auth__form .input-field { margin-top: 1.4rem; }
.qd-page .qd-auth__form input:not([type=checkbox]):not([type=hidden]) { height: 6rem !important; padding: 0 1.8rem !important; border: 1px solid #d8cacd !important; border-radius: 1rem !important; background: #fff !important; font-size: 1.6rem !important; box-sizing: border-box !important; }
.qd-auth__form .input-field > label { left: 1.8rem !important; width: auto; max-width: calc(100% - 2.6rem); box-sizing: border-box; top: 0; transform: translateY(2rem) !important; font-size: 1.5rem; color: #6f5f65; }
.qd-auth__form .input-field > label.active { transform: translateY(-0.9rem) scale(.85) !important; background: #fff; padding: 0 0.6rem; color: #8c3b52; }
.qd-auth__form [type=checkbox].filled-in + span:not(.lever) { font-size: 1.45rem; color: #3a3036; padding-left: 3.2rem; }
.qd-page .qd-auth__form button[type=submit], .qd-auth__form .btn { width: 100% !important; height: 6rem !important; margin-top: 1.8rem; border-radius: 1.2rem !important; background: #e82d40 !important; color: #fff !important; font-size: 1.9rem !important; font-weight: 600; box-shadow: 0 1.4rem 2.6rem -1.2rem rgba(232, 45, 64, .6) !important; }
.qd-auth__form button[disabled] { opacity: .5; }
.qd-auth__form .dt_login_footer { display: block !important; text-align: center; }
.qd-auth__form .dt_login_footer a:not(.btn) { display: inline-block; margin-top: 1.4rem; color: #6b2442; text-decoration: underline; }
.qd-auth .qd-login__art { top: 10rem; }
.qd-auth .qd-login__pillars { top: 87.6rem; }
@media (max-width: 1199px) {
  .qd-auth__col { width: auto; margin: 0; padding: 2rem 0 2rem; order: 2; }
  .qd-auth h1 { font-size: 4.6rem; line-height: 4.6rem; }
  .qd-auth .qd-login__lede { width: auto; }
  .qd-auth .qd-login__art { order: 4; }
}
.qd-auth__form svg:not(.qd-ic) { display: none !important; }
.qd-auth__form label, .qd-auth__form span, .qd-auth__form p, .qd-auth__form a:not(.btn) { color: #3a3036 !important; }
.qd-auth__form a:not(.btn) { color: #6b2442 !important; text-decoration: underline; }
.qd-auth__form input { color: #231d22 !important; }
.qd-auth__form .input-field.col { padding: 0 0.8rem !important; }
.qd-page.qd-auth h1 { margin-top: 1.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 7.6rem; line-height: 7.4rem; letter-spacing: -0.3rem; color: #0a0a15; }
.qd-page.qd-auth h1 em { color: #e72d3f; }
.qd-auth__form [type=checkbox].filled-in:not(:checked) + span:not(.lever):after { border-color: #cdb7bd; background: #fff; }
.qd-auth__form [type=checkbox] { position: absolute !important; opacity: 0 !important; }
body.qd-shell { background-image: none !important; }
.qd-auth__form .input-field > label { opacity: 1 !important; color: #6f5f65 !important; }
.qd-auth__form [type=checkbox] { position: static !important; opacity: 1 !important; pointer-events: auto !important; width: 2rem; height: 2rem; margin: 0 1rem 0 0; vertical-align: middle; accent-color: #e72d3f; }
.qd-auth__form [type=checkbox] + span:not(.lever) { padding-left: 0 !important; }
.qd-auth__form *, .qd-auth__form { background-image: none !important; }
.qd-auth__form *::before, .qd-auth__form *::after { background-image: none !important; }
.qd-auth__form .dt_login::before, .qd-auth__form .dt_login::after { display: none !important; }
.qd-gate { display: grid; place-items: center; min-height: 100vh; padding: 4rem 1.6rem; background: #fdfaf7; }
.qd-gate__brand { position: absolute; left: 4.8rem; top: 3.6rem; display: flex; align-items: center; gap: 0.4rem; }
.qd-gate__brand .qd-wordmark { font-size: 3.6rem; } .qd-gate__brand .qd-wordmark b { color: #e62d3f; font-weight: 600; }
/* Desktop: a wide two-pane card (icon, eyebrow and headline on the left; the
   explanation and safety-policy action on the right). Phones stack to one column. */
.qd-gate { padding-top: 12rem; }
.qd-gate__card { width: min(96rem, 100%); padding: 6.4rem 7.2rem; background: #fff; border: 1px solid #efe4e1; border-radius: 2.4rem; text-align: left; box-shadow: 0 3rem 6rem -4rem rgba(80, 30, 35, .45); }
.qd-gate .qd-gate__card.dt_et_banned { min-height: 0; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); column-gap: 6.4rem; align-items: center; }
.qd-gate .qd-gate__card.dt_et_banned::before, .qd-gate .qd-gate__card.dt_et_banned::after { display: none; }
.qd-gate__ic { position: relative; grid-column: 1; grid-row: 1; justify-self: start; display: inline-grid; place-items: center; width: 9.6rem; height: 9.6rem; border-radius: 50%; background: #fbe4e1; color: #e72d3f; margin-bottom: 2.2rem; }
.qd-gate__ic b { position: absolute; font: 700 1.5rem var(--qd-sans); color: #e72d3f; top: 3.8rem; }
.qd-gate .qd-login__eyebrow { grid-column: 1; grid-row: 2; justify-content: flex-start; }
.qd-gate h1 { grid-column: 1; grid-row: 3; margin-top: 1.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 5.2rem; line-height: 1.08; letter-spacing: -0.16rem; color: #0a0a15; }
.qd-gate p { grid-column: 2; grid-row: 3; margin: 0 0 2.8rem; max-width: 36rem; color: #6c6765; font-size: 1.7rem; line-height: 1.55; }
.qd-gate .qd-btn { grid-column: 2; grid-row: 4; justify-self: start; height: 5rem; padding: 0 2.6rem; }
@media (max-width: 899px) {
  .qd-gate { padding-top: 9.6rem; }
  .qd-gate__card { padding: 4.4rem 3.6rem; }
  .qd-gate .qd-gate__card.dt_et_banned { display: block; text-align: center; }
  .qd-gate__ic { display: inline-grid; margin: 0 auto 2.2rem; }
  .qd-gate .qd-login__eyebrow { justify-content: center; }
  .qd-gate h1 { font-size: 3.8rem; margin-top: 1.2rem; }
  .qd-gate p { margin: 1.4rem auto 2.4rem; font-size: 1.6rem; }
  .qd-gate .qd-btn { justify-self: auto; }
}
@media (max-width: 600px) { .qd-gate__brand { left: 1.6rem; top: 1.6rem; } .qd-gate h1 { font-size: 3rem; } .qd-gate__card { padding: 3rem 2rem; } }

/* ---- 12-blog.css ---- */
/* Blog / Journal — redesign/public/1/blog-4k.png */
.qd-blog { --qd-bg: #fdf9f5; --qd-red: #e72b3d; background: var(--qd-bg); padding: 0 7.2rem 1.2rem; }
.qd-bnav { height: 6.4rem; display: flex; align-items: center; position: relative; }
.qd-bnav__brand { display: flex; align-items: center; gap: 0.2rem; }
.qd-bnav__brand .qd-wordmark { font-size: 3.3rem; letter-spacing: -1px; }
.qd-bnav__links { position: absolute; left: 49.2rem; top: 0; height: 6.4rem; display: flex; align-items: center; gap: 0; font-size: 1.4rem; color: #2b2627; }
.qd-bnav__links a { position: relative; margin-right: 5rem; }
.qd-bnav__links a.is-on { color: var(--qd-red); }
.qd-bnav__links a.is-on::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1.7rem; height: 0.2rem; background: var(--qd-red); }
.qd-bnav__links a:hover { color: var(--qd-red); }
.qd-bnav__right { margin-left: auto; display: flex; align-items: center; }
.qd-bnav__search { color: #231f20; padding: 0.4rem; }
.qd-bnav__sep { width: 1px; height: 2.6rem; background: #e2d9d4; margin: 0 2.6rem 0 2.8rem; }
.qd-bnav__signin { font-size: 1.45rem; font-weight: 600; color: #1d1a1b; margin-right: 2.8rem; }
.qd-bnav__join { width: 12.2rem; height: 4.3rem; border-radius: 0.6rem; font-size: 1.4rem; font-weight: 600; background: var(--qd-red); gap: 1rem; }
.qd-bsearch { display: none; position: absolute; right: 29rem; top: 1.2rem; width: 30rem; }
.qd-bsearch.is-open { display: block; }
.qd-bsearch input { height: 4rem; background: #fff !important; border: 1px solid #e2d9d4 !important; border-radius: 0.8rem !important; padding: 0 1.4rem !important; font-size: 1.4rem; }

.qd-feature { position: relative; height: 35.2rem; margin-top: 1.1rem; }
.qd-feature__txt { position: absolute; left: 0.4rem; top: 3.9rem; width: 43rem; }
.qd-cat { font-size: 1.05rem; letter-spacing: 0.24rem; font-weight: 600; text-transform: uppercase; color: var(--qd-red); }
.qd-feature h1 { margin-top: 1.3rem; font-family: var(--qd-serif); font-weight: 600; font-size: 5.6rem; line-height: 5.7rem; letter-spacing: -0.24rem; color: #121014; width: 44rem; }
.qd-feature h1 a:hover { color: var(--qd-red); }
.qd-feature h1 .qd-red { color: var(--qd-red); }
.qd-feature__lede { margin-top: 2rem; font-size: 1.68rem; line-height: 2.43rem; color: #6b6a6b; width: 40rem; }
.qd-author { display: flex; align-items: center; gap: 1.5rem; margin-top: 2rem; font-size: 1.3rem; color: #5b5354; }
.qd-author img { width: 4.8rem; height: 4.8rem; border-radius: 50%; object-fit: cover; }
.qd-author b { display: block; font-weight: 500; font-size: 1.4rem; color: #1d1a1b; margin-bottom: 0.3rem; }
.qd-author i { font-style: normal; color: var(--qd-red); margin: 0 0.9rem; }
.qd-feature__img { position: absolute; left: 44.4rem; top: 0; width: 75.2rem; height: 34.2rem; border-radius: 1rem; overflow: hidden; }
.qd-feature__img img { width: 100%; height: 100%; object-fit: cover; }
.qd-quote { position: absolute; left: 122.5rem; top: 4rem; height: 30rem; border-left: 1px solid #e7ddd8; padding-left: 4.1rem; }
.qd-quote__tags { font-size: 0.95rem; letter-spacing: 0.26rem; line-height: 1.8rem; color: #4a4344; text-transform: uppercase; }
.qd-quote__rule { width: 3.1rem; height: 0.2rem; background: var(--qd-red); margin: 1.2rem 0 2.6rem; }
.qd-quote blockquote { margin: 0; padding: 0; border: 0; font-family: var(--qd-serif); font-weight: 500; font-size: 3.8rem; line-height: 3.8rem; letter-spacing: -0.14rem; color: #121014; margin-left: -1.3rem; }
.qd-quote .qd-quote__rule + blockquote + .qd-quote__rule { margin: 2.4rem 0 1.8rem; }

.qd-jtabs { display: flex; align-items: center; height: 6rem; margin-top: 1.2rem; border-top: 1px solid #ece3de; }
.qd-jtabs__label { font-size: 1.05rem; letter-spacing: 0.24rem; color: #3c3637; text-transform: uppercase; width: 19.3rem; font-weight: 500; }
.qd-jtabs a.qd-tab { position: relative; display: inline-flex; align-items: center; min-height: 4.4rem; font-size: 1.3rem; color: #3c3637; margin-right: 3.5rem; padding: 0 1px; }
.qd-jtabs a.qd-tab.is-on { color: var(--qd-red); font-weight: 600; padding: 0 1.4rem; margin-left: -1.4rem; margin-right: 2.2rem; }
.qd-jtabs a.qd-tab.is-on::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1.4rem; height: 0.2rem; background: var(--qd-red); }
.qd-sort { margin-left: auto; position: relative; display: flex; align-items: center; gap: 0.6rem; font-size: 1.3rem; color: #2b2627; }
.qd-page .qd-sort select { width: auto; padding-right: 1.8rem; text-align: right; }
.qd-sort .qd-ic { position: absolute; right: 0; pointer-events: none; }

.qd-cards { display: grid; grid-template-columns: repeat(5, 27.6rem); gap: 1.6rem; margin-top: 1px; }
.qd-acard__img { display: block; height: 18.7rem; border-radius: 0.6rem; overflow: hidden; }
.qd-acard__img img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .3s; }
.qd-acard:hover .qd-acard__img img { transform: scale(1.03); }
.qd-acard__meta { display: flex; justify-content: space-between; align-items: center; margin-top: 1.4rem; padding: 0 0.2rem; }
.qd-acard__meta .qd-cat { font-size: 0.95rem; letter-spacing: 0.22rem; }
.qd-acard__meta time { font-size: 1.25rem; color: #6d6566; }
.qd-acard h3 { margin-top: 1rem; padding: 0 0.2rem; font-family: var(--qd-serif); font-weight: 600; font-size: 2rem; letter-spacing: -.6px; line-height: 2.4rem; color: #121014; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qd-acard p { margin-top: 0.5rem; padding: 0 0.2rem; font-size: 1.43rem; line-height: 2rem; color: #6b6566; height: 4rem; overflow: hidden; }
.qd-acard__foot { display: flex; justify-content: space-between; align-items: center; margin-top: 1.6rem; padding: 0 0.2rem; font-size: 1.25rem; color: #4f4849; }
.qd-acard__foot .qd-ic { color: var(--qd-red); }
.qd-empty { grid-column: 1 / -1; padding: 6rem 0; text-align: center; color: #6b6566; }
.qd-loadmore { display: flex; justify-content: center; margin-top: 2.4rem; }
.qd-loadmore button { height: 4.2rem; padding: 0 2.2rem; border: 1px solid #e3d8d3; border-radius: 0.8rem; font-size: 1.4rem; background: #fff; }

.qd-newsletter { position: relative; height: 12.7rem; margin-top: 2.9rem; background: #fbeeea; border-radius: 1.2rem; padding: 2.5rem 2.8rem; }
.qd-newsletter .qd-cat { font-size: 1rem; }
.qd-newsletter h2 { margin-top: 1rem; font-family: var(--qd-serif); font-weight: 600; font-size: 3.2rem; letter-spacing: -0.12rem; line-height: 3.4rem; color: #121014; }
.qd-newsletter p { margin-top: 0.6rem; font-size: 1.45rem; color: #5b5354; }
.qd-newsletter form { position: absolute; left: 71.8rem; top: 4.5rem; display: flex; }
.qd-page .qd-newsletter input { width: 23.4rem; height: 4rem; background: #fff; border: 1px solid #eadfdb; border-right: 0; border-radius: 0.4rem 0 0 0.4rem; padding: 0 1.4rem; font-size: 1.25rem; }
.qd-page .qd-newsletter button { width: 12rem; height: 4.2rem; margin-top: -1px; border-radius: 0 0.4rem 0.4rem 0; background: var(--qd-red); font-size: 1.3rem; font-weight: 600; gap: 1rem; }
.qd-newsletter__msg { position: absolute; left: 71.8rem; top: 9.4rem; font-size: 1.25rem; color: var(--qd-red); }
.qd-newsletter__art { position: absolute; left: 113.8rem; top: 0.9rem; width: 27rem; height: 10.6rem; pointer-events: none; }

@media (max-width: 1199px) {
  .qd-blog { padding: 0 2rem 2.4rem; }
  .qd-bnav__links, .qd-bnav__sep, .qd-quote, .qd-newsletter__art { display: none; }
  .qd-bnav__brand { min-width: 0; }
  .qd-bnav__brand .qd-wordmark { font-size: 2.7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .qd-bnav__right { flex: none; gap: 1rem; }
  .qd-feature { height: auto; display: flex; flex-direction: column; gap: 2rem; }
  .qd-feature__txt, .qd-feature__img { position: static; width: 100%; }
  .qd-feature__img { order: -1; height: 22rem; }
  .qd-feature h1 { width: 100%; font-size: 4rem; line-height: 4.2rem; }
  .qd-feature__lede { width: 100%; }
  .qd-jtabs { height: auto; flex-wrap: wrap; gap: 1.2rem; padding: 1.6rem 0; }
  .qd-cards { grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); }
  .qd-newsletter { height: auto; }
  .qd-newsletter form, .qd-newsletter__msg { position: static; margin-top: 1.4rem; }
}

/* ---- 20-find-matches.css ---- */
/* Find matches — redesign/member/8/find-matches-4k.png */
.qd-fm { --qd-bg: #f6f2ed; --qd-red: #e34946; }
.qd-mnav--fm .qd-mnav__heart { width: 3.4rem; height: 3.6rem; }
.qd-mnav--fm { padding-left: 3.8rem; }
.qd-mnav--fm .qd-wordmark { font-size: 3.8rem; margin-left: 0.2rem; }
.qd-mnav--fm .qd-mnav__links { left: 59.6rem; gap: 6rem; }
.qd-mnav--fm .qd-mnav__link .qd-badge { background: #6e3140; }
.qd-mnav--fm .qd-mnav__right { gap: 0; }
.qd-mnav--fm .qd-mnav__credits { margin-right: 5rem; }
.qd-mnav--fm .qd-mnav__user img { width: 4rem; height: 4rem; }
.qd-mnav--fm .qd-mnav__user { gap: 1rem; margin-right: 0.3rem; }
.qd-mnav--fm .qd-mnav__user .qd-ic { margin-left: 0.8rem; }

.qd-fm__body { display: grid; grid-template-columns: 25.8rem 1fr; }
.qd-rail { border-right: 1px solid #e8e3de; min-height: 92.2rem; padding: 2.6rem 2rem 0 2.6rem; position: relative; }
.qd-rail__me { padding-left: 1.4rem; }
.qd-rail__avatar { position: relative; width: 9.4rem; height: 9.4rem; }
.qd-rail__avatar img { width: 9.4rem; height: 9.4rem; border-radius: 50%; object-fit: cover; }
.qd-rail__avatar i { position: absolute; right: 0.4rem; bottom: 0.6rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #22b35e; border: 0.25rem solid var(--qd-bg); }
.qd-rail__name { margin-top: 1rem; font-size: 2rem; font-weight: 600; letter-spacing: -.3px; }
.qd-rail__tier { display: flex; align-items: center; gap: 0.8rem; margin-top: 0.3rem; font-size: 1.35rem; color: #4f4849; }
.qd-rail__tier .qd-ic { color: #d6a042; }
.qd-rail__stats { display: flex; margin-top: 1.7rem; padding-top: 1.8rem; border-top: 1px solid #e3ddd8; width: 18.1rem; }
.qd-rail__stats div { white-space: nowrap; font-size: 1.15rem; color: #6c6465; line-height: 1.2; }
.qd-rail__stats b { display: block; font-size: 1.7rem; color: #151213; font-weight: 700; margin-bottom: 0.6rem; }
.qd-rail__stats div:first-child { width: 7.7rem; }
.qd-rail__stats div + div { margin-left: 0; padding-left: 1.6rem; width: 5.8rem; }
.qd-rail__stats div + div + div { width: auto; }
.qd-rail__x { border-left: 1px solid #e3ddd8; }
.qd-rail__menu { margin-top: 2.6rem; }
.qd-rail__item { display: flex; align-items: center; gap: 1.6rem; height: 4.5rem; padding: 0 1.4rem 0 1.6rem; margin-bottom: 0.4rem; border-radius: 0.8rem; font-size: 1.45rem; color: #2a2425; }
.qd-rail__item .qd-ic { color: #3a3334; }
.qd-rail__item:hover { background: #f1e7e2; }
.qd-rail__item.is-on { background: #f4e2dc; color: var(--qd-red); }
.qd-rail__item.is-on .qd-ic { color: var(--qd-red); }
.qd-rail__item .qd-badge { margin-left: auto; min-width: 2.3rem; height: 2.3rem; border-radius: 1.2rem; background: #e0424a; }
.qd-premium { margin-top: 3rem; margin-left: 1px; width: 21.1rem; padding: 1.4rem 1.8rem 1.6rem; border: 1px solid #ebe5df; border-radius: 1rem; background: #faf7f4; }
.qd-premium__head { display: flex; align-items: center; gap: 1.6rem; }
.qd-premium__head img { width: 4.2rem; height: 4.2rem; }
.qd-premium__head b { font-family: var(--qd-serif); font-weight: 600; font-size: 1.6rem; line-height: 1.8rem; color: #151213; }
.qd-premium ul { margin: 1.6rem 0 1.7rem !important; }
.qd-premium li { display: flex; align-items: center; gap: 1.2rem; font-size: 1.35rem; color: #3a3334; height: 2.6rem; }
.qd-premium li .qd-ic { color: #b99178; }
.qd-premium .qd-btn { width: 17.3rem; height: 3.9rem; border-radius: 0.6rem; font-size: 1.45rem; gap: 1.2rem; }
.qd-rail__quote { white-space: nowrap; margin-top: 3.4rem; padding-left: 0.6rem; font-family: var(--qd-serif); font-style: italic; font-size: 2.1rem; line-height: 2.5rem; color: #231f20; }
.qd-rail__quote img { margin-top: 0.9rem; margin-left: -0.3rem; }

.qd-fm__main { position: relative; display: grid; grid-template-columns: 1fr 33.2rem; grid-template-rows: 14.5rem auto; align-items: start; column-gap: 2.6rem; padding: 2.6rem 3rem 3rem 3.4rem; }
.qd-fm__head { position: relative; grid-column: 1; height: 14.5rem; }
.qd-fm__head .qd-eyebrow { font-size: 1.15rem; letter-spacing: 0.32rem; color: #8e5a67; font-weight: 600; }
.qd-fm__head h1 { margin-top: 1.2rem; font-family: var(--qd-serif); font-weight: 600; font-size: 6.3rem; line-height: 6rem; letter-spacing: -0.24rem; color: #0b0a0d; }
.qd-fm__head h1 i { font-style: normal; color: var(--qd-red); }
.qd-fm__head p { margin-top: 1.3rem; font-size: 1.65rem; color: #5c5657; }
.qd-fm__script { position: absolute; left: 76.1rem; top: 0.2rem; width: 14rem; }
.qd-fm__count { position: absolute; right: 0; top: 9.8rem; display: flex; align-items: center; gap: 1.2rem; font-size: 1.35rem; font-weight: 500; color: #231f20; }
.qd-fm__count span { margin-right: 0.4rem; }
.qd-circle { display: grid; place-items: center; width: 2.9rem; height: 2.9rem; border-radius: 50%; border: 1px solid #ddd5cf; background: #fbf9f7; color: #231f20; }
.qd-circle[aria-disabled=true] { opacity: .4; pointer-events: none; }

.qd-grid { grid-column: 1; display: grid; grid-template-columns: 29.6rem 29rem 27.9rem; column-gap: 2rem; row-gap: 1.6rem; margin-top: 0; }
.qd-pcard { position: relative; overflow: hidden; background: #fcfbf9; border: 1px solid #ebe5df; border-radius: 1rem; }
.qd-pcard__photo { position: relative; display: block; height: 21.2rem; }
.qd-pcard:nth-child(n+4) .qd-pcard__photo { height: 18.3rem; }
/* !important beats legacy style.qd.css `article img { height:auto !important }` */
.qd-pcard__photo img { width: 100%; height: 100% !important; object-fit: cover; }
.qd-pcard .qd-online-pill { position: absolute; left: 1rem; top: 1.1rem; }
.qd-fav { position: absolute; right: 1rem; top: 1.1rem; width: 3.8rem; height: 3.8rem; border-radius: 50%; border: 0.15rem solid rgba(255,255,255,.9); background: rgba(40, 30, 30, .12); color: #fff; display: grid; place-items: center; }
.qd-fav.is-on { background: #fff; color: var(--qd-red); }
.qd-pcard__body { padding: 0.9rem 1.7rem 1.1rem; }
.qd-pcard h3 { display: flex; align-items: center; gap: 0.9rem; margin: 0; font-size: 1.85rem; font-weight: 600; letter-spacing: -.3px; color: #151213; }
.qd-fav:focus-visible { outline: 0.3rem solid #7b2774; outline-offset: 0.3rem; box-shadow: none; }
.qd-pcard__loc { display: flex; align-items: center; gap: 0.8rem; margin-top: 0.4rem; font-size: 1.35rem; color: #4f4849; }
.qd-pcard__chips { display: flex; gap: 0.8rem; margin-top: 0.7rem; overflow: hidden; }
.qd-pcard__chips .qd-chip { height: 2.7rem; padding: 0 1.2rem; font-size: 1.25rem; }
.qd-pcard__acts { display: flex; justify-content: center; gap: 3.6rem; margin-top: 1.2rem; }
.qd-act { display: grid; place-items: center; width: 5rem; height: 5rem; border-radius: 50%; background: #fff; color: #1f1b1c; box-shadow: 0 0.4rem 1.4rem -0.4rem rgba(60, 40, 30, .25); transition: transform .12s; }
.qd-act:hover { transform: scale(1.06); }
.qd-page .qd-act--like { background: var(--qd-red); color: #fff; box-shadow: 0 0.8rem 1.6rem -0.6rem rgba(227, 73, 70, .7); }
.qd-pcard.is-gone { opacity: .35; pointer-events: none; transition: opacity .3s; }
.qd-empty-grid { grid-column: 1 / -1; padding: 8rem 2rem; text-align: center; color: #6c6465; }
.qd-empty-grid h3 { font-family: var(--qd-serif); font-size: 2.8rem; color: #151213; margin-bottom: 0.8rem; }
.qd-empty-grid .qd-btn { margin-top: 2rem; }

.qd-filters { grid-column: 2; grid-row: 1 / span 2; margin-top: 0.2rem; align-self: start; background: #fdfcfb; border: 1px solid #ece6e0; border-radius: 1.2rem; padding: 2.5rem 2.5rem 3rem; }
.qd-filters .qd-eyebrow { font-size: 1.1rem; letter-spacing: 0.24rem; color: #8e5a67; font-weight: 600; }
.qd-filters h2 { margin-top: 1.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 2.75rem; line-height: 3.1rem; letter-spacing: -0.11rem; white-space: nowrap; color: #151213; }
.qd-filters h4 { font-size: 1.55rem; font-weight: 600; color: #1f1b1c; }
.qd-f-sec { padding: 1.9rem 0 2rem; border-bottom: 1px solid #e9e3de; }
.qd-f-sec:first-of-type { padding-top: 2.4rem; }
.qd-intent { display: grid; grid-template-columns: 13.4rem 13.4rem; gap: 1.3rem 1.2rem; margin-top: 1.2rem; }
.qd-intent label { display: flex; align-items: center; justify-content: center; gap: 0.6rem; min-width: 0; height: 3.7rem; padding: 0 0.6rem; border-radius: 0.6rem; background: #f3eee9; font-size: 1.1rem; white-space: nowrap; color: #2a2425; cursor: pointer; }
.qd-intent input { position: absolute; opacity: 0; pointer-events: none; }
.qd-intent input:checked + label { background: var(--qd-red); color: #fff; }
.qd-intent input:focus-visible + label { outline: 0.2rem solid var(--qd-red); outline-offset: 0.2rem; }
.qd-f-row { display: flex; justify-content: space-between; align-items: baseline; }
.qd-f-row span { font-size: 1.35rem; color: #4f4849; }
.qd-f-sec .qd-range { margin-top: 1.4rem; }
.qd-f-search { display: flex; align-items: center; gap: 1rem; height: 3.9rem; margin-top: 1.2rem; padding: 0 1.2rem; border: 1px solid #ddd5cf; border-radius: 0.6rem; background: #fff; color: #6c6465; }
.qd-page .qd-f-search input { font-size: 1.25rem; }
.qd-f-interests { display: flex; flex-wrap: wrap; gap: 0.8rem 1rem; margin-top: 1.2rem; }
.qd-page .qd-f-interests input, .qd-page .qd-intent input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; width: 1px; }
.qd-f-interests label { display: inline-flex; align-items: center; height: 3.4rem; padding: 0 1.9rem; border-radius: 1.7rem; background: #f2eeea; font-size: 1.25rem; color: #3a3334; cursor: pointer; }
.qd-f-interests input:checked + label { background: var(--qd-red); color: #fff; }
.qd-f-interests .is-hidden { display: none; }
.qd-f-interests.is-all .is-hidden { display: inline-flex; }
.qd-f-interests button { height: 3.4rem; padding: 0 1.9rem; border-radius: 1.7rem; background: #f2eeea; font-size: 1.25rem; color: #3a3334; }
.qd-filters .qd-apply { width: 100%; height: 4.6rem; margin-top: 2.2rem; border-radius: 0.6rem; font-size: 1.5rem; font-weight: 600; gap: 1.2rem; }
.qd-filters .qd-reset { display: flex; align-items: center; justify-content: center; gap: 1.2rem; width: 100%; margin-top: 1.8rem; font-size: 1.35rem; color: #3a3334; }

@media (max-width: 1199px) {
  .qd-fm__body { grid-template-columns: minmax(0, 1fr); }
  .qd-rail { display: none; }
  .qd-fm__main { grid-template-columns: minmax(0, 1fr); padding: 2rem 1.6rem; }
  .qd-fm__head { height: auto; }
  .qd-fm__head h1 { font-size: 4.2rem; line-height: 4.4rem; }
  .qd-fm__script { display: none; }
  .qd-fm__count { position: static; margin: 1.2rem 0; }
  .qd-grid { grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr)); }
  .qd-filters { grid-column: 1; grid-row: auto; margin-top: 2rem; }
}

/* ---- 21-profile.css ---- */
/* Member profile — redesign/member/3/profile-4k.png */
.qd-pro { --qd-bg: #fdfaf8; --qd-red: #ec2f45; }
.qd-wordmark--sans { font-family: var(--qd-sans) !important; font-weight: 700 !important; letter-spacing: -0.12rem !important; }
.qd-mnav--pr { height: 8.4rem; margin: 0 5.8rem; padding: 0; border-bottom-color: #ece5e2; }
.qd-mnav--pr .qd-mnav__heart { width: 4.8rem; height: 4.4rem; }
.qd-mnav--pr .qd-wordmark { font-size: 3.4rem; margin-left: 0.6rem; }
.qd-mnav--pr .qd-mnav__links { left: 30.2rem; gap: 5.4rem; }
.qd-mnav--pr .qd-mnav__link { font-size: 1.6rem; }
.qd-mnav--pr .qd-mnav__link.is-on::after { bottom: 2.3rem; }
.qd-mnav--pr .qd-mnav__right { gap: 3.4rem; }
.qd-mnav--pr .qd-mnav__sep { height: 4.4rem; margin: 0 -0.4rem; }
.qd-mnav--pr .qd-mnav__user img { width: 4.6rem; height: 4.6rem; }
.qd-mnav--pr .qd-mnav__who b { font-size: 1.4rem; }
.qd-mnav--pr .qd-mnav__user .qd-ic { margin-left: 1.4rem; }

.qd-pro__wrap { position: relative; height: 90.8rem; }
.qd-gallery__main { position: absolute; left: 5.9rem; top: 2.8rem; width: 53.1rem; height: 66.4rem; border-radius: 1.4rem; overflow: hidden; background: #eee; }
.qd-gallery__main img { width: 100%; height: 100%; object-fit: cover; }
.qd-gallery__tag { position: absolute; left: 2.3rem; top: 2.4rem; display: flex; align-items: center; gap: 1rem; height: 4rem; padding: 0 1.8rem 0 1.4rem; border-radius: 2rem; background: rgba(40, 30, 28, .25); border: 1px solid rgba(255,255,255,.55); backdrop-filter: blur(0.6rem); color: #fff; font-size: 1.45rem; }
.qd-gallery__nav { position: absolute; top: 59.4rem; width: 5.2rem; height: 5.2rem; border-radius: 50%; background: rgba(255,255,255,.75); color: #2a2224; display: grid; place-items: center; }
.qd-gallery__nav--prev { left: 1.8rem; } .qd-gallery__nav--next { right: 1.8rem; }
.qd-gallery__side { position: absolute; left: 60.1rem; width: 27.1rem; border-radius: 1.2rem; overflow: hidden; background: #eee; }
.qd-gallery__side img { width: 100%; height: 100%; object-fit: cover; }
.qd-gallery__side--1 { top: 2.8rem; height: 31.1rem; } .qd-gallery__side--2 { top: 35rem; height: 34.2rem; }

.qd-facts { position: absolute; left: 5.9rem; top: 73.6rem; width: 81.2rem; display: flex; }
.qd-fact { width: 20.3rem; text-align: center; color: #6c2a43; }
.qd-fact:first-child { width: 19rem; text-align: left; padding-left: 2.5rem; }
.qd-fact + .qd-fact { border-left: 1px solid #e8dfdc; }
.qd-fact .qd-ic { display: block; margin: 0 auto; }
.qd-fact:first-child .qd-ic { margin: 0 0 0 5.5rem; }
.qd-fact b { display: block; margin-top: 1.4rem; font-size: 1.65rem; font-weight: 600; color: #6c2a43; }
.qd-fact span { display: block; margin-top: 0.2rem; font-size: 1.55rem; color: #4c4448; }

.qd-pinfo { position: absolute; left: 91.7rem; top: 3.6rem; width: 61.2rem; }
.qd-pinfo__status { display: flex; align-items: center; gap: 1rem; font-size: 1.45rem; color: #5d5558; }
.qd-pinfo__status i { width: 0.9rem; height: 0.9rem; border-radius: 50%; background: #22b35e; }
.qd-pinfo__status i.is-off { background: #b8b0ae; }
.qd-pinfo__more { position: absolute; right: 0; top: 0; color: #4c4448; }
.qd-pmenu { display: none; position: absolute; right: 0; top: 3rem; z-index: 5; width: 20rem; background: #fff; border: 1px solid #ece3df; border-radius: 1.2rem; box-shadow: 0 1.6rem 4rem -1.8rem rgba(60,30,30,.35); padding: 0.6rem; }
.qd-pmenu.is-open { display: block; }
.qd-pmenu button, .qd-pmenu a { display: block; width: 100%; text-align: left; padding: 1rem 1.2rem; border-radius: 0.8rem; font-size: 1.4rem; color: #2a2224; }
.qd-pmenu button:hover, .qd-pmenu a:hover { background: #f8efec; }
.qd-pinfo h1 { display: flex; align-items: center; gap: 1.8rem; margin-top: 2rem; font-family: var(--qd-serif); font-weight: 600; font-size: 5.3rem; letter-spacing: -0.18rem; line-height: 6rem; color: #0b1016; }
.qd-pinfo h1 small { font-weight: 400; font-size: 4.4rem; letter-spacing: -1px; margin-left: -0.2rem; }
.qd-pinfo h1 .qd-verified { width: 2.9rem; height: 2.9rem; background: #2e8cf0; margin-left: -0.2rem; }
.qd-pinfo__where { display: flex; align-items: center; gap: 1.2rem; margin-top: 1.7rem; font-size: 1.8rem; color: #3f383b; }
.qd-pinfo__where i { width: 1px; height: 2.2rem; background: #bdb3b1; margin: 0 1.2rem; }
.qd-pinfo__bio { margin-top: 3rem; font-family: var(--qd-serif); font-size: 2.2rem; line-height: 3rem; color: #3a3336; }
.qd-pinfo__lists { display: flex; margin-top: 3rem; }
.qd-pinfo__lists > div:first-child { flex: none; width: 28.5rem; padding-right: 2rem; border-right: 1px solid #e8dfdc; }
.qd-pinfo__lists > div + div { flex: 1; padding-left: 2.1rem; }
.qd-pinfo__lists h4 { font-family: var(--qd-serif); font-size: 1.9rem; font-weight: 600; color: #171214; margin-bottom: 1.1rem; }
.qd-pchips { width: 100%; display: flex; flex-wrap: wrap; gap: 1rem 1.1rem; }
.qd-pchip { display: inline-flex; align-items: center; gap: 1rem; height: 4rem; padding: 0 1.7rem 0 1.4rem; border-radius: 2rem; border: 1px solid #ecdcd9; background: #fff; font-size: 1.45rem; color: #3a3336; }
.qd-pchip .qd-ic { color: #7c2f4a; }
.qd-pinfo__lists > div + div .qd-pchip { font-size: 1.3rem; gap: 0.7rem; padding: 0 1.2rem 0 1.2rem; }
.qd-pinfo__lists > div + div .qd-pchips { gap: 1rem 0.9rem; }
.qd-compat { display: flex; align-items: center; gap: 1.9rem; margin-top: 3.2rem; height: 11rem; padding: 0 2.6rem 0 1.7rem; border-radius: 1.2rem; background: #fbefee; }
.qd-compat__ic { display: grid; place-items: center; width: 7.2rem; height: 7.2rem; border-radius: 50%; background: #f9dadb; color: #ec2f45; }
.qd-compat b { display: block; font-family: var(--qd-serif); font-size: 2.3rem; font-weight: 600; letter-spacing: -.4px; color: #171214; }
.qd-compat p { margin-top: 0.4rem; font-size: 1.5rem; line-height: 2rem; color: #6d6568; width: 29rem; }
.qd-compat a, .qd-compat button { margin-left: auto; display: flex; align-items: center; gap: 1.2rem; border: 0; padding: 0; background: transparent; font: inherit; font-size: 1.6rem; font-weight: 600; color: #ec2f45; cursor: pointer; }
.qd-compat a span, .qd-compat button span { text-decoration: underline; text-underline-offset: 0.3rem; }
.qd-compat button:focus-visible { outline: 0.2rem solid var(--qd-red); outline-offset: 0.4rem; border-radius: 0.4rem; }
.qd-pacts { display: flex; align-items: center; margin-top: 2.5rem; }
.qd-page .qd-pacts .qd-msg { width: 27.2rem; height: 6.7rem; border-radius: 1.2rem; font-size: 2rem; font-weight: 600; gap: 1.6rem; background: #ec2f45; }
.qd-page .qd-pacts .qd-like { width: 22.2rem; height: 6.7rem; margin-left: 1.7rem; border-radius: 1.2rem; border: 0.2rem solid #ec2f45; color: #ec2f45; background: #fff; font-size: 2rem; font-weight: 600; gap: 1.2rem; }
.qd-page .qd-pacts .qd-like.is-on { background: #ec2f45; color: #fff; }
.qd-page .qd-pacts .qd-bmark { width: 7.4rem; height: 7.4rem; margin-left: auto; border-radius: 50%; border: 1px solid #e3d9d6; background: #fff; display: grid; place-items: center; color: #1d1719; }
.qd-page .qd-pacts .qd-bmark.is-on { color: #ec2f45; }
.qd-psafety { display: flex; justify-content: center; align-items: center; gap: 1.4rem; margin-top: 3rem; padding-bottom: 2.6rem; border-bottom: 1px solid #e8dfdc; font-size: 1.6rem; }
.qd-psafety a:first-of-type { color: #6c2a43; font-weight: 600; text-decoration: underline; text-underline-offset: 0.3rem; }
.qd-psafety .qd-ic { color: #6c2a43; }
.qd-psafety i { width: 1px; height: 2.2rem; background: #cfc6c3; margin: 0 0.6rem; }
.qd-psafety button { font-family: var(--qd-serif); color: #7a7275; font-size: 1.65rem; }
.qd-pquote { margin-top: 3rem; text-align: center; font-family: var(--qd-serif); font-style: italic; font-size: 2.4rem; color: #2c2528; }
.qd-pquote::after { content: ''; display: block; width: 5.8rem; height: 1px; background: #bdb3b1; margin: 3rem auto 0; }

.qd-modal { position: fixed; inset: 0; z-index: 2000; display: none; place-items: center; background: rgba(20, 12, 12, .45); }
.qd-modal.is-open { display: grid; }
.qd-modal__box { width: min(46rem, 92vw); background: #fff; border-radius: 1.6rem; padding: 2.6rem; font-family: var(--qd-sans); }
.qd-modal__box h3 { font: 600 2.2rem var(--qd-serif); margin: 0 0 1.2rem; }
.qd-modal__box textarea { width: 100%; min-height: 11rem; border: 1px solid #e3d9d6; border-radius: 1rem; padding: 1.2rem; font: 1.4rem var(--qd-sans); resize: vertical; }
.qd-modal__row { display: flex; justify-content: flex-end; gap: 1rem; margin-top: 1.6rem; }
.qd-modal__row button { height: 4.2rem; padding: 0 1.8rem; border-radius: 1rem; font-size: 1.4rem; }

@media (max-width: 1199px) {
  .qd-mnav--pr { margin: 0; padding: 1rem 1.6rem; height: auto; }
  .qd-pro__wrap { height: auto; padding: 1.6rem; display: flex; flex-direction: column; gap: 1.4rem; }
  .qd-gallery__main, .qd-gallery__side, .qd-facts, .qd-pinfo { position: relative; left: auto; top: auto; width: 100%; }
  .qd-gallery__main { height: 46rem; }
  .qd-gallery__side { display: none; }
  .qd-facts { order: 5; flex-wrap: wrap; }
  .qd-fact, .qd-fact:first-child { width: 50%; padding: 1.2rem; text-align: center; }
  .qd-fact:first-child .qd-ic { margin: 0 auto; }
  .qd-pinfo__lists { flex-direction: column; gap: 2rem; }
  .qd-pinfo__lists > div:first-child { width: 100%; border: 0; }
  .qd-pinfo__lists > div + div { padding: 0; }
  .qd-pinfo h1 { font-size: 3.8rem; flex-wrap: wrap; }
  .qd-compat { height: auto; padding: 1.6rem; flex-wrap: wrap; }
  .qd-pacts { flex-wrap: wrap; gap: 1rem; }
  .qd-page .qd-pacts .qd-msg, .qd-page .qd-pacts .qd-like { width: calc(50% - 4.7rem); margin: 0; }
}

/* ---- 22-myprofile.css ---- */
/* My profile — redesign/member/5/my-profile-4k.png */
.qd-mp { --qd-bg: #fdf9f5; --qd-red: #f0334b; }
.qd-mnav--mp { height: 6.6rem; margin: 0 6rem 0 6.2rem; padding: 0; border-bottom-color: #efe8e3; }
.qd-mnav--mp .qd-mnav__heart { width: 3.8rem; height: 3.4rem; }
.qd-mnav--mp .qd-wordmark { font-size: 3rem; margin-left: 0; }
.qd-mnav--mp .qd-mnav__links { left: 24.1rem; gap: 4.1rem; }
.qd-mnav--mp .qd-mnav__link { font-size: 1.45rem; }
.qd-mnav--mp .qd-mnav__link .qd-badge { position: absolute; right: -1.4rem; top: 1.1rem; min-width: 1.8rem; height: 1.8rem; font-size: 1.05rem; }
.qd-mnav--mp .qd-mnav__link.is-on { font-weight: 600; }
.qd-mnav--mp .qd-mnav__link.is-on::after { bottom: 1.1rem; }
.qd-mnav--mp .qd-mnav__right { gap: 2.6rem; margin-right: 0; }
.qd-mnav--mp .qd-mnav__user img { width: 4rem; height: 4rem; }
.qd-mnav--mp .qd-mnav__user { gap: 0.6rem; }
.qd-mnav--mp .qd-mnav__script { margin-left: 1rem; padding-left: 2rem; border-left: 1px solid #e7dfda; height: 6.6rem; display: flex; align-items: center; }

.qd-mp__grid { position: relative; height: 92.6rem; margin: 0 6rem 0 6.2rem; }
.qd-cover { position: absolute; left: 0; top: 1.6rem; width: 105rem; height: 24.8rem; border-radius: 1.2rem; overflow: hidden; background: #3d1b2c; }
.qd-cover img { width: 100%; height: 100%; object-fit: cover; }
.qd-cover__edit { position: absolute; right: 1.6rem; top: 1.6rem; display: none; }
.qd-mp__avatar { position: absolute; left: 1.6rem; top: 21.7rem; width: 13.4rem; height: 13.4rem; border-radius: 50%; border: 0.5rem solid #fdf9f5; overflow: hidden; background: #fff; box-shadow: 0 0.6rem 1.8rem -0.8rem rgba(60,20,30,.35); }
.qd-mp__avatar img { width: 100%; height: 100%; object-fit: cover; }
.qd-mp__badge { position: absolute; left: 11.2rem; top: 29.4rem; width: 3.8rem; height: 3.6rem; }
.qd-mp__id { position: absolute; left: 17.6rem; top: 27.2rem; }
.qd-mp__id h1 { display: flex; align-items: baseline; gap: 1rem; font-family: var(--qd-serif); font-weight: 600; font-size: 3.8rem; letter-spacing: -0.12rem; color: #1a1216; }
.qd-mp__id h1 small { font-size: 2.9rem; font-weight: 400; letter-spacing: -.5px; color: #2b2226; }
.qd-mp__ver { display: inline-flex; align-items: center; gap: 0.7rem; margin-left: 0.6rem; font-family: var(--qd-sans); font-size: 1.55rem; font-weight: 600; letter-spacing: 0; color: var(--qd-red); align-self: center; }
.qd-mp__ver i { display: grid; place-items: center; width: 2.2rem; height: 2.4rem; background: var(--qd-red); color: #fff; clip-path: path('M11 0 L22 4 V12 C22 18 17 22 11 24 C5 22 0 18 0 12 V4 Z'); }
.qd-mp__meta { display: flex; gap: 3.4rem; margin-top: 1rem; margin-left: 0.2rem; font-size: 1.45rem; color: #4d4549; }
.qd-mp__meta span { display: flex; align-items: center; gap: 1.2rem; }
.qd-mp__city-link { color: inherit; text-decoration: underline; text-decoration-color: #e8a0a4; text-underline-offset: 0.3rem; }
.qd-mp__city-link:hover, .qd-mp__city-link:focus-visible { color: var(--qd-red); }
.qd-page .qd-mp__edit { position: absolute; left: 84.1rem; top: 27.2rem; width: 14.8rem; height: 4.6rem; border-radius: 0.8rem; font-size: 1.5rem; gap: 1rem; background: var(--qd-red); }
.qd-page .qd-mp__dots { position: absolute; left: 100.5rem; top: 27.2rem; width: 4.5rem; height: 4.6rem; border-radius: 0.8rem; border: 1px solid #e5dcd7; background: #fff; display: grid; place-items: center; }

.qd-sec__h { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.8rem; border-bottom: 1px solid #e8dfda; }
.qd-sec__h h2 { font-family: var(--qd-serif); font-weight: 600; font-size: 2.4rem; letter-spacing: -.6px; color: #1a1216; }
.qd-sec__h button { display: flex; align-items: center; gap: 1rem; font-size: 1.4rem; color: #2b2226; }
.qd-about { position: absolute; left: 0.3rem; top: 37.6rem; width: 77.5rem; }
.qd-about p { margin-top: 1.4rem; font-size: 1.63rem; line-height: 2.2rem; color: #3a3236; width: 56rem; }
.qd-traits { display: flex; gap: 1rem; margin-top: 1.6rem; }
.qd-trait { height: 3.4rem; padding: 0 1.9rem; border-radius: 1.7rem; background: #fbe4e1; color: #b3243b; font-size: 1.4rem; display: inline-flex; align-items: center; }
.qd-mp__quote { position: absolute; left: 80.5rem; top: 38rem; height: 16rem; border-left: 1px solid #e8dfda; padding-left: 5.7rem; font-family: var(--qd-serif); font-style: italic; font-size: 2.7rem; line-height: 2.9rem; color: #3a2e33; width: 17.5rem; box-sizing: content-box; }
.qd-mp__quote::before { content: '“'; position: absolute; left: 3.1rem; top: -1.2rem; font-size: 3.8rem; color: #ee8a95; font-style: normal; }
.qd-mp__quote::after { content: ''; display: block; width: 2.7rem; height: 0.2rem; background: var(--qd-red); margin-top: 1.6rem; }

.qd-photos { position: absolute; left: 0.3rem; top: 57.2rem; width: 104.7rem; }
.qd-photos__row { display: flex; gap: 1.2rem; margin-top: 1rem; }
.qd-photo { position: relative; width: 16.5rem; height: 11.7rem; border-radius: 0.6rem; overflow: hidden; background: #eee; }
.qd-photo img { width: 100%; height: 100%; object-fit: cover; }
.qd-photo span { position: absolute; left: 0.6rem; bottom: 0.6rem; padding: 0.3rem 1.2rem; border-radius: 0.4rem; background: rgba(30, 20, 25, .75); color: #fff; font-size: 1.25rem; }
.qd-photo button { position: absolute; right: 0.6rem; top: 0.6rem; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: rgba(0,0,0,.55); color: #fff; display: none; place-items: center; }
.qd-photos.is-editing .qd-photo button { display: grid; }
.qd-photo--add { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.8rem; width: 16.1rem; border: 0.15rem dashed #d8cdc8; background: transparent; font-size: 1.4rem; color: #5c5357; cursor: pointer; }
.qd-photo--add i { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #6a6266; color: #fff; }

.qd-cols { position: absolute; left: 0.3rem; top: 75.4rem; width: 104.7rem; display: grid; grid-template-columns: 34rem 32.2rem 31.3rem; column-gap: 3.6rem; }
.qd-cols > div + div { position: relative; }
.qd-cols > div + div::before { content: ''; position: absolute; left: -1.9rem; top: 0; bottom: -4rem; width: 1px; background: #ebe3de; }
.qd-cols .qd-sec__h h2 { font-size: 2.2rem; }
.qd-cols .qd-sec__h button { font-size: 1.35rem; gap: 0.8rem; }
.qd-tags { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.2rem; }
.qd-tag { display: inline-flex; align-items: center; gap: 0.8rem; height: 3.3rem; padding: 0 1.3rem; border-radius: 1.7rem; background: #fbeeec; font-size: 1.3rem; color: #3a3236; }
.qd-tag .qd-ic { color: #c3304a; }
.qd-cols > div:nth-child(2) .qd-tag { background: #f7efec; }
.qd-cols > div:nth-child(2) .qd-tag .qd-ic { color: #3a3236; }
.qd-work { margin-top: 1.2rem; }
.qd-work div { display: flex; gap: 1.6rem; align-items: flex-start; margin-bottom: 0.9rem; }
.qd-work .qd-ic { color: #3a3236; margin-top: 0.3rem; }
.qd-work b { display: block; font-size: 1.45rem; font-weight: 500; color: #1a1216; }
.qd-work small { display: block; font-size: 1.3rem; color: #6c6367; }

.qd-side { position: absolute; left: 108.3rem; width: 38.1rem; background: #fdfbf9; border: 1px solid #efe7e2; border-radius: 1.2rem; padding: 2rem 2.1rem; }
.qd-side h3 { font-family: var(--qd-serif); font-weight: 600; font-size: 2.2rem; letter-spacing: -.5px; color: #1a1216; }
.qd-side--comp { top: 1.9rem; height: 36.3rem; }
.qd-side--comp h3 { display: flex; justify-content: space-between; margin-top: 0.3rem; }
.qd-side--comp h3 b { font-family: var(--qd-sans); font-size: 2rem; font-weight: 700; letter-spacing: -.3px; }
.qd-bar { height: 1.2rem; margin-top: 1.2rem; border-radius: 0.6rem; background: #f6d8d5; overflow: hidden; }
.qd-bar i { display: block; height: 100%; border-radius: 0.6rem; background: var(--qd-red); }
.qd-steps { margin-top: 1.3rem !important; }
.qd-steps a, .qd-steps button { display: flex; align-items: center; gap: 1.5rem; width: 100%; height: 3.4rem; padding: 0; border: 0; border-bottom: 1px solid #f0e9e5; background: transparent; font: inherit; font-size: 1.35rem; color: #3a3236; text-align: left; cursor: pointer; }
.qd-steps a:last-child, .qd-steps button:last-child { border-bottom: 0; }
.qd-steps button:focus-visible { outline: 0.2rem solid var(--qd-red); outline-offset: 0.2rem; border-radius: 0.4rem; }
.qd-steps i { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--qd-red); color: #fff; }
.qd-steps i.is-todo { background: transparent; border: 0.15rem solid #cfc5c1; }
.qd-steps .qd-ic:last-child { margin-left: auto; color: #3a3236; }
.qd-page .qd-side--comp .qd-btn { width: 100%; height: 4.4rem; margin-top: 1.7rem; border-radius: 0.8rem; font-size: 1.5rem; background: var(--qd-red); }
.qd-side--vis { top: 39.7rem; height: 18.6rem; }
.qd-side--vis h3, .qd-side--safe h3 { display: flex; align-items: center; gap: 1.4rem; }
.qd-seg { display: grid; grid-template-columns: 1fr 1fr; height: 3.6rem; margin-top: 1.4rem; padding: 0; border-radius: 1.8rem; background: #f3edea; }
.qd-seg button { border-radius: 1.8rem; font-size: 1.35rem; color: #3a3236; }
.qd-seg button.is-on { background: #fbe0dd; color: #c22b43; font-weight: 600; box-shadow: 0 0.2rem 0.5rem rgba(160, 60, 60, .15); }
.qd-side--vis p { margin-top: 1.3rem; font-size: 1.35rem; line-height: 1.8rem; color: #4d4549; }
.qd-side a.qd-link { display: inline-flex; align-items: center; gap: 0.8rem; margin-top: 0.8rem; font-size: 1.35rem; font-weight: 500; color: #d42a44; }
.qd-side--safe { top: 59.6rem; height: 13.7rem; padding-left: 2.1rem; overflow: hidden; }
.qd-side--safe h3 { font-size: 1.95rem; }
.qd-side--safe h3 .qd-ic { color: var(--qd-red); }
.qd-side--safe p { margin: 0.6rem 0 0 4.4rem; font-size: 1.25rem; line-height: 1.65rem; color: #4d4549; width: 25rem; }
.qd-side--safe a.qd-link { margin-left: 4.4rem; margin-top: 0.6rem; }
.qd-side--safe img { position: absolute; right: -1px; top: 3.8rem; }
.qd-side--prev { top: 75rem; height: 16.1rem; }
.qd-side--prev img { position: absolute; left: 1.5rem; top: 1.7rem; }
.qd-side--prev .qd-eye { position: absolute; left: 12.6rem; top: 3rem; width: 4.2rem; height: 4.2rem; border-radius: 50%; background: #fbe0dd; color: var(--qd-red); display: grid; place-items: center; }
.qd-side--prev b { position: absolute; left: 18rem; top: 1.4rem; font-size: 1.45rem; font-weight: 600; line-height: 1.8rem; color: #1a1216; }
.qd-side--prev p { position: absolute; left: 18rem; top: 5.4rem; width: 18rem; font-size: 1.15rem; line-height: 1.5rem; color: #4d4549; }
.qd-page .qd-side--prev .qd-btn { position: absolute; left: 12.6rem; top: 10.6rem; width: 15.5rem; height: 3.8rem; border-radius: 0.8rem; border: 0.15rem solid #f0a0a8; background: #fff; color: #d42a44; font-size: 1.35rem; font-weight: 600; }

.qd-editor textarea, .qd-editor input { width: 100%; border: 1px solid #e3d9d6 !important; border-radius: 1rem !important; padding: 1rem 1.2rem !important; font: 1.4rem var(--qd-sans); background: #fff !important; height: auto !important; margin-bottom: 1rem !important; }
.qd-editor label { display: block; font-size: 1.3rem; color: #5c5357; margin-bottom: 0.4rem; }
.qd-editor small { display: block; margin: -0.6rem 0 1rem; font-size: 1.2rem; color: #8a8084; }

@media (max-width: 1199px) {
  .qd-mnav--mp { margin: 0; padding: 1rem 1.6rem; height: auto; }
  .qd-mnav__script { display: none !important; }
  .qd-mp__grid { height: auto; margin: 0; padding: 1.6rem; display: flex; flex-direction: column; gap: 2.2rem; }
  .qd-cover, .qd-mp__avatar, .qd-mp__badge, .qd-mp__id, .qd-about, .qd-mp__quote, .qd-photos, .qd-cols, .qd-side { position: relative; left: auto; top: auto; width: 100%; height: auto; }
  .qd-page .qd-mp__edit, .qd-page .qd-mp__dots { position: static; }
  .qd-cover { height: 16rem; }
  .qd-mp__avatar { width: 11rem; height: 11rem; margin-top: -7rem; margin-left: 1.2rem; }
  .qd-mp__badge { display: none; }
  .qd-about p { width: 100%; }
  .qd-traits, .qd-photos__row { flex-wrap: wrap; }
  .qd-mp__quote { border-left: 0; padding-left: 0; width: auto; }
  .qd-cols { grid-template-columns: minmax(0, 1fr); gap: 2.4rem; }
  .qd-cols > div + div::before { display: none; }
  .qd-side--prev { min-height: 17rem; }
}

/* ---- 23-messages.css ---- */
/* Messages — redesign/member/6/messages-4k.png */
.qd-msgs { --qd-bg: #fdf9f7; --qd-red: #f2324a; height: 100vh; height: 100dvh; min-height: 99.2rem; display: flex; flex-direction: column; }
.qd-msgs.qd-private-screen::after { content: 'Privacy screen active'; position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; background: #fbf8f6; color: #171316; font: 600 1.8rem/1.4 system-ui, sans-serif; }
.qd-request-card { margin: 1rem 2.4rem; padding: 1.2rem 1.6rem; display: flex; align-items: center; gap: 1.2rem; border: 1px solid #f0d7d1; border-radius: 1.2rem; background: #fff8f6; color: #30282a; }
.qd-request-card span { flex: 1; color: #776d70; font-size: 1.3rem; }
.qd-mnav--msg { height: 7.8rem; padding: 0 4rem 0 4.2rem; flex: none; border-bottom-color: #efe7e3; }
.qd-mnav--msg .qd-mnav__heart { width: 4rem; height: 3.6rem; }
.qd-mnav--msg .qd-wordmark { font-size: 3.6rem; margin-left: 0.4rem; }
.qd-mnav--msg .qd-mnav__links { left: 30.9rem; gap: 5.2rem; }
.qd-mnav--msg .qd-mnav__link { font-size: 1.6rem; }
.qd-mnav--msg .qd-mnav__link.is-on { font-weight: 600; }
.qd-mnav--msg .qd-mnav__link.is-on::after { left: 50%; right: auto; width: 0.7rem; height: 0.7rem; margin-left: -0.3rem; border-radius: 50%; bottom: 2rem; }
.qd-mnav--msg .qd-mnav__right { gap: 0; }
.qd-mnav--msg .qd-mnav__search { width: 23.1rem; height: 4.4rem; border-radius: 1rem; background: #f5f0ed; border-color: #f5f0ed; margin-right: 3.6rem; padding: 0 1.4rem; }
.qd-mnav--msg .qd-mnav__bell { margin-right: 3.6rem; }
.qd-mnav--msg .qd-mnav__user img { width: 4.8rem; height: 4.8rem; }
.qd-mnav--msg .qd-mnav__user { gap: 1.4rem; font-size: 1.6rem; font-weight: 400; }
.qd-mnav--msg .qd-mnav__user .qd-ic { margin-left: 0.4rem; }

.qd-msgs__body { flex: 1; min-height: 0; display: grid; grid-template-columns: 45.5rem 65rem 1fr; }
.qd-msgs__body.has-thread { grid-template-columns: 45.5rem minmax(0, 1fr) 0; }
.qd-inbox { border-right: 1px solid #efe7e3; padding: 2.4rem 1.9rem 0 2.8rem; display: flex; flex-direction: column; min-height: 0; }
.qd-inbox__head { position: relative; padding-left: 1.5rem; }
.qd-inbox h1 { font-family: var(--qd-serif); font-weight: 600; font-size: 4.5rem; letter-spacing: -0.16rem; line-height: 5rem; color: #13101a; }
.qd-inbox__head p { font-size: 1.6rem; color: #4d4a50; margin-top: 0.2rem; }
.qd-page .qd-compose { position: absolute; right: 1.4rem; top: 1px; width: 5.1rem; height: 5.1rem; border-radius: 1.2rem; background: var(--qd-red); color: #fff; display: grid; place-items: center; box-shadow: 0 1rem 2rem -0.8rem rgba(242, 50, 74, .6); }
.qd-tabs { display: flex; gap: 0; margin-top: 3rem; padding-left: 0.8rem; border-bottom: 1px solid #efe7e3; }
.qd-tabs a { position: relative; display: flex; align-items: center; min-height: 4.4rem; gap: 0.6rem; padding: 0 0 1.2rem; margin-right: 2.8rem; font-size: 1.4rem; color: #3d3a40; }
.qd-tabs a:first-child { padding: 0 1.3rem 1.2rem; margin-left: -0.8rem; margin-right: 1.5rem; }
.qd-tabs a.is-on { color: var(--qd-red); }
.qd-tabs a.is-on::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 0.3rem; border-radius: 0.2rem; background: var(--qd-red); }
.qd-tabs .qd-g { width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #21a856; }
.qd-list { flex: 1; overflow-y: auto; margin-top: 1.8rem; padding-right: 0.4rem; }
.qd-conv { position: relative; display: flex; align-items: center; gap: 2.2rem; height: 9.1rem; padding: 0 2rem 0 1.2rem; border-radius: 1.2rem; }
.qd-conv + .qd-conv::before { content: ''; position: absolute; left: 9.5rem; right: 1.8rem; top: 0; height: 1px; background: #f0e8e5; }
.qd-conv.is-on { background: #fce7e6; }
.qd-conv.is-on::before, .qd-conv.is-on + .qd-conv::before { display: none; }
.qd-conv:hover:not(.is-on) { background: #faf2f0; }
.qd-av { position: relative; flex: none; width: 6.6rem; height: 6.6rem; }
.qd-av img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.qd-av i { position: absolute; right: 1px; bottom: 0.3rem; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #21a856; border: 0.25rem solid #fff; }
.qd-conv__txt { flex: 1; min-width: 0; }
.qd-conv__txt b { display: flex; align-items: center; gap: 0.9rem; font-family: var(--qd-serif); font-weight: 600; font-size: 1.85rem; letter-spacing: -.4px; color: #13101a; }
.qd-conv__txt b i { width: 0.9rem; height: 0.9rem; border-radius: 50%; background: #21a856; }
.qd-conv__txt b i.is-off { background: #b8b3b5; }
.qd-conv__txt span { display: flex; align-items: center; gap: 0.8rem; margin-top: 0.4rem; font-size: 1.5rem; color: #4d4a50; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qd-conv__side { align-self: stretch; display: flex; flex-direction: column; align-items: flex-end; padding-top: 1.8rem; gap: 0.9rem; font-size: 1.35rem; color: #5d5a60; }
.qd-conv__side em { display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--qd-red); color: #fff; font: 600 1.3rem var(--qd-sans); }
.qd-inbox__empty { padding: 4rem 1.2rem; color: #6d6a70; text-align: center; font-size: 1.45rem; }

.qd-thread { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid #efe7e3; padding: 0 3.2rem; }
.qd-thread__head { flex: none; display: flex; align-items: center; height: 14.2rem; border-bottom: 1px solid #efe7e3; }
.qd-thread__head .qd-av { width: 10.4rem; height: 10.4rem; }
.qd-thread__head .qd-av i { width: 1.7rem; height: 1.7rem; right: 0.8rem; bottom: 0.6rem; border-width: 0.3rem; }
.qd-thread__who { margin-left: 1.9rem; }
.qd-thread__who b { display: block; font-family: var(--qd-serif); font-weight: 600; font-size: 3.4rem; letter-spacing: -1px; color: #13101a; }
.qd-thread__who span { display: block; font-size: 1.6rem; color: #2d2a30; margin-top: 0.2rem; }
.qd-thread__acts { margin-left: auto; display: flex; align-items: center; gap: 3.4rem; color: #231f25; }
.qd-thread__acts button { display: grid; place-items: center; }
.qd-thread__menu { position: relative; }
.qd-thread__menu .qd-pmenu { top: 3.4rem; }
.qd-feed { flex: 1; overflow-y: auto; padding: 2rem 0 1.4rem; }
.qd-day { display: flex; align-items: center; gap: 2.2rem; margin: 0 0 2rem; font-size: 1.45rem; color: #2d2a30; }
.qd-day::before, .qd-day::after { content: ''; flex: 1; height: 1px; background: #ebe3e0; }
.qd-m { display: flex; gap: 1.4rem; margin-bottom: 1.8rem; }
.qd-m img.qd-m__av { width: 4.7rem; height: 4.7rem; border-radius: 50%; object-fit: cover; flex: none; }
.qd-m__col { max-width: 33.6rem; }
.qd-m__b { padding: 1.3rem 1.6rem; border-radius: 1.4rem; background: #f0ebe8; font-size: 1.63rem; line-height: 2.3rem; color: #231f25; white-space: pre-line; }
.qd-m__b img { max-width: 26rem; border-radius: 1rem; display: block; }
.qd-m__t { display: flex; align-items: center; gap: 0.8rem; margin-top: 0.6rem; font-size: 1.3rem; color: #5d5a60; }
.qd-m--me { flex-direction: row-reverse; }
.qd-m--me .qd-m__col { max-width: 32rem; display: flex; flex-direction: column; align-items: flex-end; }
.qd-m--me .qd-m__b { background: var(--qd-red); color: #fff; border-radius: 1.4rem 1.4rem 0.4rem 1.4rem; }
.qd-m--me .qd-m__t .qd-ic { color: var(--qd-red); }
.qd-composer { flex: none; display: flex; align-items: center; gap: 2.2rem; height: 10.4rem; border-top: 1px solid #efe7e3; padding: 0 0 0 2rem; }
.qd-composer > label, .qd-composer > button:not(.qd-send) { color: #2d2a30; display: grid; place-items: center; cursor: pointer; }
.qd-disappearing { position: relative; }
.qd-disappearing select { position: absolute; inset: 0; width: 2.4rem; opacity: 0; cursor: pointer; }
.qd-composer__field { flex: 1; display: flex; align-items: center; height: 5.6rem; padding: 0 1.2rem 0 1.9rem; border: 1px solid #e8e0dc; border-radius: 2.8rem; background: #fff; }
.qd-page .qd-composer__field input { font-size: 1.65rem; }
.qd-composer__field button { color: #6d6a70; display: grid; place-items: center; }
.qd-page .qd-send { width: 5.5rem; height: 5.5rem; border-radius: 50%; background: var(--qd-red); color: #fff; display: grid; place-items: center; flex: none; box-shadow: 0 1rem 2rem -0.8rem rgba(242, 50, 74, .6); }
.qd-emoji { display: none; position: absolute; bottom: 11rem; right: 4rem; width: 28rem; padding: 1rem; background: #fff; border: 1px solid #ece3df; border-radius: 1.2rem; box-shadow: 0 1.6rem 4rem -1.8rem rgba(60,30,30,.35); flex-wrap: wrap; gap: 0.4rem; }
.qd-emoji.is-open { display: flex; }
.qd-emoji button { width: 3.6rem; height: 3.6rem; font-size: 2rem; border-radius: 0.8rem; }
.qd-emoji button:hover { background: #f6eeeb; }
.qd-thread__empty { margin: auto; text-align: center; color: #6d6a70; }
.qd-thread__empty h3 { font-family: var(--qd-serif); font-size: 3rem; color: #13101a; margin-bottom: 0.8rem; }

.qd-peek { display: none; position: fixed; z-index: 50; left: 50%; top: 50%; width: min(48rem, calc(100vw - 3.2rem)); max-height: min(76rem, calc(100vh - 3.2rem)); padding: 2.4rem; overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; transform: translate(-50%, -50%); background: #fdfcfb; border: 1px solid #efe7e3; border-radius: 2rem; box-shadow: 0 2.4rem 7rem rgba(49, 26, 26, .28), 0 0 0 100vmax rgba(25, 15, 20, .18); }
.qd-peek::-webkit-scrollbar { display: none; }
.qd-peek.is-open { display: block; }
.qd-peek__close { position: absolute; z-index: 3; top: 1.2rem; right: 1.2rem; width: 3.6rem; height: 3.6rem; border-radius: 50%; background: rgba(255,255,255,.94); color: #231f25; font-size: 2.5rem; line-height: 1; box-shadow: 0 0.3rem 1.2rem rgba(40,20,20,.16); }
.qd-peek__photo { position: relative; height: 38.3rem; border-radius: 1.8rem; overflow: hidden; }
.qd-peek__photo > img { width: 100%; height: 100%; object-fit: cover; }
.qd-peek__photo::after { content: ''; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(20, 10, 10, .72)); }
.qd-peek__photo .qd-online-pill { position: absolute; left: 2.1rem; top: 2.2rem; height: 3.2rem; padding: 0 1.2rem; border-radius: 1.6rem; font-size: 1.35rem; font-weight: 500; background: rgba(255,255,255,.92); }
.qd-peek__btn { position: absolute; top: 1.8rem; width: 4.6rem; height: 4.6rem; border-radius: 50%; background: #fff; display: grid; place-items: center; color: #231f25; z-index: 1; }
.qd-peek__btn--fav { right: 7.6rem; color: var(--qd-red); }
.qd-peek__btn--more { right: 1.7rem; }
.qd-peek__name { position: absolute; left: 1.7rem; bottom: 1.9rem; z-index: 1; color: #fff; }
.qd-peek__name b { display: flex; align-items: center; gap: 1rem; font-family: var(--qd-serif); font-weight: 600; font-size: 2.5rem; letter-spacing: -.4px; }
.qd-peek__name b span { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; background: var(--qd-red); clip-path: path('M11 0 L22 4 V12 C22 18 17 22 11 22 C5 22 0 18 0 12 V4 Z'); }
.qd-peek__name small { display: flex; align-items: center; gap: 0.7rem; margin-top: 0.6rem; font-size: 1.45rem; }
.qd-peek__name small i { width: 0.9rem; height: 0.9rem; border-radius: 50%; background: #21a856; margin-left: 1.2rem; }
.qd-peek h3 { font-family: var(--qd-serif); font-weight: 600; font-size: 2.15rem; letter-spacing: -.5px; color: #13101a; }
.qd-peek__about { margin-top: 1.9rem; padding: 0 0.4rem 1.6rem; border-bottom: 1px solid #ebe3e0; }
.qd-peek__about p { margin-top: 0.3rem; font-size: 1.6rem; line-height: 2.05rem; color: #3d3a40; }
.qd-peek__ints { padding: 1.6rem 0.4rem 1.7rem 0.2rem; border-bottom: 1px solid #ebe3e0; }
.qd-peek__ints .qd-pchips { margin-top: 1.1rem; gap: 1rem 1.2rem; }
.qd-peek__ints .qd-pchip { height: 3.8rem; border: 0; background: #f4efec; gap: 1.1rem; font-size: 1.35rem; padding: 0 1.6rem; }
.qd-peek__ints .qd-pchip .qd-ic { color: #3d2a35; }
.qd-peek__compat { position: relative; padding: 1.4rem 0.4rem 0 0.3rem; height: 12.8rem; }
.qd-ring { position: absolute; left: 0.4rem; top: 4rem; width: 8.6rem; height: 8.6rem; }
.qd-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.qd-ring b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 2.2rem; font-weight: 700; color: #13101a; }
.qd-peek__compat h4 { position: absolute; left: 12.6rem; top: 4.2rem; font-family: var(--qd-serif); font-weight: 600; font-size: 1.85rem; color: var(--qd-red); }
.qd-peek__compat p { position: absolute; left: 12.6rem; top: 6.6rem; width: 25rem; font-size: 1.35rem; line-height: 1.8rem; color: #3d3a40; }
.qd-peek__safety { display: flex; align-items: center; gap: 2rem; margin-top: 0.8rem; height: 7.9rem; padding: 0 1.8rem 0 1.8rem; border-radius: 1rem; background: #fbe8e6; color: var(--qd-red); }
.qd-peek__safety b { display: block; font-family: var(--qd-serif); font-size: 1.85rem; font-weight: 600; }
.qd-peek__safety span { display: block; font-size: 1.35rem; line-height: 1.8rem; color: #4d4a50; }
.qd-peek__safety > .qd-ic:last-child { margin-left: auto; color: #3d3a40; }
.qd-newchat .qd-conv { height: 6.4rem; cursor: pointer; }
.qd-newchat .qd-av { width: 4.4rem; height: 4.4rem; }
.qd-newchat__list { max-height: 50vh; overflow: auto; margin-top: 0.8rem; }

@media (max-width: 1199px) {
  .qd-msgs { height: auto; min-height: 100vh; }
  .qd-msgs__body { grid-template-columns: minmax(0, 1fr); }
  .qd-msgs__body.has-thread { grid-template-columns: minmax(0, 1fr); }
  .qd-msgs__body.has-thread .qd-inbox, .qd-peek { display: none; }
  .qd-inbox { border: 0; padding: 1.6rem; }
  .qd-tabs { overflow-x: auto; padding-left: 0; padding-bottom: 0.2rem; scrollbar-width: thin; scrollbar-color: #d8d2cd transparent; }
  .qd-tabs::-webkit-scrollbar { height: 0.6rem; }
  .qd-tabs::-webkit-scrollbar-thumb { background: #d8d2cd; border-radius: 0.3rem; }
  .qd-tabs a { flex: 0 0 auto; white-space: nowrap; }
  .qd-thread { padding: 0 1.2rem; height: calc(100vh - 11rem); }
  .qd-thread__head { height: 9rem; }
  .qd-thread__head .qd-av { width: 6rem; height: 6rem; }
  .qd-thread__who b { font-size: 2.4rem; }
  .qd-composer { gap: 1rem; height: 8rem; padding: 0; }
}

/* ---- 24-live.css ---- */
/* People online — redesign/member/7/live-users-4k.png */
.qd-live { --qd-bg: #fcf8f3; --qd-red: #ee2f45; }
.qd-mnav--live { height: 7.8rem; padding: 0 3.6rem 0 5.2rem; border-bottom: 0; }
.qd-mnav--live .qd-mnav__heart { width: 4rem; height: 3.8rem; }
.qd-mnav--live .qd-wordmark { font-size: 3.5rem; margin-left: 0.5rem; }
.qd-mnav--live .qd-mnav__links { left: 33.5rem; gap: 5rem; }
.qd-mnav--live .qd-mnav__link { font-size: 1.5rem; }
.qd-mnav--live .qd-mnav__link.is-on { color: #1b161a; font-weight: 600; }
.qd-mnav--live .qd-mnav__link.is-on::after { bottom: 2rem; }
.qd-mnav--live .qd-mnav__right { gap: 3.4rem; }
.qd-mnav--live .qd-mnav__user img { width: 4.8rem; height: 4.8rem; }
.qd-mnav--live .qd-mnav__who b { font-size: 1.5rem; }
.qd-mnav--live .qd-mnav__who small { display: flex; align-items: center; gap: 0.5rem; font-size: 1.25rem; }
.qd-mnav--live .qd-mnav__who small .qd-ic { color: #d9a043; }
.qd-mnav--live .qd-mnav__user > .qd-ic { align-self: flex-start; margin-top: 0.4rem; margin-left: 1.8rem; }

.qd-live__body { display: grid; grid-template-columns: 115.9rem 1fr; }
.qd-live__main { padding: 1.8rem 2.6rem 3rem 5.3rem; border-right: 1px solid #ede4df; }
.qd-live__eyebrow { font-size: 1.15rem; letter-spacing: 0.54rem; color: #3b3439; text-transform: uppercase; }
.qd-live__head { display: flex; align-items: center; margin-top: 1.2rem; }
.qd-live h1 { font-family: var(--qd-serif); font-weight: 600; font-size: 7.2rem; line-height: 7.6rem; letter-spacing: -0.3rem; color: #0b0d1b; white-space: nowrap; }
.qd-live h1 em { font-style: normal; color: var(--qd-red); letter-spacing: -0.2rem; }
.qd-live__head p { margin-left: 4.6rem; padding-left: 4.5rem; border-left: 1px solid #cfc6c1; font-family: var(--qd-serif); font-size: 2.1rem; line-height: 2.7rem; color: #3b3439; }
.qd-lfilters { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.7rem; }
.qd-lsel { position: relative; display: flex; align-items: center; gap: 1.4rem; height: 4.4rem; padding: 0 1.6rem 0 1.8rem; border: 1px solid #e6ddd8; border-radius: 1rem; background: #fff; font-size: 1.45rem; color: #1b161a; }
.qd-lsel select { width: auto !important; padding-right: 2.8rem !important; font-weight: 500; }
.qd-lsel > .qd-ic:first-child { color: #ee2f45; }
.qd-lsel > .qd-ic:last-child { position: absolute; right: 1.6rem; pointer-events: none; }
.qd-lsel--loc { width: 22.2rem; } .qd-lsel--int { width: 19rem; } .qd-lsel--gen { width: 18.8rem; } .qd-lsel--st { width: 20.2rem; }
.qd-lsel--gen > .qd-ic:first-child, .qd-lsel--st > .qd-ic:first-child { color: #1b161a; }
.qd-lsel select { flex: 1; }
.qd-lsel--st .qd-g { width: 1.1rem; height: 1.1rem; border-radius: 50%; background: #2fb45e; margin-left: -0.4rem; }
.qd-lfilters__clear { margin-left: auto; font-size: 1.45rem; font-weight: 500; color: #1b161a; text-decoration: underline; text-underline-offset: 0.3rem; }

.qd-lgrid { display: grid; grid-template-columns: 26.5rem 26rem 26rem 24.6rem; gap: 1.7rem 1.6rem; margin-top: 2.3rem; }
.qd-lcard { position: relative; background: #fff; border: 1px solid #ede4df; border-radius: 1rem; overflow: hidden; }
.qd-lcard__photo { display: block; height: 19.2rem; }
.qd-lcard:nth-child(n+5) .qd-lcard__photo { height: 18.4rem; }
.qd-lcard__photo img { width: 100%; height: 100% !important; object-fit: cover; }
.qd-lcard .qd-online-pill { position: absolute; left: 1rem; top: 1rem; height: 2.5rem; padding: 0 0.9rem; background: rgba(28, 40, 30, .7); color: #fff; font-weight: 500; font-size: 1.25rem; }
.qd-lcard .qd-fav { width: 3.6rem; height: 3.6rem; top: 1.2rem; right: 1.1rem; background: #fff; border: 0; color: #1b161a; }
.qd-lcard .qd-fav.is-on { color: var(--qd-red); }
.qd-lcard__body { padding: 1rem 1.4rem 1.2rem; }
.qd-lcard h3 { display: flex; align-items: center; gap: 0.9rem; font-size: 1.85rem; font-weight: 600; letter-spacing: -.3px; color: #1b161a; }
.qd-lcard h3 .qd-verified { background: #5b2150; width: 1.8rem; height: 1.8rem; }
.qd-lcard__loc, .qd-lcard__int { display: flex; align-items: center; gap: 0.9rem; font-size: 1.35rem; color: #4a4247; margin-top: 0.2rem; }
.qd-lcard__int { font-size: 1.4rem; color: #2b2429; margin-top: 0.3rem; white-space: nowrap; overflow: hidden; }
.qd-lcard__int .qd-ic { color: #2b2429; }
.qd-lcard__acts { display: flex; gap: 1.1rem; margin-top: 0.9rem; }
.qd-page .qd-lcard__acts .qd-btn { height: 4rem; border-radius: 0.6rem; font-size: 1.45rem; gap: 1.2rem; }
.qd-page .qd-lcard__acts .qd-lmsg { width: 12.4rem; background: var(--qd-red); }
.qd-page .qd-lcard__acts .qd-lwave { width: 10.1rem; background: #fbeeec; color: #1b161a; }
.qd-lwave .qd-ic { color: var(--qd-red); }
.qd-lwave.is-sent { opacity: .6; }

.qd-live__side { padding: 2.4rem 3.7rem 0 3.1rem; }
.qd-vis { height: 31.8rem; padding: 2.6rem 3rem; border-radius: 1.4rem; background: #fbeeec; }
.qd-vis h2 { font-family: var(--qd-serif); font-weight: 600; font-size: 3.2rem; letter-spacing: -1px; color: #13101a; }
.qd-vis > p { margin-top: 0.8rem; font-size: 1.5rem; line-height: 2.1rem; color: #3b3439; width: 25rem; }
.qd-vis__row { display: flex; align-items: center; gap: 2.1rem; margin-top: 1.9rem; padding-bottom: 2.4rem; border-bottom: 1px solid #ecd9d6; }
.qd-vis .qd-toggle { width: 7.6rem; height: 4.2rem; }
.qd-vis .qd-toggle i::after { width: 3.4rem; height: 3.4rem; left: 0.4rem; top: 0.4rem; }
.qd-vis .qd-toggle input:checked + i::after { transform: translateX(3.4rem); }
.qd-vis__row b { display: block; font-size: 1.6rem; font-weight: 600; color: #13101a; }
.qd-vis__row small { display: flex; align-items: center; gap: 0.8rem; margin-top: 0.3rem; font-size: 1.3rem; color: #4a4247; }
.qd-vis__row small::before { content: ''; width: 1rem; height: 1rem; border-radius: 50%; background: #2fb45e; }
.qd-vis__row small.is-off::before { background: #b8b0ae; }
.qd-vis ul { margin-top: 1.3rem !important; }
.qd-vis li { display: flex; align-items: center; gap: 1.8rem; height: 2.8rem; font-size: 1.45rem; color: #3b3439; }
.qd-lprem { position: relative; min-height: 35.4rem; margin-top: 1.9rem; padding: 3.4rem 3rem; border-radius: 1.4rem; background: #33122a; color: #fff; overflow: hidden; }
.qd-lprem__tag { display: flex; align-items: center; gap: 1.4rem; font-size: 1.3rem; text-decoration: underline; text-underline-offset: 0.3rem; }
.qd-lprem__tag .qd-ic { color: #e7ad4f; }
.qd-lprem h2 { margin-top: 1.2rem; font-family: var(--qd-serif); font-weight: 600; font-size: 3.2rem; line-height: 3.3rem; letter-spacing: -.8px; }
.qd-lprem ul { margin-top: 2.3rem !important; max-width: 25rem; }
.qd-lprem li { display: flex; align-items: center; gap: 1.7rem; min-height: 3rem; padding: 0.3rem 0; font-size: 1.45rem; }
.qd-lprem li i { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: #fff; color: #33122a; }
.qd-page .qd-lprem .qd-btn { width: 30rem; height: 4.9rem; margin-top: 1.2rem; border-radius: 2.5rem; font-size: 1.5rem; background: var(--qd-red); }
.qd-lprem__art { position: absolute; left: 24.8rem; top: 3rem; }
.qd-lcount { height: 14.9rem; margin-top: 1.8rem; padding: 1.8rem 2.4rem; border-radius: 1.4rem; background: #f8f0ec; }
.qd-lcount b { display: flex; align-items: center; gap: 1.4rem; font-size: 1.55rem; font-weight: 500; color: #13101a; }
.qd-lcount b .qd-ic { color: var(--qd-red); }
.qd-lcount__stack { display: flex; align-items: center; margin-top: 1.4rem; }
.qd-lcount__stack img { width: 4.7rem; height: 4.7rem; border-radius: 50%; object-fit: cover; border: 0.2rem solid #f8f0ec; margin-right: 0.3rem; }
.qd-lcount__stack span { display: grid; place-items: center; width: 6.4rem; height: 4.4rem; border-radius: 2.2rem; background: #f1dbd8; font-size: 1.35rem; color: #3b3439; margin-left: 0.2rem; }
.qd-lcount p { margin-top: 1.3rem; font-size: 1.35rem; color: #6c6367; }

@media (max-width: 1199px) {
  .qd-live__body { grid-template-columns: minmax(0, 1fr); }
  .qd-live__main { padding: 1.6rem; border: 0; }
  .qd-live__head { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .qd-live h1 { font-size: 4.4rem; line-height: 4.8rem; }
  .qd-live__head p { margin: 0; padding: 0; border: 0; }
  .qd-lfilters { flex-wrap: wrap; }
  .qd-lsel { width: calc(50% - 0.8rem) !important; gap: 0.8rem; padding: 0 1.2rem; }
  .qd-lsel select { min-width: 0; text-overflow: ellipsis; padding-right: 2.2rem !important; }
  .qd-lsel > .qd-ic:last-child { right: 1rem; }
  .qd-lgrid { grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr)); }
  .qd-live__side { padding: 1.6rem; }
}

/* ---- 25-stories.css ---- */
/* Stories — redesign/member/1/stories-4k.png */
.qd-st { --qd-bg: #fdf8f7; --qd-red: #ee2340; }
.qd-mnav--st { height: 7.6rem; margin: 0 6.1rem 0 6rem; padding: 0; border-bottom-color: #ece3e1; }
.qd-mnav--st .qd-mnav__heart { width: 3.8rem; height: 3.8rem; }
.qd-mnav--st .qd-wordmark { font-size: 2.9rem; margin-left: 0.5rem; }
.qd-mnav--st .qd-mnav__links { left: 27.1rem; gap: 4.4rem; }
.qd-mnav--st .qd-mnav__link { font-size: 1.5rem; }
.qd-mnav--st .qd-mnav__link.is-on::after { bottom: 0.9rem; }
.qd-mnav--st .qd-mnav__link .qd-dot { top: -0.4rem; margin-left: -0.2rem; width: 0.6rem; height: 0.6rem; }
.qd-mnav--st .qd-mnav__search { width: 29.7rem; height: 3.8rem; margin-right: 5.6rem; }
.qd-mnav--st .qd-mnav__right { gap: 0; }
.qd-mnav--st .qd-mnav__bell { margin-right: 2.6rem; }
.qd-mnav--st .qd-mnav__user img { width: 4.6rem; height: 4.6rem; }
.qd-mnav--st .qd-mnav__user { gap: 1.4rem; font-size: 1.6rem; font-weight: 600; }
.qd-mnav--st .qd-mnav__user .qd-ic { margin-left: 1.8rem; }

.qd-st__wrap { position: relative; height: 91.6rem; margin: 0 5.1rem 0 6.1rem; }
.qd-st__eyebrow { position: absolute; left: 0; top: 4rem; font-size: 1.1rem; letter-spacing: 0.44rem; color: #b1486f; text-transform: uppercase; }
.qd-st h1 { position: absolute; left: -0.3rem; top: 5.2rem; font-family: var(--qd-serif); font-weight: 600; font-size: 9.7rem; letter-spacing: -0.38rem; line-height: 11rem; color: #0b0b17; }
.qd-st__lede { position: absolute; left: 0; top: 15.7rem; font-family: var(--qd-serif); font-size: 1.95rem; line-height: 2.5rem; color: #2e2530; }
.qd-st__script { position: absolute; left: 100.1rem; top: 3.6rem; }
.qd-st__tags { position: absolute; left: 125.7rem; top: 3.4rem; height: 11rem; padding-left: 7.1rem; border-left: 1px solid #e6dcda; font-size: 1.1rem; letter-spacing: 0.42rem; line-height: 2rem; color: #3b2f38; text-transform: uppercase; }
.qd-st__tags::after { content: ''; display: block; width: 4.2rem; height: 0.2rem; background: #ee8ea0; margin-top: 2.1rem; }

.qd-rings { position: absolute; left: 0; top: 23rem; width: 110.7rem; height: 13.1rem; display: flex; border-bottom: 1px solid #ebe2df; }
.qd-ring-u { width: 10.6rem; flex: none; text-align: center; font-size: 1.4rem; color: #231c21; background: none; }
.qd-ring-u__av { position: relative; display: block; width: 8.6rem; height: 8.6rem; margin: 0 auto 0.8rem; border-radius: 50%; padding: 0.4rem; border: 0.25rem solid var(--qd-red); }
.qd-ring-u.is-seen .qd-ring-u__av { border-color: #cfc6c4; }
.qd-ring-u__av img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.qd-ring-u--me .qd-ring-u__av { border: 0; padding: 0; width: 8rem; height: 8rem; margin-top: 0.3rem; margin-bottom: 1.1rem; }
.qd-ring-u--me .qd-ring-u__av i { position: absolute; right: -0.7rem; bottom: -0.3rem; width: 2.7rem; height: 2.7rem; border-radius: 50%; background: var(--qd-red); color: #fff; display: grid; place-items: center; border: 0.2rem solid #fdf8f7; }
.qd-ring-u:first-child { width: 9rem; margin-right: 1.3rem; }
.qd-rings__all { margin-left: 1.2rem; margin-top: 2.3rem; display: flex; flex-direction: column; align-items: center; gap: 1.3rem; font-size: 1.2rem; color: #231c21; }
.qd-rings__all span { display: grid; place-items: center; width: 4rem; height: 4rem; border-radius: 50%; background: #fff; box-shadow: 0 0.2rem 0.8rem rgba(40, 20, 20, .12); }

.qd-scards { position: absolute; left: 0.2rem; top: 37.9rem; width: 110.6rem; display: grid; grid-template-columns: 36.3rem 36rem 33.9rem; gap: 2.2rem; }
.qd-scards .qd-scard { position: relative; height: 50rem; border-radius: 1.2rem; overflow: hidden; cursor: pointer; background: #222; color: #fff; }
.qd-scards .qd-scard > img, .qd-scards .qd-scard > video { width: 100%; height: 100% !important; object-fit: cover; }
.qd-scards .qd-scard::after { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(0,0,0,.28), transparent 25%, transparent 55%, rgba(0,0,0,.62)); pointer-events: none; }
.qd-scard__bars { position: absolute; z-index: 1; left: 1.8rem; right: 1.8rem; top: 1.3rem; display: flex; gap: 0.4rem; }
.qd-scard__bars i { flex: 1; height: 0.3rem; border-radius: 0.2rem; background: rgba(255,255,255,.45); }
.qd-scard__bars i.is-on { background: #fff; }
.qd-scard__who { position: absolute; z-index: 1; left: 1.7rem; top: 2.8rem; display: flex; align-items: center; gap: 1.2rem; }
.qd-page .qd-scard__who img { width: 4.5rem !important; height: 4.5rem !important; flex: none; border-radius: 50%; object-fit: cover; border: 0.2rem solid #fff; }
.qd-scard__who b { display: block; font-size: 1.55rem; font-weight: 500; }
.qd-scard__who small { white-space: nowrap; display: block; font-size: 1.4rem; opacity: .9; }
.qd-scard__more { position: absolute; z-index: 2; right: 1.8rem; top: 3.4rem; color: #fff; }
.qd-scard__cap { position: absolute; z-index: 1; left: 2rem; right: 2rem; bottom: 5rem; font-family: var(--qd-serif); font-weight: 500; font-size: 2.9rem; line-height: 3rem; letter-spacing: -.6px; }
.qd-scard__cap .qd-ic { color: #ff4a5e; vertical-align: -0.3rem; margin-left: 0.4rem; }
.qd-scard__loc { position: absolute; z-index: 1; left: 2rem; bottom: 2.2rem; display: flex; align-items: center; gap: 0.9rem; font-size: 1.1rem; letter-spacing: 0.24rem; text-transform: uppercase; }
.qd-scard--empty { display: grid; place-items: center; background: #f4ecea; color: #5d5358; cursor: default; font-size: 1.5rem; text-align: center; padding: 3rem; }
.qd-scard--empty::after { display: none; }

.qd-compose-card { position: absolute; left: 114.8rem; top: 18rem; width: 32.6rem; height: 54.5rem; padding: 3.4rem 2rem 2rem; border: 1px solid #ede3e1; border-radius: 1.4rem; background: #faf5f3; }
.qd-compose-card h2 { font-family: var(--qd-serif); font-weight: 600; font-size: 3.2rem; letter-spacing: -1px; line-height: 3.4rem; color: #0b0b17; padding-left: 0.2rem; }
.qd-compose-card > h2 + p { margin-top: 0.4rem; padding-left: 0.2rem; font-size: 1.6rem; color: #3b2f38; }
.qd-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 14.8rem; margin-top: 1.8rem; border: 0.15rem dashed #e3cbcd; border-radius: 1rem; background: #fdfbfa; cursor: pointer; text-align: center; overflow: hidden; position: relative; }
.qd-drop.is-over { border-color: var(--qd-red); background: #fff4f4; }
.qd-drop .qd-ic { color: var(--qd-red); }
.qd-drop b { margin-top: 1rem; font-size: 1.4rem; font-weight: 600; color: #1d1519; }
.qd-drop small { margin-top: 0.5rem; font-size: 1.2rem; color: #4f454b; }
.qd-drop img, .qd-drop video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.qd-page .qd-compose-card textarea { display: block; width: 100%; height: 7.3rem; margin-top: 1.2rem; padding: 1.2rem 1.4rem; border: 1px solid #e6dcda; border-radius: 0.8rem; background: #fff; font-size: 1.4rem; resize: none; }
.qd-compose-card__count { text-align: right; font-size: 1.2rem; color: #4f454b; margin-top: 0.4rem; }
.qd-compose-card label.qd-aud { display: flex; align-items: center; gap: 1rem; margin-top: 1.2rem; font-size: 1.35rem; color: #1d1519; }
.qd-compose-card label.qd-aud .qd-ic { color: var(--qd-red); }
.qd-aud-sel { position: relative; margin-top: 0.7rem; }
.qd-page .qd-aud-sel select { height: 4.3rem; padding: 0 1.6rem; border: 1px solid #e0d6d4; border-radius: 0.6rem; background: #fff; font-size: 1.45rem; font-weight: 600; color: #1d1519; }
.qd-aud-sel .qd-ic { position: absolute; right: 1.4rem; top: 1.2rem; pointer-events: none; }
.qd-compose-card__hint { margin-top: 0.6rem; font-size: 1.2rem; color: #4f454b; }
.qd-page .qd-compose-card .qd-share { width: 100%; height: 4.3rem; margin-top: 1.6rem; border-radius: 0.6rem; font-size: 1.45rem; font-weight: 600; background: var(--qd-red); }
.qd-share[disabled] { opacity: .6; }
.qd-st-promo { position: absolute; left: 114.8rem; top: 74.4rem; width: 32.6rem; height: 13.6rem; padding: 3.8rem 2.5rem; border: 1px solid #ede3e1; border-radius: 1.4rem; background: #fff; overflow: hidden; }
.qd-st-promo p { position: relative; z-index: 1; font-family: var(--qd-serif); font-size: 1.85rem; line-height: 2.5rem; color: #231c21; }
.qd-st-promo p::after { content: ''; display: block; width: 4.3rem; height: 1px; background: #cdb8bb; margin-top: 1.2rem; }
.qd-st-promo img { position: absolute; right: 0; top: 0; }

.qd-viewer { position: fixed; inset: 0; z-index: 3000; display: none; place-items: center; background: rgba(12, 6, 8, .92); }
.qd-viewer.is-open { display: grid; }
.qd-viewer__box { position: relative; width: min(44rem, 94vw); height: min(78rem, 90vh); border-radius: 1.6rem; overflow: hidden; background: #111; }
.qd-viewer__box img, .qd-viewer__box video { width: 100%; height: 100%; object-fit: cover; }
.qd-viewer__close { position: absolute; right: 2.4rem; top: 2rem; color: #fff; }
.qd-viewer__nav { position: absolute; top: 0; bottom: 0; width: 40%; }
.qd-viewer__nav--prev { left: 0; } .qd-viewer__nav--next { right: 0; }
.qd-viewer .qd-scard__cap, .qd-viewer .qd-scard__who, .qd-viewer .qd-scard__bars { color: #fff; }
.qd-viewer__del { position: absolute; z-index: 3; right: 1.8rem; bottom: 1.8rem; color: #fff; background: rgba(0,0,0,.4); border-radius: 0.8rem; padding: 0.6rem 1rem; font-size: 1.3rem; }

@media (max-width: 1199px) {
  .qd-mnav--st { margin: 0; padding: 1rem 1.6rem; height: auto; }
  .qd-st__wrap { height: auto; margin: 0; padding: 1.6rem; display: flex; flex-direction: column; gap: 1.6rem; }
  .qd-st__eyebrow, .qd-st h1, .qd-st__lede, .qd-rings, .qd-scards, .qd-compose-card, .qd-st-promo { position: relative; left: auto; top: auto; width: 100%; height: auto; }
  .qd-st h1 { font-size: 6rem; line-height: 6.4rem; }
  .qd-st__script, .qd-st__tags { display: none; }
  .qd-rings { overflow-x: auto; padding-bottom: 1.2rem; }
  .qd-scards { grid-template-columns: minmax(0, 1fr); }
  .qd-scards .qd-scard { height: 46rem; }
  .qd-st-promo { min-height: 12rem; }
}

/* ---- 26-settings.css ---- */
/* Settings — redesign/member/2/settings-4k.png */
.qd-set { --qd-bg: #fbf9f6; --qd-red: #f13846; }
.qd-mnav--set { height: 8.3rem; padding: 0 7.6rem 0 7.6rem; border-bottom-color: #ebe5e1; }
.qd-mnav--set .qd-mnav__heart { width: 3.8rem; height: 3.6rem; }
.qd-mnav--set .qd-wordmark { font-size: 3.5rem; margin-left: 0; color: #0d1016; letter-spacing: -0.14rem; }
.qd-mnav--set .qd-mnav__links { left: 49.8rem; gap: 5rem; }
.qd-mnav--set .qd-mnav__link { gap: 1.4rem; font-size: 1.55rem; color: #1d1f25; }
.qd-mnav--set .qd-mnav__link .qd-ic { color: #1d1f25; }
.qd-mnav--set .qd-mnav__link .qd-badge { position: absolute; left: 8.6rem; top: 2rem; min-width: 1.5rem; height: 1.5rem; font-size: 0.95rem; padding: 0 0.3rem; }
.qd-mnav--set .qd-mnav__link.is-on, .qd-mnav--set .qd-mnav__link.is-on .qd-ic { color: var(--qd-red); }
.qd-mnav--set .qd-mnav__right { gap: 4.2rem; }
.qd-mnav--set .qd-mnav__sep { height: 4.2rem; }
.qd-mnav--set .qd-mnav__user { gap: 1.6rem; font-size: 1.5rem; font-weight: 400; }
.qd-mnav--set .qd-mnav__user img { width: 4.6rem; height: 4.6rem; }
.qd-mnav--set .qd-mnav__user .qd-ic { margin-left: 1.8rem; }

.qd-set__body { display: grid; grid-template-columns: 35.4rem 1fr; }
.qd-srail { position: relative; border-right: 1px solid #ebe5e1; margin-top: 2.2rem; min-height: 86.4rem; padding: 3.1rem 3.5rem 0 5.8rem; }
.qd-srail__av { position: relative; width: 13.6rem; height: 13.6rem; margin-left: 5rem; }
.qd-srail__av img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.qd-srail__av label { position: absolute; right: -0.7rem; bottom: 0.3rem; width: 4.3rem; height: 4.3rem; border-radius: 50%; background: var(--qd-red); color: #fff; display: grid; place-items: center; border: 0.3rem solid #fbf9f6; cursor: pointer; box-shadow: 0 0.6rem 1.2rem -0.4rem rgba(241,56,70,.5); }
.qd-srail__name { margin-top: 1.3rem; text-align: center; font-size: 2.1rem; font-weight: 600; color: #1d1f25; margin-right: 2rem; }
.qd-srail__since { margin-top: 0.3rem; text-align: center; font-size: 1.45rem; color: #55575d; margin-right: 2rem; }
.qd-smenu { margin-top: 4rem; }
.qd-smenu a { display: flex; align-items: center; gap: 1.9rem; height: 4.5rem; margin-bottom: 1.2rem; padding: 0 2rem 0 2.4rem; border-radius: 0.8rem; font-size: 1.7rem; color: #1d1f25; }
.qd-smenu a .qd-ic { color: #1d1f25; }
.qd-smenu a.is-on { background: #fbe6e3; color: var(--qd-red); }
.qd-smenu a.is-on .qd-ic { color: var(--qd-red); }
.qd-smenu a .qd-chev { margin-left: auto; }
.qd-smenu a:hover:not(.is-on) { background: #f5efec; }
.qd-srail__quote { font-style: italic; margin-top: 3.6rem; margin-left: 1.7rem; padding-top: 3.4rem; border-top: 1px solid #e6dfdb; width: 24.4rem; font-family: var(--qd-serif); font-size: 3.5rem; line-height: 3.45rem; letter-spacing: -.8px; color: #1d1f25; }
.qd-srail__quote i { display: block; width: 4.3rem; height: 0.2rem; background: var(--qd-red); margin-top: 2rem; }
.qd-srail__tags { white-space: nowrap; letter-spacing: 0.19rem !important; margin-top: 3rem; margin-left: 1.7rem; font-size: 0.95rem; letter-spacing: 0.22rem; color: #6e7075; text-transform: uppercase; }

.qd-smain { padding: 3.6rem 7.4rem 4rem 5.5rem; }
.qd-smain .qd-eyebrow { font-size: 1.1rem; letter-spacing: 0.32rem; color: #8b5872; }
.qd-smain h1 { margin-top: 1rem; font-family: var(--qd-serif); font-weight: 600; font-size: 7rem; line-height: 7rem; letter-spacing: -0.24rem; color: #0d1016; }
.qd-smain > p { margin-top: 0.9rem; font-size: 1.9rem; color: #55575d; }
.qd-srows { margin-top: 2.6rem; border-top: 1px solid #e6dfdb; }
.qd-srow { display: flex; align-items: center; min-height: 8.4rem; border-bottom: 1px solid #e6dfdb; padding: 0 0 0 0.4rem; }
.qd-srow__t { flex: 1 1 auto; min-width: 0; }
.qd-srow__t b { display: block; font-size: 1.85rem; font-weight: 600; color: #1d1f25; }
.qd-srow__t span { display: block; margin-top: 0.3rem; font-size: 1.45rem; color: #55575d; }
.qd-srow__c { margin-left: auto; }
.qd-sseg { display: grid; grid-template-columns: 15.5rem 1fr 1fr; width: 47.6rem; height: 4.8rem; padding: 1px; border-radius: 2.4rem; background: #f2edeb; }
.qd-sseg button { border-radius: 2.3rem; font-size: 1.55rem; color: #1d1f25; position: relative; }
.qd-sseg button + button:not(.is-on)::before { content: ''; position: absolute; left: 0; top: 1.1rem; bottom: 1.1rem; width: 1px; background: #ddd5d2; }
.qd-sseg button.is-on + button::before { display: none; }
.qd-sseg button.is-on { background: var(--qd-red); color: #fff; box-shadow: 0 0.4rem 1rem -0.4rem rgba(241,56,70,.6); }
.qd-stog { white-space: nowrap; display: flex; align-items: center; gap: 1.8rem; width: 30.4rem; font-size: 1.55rem; color: #1d1f25; }
.qd-stog .qd-toggle { width: 5.3rem; height: 3.1rem; }
.qd-stog .qd-toggle i::after { width: 2.5rem; height: 2.5rem; }
.qd-stog .qd-toggle input:checked + i::after { transform: translateX(2.2rem); }
.qd-srange { width: 45.3rem; margin-right: 0.5rem; }
.qd-srange__v { text-align: center; font-size: 1.55rem; font-weight: 500; color: #1d1f25; margin-bottom: 1px; margin-left: 2rem; }
.qd-srange .qd-range__track { background: #e6e0dd; }
.qd-srange__ticks { position: relative; height: 1.8rem; margin-top: 0.3rem; font-size: 1.3rem; color: #55575d; }
.qd-srange__ticks span { position: absolute; transform: translateX(-50%); }
.qd-srow--age { min-height: 9.7rem; } .qd-srow--dist { min-height: 9.5rem; } .qd-srow--email { min-height: 7.9rem; } .qd-srow--2fa { min-height: 8.4rem; }
.qd-sfoot { display: flex; align-items: center; margin-top: 1.9rem; }
.qd-page .qd-save { width: 18.9rem; height: 4.8rem; border-radius: 1rem; font-size: 1.7rem; gap: 1.4rem; background: var(--qd-red); }
.qd-save[disabled] { opacity: .65; }
.qd-sfoot__msg { margin-left: 1.6rem; font-size: 1.4rem; color: #55575d; }
.qd-danger { margin-left: auto; display: flex; align-items: center; height: 6rem; padding-left: 2.8rem; border-left: 1px solid #e6dfdb; }
.qd-danger b { display: block; font-size: 1.45rem; font-weight: 600; color: #a33339; }
.qd-danger span { display: block; margin-top: 0.2rem; font-size: 1.2rem; color: #55575d; }
.qd-danger a { margin-left: 3.6rem; display: grid; place-items: center; width: 14.5rem; height: 4.2rem; border: 1px solid #f2a4a7; border-radius: 1rem; font-size: 1.4rem; color: #c3303b; background: #fff; }

.qd-sdetails { margin-top: 5.6rem; padding-top: 3rem; border-top: 1px solid #e6dfdb; }
.qd-sdetails h2 { font-family: var(--qd-serif); font-weight: 600; font-size: 3rem; letter-spacing: -.8px; }
.qd-sdetails > p { margin-top: 0.4rem; font-size: 1.45rem; color: #55575d; }
.qd-sgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem 2.4rem; margin-top: 2rem; }
.qd-sgrid label { display: block; font-size: 1.35rem; color: #55575d; }
.qd-page .qd-sgrid input, .qd-page .qd-sgrid select { margin-top: 0.6rem !important; height: 4.4rem !important; padding: 0 1.4rem !important; border: 1px solid #e3dcd8 !important; border-radius: 1rem !important; background: #fff !important; font-size: 1.5rem; color: #1d1f25; }
.qd-sdetails .alert { margin-top: 1.4rem; padding: 1rem 1.4rem; border-radius: 1rem; font-size: 1.4rem; }
.qd-sdetails .alert-danger { background: #fdecec; color: #b3261e; }
.qd-sdetails .alert-success { background: #eaf6ee; color: #1f7a45; }
.qd-page .qd-sdetails .qd-btn { height: 4.6rem; padding: 0 2.6rem; margin-top: 2rem; border-radius: 1rem; font-size: 1.5rem; background: var(--qd-red); }

@media (max-width: 1199px) {
  .qd-set__body { grid-template-columns: minmax(0, 1fr); }
  .qd-srail { min-height: 0; border: 0; padding: 1.6rem; }
  .qd-srail__quote, .qd-srail__tags { display: none; }
  .qd-smenu { display: flex; overflow-x: auto; gap: 0.8rem; margin-top: 1.6rem; padding-bottom: 0.8rem; scrollbar-width: thin; scrollbar-color: #d8d2cd transparent; }
  .qd-smenu::-webkit-scrollbar { height: 0.6rem; }
  .qd-smenu::-webkit-scrollbar-thumb { background: #d8d2cd; border-radius: 0.3rem; }
  .qd-smenu::-webkit-scrollbar-track { background: transparent; }
  .qd-smenu a { flex: none; margin: 0; }
  .qd-smain { padding: 1.6rem; }
  .qd-smain h1 { font-size: 4.8rem; line-height: 5rem; }
  .qd-srow { flex-direction: column; align-items: flex-start; gap: 1.2rem; padding: 1.6rem 0; }
  .qd-srow__c { margin-left: 0; width: 100%; }
  .qd-sseg, .qd-srange, .qd-stog { width: 100%; }
  .qd-sfoot { flex-wrap: wrap; gap: 1.6rem; }
  .qd-danger { margin-left: 0; border: 0; padding: 0; }
  .qd-sgrid { grid-template-columns: minmax(0, 1fr); }
}
/* Invitation copy button in the legacy settings table: use the redesign sans. */
.copy-invitation-url { font-family: var(--qd-sans); }

/* ---- 27-pro.css ---- */
/* Premium — redesign/member/4/premium-4k.png */
.qd-prem { --qd-bg: #fcf8f3; --qd-red: #ea2238; }
.qd-mnav--pro { height: 6.8rem; padding: 0 0 0 9.9rem; margin-right: 6rem; border-bottom-color: #ece4de; }
.qd-mnav--pro .qd-mnav__heart { width: 3.2rem; height: 2.8rem; }
.qd-mnav--pro .qd-wordmark { font-size: 2.7rem; letter-spacing: -.9px !important; margin-left: 0; }
.qd-mnav--pro .qd-mnav__links { left: 49.2rem; gap: 5.6rem; }
.qd-mnav--pro .qd-mnav__link { font-size: 1.55rem; gap: 0.6rem; }
.qd-mnav--pro .qd-mnav__link.is-on::after { bottom: 1.6rem; left: -1.3rem; right: -1.3rem; }
.qd-mnav--pro .qd-mnav__link .qd-badge { min-width: 2.2rem; height: 2.2rem; margin-left: 0.4rem; }
.qd-mnav--pro .qd-mnav__link .qd-dot { top: -0.9rem; margin-left: -0.4rem; }
.qd-mnav--pro .qd-mnav__user { gap: 1.2rem; font-size: 1.5rem; font-weight: 400; margin-right: 5rem; }
.qd-mnav--pro .qd-mnav__user img { width: 4.2rem; height: 4.2rem; }
.qd-mnav--pro .qd-mnav__user .qd-ic { margin-left: 1.2rem; }

.qd-prem__wrap { position: relative; height: 92.4rem; }
.qd-prem__eyebrow { position: absolute; left: 10.2rem; top: 4.4rem; font-family: var(--qd-serif); font-size: 1.2rem; letter-spacing: 0.5rem; color: #b8434f; text-transform: uppercase; }
.qd-prem h1 { position: absolute; left: 9.9rem; top: 6.3rem; font-family: var(--qd-serif); font-weight: 600; font-size: 7.9rem; line-height: 7.6rem; letter-spacing: -0.32rem; color: #091019; white-space: nowrap; }
.qd-prem h1 em { font-style: normal; color: var(--qd-red); }
.qd-prem__mark { position: absolute; left: 61.5rem; top: 18.2rem; }
.qd-prem__lede { position: absolute; left: 10.1rem; top: 23.8rem; width: 52rem; font-size: 1.75rem; line-height: 2.5rem; color: #585a5d; }
.qd-benefits { position: absolute; left: 10.1rem; top: 33.8rem; display: flex; }
.qd-benefit { white-space: nowrap; display: flex; align-items: center; gap: 1.3rem; font-size: 1.25rem; line-height: 1.6rem; color: #2c2a2d; padding-right: 2rem; }
.qd-benefit + .qd-benefit { padding-left: 2rem; border-left: 1px solid #e3dad4; }
.qd-benefit .qd-ic { color: #6e2a3c; }
.qd-benefit:nth-child(1) { width: 13.9rem; } .qd-benefit:nth-child(2) { width: 15.9rem; } .qd-benefit:nth-child(3) { width: 16.5rem; }
.qd-prem__hero { position: absolute; left: 81.2rem; top: 0.4rem; pointer-events: none; }

.qd-plans { position: absolute; left: 10.1rem; top: 41.9rem; display: grid; grid-template-columns: 40.1rem 40.2rem 40.1rem; gap: 1.9rem; }
.qd-plan { position: relative; height: 31.1rem; padding: 2.2rem 2.7rem 2rem 2.8rem; border: 1px solid #ebe3dd; border-radius: 0.6rem; background: #fdfbf8; }
.qd-plan.is-pop { border: 0.2rem solid var(--qd-red); padding: 2.4rem 2.7rem 2rem 2.8rem; }
.qd-plan__badge { position: absolute; left: 50%; top: -1.3rem; transform: translateX(-50%); height: 2.5rem; padding: 0 1.6rem; border-radius: 1.3rem; background: var(--qd-red); color: #fff; font-size: 1.1rem; font-weight: 600; letter-spacing: .8px; text-transform: uppercase; display: grid; place-items: center; white-space: nowrap; }
.qd-plan h3 { font-family: var(--qd-serif); font-weight: 600; font-size: 2.7rem; letter-spacing: -.8px; color: #091019; }
.qd-plan__sub { margin-top: 0; font-size: 1.5rem; color: #4a4a4f; }
.qd-plan__ic { position: absolute; right: 2.7rem; top: 1.8rem; width: 5rem; height: 5rem; border-radius: 50%; background: #fbe4e3; color: var(--qd-red); display: grid; place-items: center; }
.qd-plan.is-pop .qd-plan__ic { background: var(--qd-red); color: #fff; }
.qd-plan:nth-child(3) .qd-plan__ic { background: #f6eeec; color: #5b2230; }
.qd-plan__price { display: flex; align-items: center; margin-top: 1rem; font-size: 1.6rem; color: #2c2a2d; }
.qd-plan__price b { font-size: 2.9rem; font-weight: 700; letter-spacing: -.6px; color: #091019; margin-right: 0.8rem; }
.qd-plan__save { margin-left: 1.7rem; height: 2.9rem; padding: 0 1.5rem; border-radius: 1.5rem; background: #fce3e2; color: var(--qd-red); font-size: 1.3rem; font-weight: 600; display: grid; place-items: center; }
.qd-plan ul { margin-top: 1.2rem !important; }
.qd-plan li { display: flex; align-items: center; gap: 1.8rem; height: 2.3rem; font-size: 1.45rem; color: #2c2a2d; }
.qd-plan li .qd-ic { color: #3a1a24; }
.qd-page .qd-plan .qd-choose { position: absolute; left: 2.8rem; right: 3rem; bottom: 2rem; height: 4rem; border-radius: 0.6rem; border: 0.15rem solid #f3a7ae; background: #fdecec; color: var(--qd-red); font-size: 1.55rem; font-weight: 600; gap: 1rem; }
.qd-page .qd-plan.is-pop .qd-choose { background: var(--qd-red); border-color: var(--qd-red); color: #fff; }
.qd-plan.is-current::after { content: attr(data-current); position: absolute; right: 8.8rem; top: 3rem; font-size: 1.2rem; color: #1f8a4c; font-weight: 600; }
.qd-plans__weekly { position: absolute; left: 10.1rem; top: 73.3rem; font-size: 1.3rem; color: #6d6b70; }
.qd-plans__weekly button { color: var(--qd-red); text-decoration: underline; font-size: 1.3rem; }
.qd-pquote2 { position: absolute; left: 136.4rem; top: 42rem; height: 31.1rem; padding-left: 2.8rem; border-left: 1px solid #e3dad4; width: 19rem; box-sizing: content-box; }
.qd-pquote2 i { display: block; font-family: var(--qd-serif); font-style: normal; font-weight: 700; font-size: 5.8rem; line-height: 4rem; color: #3a1a24; }
.qd-pquote2 p { margin-top: 1.2rem; font-family: var(--qd-serif); font-style: italic; font-size: 2.6rem; line-height: 3rem; color: #2c1f25; }
.qd-pquote2 small { display: block; margin-top: 3rem; padding-top: 2.2rem; font-size: 1.35rem; line-height: 1.8rem; color: #4a4a4f; position: relative; }
.qd-pquote2 small::before { content: ''; position: absolute; left: 0; top: 0; width: 2rem; height: 1px; background: #9e959a; }

.qd-boost { position: absolute; left: 5.6rem; right: 6.2rem; top: 75.3rem; height: 17rem; border-top: 1px solid #e3dad4; }
.qd-boost__eyebrow { position: absolute; left: 4.7rem; top: 2.5rem; font-family: var(--qd-serif); font-size: 1.15rem; letter-spacing: 0.5rem; color: #9a2a37; text-transform: uppercase; }
.qd-boost h2 { position: absolute; left: 4.7rem; top: 4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 3.2rem; line-height: 3.3rem; letter-spacing: -1px; color: #091019; }
.qd-boost p { position: absolute; left: 4.7rem; top: 11.8rem; width: 29rem; font-size: 1.35rem; line-height: 2rem; color: #4a4a4f; }
.qd-packs { position: absolute; left: 37.1rem; top: 2.2rem; display: flex; gap: 1.8rem; }
.qd-pack { position: relative; width: 22.4rem; height: 13rem; border: 1px solid #ebe3dd; border-radius: 0.6rem; background: #fdfbf8; padding: 1.5rem 1.6rem 0 8.8rem; }
.qd-pack:nth-child(2) { width: 22.5rem; } .qd-pack:nth-child(3) { width: 22.6rem; } .qd-pack:nth-child(4) { width: 21.9rem; }
.qd-pack__ic { position: absolute; left: 1.7rem; top: 1.5rem; width: 5.4rem; height: 5.4rem; border-radius: 50%; display: grid; place-items: center; color: #fff; background: var(--qd-red); }
.qd-pack:nth-child(1) .qd-pack__ic, .qd-pack:nth-child(4) .qd-pack__ic { background: #4a1a2b; }
.qd-pack b { display: block; font-size: 1.65rem; font-weight: 700; letter-spacing: -.3px; color: #091019; }
.qd-pack > span:not(.qd-pack__ic) { display: block; font-size: 1.6rem; color: #2c2a2d; }
.qd-pack small { display: block; margin-top: 0.3rem; font-size: 1.15rem; color: #4a4a4f; }
.qd-page .qd-pack .qd-btn { position: absolute; left: 2rem; right: 2rem; bottom: 1.4rem; height: 3rem; border-radius: 0.4rem; border: 0.15rem solid #f3a7ae; background: #fdecec; color: var(--qd-red); font-size: 1.25rem; font-weight: 600; }
.qd-boost__art { position: absolute; right: 0; top: 1.8rem; }

.qd-paysheet .qd-modal__box { width: min(56rem, 94vw); max-height: 88vh; overflow: auto; }
.qd-paysheet .dt_premium,
.qd-paysheet .dt_choose_pro,
.qd-paysheet .pay_using { background: transparent; border: 0; padding: 0; margin: 0; }
.qd-paysheet .pay_using > p,
.qd-paysheet .pay_using p.bold { margin: 1.6rem 0 1.2rem; color: #4a4a4f; font-size: 1.3rem; }
.qd-paysheet .pay_using .pay_u_btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.qd-paysheet .pay_using .pay_u_btns .btn {
  width: 100%; min-height: 4.4rem; margin: 0; border: 1px solid #eaded8; border-radius: 0.6rem;
  background: #fdfbf8; color: #2c2a2d; box-shadow: none; font-size: 1.3rem; justify-content: center;
}
.qd-paysheet .pay_using .pay_u_btns .btn:hover { background: #fdecec; border-color: #f3a7ae; color: var(--qd-red); box-shadow: none; }
.qd-paysheet .pay_using p.bold { font-weight: 600; margin-bottom: 1.2rem; }
.qd-paysheet .payment-unavailable { margin-top: 1.2rem; color: #b3261e; font-size: 1.4rem; }

@media (max-width: 1199px) {
  .qd-mnav--pro { margin: 0; padding: 1rem 1.6rem; height: auto; }
  .qd-prem__wrap { height: auto; padding: 2rem 1.6rem; display: flex; flex-direction: column; gap: 1.8rem; }
  .qd-prem__eyebrow, .qd-prem h1, .qd-prem__lede, .qd-benefits, .qd-prem__hero, .qd-plans, .qd-pquote2, .qd-boost, .qd-plans__weekly { position: relative; left: auto; top: auto; right: auto; width: 100%; height: auto; }
  .qd-prem h1 { font-size: 4.8rem; line-height: 4.8rem; white-space: normal; }
  .qd-prem__mark { display: none; }
  .qd-prem__hero { max-width: 100%; height: auto; }
  .qd-benefits { flex-wrap: wrap; gap: 1.2rem; }
  .qd-benefit { width: 45% !important; border: 0 !important; padding: 0 !important; }
  .qd-plans { grid-template-columns: minmax(0, 1fr); }
  .qd-pquote2 { border: 0; padding: 0; }
  .qd-boost h2, .qd-boost p, .qd-boost__eyebrow, .qd-packs { position: static; }
  .qd-packs { flex-wrap: wrap; margin-top: 1.6rem; }
  .qd-pack { width: 100% !important; }
  .qd-boost__art { display: none; }
}
@media (max-width: 520px) {
  .qd-paysheet .pay_using .pay_u_btns { grid-template-columns: minmax(0, 1fr); }
}

/* ---- 28-credit.css ---- */
/* Credits — redesign/member/9/credits-4k.png */
.qd-cr { --qd-bg: #fbf8f4; --qd-red: #ec3345; }
.qd-mnav--cr { height: 7.8rem; padding: 0 6.1rem 0 6.2rem; border-bottom: 0; }
.qd-mnav--cr .qd-wordmark { font-size: 3.6rem; }
.qd-mnav--cr .qd-mnav__heart { width: 3.2rem; height: 3rem; margin-left: 0.2rem; margin-top: -1.4rem; }
.qd-mnav--cr .qd-mnav__links { left: 30.7rem; gap: 4.6rem; }
.qd-mnav--cr .qd-mnav__link { font-size: 1.55rem; }
.qd-mnav--cr .qd-mnav__link.is-on { font-weight: 500; }
.qd-mnav--cr .qd-mnav__link.is-on::after { bottom: 1.6rem; }
.qd-mnav--cr .qd-mnav__link .qd-dot { top: -0.8rem; margin-left: -0.4rem; width: 0.6rem; height: 0.6rem; }
.qd-mnav--cr .qd-mnav__right { gap: 0; }
.qd-mnav--cr .qd-mnav__bell { margin-right: 2rem; }
.qd-mnav--cr .qd-mnav__sep { height: 3rem; margin-right: 2.4rem; }
.qd-mnav--cr .qd-mnav__user { gap: 1.1rem; font-size: 1.4rem; font-weight: 600; margin-right: 3.3rem; }
.qd-mnav--cr .qd-mnav__user img { width: 4rem; height: 4rem; }
.qd-mnav--cr .qd-mnav__user .qd-ic { margin-left: 0.4rem; }
.qd-mnav--cr .qd-mnav__cpill { white-space: nowrap; text-transform: lowercase; width: 16.5rem; height: 4.1rem; justify-content: center; font-size: 1.65rem; }

.qd-cr__wrap { position: relative; height: 96.6rem; margin-left: 6.3rem; }
.qd-cr__kicker { position: absolute; left: 0.3rem; top: 1.8rem; font-family: var(--qd-serif); font-style: italic; font-size: 2.1rem; color: #7b2d49; }
.qd-cr h1 { position: absolute; left: 0; top: 3.6rem; font-family: var(--qd-serif); font-weight: 600; font-size: 9rem; line-height: 10.4rem; letter-spacing: -0.34rem; color: #0a0b14; }
.qd-cr__lede { position: absolute; left: 0.4rem; top: 13.4rem; font-size: 1.85rem; line-height: 2.5rem; color: #3d3a41; }
.qd-cr__script { position: absolute; left: 90.2rem; top: 2.7rem; }
.qd-bal, .qd-act-card { position: absolute; top: 20.6rem; height: 24.2rem; border: 1px solid #ece4df; border-radius: 1.2rem; background: #fcfaf8; }
.qd-bal { left: 0; width: 52.6rem; padding: 2.2rem 2.7rem; }
.qd-bal h2, .qd-act-card h2 { font-family: var(--qd-serif); font-weight: 600; font-size: 2.2rem; letter-spacing: -.5px; color: #0a0b14; }
.qd-bal__coins { position: absolute; left: 2.6rem; top: 7.2rem; width: 7.6rem; height: 7.6rem; border-radius: 50%; background: #fbe3e0; display: grid; place-items: center; overflow: hidden; }
.qd-bal__n { position: absolute; left: 11.4rem; top: 5.8rem; font-family: var(--qd-serif); font-weight: 700; font-size: 9.6rem; letter-spacing: -0.4rem; line-height: 10rem; color: #0a0b14; }
.qd-bal__lbl { position: absolute; left: 11.5rem; top: 15.3rem; font-size: 1.8rem; color: #3d3a41; }
.qd-page .qd-bal .qd-buy { position: absolute; left: 33.3rem; top: 8.8rem; width: 16.8rem; height: 4.7rem; border-radius: 2.4rem; font-size: 1.6rem; gap: 1.4rem; background: var(--qd-red); }
.qd-bal__last { position: absolute; left: 2.7rem; bottom: 1.6rem; font-size: 1.2rem; color: #8a8388; }
.qd-act-card { left: 54.1rem; width: 52.6rem; padding: 1.6rem 2.5rem 0 2.1rem; }
.qd-act-card__all { position: absolute; right: 2.5rem; top: 2.3rem; display: flex; align-items: center; gap: 0.8rem; font-size: 1.25rem; font-weight: 500; color: var(--qd-red); }
.qd-alist { margin-top: 0.2rem; }
.qd-arow { display: grid; grid-template-columns: 4.8rem 1fr 7rem 12rem; align-items: center; height: 5rem; border-top: 1px solid #efe8e4; }
.qd-arow:first-child { border-top: 0; }
.qd-arow i { display: grid; place-items: center; width: 3.6rem; height: 3.6rem; border-radius: 50%; background: #fbe4e1; color: var(--qd-red); }
.qd-arow:nth-child(2) i { background: #fbe7da; color: #c86a3a; }
.qd-arow b { display: block; font-size: 1.3rem; font-weight: 500; color: #0a0b14; }
.qd-arow small { display: block; font-size: 1.15rem; color: #6b6670; }
.qd-arow em { font-style: normal; font-size: 1.5rem; font-weight: 600; color: var(--qd-red); }
.qd-arow em.is-plus { color: #1f7a45; }
.qd-arow time { text-align: right; font-size: 1.25rem; color: #6b6670; }
.qd-arow--empty { display: block; padding: 4rem 0; text-align: center; font-size: 1.4rem; color: #6b6670; }

.qd-cr__packs-h { position: absolute; left: 1px; top: 46.6rem; width: 106.6rem; display: flex; align-items: center; }
.qd-cr__packs-h h2 { font-family: var(--qd-serif); font-weight: 600; font-size: 3.3rem; letter-spacing: -0.12rem; color: #0a0b14; white-space: nowrap; }
.qd-cr__packs-h i { flex: none; width: 35.5rem; height: 1px; background: #e9b4bb; margin: 0 2.6rem 0 2.3rem; }
.qd-cr__packs-h span { font-size: 1.4rem; color: #3d3a41; margin-right: 1rem; }
.qd-cr__packs-h .qd-ic { color: var(--qd-red); }
.qd-packs2 { position: absolute; left: 1px; top: 53rem; display: grid; grid-template-columns: repeat(4, 25.9rem); gap: 1.2rem; }
.qd-pk { position: relative; height: 29rem; border: 1px solid #ece4df; border-radius: 1rem; background: #fcfaf8; text-align: center; padding-top: 1.6rem; }
.qd-pk.is-pop { border: 0.15rem solid #ef7e89; }
.qd-pk__badge { position: absolute; left: 50%; top: -1rem; transform: translateX(-50%); height: 2.1rem; padding: 0 1.2rem; border-radius: 1.1rem; background: #fbd7d9; color: #b3263a; font-size: 1.1rem; font-weight: 600; letter-spacing: .3px; white-space: nowrap; display: grid; place-items: center; text-transform: uppercase; }
.qd-pk__badge--val { background: #fbe0c4; color: #a4521b; }
.qd-pk h3 { font-family: var(--qd-serif); font-weight: 600; font-size: 2.2rem; letter-spacing: -.5px; color: #0a0b14; }
.qd-pk__sub { margin-top: 0; font-size: 1.4rem; line-height: 2rem; color: #3d3a41; }
.qd-pk__art { height: 10rem; display: flex; align-items: flex-end; justify-content: center; margin-top: 0.7rem; }
.qd-pk__price { line-height: 2.6rem; margin-top: 0.5rem; font-family: var(--qd-serif); font-weight: 700; font-size: 2.2rem; color: #0a0b14; }
.qd-pk__per { margin-top: 1px; font-size: 1.25rem; color: #6b6670; }
.qd-page .qd-pk .qd-btn { position: absolute; left: 3.2rem; right: 3rem; bottom: 1.6rem; height: 3.8rem; border-radius: 0.8rem; border: 0.15rem solid var(--qd-red); background: #fff; color: var(--qd-red); font-size: 1.45rem; font-weight: 600; }
.qd-page .qd-pk.is-pop .qd-btn { background: var(--qd-red); color: #fff; }
.qd-pk.is-selected { box-shadow: 0 0 0 0.3rem rgba(236, 51, 69, .25); }

.qd-uses { position: absolute; left: 1px; top: 83.8rem; width: 107.2rem; height: 11.2rem; padding: 1.2rem 2.1rem; border: 1px solid #ece4df; border-radius: 1rem; background: #fcfaf8; }
.qd-uses h3 { font-family: var(--qd-serif); font-weight: 600; font-size: 1.7rem; color: #0a0b14; }
.qd-uses__row { display: grid; grid-template-columns: 33.5rem 35rem 1fr; margin-top: 0.8rem; }
.qd-use { display: flex; gap: 2.2rem; }
.qd-use + .qd-use { border-left: 1px solid #e6dfdb; padding-left: 2.2rem; }
.qd-use > i { flex: none; display: grid; place-items: center; width: 5.8rem; height: 5.8rem; border-radius: 50%; background: #fbe4e1; color: var(--qd-red); }
.qd-use b { display: block; font-family: var(--qd-serif); font-weight: 600; font-size: 1.5rem; color: #0a0b14; margin-top: 0.3rem; }
.qd-use span { display: block; margin-top: 0.3rem; font-size: 1.25rem; line-height: 1.7rem; color: #3d3a41; }

.qd-upg { position: absolute; left: 110.6rem; top: 1.2rem; width: 35.7rem; height: 87.3rem; border-radius: 1.2rem; overflow: hidden; background: #fbe8e6; }
.qd-upg > img:first-child { display: block; width: 35.7rem; height: 45.6rem; object-fit: cover; }
.qd-upg__body { padding: 1.6rem 2.8rem; }
.qd-upg__eyebrow { font-size: 1.3rem; font-weight: 600; letter-spacing: 0.15rem; color: #c22c3f; text-transform: uppercase; }
.qd-upg h2 { margin-top: 0.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 3.2rem; letter-spacing: -1px; color: #a4243a; }
.qd-upg ul { margin-top: 1.2rem !important; }
.qd-upg li { display: flex; align-items: center; gap: 1.6rem; height: 3rem; font-size: 1.35rem; color: #2a2530; }
.qd-upg li .qd-ic { color: var(--qd-red); }
.qd-page .qd-upg .qd-btn { width: 30rem; height: 5.2rem; margin-top: 1.6rem; border-radius: 1.2rem; font-size: 1.6rem; gap: 1.4rem; background: var(--qd-red); }
.qd-upg__q { margin-top: 3.8rem; margin-left: -0.4rem; font-family: var(--qd-serif); font-style: italic; font-size: 2rem; line-height: 2.5rem; color: #3a2e36; }
.qd-upg__q::after { content: ''; display: block; width: 4rem; height: 1px; background: #b3a8ad; margin: 2.2rem 0 0 1rem; }
.qd-upg__love { position: absolute; right: -2.4rem; bottom: 0.7rem; }

.qd-daily { position: absolute; left: 54.1rem; top: 19rem; }

@media (max-width: 1199px) {
  .qd-mnav--cr { padding: 1rem 1.6rem; height: auto; }
  .qd-cr__wrap { height: auto; margin: 0; padding: 1.6rem; display: flex; flex-direction: column; gap: 1.6rem; }
  .qd-cr__wrap > * { position: relative !important; left: auto !important; top: auto !important; width: 100% !important; }
  .qd-cr h1 { font-size: 6rem; line-height: 6.4rem; }
  .qd-cr__script, .qd-upg__love { display: none !important; }
  .qd-bal, .qd-act-card, .qd-uses { height: auto; min-height: 22rem; }
  .qd-cr__packs-h i { display: none; }
  .qd-cr__packs-h { flex-wrap: wrap; }
  .qd-packs2 { grid-template-columns: 1fr 1fr; }
  .qd-uses__row { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
  .qd-use + .qd-use { border: 0; padding: 0; }
  .qd-upg { height: auto; }
  .qd-upg > img:first-child { width: 100%; height: 28rem; }
}

/* ---- 29-apps.css ---- */
/* Apps & connections — redesign/member/10/apps-4k.png */
.qd-apps { --qd-bg: #fbf8f5; --qd-red: #ef4153; }
.qd-mnav--apps { height: 7.7rem; padding: 0 6rem 0 6rem; border-bottom-color: #ece5e1; }
.qd-mnav--apps .qd-mnav__heart { width: 3.8rem; height: 3.8rem; }
.qd-mnav--apps .qd-wordmark { font-size: 3.4rem; }
.qd-mnav--apps .qd-mnav__links { left: 31.3rem; gap: 4.5rem; }
.qd-mnav--apps .qd-mnav__link { font-size: 1.5rem; }
.qd-mnav--apps .qd-mnav__link.is-on { color: #e8364a; }
.qd-mnav--apps .qd-mnav__link.is-on::after { bottom: 0.9rem; }
.qd-mnav--apps .qd-mnav__link .qd-dot { top: -0.8rem; margin-left: -0.4rem; width: 0.6rem; height: 0.6rem; }
.qd-mnav--apps .qd-mnav__right { gap: 4.3rem; }
.qd-mnav--apps .qd-mnav__sep { height: 4.2rem; margin: 0 0.4rem; }
.qd-mnav--apps .qd-mnav__user { gap: 1.6rem; font-size: 1.5rem; font-weight: 400; }
.qd-mnav--apps .qd-mnav__user img { width: 5rem; height: 5rem; }
.qd-mnav--apps .qd-mnav__user .qd-ic { margin-left: 0.8rem; }

.qd-apps__body { display: grid; grid-template-columns: 112.8rem 1fr; }
.qd-apps__main { position: relative; padding: 4.3rem 3.6rem 4rem 6.3rem; border-right: 1px solid #ebe3df; }
.qd-apps__main .qd-eyebrow { font-size: 1.25rem; letter-spacing: 0.3rem; color: #7e3a64; font-weight: 600; }
.qd-apps h1 { margin-top: 1rem; font-family: var(--qd-serif); font-weight: 600; font-size: 7.4rem; line-height: 8rem; letter-spacing: -0.3rem; color: #120814; white-space: nowrap; }
.qd-apps__lede { margin-top: 0.9rem; width: 78rem; font-size: 1.92rem; line-height: 2.9rem; color: #57545b; }
.qd-apps__script { position: absolute; left: 93rem; top: 3.6rem; height: 11.2rem; width: auto; pointer-events: none; }
.qd-cgrid { display: grid; grid-template-columns: 32.8rem 33.3rem 33.3rem; gap: 1.8rem 1.8rem; margin-top: 3.1rem; }
.qd-conn { position: relative; height: 30.8rem; padding: 2.6rem 2.4rem 2rem 2.4rem; border: 1px solid #ebe3df; border-radius: 1.2rem; background: #fdfbfa; }
.qd-conn__logo { position: absolute; left: 2.6rem; top: 2.6rem; width: 7.7rem; height: 7.7rem; object-fit: contain; }
.qd-conn[data-provider=spotify] .qd-conn__logo, .qd-conn[data-provider=location] .qd-conn__logo { left: 2.3rem; top: 2.3rem; width: 8.2rem; height: 8.2rem; }
.qd-conn h3 { margin-left: 10.8rem; font-family: var(--qd-serif); font-weight: 500; font-size: 2.6rem; letter-spacing: -.5px; line-height: 3rem; color: #120814; white-space: nowrap; }
.qd-conn__st { display: flex; align-items: center; gap: 1rem; margin: 0.4rem 0 0 10.8rem; font-size: 1.65rem; color: #1f8f47; }
.qd-conn__st::before { content: ''; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: #22a652; }
.qd-conn__st.is-off { color: #4d4a52; }
.qd-conn__st.is-off::before { background: #56535a; }
.qd-conn__desc { margin: 1.2rem 0 0 10.8rem; font-size: 1.45rem; line-height: 2.2rem; color: #4d4a52; min-height: 4.4rem; }
.qd-conn ul { margin: 1.4rem 0 0 !important; padding-top: 1.2rem !important; border-top: 1px solid #e8e0dc; }
.qd-conn li { display: flex; align-items: center; gap: 1.8rem; height: 3.1rem; font-size: 1.45rem; color: #3a3640; padding-left: 0.7rem; }
.qd-conn li .qd-ic { color: #1c1820; }
.qd-page .qd-conn .qd-cbtn { position: absolute; left: 2.4rem; right: 2.4rem; bottom: 2.1rem; height: 3.8rem; border-radius: 1.9rem; background: #efeae6; color: #120814; font-size: 1.6rem; font-weight: 500; }
.qd-page .qd-conn .qd-cbtn.is-connect { background: #ef5b5d; color: #fff; }
.qd-page .qd-conn .qd-cbtn:hover { filter: brightness(.97); }
.qd-conn-promo { height: 30.8rem; border-radius: 1.2rem; overflow: hidden; }
.qd-conn-promo img { width: 100%; height: 100%; object-fit: cover; }

.qd-apps__side { padding: 4.3rem 6.1rem 0 6.6rem; }
.qd-priv__ic { display: grid; place-items: center; width: 7.8rem; height: 7.8rem; border-radius: 50%; background: #fbe4e1; color: var(--qd-red); }
.qd-apps__side h2 { margin-top: 1.8rem; font-family: var(--qd-serif); font-weight: 600; font-size: 2.8rem; letter-spacing: -.8px; color: #120814; }
.qd-apps__side > p { margin-top: 1.2rem; font-size: 1.65rem; line-height: 2.5rem; color: #57545b; }
.qd-apps__side .qd-link { display: inline-flex; align-items: center; gap: 1.2rem; margin-top: 1.8rem; font-size: 1.65rem; font-weight: 500; color: #e8364a; }
.qd-ract { margin-top: 3.2rem; padding-top: 2.6rem; border-top: 1px solid #e6ded9; }
.qd-ract__h { display: flex; align-items: baseline; justify-content: space-between; }
.qd-ract__h h2 { margin: 0; font-size: 3rem; }
.qd-ract__h a { display: flex; align-items: center; gap: 1rem; font-size: 1.45rem; font-weight: 500; color: #e8364a; }
.qd-ract__empty { margin: 1.6rem 0 0; color: #6d6a70; font-size: 1.45rem; line-height: 1.5; }
.qd-ritem { display: flex; gap: 2.5rem; padding: 1.6rem 0 1.4rem; border-bottom: 1px solid #ebe3df; }
.qd-ritem:last-child { border-bottom: 0; }
.qd-ritem img { width: 5.3rem; height: 5.3rem; flex: none; }
.qd-ritem div { flex: 1; min-width: 0; }
.qd-ritem b { display: flex; justify-content: space-between; white-space: nowrap; font-size: 1.45rem; font-weight: 600; color: #120814; }
.qd-ritem b time { font-weight: 400; font-size: 1.3rem; color: #6d6a70; white-space: nowrap; margin-left: 1rem; }
.qd-ritem span { display: block; margin-top: 0.4rem; font-size: 1.45rem; line-height: 2rem; color: #4d4a52; }

.qd-devapps { margin-top: 4.4rem; padding-top: 2.8rem; border-top: 1px solid #ebe3df; }
.qd-devapps__h { display: flex; align-items: center; justify-content: space-between; }
.qd-devapps h2 { font-family: var(--qd-serif); font-weight: 600; font-size: 3rem; }
.qd-devapps p { font-size: 1.45rem; color: #57545b; margin-top: 0.4rem; }
.qd-page .qd-devapps .qd-btn { height: 4.2rem; padding: 0 2rem; border-radius: 1rem; background: var(--qd-red); font-size: 1.45rem; }
.qd-devgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr)); gap: 1.6rem; margin-top: 1.8rem; }
.qd-devapp { display: flex; gap: 1.4rem; align-items: center; padding: 1.4rem; border: 1px solid #ebe3df; border-radius: 1.2rem; background: #fff; }
.qd-devapp img { width: 4.8rem; height: 4.8rem; border-radius: 1rem; object-fit: cover; }
.qd-devapp b { display: block; font-size: 1.5rem; } .qd-devapp small { display: block; font-size: 1.2rem; color: #6d6a70; word-break: break-all; }

@media (max-width: 1199px) {
  .qd-apps__body { grid-template-columns: minmax(0, 1fr); }
  .qd-apps__main { padding: 1.6rem; border: 0; }
  .qd-apps h1 { font-size: 4.8rem; line-height: 5.2rem; white-space: normal; }
  .qd-apps__lede { width: 100%; }
  .qd-apps__script { display: none; }
  .qd-cgrid { grid-template-columns: repeat(auto-fill, minmax(28rem, 1fr)); }
  .qd-apps__side { padding: 1.6rem; }
}

/* ---- 30-lists.css ---- */
/* 30-lists.css — shared list pages (likes, liked, disliked, matches, visits, gifts, friends, interest, popularity, hot) */

.qd-list__body { display: grid; grid-template-columns: 25.8rem 1fr; min-height: 100vh; }
.qd-list__main { position: relative; padding: 2.6rem 3rem 4rem 3.4rem; min-width: 0; }
.qd-list__head { position: relative; margin-bottom: 2.4rem; }
.qd-list__head .qd-eyebrow { font-size: 1.15rem; letter-spacing: 0.32rem; color: #8e5a67; font-weight: 600; }
.qd-list__head h1 { margin-top: 1.2rem; font-family: var(--qd-serif); font-weight: 600; font-size: 4.6rem; line-height: 4.6rem; letter-spacing: -0.16rem; color: #0b0a0d; }
.qd-list__head h1 i { font-style: normal; color: var(--qd-red); }
.qd-list__lede { margin-top: 1rem; font-size: 1.55rem; color: #5c5657; max-width: 56rem; }
.qd-list__count { position: absolute; right: 0; top: 1.4rem; display: inline-flex; align-items: center; height: 3rem; padding: 0 1.4rem; border-radius: 1.5rem; background: #f4e2dc; color: var(--qd-red); font-size: 1.35rem; font-weight: 600; }

.qd-grid--list { grid-template-columns: repeat(auto-fill, minmax(24.8rem, 1fr)); row-gap: 2rem; }
.qd-pcard--list .qd-pcard__photo { height: 20.8rem; }
.qd-pcard--list .qd-pcard__acts { margin: 0; position: absolute; right: 1rem; top: 16rem; gap: 1rem; }
.qd-pcard--list .qd-pcard__acts .btn { display: grid; place-items: center; width: 4.2rem; height: 4.2rem; border-radius: 50%; background: #fff; color: var(--qd-red); box-shadow: 0 0.4rem 1.4rem -0.4rem rgba(60, 40, 30, .3); border: 0; padding: 0; }
.qd-pcard--list .qd-pcard__acts .btn:hover { transform: scale(1.06); }
.qd-pcard--list .qd-pcard__acts .btn.liked { background: var(--qd-red); color: #fff; }
.qd-pcard--list h3 a { color: inherit; }
.qd-pcard--list h3 a:hover { color: var(--qd-red); }

.qd-list__more { display: flex; justify-content: center; margin-top: 2.6rem; }
.qd-list__more .qd-btn { min-width: 18rem; }

/* Premium gate (who liked you) */
.qd-lockgate { max-width: 56rem; margin: 3rem auto; padding: 4.6rem 4rem; text-align: center; background: #fcfbf9; border: 1px solid #ebe5df; border-radius: 1.4rem; }
.qd-lockgate .qd-ic { color: var(--qd-red); }
.qd-lockgate h3 { margin-top: 1.4rem; font-family: var(--qd-serif); font-size: 2.7rem; line-height: 3.2rem; color: #151213; }
.qd-lockgate p { margin: 1rem auto 2rem; font-size: 1.45rem; color: #5c5657; }

/* Popularity boost cards */
.qd-popgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; grid-column: 1 / -1; }
.qd-popcard { position: relative; padding: 3rem 2.6rem; background: #fcfbf9; border: 1px solid #ebe5df; border-radius: 1.2rem; text-align: center; }
.qd-popcard--visits .qd-popcard__ic { color: #8c2d44; }
.qd-popcard--matches .qd-popcard__ic { color: #3d650d; }
.qd-popcard--likes .qd-popcard__ic { color: #d6a042; }
.qd-popcard__ic .qd-ic { opacity: .55; }
.qd-popcard h3 { margin-top: 1.4rem; font-size: 1.6rem; font-weight: 600; color: #151213; }
.qd-popcard__mult { margin: 1.4rem 0 2rem; font-family: var(--qd-serif); font-size: 4.2rem; line-height: 1; color: #151213; }
.qd-popcard__mult span { display: block; margin-top: 0.6rem; font-family: var(--qd-base, inherit); font-size: 1.4rem; font-weight: 500; color: #6c6465; }
.qd-popcard__buy { margin: 0 auto; }
.boosted_message_expire { font-size: 1.35rem; color: #3a3334; background: #f4e2dc; border-radius: 0.8rem; padding: 1rem 1.2rem; }
.qd-cost { color: var(--qd-red); font-weight: 700; }

/* Hot or Not restyle (inner markup is controller-rendered legacy) */
.qd-hot .dt_home_match_user { background: transparent; padding: 0; margin: 0; }
.qd-hot .qd_hot_not { display: grid; grid-template-columns: 22rem 1fr; gap: 2.6rem; align-items: start; }
.qd-hot .mtc_usr_avtr { display: flex; flex-wrap: wrap; gap: 1rem; align-content: flex-start; }
.qd-hot .usr_thumb { position: relative; width: 6.4rem; height: 6.4rem; border-radius: 1rem; overflow: hidden; cursor: pointer; opacity: .55; border: 0.2rem solid transparent; }
.qd-hot .usr_thumb.isActive { opacity: 1; border-color: var(--qd-red); }
.qd-hot .usr_thumb img { width: 100%; height: 100%; object-fit: cover; }
.qd-hot .usr_thumb p { display: none; }
.qd-hot .mtc_usrd_content { background: #fcfbf9; border: 1px solid #ebe5df; border-radius: 1.2rem; padding: 2.2rem; }
.qd-hot .qd-hotgrid { display: grid; grid-template-columns: minmax(22rem, 30rem) minmax(0, 1fr); gap: 2.6rem; align-items: start; }
.qd-hot .qd-hotgrid__info { min-width: 0; display: flex; flex-direction: column; gap: 1.4rem; }
.qd-hot .qd-hotgrid__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.6rem 1.4rem; margin: 0.4rem 0 0; font-size: 1.4rem; color: #5c5657; }
.qd-hot .qd_hot_not_media { display: grid; grid-template-columns: 1fr; gap: 1rem; align-items: start; }
.qd-hot .qd_hot_not_media a.inline { display: block; width: 100%; height: 32rem; border-radius: 1.4rem; overflow: hidden; background: #efe9e4; }
.qd-hot .qd_hot_not_media a.inline img { width: 100%; height: 100%; object-fit: cover; }
.qd-hot .mtc_usrd_summary .usr_name a { font-family: var(--qd-serif); font-weight: 600; font-size: 2.6rem; letter-spacing: -.5px; color: #151213; }
.qd-hot .mtc_usrd_about { margin: 0; }
.qd-hot .mtc_usrd_about b { display: block; font-size: 1.3rem; color: #8e5a67; margin-bottom: 0.5rem; }
.qd-hot .mtc_usrd_about p { margin: 0; font-size: 1.45rem; line-height: 1.6; color: #3a3334; }
.qd-hot .mtc_usrd_about_int { margin: 0; font-size: 1.35rem; color: #8a8284; }
.qd-hot .mtc_usrd_actions { display: flex; align-items: center; gap: 1.2rem; margin-top: 0.6rem; }
.qd-hot .qd-hotgrid__sep { width: 1px; height: 2.8rem; background: #e7e0da; margin: 0 0.4rem; }
.qd-hot .mtc_usrd_slider .row { margin: 0; }
.qd-hot .usr_age, .qd-hot .usr_location { font-size: 1.35rem; color: #5c5657; }
.qd-hot .mtc_usrd_actions .btn { border-radius: 50%; width: 4.6rem; height: 4.6rem; padding: 0; display: grid; place-items: center; background: #fff; color: var(--qd-red); box-shadow: 0 0.4rem 1.4rem -0.4rem rgba(60, 40, 30, .3); }
.qd-hot .mtc_usrd_actions .btn.like { background: var(--qd-red); color: #fff; }
.qd-hot .mtc_usrd_content .mtc_usrd_sidebar .mtc_usrd_actions .btn.like svg, .qd-hot .mtc_usrd_actions .btn.like svg { color: #fff; stroke: currentColor; }
.qd-announce .alert { background: #fff; border: 1px solid #ebe5df; border-radius: 1rem; }
.qd-announce .close { cursor: pointer; float: right; color: #6c6465; display: grid; place-items: center; width: 2.8rem; height: 2.8rem; }

@media (max-width: 1199px) {
  .qd-list__body { grid-template-columns: minmax(0, 1fr); }
  .qd-rail { display: none; }
  .qd-list__main { padding: 2rem 1.6rem 3.2rem; }
  .qd-list__head h1 { font-size: 3.4rem; line-height: 3.6rem; }
  .qd-list__count { position: static; margin: 1rem 0; }
  .qd-popgrid { grid-template-columns: 1fr; }
  .qd-hot .qd_hot_not { grid-template-columns: 1fr; }
  .qd-hot .qd-hotgrid { grid-template-columns: 1fr; }
  .qd-hot .qd_hot_not_media a.inline { height: 26rem; }
  .qd-hot .mtc_usr_avtr { order: 2; }
  .qd-hot .dt_home_match_user > .mtc_usr_avtr { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 0.6rem; -webkit-overflow-scrolling: touch; }
  .qd-hot .mtc_usr_avtr .usr_thumb { flex: 0 0 auto; }
}

/* Hot or Not card: photo left, details right, and the vote actions anchored in
   a bottom bar of the details pane (not floating on the photo/info seam). */
/* One card: the grid carries the surface; the legacy wrapper stays transparent so it can't draw a stray band. */
.qd-hot .mtc_usrd_content { background: transparent; border: 0; padding: 0; height: auto; min-height: 0; }
.qd-hot .qd-hotgrid { background: #fff; border: 1px solid #efe9e4; border-radius: 1.8rem; padding: 1.8rem; box-shadow: 0 2.4rem 4.8rem -3.6rem rgba(60, 30, 30, .35); }
.qd-hot .mtc_usrd_summary h5::before, .qd-hot .mtc_usrd_summary h5::after { content: none !important; display: none !important; }
.qd-hot .mtc_usrd_content::before, .qd-hot .mtc_usrd_content::after, .qd-hot .mtc_usrd_slider::before, .qd-hot .mtc_usrd_slider::after { content: none !important; display: none !important; }
.qd-hot .qd-hotgrid { grid-template-columns: minmax(0, 1.25fr) minmax(26rem, 1fr); gap: 2.8rem; }
.qd-hot .qd-hotgrid__info { padding: 0.8rem 0.6rem 0.4rem; min-height: 100%; }
.qd-hot .mtc_usrd_actions { order: 9; margin-top: auto; padding-top: 2.2rem; border-top: 1px solid #f0e9e4; justify-content: center; gap: 1.4rem; }
.qd-hot .mtc_usrd_actions .btn { width: 5.6rem; height: 5.6rem; }
.qd-hot .mtc_usrd_actions .btn.like.hot { width: 6.4rem; height: 6.4rem; }
.qd-hot .mtc_usrd_actions .btn.dislike.hot:last-child { width: 4.8rem; height: 4.8rem; }
.qd-hot .qd-hotgrid__sep { display: none; }
.qd-hot .qd_hot_not_media a.inline { height: 42rem; }
.qd-hot .mtc_usrd_about_int { display: none; }
@media (max-width: 899px) {
  .qd-hot .qd-hotgrid { grid-template-columns: 1fr; gap: 1.8rem; }
  .qd-hot .qd_hot_not_media a.inline { height: 34rem; }
  .qd-hot .mtc_usrd_actions { position: sticky; bottom: 1.2rem; background: #fff; }
}
/* Legacy carousel/progress decorations (unclassed divs) painted a stray red pill beside the name. */
.qd-hot .mtc_usrd_content div::before, .qd-hot .mtc_usrd_content div::after { content: none !important; display: none !important; }

/* The legacy .row floats its .col children, so the card collapsed to 0px high at pane widths below 119.9rem. Lay the row out as flex instead. */
.qd-hot .mtc_usrd_content > .row { display: flex; flex-wrap: wrap; margin: 0; }
.qd-hot .mtc_usrd_content > .row > .col { float: none; }
/* Section header: eyebrow and the "Fresh picks" pill share one line. */
.qd-list__head-top { display: flex; align-items: center; flex-wrap: wrap; gap: 1.2rem; }
.qd-hot-pulse { display: inline-flex; align-items: center; gap: 0.8rem; padding: 0.4rem 1.2rem; border-radius: 99.9rem; background: #fbe6e3; color: #b3262e; font-size: 1.3rem; font-weight: 500; }
.qd-hot-pulse > span { width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #e2403e; box-shadow: 0 0 0 0.4rem rgba(226, 64, 62, .18); }

/* ---- 31-static.css ---- */
/* Static / editorial pages — about, terms, privacy, refund, faqs, contact,
   developers, custom page (page.php), blog article (article.php) and the
   register form. Authored in design px of the 1586 frame. All selectors are
   prefixed with .qd-page / .qd-static so they outrank the shared 40-skin.css
   layer that loads after this file. */

/* ---------------------------------------------------------------- layout */
.qd-page .qd-static, .qd-page.qd-static { padding: 4.6rem 7.2rem 7.2rem; }
@media (max-width: 900px) { .qd-page .qd-static, .qd-page.qd-static { padding: 2.4rem 1.6rem 4.8rem; } }
.qd-page .qd-static__wrap { max-width: 144rem; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 30rem; gap: 7.2rem; align-items: start; }
.qd-page .qd-static__main { min-width: 0; }
.qd-page .qd-static__head { max-width: 80rem; }
.qd-page .qd-static .qd-eyebrow { display: flex; align-items: center; gap: 1.8rem; font-size: 1.15rem; letter-spacing: 0.3rem; color: #7d6870; }
.qd-page .qd-static .qd-eyebrow::after { content: ''; width: 4.6rem; height: 1px; background: #cdbfc3; }
.qd-page .qd-static h1 { margin-top: 1.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 5.8rem; line-height: 5.6rem; letter-spacing: -0.22rem; color: #151213; }
.qd-page .qd-static h1 i { font-style: normal; color: var(--qd-red); }
.qd-page .qd-static__lede { margin-top: 1.8rem; font-size: 1.7rem; line-height: 2.6rem; letter-spacing: .2px; color: #6f6763; max-width: 56rem; }

/* body card */
.qd-page .qd-static__body { margin-top: 3.8rem; padding: 4.2rem 4.6rem; background: #fff; border: 1px solid #ece4df; border-radius: 1.8rem; box-shadow: 0 1.8rem 4rem -3.4rem rgba(70, 35, 30, .35); }

/* prose shared by static bodies and the article body */
.qd-page .qd-static__body, .qd-page .qd-article__body { font-size: 1.6rem; line-height: 1.75; color: #3a3336; word-wrap: break-word; }
.qd-page .qd-static__body p, .qd-page .qd-article__body p { margin: 0; font-size: 1.6rem; line-height: 1.75; color: #3a3336; }
.qd-page .qd-static__body p + p, .qd-page .qd-article__body p + p { margin-top: 1.4rem; }
.qd-page .qd-static__body a, .qd-page .qd-article__body a { color: var(--qd-red); text-decoration: underline; text-underline-offset: 0.3rem; }
.qd-page .qd-static__body a:hover, .qd-page .qd-article__body a:hover { color: #c22f2c; }
.qd-page .qd-static__body strong, .qd-page .qd-article__body strong { font-weight: 600; color: #151213; }
.qd-page .qd-static__body h2, .qd-page .qd-article__body h2 { margin: 3rem 0 1.2rem; font-family: var(--qd-serif); font-weight: 600; font-size: 3rem; line-height: 3.2rem; letter-spacing: -.8px; color: #151213; }
.qd-page .qd-static__body h3, .qd-page .qd-article__body h3 { margin: 2.6rem 0 1rem; font-family: var(--qd-serif); font-weight: 600; font-size: 2.4rem; line-height: 2.6rem; letter-spacing: -.5px; color: #151213; }
.qd-page .qd-static__body h4, .qd-page .qd-article__body h4 { margin: 2.2rem 0 0.8rem; font-weight: 600; font-size: 1.8rem; color: #151213; }
.qd-page .qd-static__body h5, .qd-page .qd-article__body h5 { margin: 2rem 0 0.8rem; font-weight: 600; font-size: 1.6rem; color: #151213; }
.qd-page .qd-static__body ul, .qd-page .qd-article__body ul { margin: 1.4rem 0; padding-left: 2.4rem; list-style: disc; }
.qd-page .qd-static__body ol, .qd-page .qd-article__body ol { margin: 1.4rem 0; padding-left: 2.4rem; list-style: decimal; }
.qd-page .qd-static__body li, .qd-page .qd-article__body li { list-style: inherit; margin: 0.6rem 0; }
.qd-page .qd-static__body img, .qd-page .qd-article__body img { max-width: 100%; height: auto; border-radius: 1.2rem; margin: 1rem 0; }
.qd-page .qd-static__body blockquote, .qd-page .qd-article__body blockquote { margin: 2rem 0; padding: 0.4rem 0 0.4rem 2.2rem; border-left: 0.3rem solid var(--qd-red); font-family: var(--qd-serif); font-style: italic; font-size: 2rem; line-height: 1.5; color: #2c2523; }
.qd-page .qd-static__body code, .qd-page .qd-article__body code { padding: 0.2rem 0.7rem; border-radius: 0.6rem; background: #f6efeb; color: #8c3b45; font-size: 1.4rem; }
.qd-page .qd-static__body pre, .qd-page .qd-article__body pre { margin: 2rem 0; padding: 2rem 2.4rem; border-radius: 1.2rem; background: #241d1c; color: #f4ece7; overflow: auto; font-size: 1.35rem; line-height: 1.65; }
.qd-page .qd-static__body pre code, .qd-page .qd-article__body pre code { padding: 0; background: none; color: inherit; font-size: inherit; }
.qd-page .qd-static__body hr, .qd-page .qd-article__body hr { margin: 2.8rem 0; border: 0; border-top: 1px solid #efe7e3; }
.qd-page .qd-static__body table, .qd-page .qd-article__body table { margin: 2rem 0; }
.qd-page .qd-static__body td.right-align svg, .qd-page .qd-article__body td.right-align svg { vertical-align: middle; }
.qd-page .qd-static__body iframe, .qd-page .qd-article__body iframe { max-width: 100%; border-radius: 1.2rem; }

/* side menu */
.qd-page .qd-static__aside { position: sticky; top: 3rem; }
.qd-page .qd-static__menu { display: flex; flex-direction: column; gap: 0.4rem; padding: 2.2rem 1.8rem; background: #fff; border: 1px solid #ece4df; border-radius: 1.8rem; box-shadow: 0 1.8rem 4rem -3.4rem rgba(70, 35, 30, .35); }
.qd-page .qd-static__link { position: relative; display: flex; align-items: center; height: 4.2rem; padding: 0 1.4rem; border-radius: 1rem; font-size: 1.45rem; color: #2a2425; transition: background-color .15s var(--qd-ease-out), color .15s var(--qd-ease-out); }
.qd-page .qd-static__link::before { content: ''; flex: none; width: 0.6rem; height: 0.6rem; margin-right: 1.2rem; border-radius: 50%; background: #e3d6d1; transition: background-color .15s var(--qd-ease-out); }
.qd-page .qd-static__link:hover { background: #f8efec; color: var(--qd-red); }
.qd-page .qd-static__link:hover::before { background: #eaa9a2; }
.qd-page .qd-static__link.is-on { background: var(--qd-red-soft); color: var(--qd-red); font-weight: 600; }
.qd-page .qd-static__link.is-on::before { background: var(--qd-red); }

/* --------------------------------------------------------------- contact */
.qd-page.qd-static--contact .qd-static__body { padding: 3.8rem 4.2rem; }
.qd-page .qd-contact .qd-alerts { margin: -0.8rem 0 0.4rem; }
.qd-page .qd-contact .qd-alerts .alert { margin-top: 1.2rem; padding: 1rem 1.4rem; border-radius: 1rem; font-size: 1.4rem; }
.qd-page .qd-contact .qd-alerts .alert-danger { background: #fdecec; color: #b3261e; }
.qd-page .qd-contact .qd-alerts .alert-success { background: #eaf6ee; color: #1f7a45; }
.qd-page .qd-contact__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
.qd-page .qd-contact .qd-field { margin-top: 1.4rem; }
.qd-page .qd-contact__grid .qd-field { margin-top: 0; }
.qd-page .qd-contact__msg { display: block; margin-top: 1.4rem; }
.qd-page .qd-contact__msg textarea { min-height: 16rem; resize: vertical; background: #fff; border: 1px solid #d8cacd; border-radius: 1rem; padding: 1.4rem 1.8rem; font: inherit; font-size: 1.6rem; color: #231d22; }
.qd-page .qd-contact__msg textarea::placeholder { color: #6f5f65; }
.qd-page .qd-contact__msg textarea:focus { outline: none; border-color: var(--qd-red); box-shadow: 0 0 0 0.3rem rgba(229, 72, 75, .12); }
.qd-page .qd-contact__send { width: 100%; height: 5.6rem; margin-top: 2.2rem; font-size: 1.8rem; font-weight: 600; }

/* ------------------------------------------------------------------ faqs */
.qd-page.qd-static--faqs .accordion { margin: 0 0 1.2rem; }
.qd-page.qd-static--faqs .accordion-item { background: #fbf7f4; border: 1px solid #eee2dc; border-radius: 1.4rem; cursor: pointer; transition: background-color .2s var(--qd-ease-out), border-color .2s var(--qd-ease-out); }
.qd-page.qd-static--faqs .accordion-item:hover { border-color: #e6c8c3; }
.qd-page.qd-static--faqs .accordion-item.is-active { background: #fff; border-color: #eec9c4; }
.qd-page.qd-static--faqs .accordion-item__head:focus-visible { outline: 0.2rem solid var(--qd-red); outline-offset: -0.2rem; border-radius: 1.4rem; }
.qd-page.qd-static--faqs .accordion-item__head { display: flex; align-items: center; justify-content: space-between; gap: 1.8rem; padding: 1.8rem 2rem; }
.qd-page.qd-static--faqs .accordion-item__head h4 { margin: 0; font-family: var(--qd-sans); font-weight: 600; font-size: 1.55rem; line-height: 1.45; color: #151213; }
.qd-page.qd-static--faqs .accordion-item__plus { display: grid; place-items: center; flex: none; width: 3.4rem; height: 3.4rem; border-radius: 50%; background: #fff; border: 1px solid #e8d9d4; color: var(--qd-red); transition: transform .25s var(--qd-ease-out), background-color .2s var(--qd-ease-out), color .2s var(--qd-ease-out); }
.qd-page.qd-static--faqs .accordion-item.is-active .accordion-item__plus { transform: rotate(45deg); background: var(--qd-red); border-color: var(--qd-red); color: #fff; }
.qd-page.qd-static--faqs .accordion-panel { display: none; padding: 0 2rem 1.8rem; }
.qd-page.qd-static--faqs .accordion-panel p { margin: 0; font-size: 1.5rem; line-height: 1.7; color: #5c5350; }

/* ------------------------------------------------------------ developers */
.qd-page .qd-dev-actions { display: flex; flex-wrap: wrap; gap: 1.2rem; margin: 0 0 2.4rem; }
.qd-page .qd-dev-actions .qd-btn { height: 4.6rem; padding: 0 2rem; font-size: 1.45rem; font-weight: 600; }
.qd-page .qd-dev-steps h5 { margin: 2.6rem 0 1rem; font-family: var(--qd-serif); font-weight: 600; font-size: 2.4rem; letter-spacing: -.5px; color: #151213; }
.qd-page .qd-dev-steps ol { margin: 1.2rem 0 0; padding-left: 2.4rem; list-style: decimal; }
.qd-page .qd-dev-steps li { margin: 0 0 1.8rem; font-size: 1.6rem; line-height: 1.7; color: #3a3336; }
.qd-page .qd-dev-steps li a { color: var(--qd-red); text-decoration: underline; text-underline-offset: 0.3rem; }
.qd-page .qd-dev-steps img { max-width: 100%; height: auto; margin: 1.2rem 0; padding: 0.8rem; border: 1px solid #e8ddd7; border-radius: 1rem; background: #fdfaf7; }

/* --------------------------------------------------------------- article */
.qd-page .qd-article { padding: 4.6rem 7.2rem 7.2rem; }
.qd-page .qd-article__wrap { max-width: 84rem; margin: 0 auto; }
.qd-page .qd-article .qd-cat a { font-size: 1.1rem; letter-spacing: 0.24rem; font-weight: 600; text-transform: uppercase; color: var(--qd-red); text-decoration: none; }
.qd-page .qd-article .qd-cat a:hover { color: #c22f2c; }
.qd-page .qd-article h1 { margin-top: 1.4rem; font-family: var(--qd-serif); font-weight: 600; font-size: 5rem; line-height: 5rem; letter-spacing: -0.2rem; color: #151213; }
.qd-page .qd-article__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 2.4rem; margin-top: 2rem; font-size: 1.35rem; color: #6f6763; }
.qd-page .qd-article__meta time, .qd-page .qd-article__meta .views { display: inline-flex; align-items: center; gap: 0.8rem; }
.qd-page .qd-article__meta .qd-ic { color: var(--qd-red); }
.qd-page .qd-article__thumb { margin-top: 3rem; border: 1px solid #ece4df; border-radius: 1.6rem; overflow: hidden; background: #f1e9e5; }
.qd-page .qd-article__thumb img { display: block; width: 100%; height: auto; margin: 0; border-radius: 0; }
.qd-page .qd-article__lede { margin: 3rem 0 0; padding: 0.4rem 0 0.4rem 2.4rem; border-left: 0.3rem solid var(--qd-red); font-family: var(--qd-serif); font-style: italic; font-size: 2.3rem; line-height: 1.5; color: #2c2523; }
.qd-page .qd-article__body { margin-top: 2.6rem; font-size: 1.7rem; }
.qd-page .qd-article__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.8rem; margin-top: 4.2rem; padding-top: 2.4rem; border-top: 1px solid #ece4df; }
.qd-page .qd-article__tags { display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 0; padding: 0; list-style: none; }
.qd-page .qd-article__tags a { display: inline-block; padding: 0.6rem 1.5rem; border: 1px solid #e8ddd7; border-radius: 99.9rem; background: #fff; font-size: 1.3rem; color: #5c5350; text-decoration: none !important; transition: border-color .15s var(--qd-ease-out), color .15s var(--qd-ease-out); }
.qd-page .qd-article__tags a:hover { border-color: var(--qd-red); color: var(--qd-red); }
.qd-page .qd-article__share { display: flex; gap: 0.8rem; margin: 0; padding: 0; list-style: none; }
.qd-page .qd-article__share a { display: grid; place-items: center; width: 3.8rem; height: 3.8rem; border: 1px solid #e8ddd7; border-radius: 50%; background: #fff; color: #5c5350; transition: border-color .15s var(--qd-ease-out), color .15s var(--qd-ease-out); }
.qd-page .qd-article__share a:hover { border-color: var(--qd-red); color: var(--qd-red); }
.qd-page .qd-article__share svg { width: 1.5rem; height: 1.5rem; }

/* -------------------------------------------------------------- register */
/* Register reuses the shared login/auth classes (qd-field, qd-check,
   qd-login__submit, qd-alerts) from 11-login.css; only page-specific rules
   live here. The .qd-auth__form input rules in 11-login.css target the legacy
   markup, so re-assert the clean qd-field look for the rebuilt form. */
.qd-page .qd-auth__form .qd-reg__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; }
.qd-page .qd-auth__form .qd-reg .qd-field { margin-top: 1.6rem; height: 6.4rem; }
.qd-page .qd-auth__form .qd-reg__row + .qd-field { margin-top: 1.6rem; }
.qd-page .qd-auth__form .qd-reg .qd-field input:not([type=checkbox]):not([type=hidden]) { height: 6.2rem !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 1.6rem !important; }
.qd-page .qd-auth__form .qd-reg .qd-field input:focus { box-shadow: none !important; }
.qd-page .qd-auth__form .qd-reg .qd-field input::placeholder { color: #6f5f65; }
.qd-page .qd-auth__form .qd-reg .qd-field .qd-ic { color: #3d3036; margin-right: 1.4rem; }
.qd-page .qd-auth__form .qd-reg .qd-field__eye { color: #3d3036; display: grid; place-items: center; }
.qd-page .qd-auth__form .qd-reg__terms { display: flex; align-items: flex-start; gap: 1rem; margin-top: 2.4rem; cursor: pointer; }
.qd-page .qd-auth__form .qd-reg__terms input { flex: none; width: 2rem; height: 2rem; margin: 1px 0 0; accent-color: var(--qd-red); cursor: pointer; }
.qd-page .qd-auth__form .qd-reg__terms span { font-size: 1.4rem; line-height: 2.2rem; color: #5c5350 !important; }
.qd-page .qd-auth__form .qd-reg__terms a { color: var(--qd-red) !important; text-decoration: underline; text-underline-offset: 0.3rem; }
.qd-page .qd-auth__form .qd-reg__captcha { margin-top: 2.2rem; }
.qd-page .qd-auth__form .qd-reg__captcha:empty { display: none; }
.qd-page .qd-auth__form .qd-reg__submit { position: relative; width: 100%; height: 6.2rem !important; margin-top: 2.6rem; border-radius: 1.2rem !important; font-size: 2rem !important; }
.qd-page .qd-auth__form .qd-reg__submit .qd-ic { position: absolute; right: 2.8rem; }
.qd-page .qd-auth__form .qd-reg__submit[disabled] { opacity: .5; box-shadow: none; cursor: not-allowed; }
.qd-page .qd-auth__form .qd-reg .qd-alerts .alert { margin-top: 1.2rem; padding: 1rem 1.4rem; border-radius: 1rem; font-size: 1.4rem; }
.qd-page .qd-auth__form .qd-reg .qd-alerts .alert-danger { background: #fdecec; color: #b3261e; }
.qd-page .qd-auth__form .qd-reg .qd-alerts .alert-success { background: #eaf6ee; color: #1f7a45; }

/* ------------------------------------------------------------ responsive */
@media (max-width: 1199px) {
  .qd-page .qd-static { padding: 2rem 1.4rem 4.4rem; }
  .qd-page .qd-static__wrap { grid-template-columns: minmax(0, 1fr); gap: 3rem; }
  .qd-page .qd-static__aside { position: static; order: -1; }
  .qd-page .qd-static__menu { flex-direction: row; align-items: center; gap: 0.6rem; padding: 1rem; overflow-x: auto; }
  .qd-page .qd-static__link { flex: none; height: 3.8rem; background: #f8f2ef; }
  .qd-page .qd-static__link::before { display: none; }
  .qd-page .qd-static__link.is-on { background: var(--qd-red-soft); }
  .qd-page .qd-static h1 { font-size: 4rem; line-height: 4rem; letter-spacing: -0.14rem; }
  .qd-page .qd-static__body { margin-top: 2.6rem; padding: 2.6rem 2rem; }
  .qd-page.qd-static--contact .qd-static__body { padding: 2.6rem 2rem; }
  .qd-page .qd-contact__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .qd-page .qd-article { padding: 2rem 1.4rem 4.4rem; }
  .qd-page .qd-article h1 { font-size: 3.6rem; line-height: 3.8rem; letter-spacing: -0.12rem; }
  .qd-page .qd-article__lede { font-size: 1.9rem; }
  .qd-page .qd-auth__form .qd-reg__row { grid-template-columns: minmax(0, 1fr); gap: 0; }
}
.qd-tx__empty-actions { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.qd-sessions__summary { margin: 0 0 1.2rem; color: #6d6a70; font-size: 1.3rem; }
.qd-sessions__pages { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; margin: 1.8rem 0 0.4rem; font-size: 1.3rem; }
.qd-sessions__pages a { color: #e8364a; font-weight: 600; }

/* Editorial team on the About page (author bios back the article byline). */
.qd-editorial { margin-top: 4rem; padding-top: 2.4rem; border-top: 1px solid var(--qd-line); }
.qd-editorial h2 { font-family: var(--qd-serif); font-weight: 600; font-size: 2.6rem; letter-spacing: -.5px; margin-bottom: 0.8rem; }
.qd-editorial p { color: var(--qd-muted); margin-bottom: 1.4rem; }
.qd-editorial ul { display: flex; flex-wrap: wrap; gap: 1rem; }
.qd-editorial li { padding: 0.8rem 1.4rem; border: 1px solid var(--qd-line); border-radius: 99.9rem; background: var(--qd-paper); }
.qd-editorial ul { list-style: none; padding: 0; margin: 0; }
.qd-editorial li::marker { content: none; }

/* ---- 32-misc.css ---- */
/* 32-misc.css — rebuilt member pages: story detail, create-story, create-app,
   transactions, pro-success, video watch, go-live (bare page) */

/* ============ Story detail (story.php) ============ */
.qd-story__back { display: inline-flex; align-items: center; gap: 1rem; margin-bottom: 2.2rem; font-size: 1.45rem; font-weight: 500; color: var(--qd-muted); }
.qd-story__back:hover { color: var(--qd-red); }
.qd-story__card { max-width: 78rem; padding: 4.6rem 5.2rem 5.2rem; background: #fcfbf9; border: 1px solid #ece6e0; border-radius: 1.6rem; }
.qd-story__couple { display: flex; align-items: center; gap: 2.4rem; padding-bottom: 2.8rem; border-bottom: 1px solid #eee7e1; }
.qd-story__avatars { position: relative; display: flex; flex: none; }
.qd-story__av { display: block; width: 7.6rem; height: 7.6rem; border-radius: 50%; border: 0.3rem solid #fff; box-shadow: 0 0.4rem 1.4rem -0.6rem rgba(60, 30, 30, .35); overflow: hidden; background: #f3ece8; }
.qd-story__av img { width: 100%; height: 100% !important; object-fit: cover; }
.qd-story__av--b { margin-left: -2.2rem; }
.qd-story__heart { position: absolute; right: -0.4rem; bottom: -0.2rem; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--qd-red); color: #fff; border: 0.25rem solid #fcfbf9; }
.qd-story__heart .qd-ic { display: block; }
.qd-story__names { font-family: var(--qd-serif); font-weight: 600; font-size: 3rem; line-height: 3.8rem; letter-spacing: -.8px; color: #14100f; }
.qd-story__names em { font-style: italic; color: var(--qd-red); padding: 0 0.4rem; }
.qd-story__quote { margin: 3.4rem 0 0; padding: 0 0 0 2.6rem; border-left: 0.3rem solid var(--qd-red); }
.qd-story__quote h2 { font-family: var(--qd-serif); font-weight: 500; font-style: italic; font-size: 3.3rem; line-height: 4.2rem; letter-spacing: -.8px; color: #14100f; }
.qd-story__quote time { display: block; margin-top: 1.4rem; font-size: 1.15rem; letter-spacing: 0.26rem; text-transform: uppercase; color: var(--qd-muted); }
.qd-story__body { margin-top: 3rem; font-size: 1.65rem; line-height: 2.8rem; color: #3b3533; }
.qd-story__body p { margin: 0 0 1.6rem; }
.qd-story__body img { max-width: 100%; border-radius: 1.2rem; margin: 0.8rem 0; }
.qd-story__body h1, .qd-story__body h2, .qd-story__body h3 { font-family: var(--qd-serif); color: #14100f; margin: 2.2rem 0 1rem; }
.qd-story__body blockquote { margin: 1.8rem 0; padding: 0.4rem 0 0.4rem 2.2rem; border-left: 0.3rem solid #f0d9d6; font-style: italic; }
.qd-story__body ul, .qd-story__body ol { margin: 0 0 1.6rem; padding-left: 2.2rem; list-style: disc; }
.qd-story__body ol { list-style: decimal; }
.qd-story__body li { list-style: inherit; margin-bottom: 0.6rem; }
.qd-story__body a { color: var(--qd-red); text-decoration: underline; text-underline-offset: 0.3rem; }
@media (max-width: 1199px) {
  .qd-story__card { padding: 2.6rem 2rem 3rem; }
  .qd-story__couple { flex-direction: column; align-items: flex-start; gap: 1.6rem; }
  .qd-story__names { font-size: 2.4rem; line-height: 3rem; }
  .qd-story__quote h2 { font-size: 2.5rem; line-height: 3.3rem; }
  .qd-story__body { font-size: 1.55rem; line-height: 2.6rem; }
}

/* Keep export checkboxes visually custom while preserving a real, focusable control. */
.info_select_radio_btn > label > input { position: absolute; opacity: 0; width: 1px; height: 1px; display: block; margin: 0; }
.info_select_radio_btn > label > input:focus-visible ~ .sr_btn_lab_innr { outline: 0.3rem solid var(--qd-focus, #2667ff); outline-offset: -0.3rem; }
/* Legacy -3rem side gutters bleed dividers past the rebuilt frame's cards. */
.qd-page .info_select_radio_btn { margin-left: 0; margin-right: 0; }

/* ============ Forms: create story / create app ============ */
.qd-fcard { max-width: 76rem; padding: 3.6rem 4rem 3.4rem; background: #fcfbf9; border: 1px solid #ece6e0; border-radius: 1.6rem; }
.qd-frow { display: grid; grid-template-columns: 1fr 1fr; gap: 1.8rem 2.4rem; }
.qd-field { margin-top: 2.2rem; position: relative; }
.qd-field:first-child { margin-top: 0; }
/* .qd-field is also the login/auth input box (fixed 6.6rem, flex, bordered): inside .qd-fcard forms it must be a plain stacked field or tall controls (TinyMCE) overflow it. */
.qd-page .qd-fcard .qd-field { display: block; height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; align-items: normal; box-shadow: none; }
.qd-page .qd-fcard .qd-field:focus-within { border: 0; box-shadow: none; }
.qd-page .qd-fcard .qd-frow .qd-field { margin-top: 0; }
.qd-page .qd-fcard .qd-field > label { position: static; display: block; margin: 0 0 0.8rem; padding: 0; font-size: 1.35rem; font-weight: 500; color: #55504e; transform: none; transition: none; line-height: 1.4; }
.qd-page .qd-fcard .qd-field > label.active { transform: none; }
.qd-page .qd-fcard input:not([type=hidden]), .qd-page .qd-fcard textarea {
  display: block; width: 100%; height: 4.6rem; margin: 0; padding: 0 1.6rem !important; border: 1px solid #e3dcd8 !important; border-radius: 1rem; background: #fff !important; font-size: 1.5rem; color: #1d1918; box-shadow: none !important; outline: none;
}
.qd-page .qd-fcard textarea { height: auto; min-height: 13rem; padding: 1.2rem 1.6rem !important; resize: vertical; line-height: 1.55; }
.qd-page .qd-fcard input:focus, .qd-page .qd-fcard textarea:focus { border-color: #eba7a2 !important; }
.qd-page .qd-fcard .alert { margin: 0 0 2rem; padding: 1.1rem 1.5rem; border-radius: 1rem; font-size: 1.4rem; }
.qd-page .qd-fcard .alert-success { background: #eaf6ee; color: #1f7a45; }
.qd-page .qd-fcard .alert-danger { background: #fdecec; color: #b3261e; }
/* TinyMCE icons are a font (tinymce / tinymce-small); the global Inter rule turned them into empty boxes. */
.qd-page .mce-ico, .qd-page .mce-ico.mce-i-none { font-family: 'tinymce', Arial !important; }
.qd-page .mce-btn-small .mce-ico { font-family: 'tinymce-small', Arial !important; }
.qd-ffoot { margin-top: 2.8rem; padding-top: 2.4rem; border-top: 1px solid #eee7e1; }
.qd-page .qd-fcard .qd-btn { min-width: 17rem; height: 4.8rem; padding: 0 2.8rem; font-size: 1.55rem; }
/* materialize autocomplete dropdown (story users picker) */
.qd-page .input-field { margin: 0; }
.qd-page .qd-fcard .autocomplete-content.dropdown-content { position: absolute; top: 100%; left: 0; right: 0; z-index: 60; margin: 0.6rem 0 0; padding: 0.6rem 0; background: #fff; border: 1px solid #ece5e0; border-radius: 1rem; box-shadow: 0 1.8rem 4rem -1.8rem rgba(60, 30, 30, .35); max-height: 24rem; overflow: auto; }
.qd-page .qd-fcard .autocomplete-content li { min-height: 0; padding: 0.8rem 1.6rem; font-size: 1.45rem; color: #1d1918; display: flex; align-items: center; gap: 1rem; }
.qd-page .qd-fcard .autocomplete-content li:hover, .qd-page .qd-fcard .autocomplete-content li.selected { background: #fbe6e3; }
.qd-page .qd-fcard .autocomplete-content img { width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; }
/* app thumbnail picker */
.qd-fcard .dt_selct_avatar { display: flex; align-items: center; justify-content: center; gap: 1.2rem; min-height: 12rem; padding: 1.8rem; border: 0.15rem dashed #e3cbcd; border-radius: 1.2rem; background: #fdfbfa; color: var(--qd-red); font-size: 1.45rem; font-weight: 500; cursor: pointer; text-align: center; overflow: hidden; }
.qd-fcard .dt_selct_avatar:hover { border-color: var(--qd-red); background: #fff5f4; }
.qd-fcard .dt_selct_avatar img { max-width: 100%; max-height: 22rem; border-radius: 1rem; }
.qd-fcard .dt_selct_avatar .svg-empty { display: inline-flex; align-items: center; gap: 1.2rem; }
@media (max-width: 1199px) {
  .qd-fcard { padding: 2.4rem 1.8rem; }
  .qd-frow { grid-template-columns: 1fr; }
}

/* materialize datepicker restyle (start_date) */
.datepicker-modal .modal-content { border-radius: 1.6rem; font-family: var(--qd-sans); }
.datepicker-modal .date-picker-date { color: var(--qd-red) !important; }
.datepicker-modal .datepicker-table td.is-selected { background: var(--qd-red); border-radius: 50%; }
.datepicker-modal .datepicker-done, .datepicker-modal .datepicker-cancel { color: var(--qd-red); }

/* tinymce blends with the qd card */
.qd-fcard .mce-tinymce { border-color: #e3dcd8 !important; border-radius: 1rem; overflow: hidden; box-shadow: none !important; }
.qd-fcard .mce-tinymce .mce-panel { background: #fbf8f6 !important; }

/* ============ Transactions ============ */
.qd-tx__card { padding: 0.8rem 2.6rem 1.4rem; background: #fcfbf9; border: 1px solid #ece6e0; border-radius: 1.6rem; overflow-x: auto; }
.qd-page .qd-tx__table { width: 100%; border-collapse: collapse; }
.qd-tx__table th { padding: 1.8rem 1.4rem 1.2rem; font-size: 1.1rem; font-weight: 600; letter-spacing: 0.22rem; text-transform: uppercase; color: var(--qd-muted); text-align: left; border-bottom: 1px solid #eee7e1; white-space: nowrap; }
.qd-tx__table td { padding: 1.6rem 1.4rem; border-bottom: 1px solid #f1ebe6; font-size: 1.5rem; color: #2b2625; vertical-align: middle; }
.qd-tx__table tr:last-child td { border-bottom: 0; }
.qd-tx__amount { font-weight: 600; color: #14100f; white-space: nowrap; }
.qd-tx__table td.upper { letter-spacing: .3px; }
.qd-tx__table td[data-th]:last-child { color: var(--qd-muted); }
.qd-tx__empty { max-width: 56rem; margin: 3.4rem auto 0; padding: 5.2rem 4rem; text-align: center; background: #fcfbf9; border: 1px solid #ebe5df; border-radius: 1.6rem; }
.qd-tx__empty-ic { display: grid; place-items: center; width: 7.2rem; height: 7.2rem; margin: 0 auto; border-radius: 50%; background: var(--qd-red-soft); color: var(--qd-red); }
.qd-tx__empty h3 { margin-top: 1.8rem; font-family: var(--qd-serif); font-weight: 600; font-size: 2.6rem; color: #14100f; }
.qd-tx__empty p { margin: 1rem auto 2.2rem; font-size: 1.45rem; color: var(--qd-muted); max-width: 38rem; }
@media (max-width: 860px) {
  .qd-tx__card { padding: 0.8rem 1.4rem 1.4rem; }
  .qd-tx__table, .qd-tx__table tbody, .qd-tx__table tr, .qd-tx__table td { display: block; width: 100%; }
  .qd-tx__table thead { display: none; }
  .qd-tx__table tr { padding: 1rem 0 1.2rem; border-bottom: 1px solid #f1ebe6; }
  .qd-tx__table tr:last-child { border-bottom: 0; }
  .qd-tx__table td { display: flex; align-items: baseline; justify-content: space-between; gap: 1.6rem; padding: 0.6rem 0.2rem; border: 0; }
  .qd-tx__table td::before { content: attr(data-th); font-size: 1.1rem; letter-spacing: 0.16rem; text-transform: uppercase; color: var(--qd-muted); flex: none; }
}

/* ============ Pro success ============ */
.qd-psuccess__wrap { display: grid; place-items: center; min-height: calc(100vh - 7.6rem); padding: 3rem 1.6rem 5rem; }
.qd-psuccess__card { position: relative; overflow: hidden; width: min(62rem, 100%); padding: 5.8rem 4.6rem 5.4rem; text-align: center; background: #fcfbf9; border: 1px solid #ece6e0; border-radius: 1.8rem; }
.qd-psuccess__card .dt_get_start_circle-1, .qd-psuccess__card .dt_get_start_circle-2, .qd-psuccess__card .dt_get_start_circle-3 { position: absolute; border-radius: 50%; background: var(--qd-red-soft); opacity: .5; }
.qd-psuccess__card .dt_get_start_circle-1 { width: 19rem; height: 19rem; left: -7rem; top: -7rem; }
.qd-psuccess__card .dt_get_start_circle-2 { width: 12rem; height: 12rem; right: -4rem; top: 4rem; }
.qd-psuccess__card .dt_get_start_circle-3 { width: 9rem; height: 9rem; left: 6rem; bottom: -4rem; }
.qd-psuccess__card > * { position: relative; }
.qd-psuccess__card h1 { font-family: var(--qd-serif); font-weight: 600; font-size: 4.4rem; letter-spacing: -0.14rem; color: #14100f; }
.qd-psuccess__card p.bold { margin-top: 1.2rem; font-size: 1.7rem; font-weight: 500; color: #55504e; }
.qd-page .qd-psuccess__btn { margin-top: 3rem; height: 5rem; padding: 0 3.2rem; font-size: 1.55rem; }
.qd-psuccess .checkmark { position: relative; }

/* ============ Watch live video (video.php) ============ */
.qd-watch__panel { max-width: 98rem; }
.qd-watch__frame { position: relative; width: 100%; height: 62rem; background: #171114; border-radius: 1.6rem; overflow: hidden; }
.qd-watch__player { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; }
.qd-watch__player video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.qd-watch__badge { display: inline-flex; align-items: center; gap: 0.8rem; position: absolute; left: 1.6rem; top: 1.4rem; z-index: 3; height: 3rem; padding: 0 1.4rem; border-radius: 1.5rem; background: var(--qd-red); color: #fff; font-size: 1.25rem; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; }
.qd-watch__badge::before { content: ''; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #fff; }
.qd-watch .wow_liv_comments_feed { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; width: auto; background: linear-gradient(rgba(0, 0, 0, 0), black); padding: 12rem 1.8rem 6.2rem; max-height: 60%; overflow-y: auto; }
.qd-watch__comment { position: absolute; left: 1.6rem; right: 1.6rem; bottom: 1.2rem; z-index: 3; width: auto; height: 4rem; padding: 0 1.6rem !important; border: 0 !important; border-radius: 2rem !important; background: rgba(255, 255, 255, .14) !important; color: #fff !important; font-size: 1.4rem; backdrop-filter: blur(0.6rem); }
.qd-watch__comment::placeholder { color: rgba(255, 255, 255, .7); }
.qd-watch .live_comments { color: #fff; margin-bottom: 1.2rem; overflow: hidden; }
.qd-watch .live_comments .live_user_h { color: #fff; font-size: 1.4rem; margin: 0; }
.qd-watch .live_comments .comment-text { color: rgba(255, 255, 255, .85); font-size: 1.4rem; }
.qd-watch .live_avatar { width: 3.4rem; height: 3.4rem; border-radius: 50%; object-fit: cover; margin-right: 1rem; }
.qd-watch__vjs { border-radius: 1.6rem; background: #000; }
.qd-watch__comments { margin-top: 2rem; }
.qd-watch__comments .live_comments { display: flex; align-items: flex-start; padding: 1.2rem 0; border-bottom: 1px solid #f1ebe6; color: #2b2625; }
.qd-watch__comments .live_user_h { color: #14100f; font-size: 1.45rem; margin: 0; }
.qd-watch__comments .comment-text { font-size: 1.45rem; color: #3b3533; }
@media (max-width: 1199px) {
  .qd-watch__frame { height: auto; min-height: 32rem; aspect-ratio: 4 / 3; }
  .qd-watch__vjs { height: auto !important; }
}

/* ============ Go live (bare standalone page, live.php) ============ */
.qd-livehdr { display: flex; align-items: center; gap: 2.6rem; padding: 1.6rem 4rem; border-bottom: 1px solid #e7e2dd; background: var(--qd-bg, #f6f2ed); }
.qd-livehdr__brand { display: flex; align-items: center; gap: 0.5rem; }
.qd-livehdr__heart { width: 3.2rem; height: 3rem; object-fit: contain; }
.qd-livehdr .qd-wordmark { font-size: 3.2rem; letter-spacing: -0.11rem; color: #15121a; }
.qd-livehdr .qd-wordmark b { color: #e62d3f; }
.qd-livehdr__tag { display: inline-flex; align-items: center; gap: 0.9rem; height: 3.2rem; padding: 0 1.5rem; border-radius: 1.6rem; background: var(--qd-red-soft, #fbe6e3); color: #c22c3a; font-size: 1.25rem; font-weight: 600; letter-spacing: 0.14rem; text-transform: uppercase; }
.qd-livehdr__tag i { width: 0.9rem; height: 0.9rem; border-radius: 50%; background: #e2403e; animation: qd-live-pulse 1.4s var(--qd-ease-in-out) infinite; }
@keyframes qd-live-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
.qd-livehdr__back { display: inline-flex; align-items: center; gap: 0.9rem; margin-left: auto; font-size: 1.45rem; font-weight: 500; color: #55504e; }
.qd-livehdr__back:hover { color: #e2403e; }
.qd-golive { padding: 3rem 4rem 4.6rem; max-width: 122rem; margin: 0 auto; }
.qd-golive .video-con .container { width: 100%; padding: 0; margin: 0; }
.qd-golive #remote-media { position: relative; height: min(64rem, 68vh); background: #171114; border-radius: 1.8rem; overflow: hidden; }
.qd-golive .liv_vid_cont { position: absolute; inset: 0; width: 100%; height: 100%; }
.qd-golive .liv_vid_cont video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.qd-golive #remote-media h3 { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0; text-align: center; color: rgba(255, 255, 255, .85); font-family: var(--qd-sans, 'Inter', sans-serif); font-size: 1.6rem; font-weight: 500; z-index: 4; }
.qd-golive .wow_liv_counter { position: absolute; right: 1.6rem; top: 1.4rem; z-index: 3; display: inline-flex; align-items: center; gap: 0.8rem; height: 3rem; padding: 0 1.4rem; border-radius: 1.5rem; background: rgba(23, 17, 20, .72); color: #fff; font-size: 1.3rem; font-weight: 600; }
.qd-golive .wow_liv_counter #live_word { color: #ff8f9a; text-transform: uppercase; letter-spacing: 0.12rem; font-size: 1.15rem; }
.qd-golive .wow_liv_comments_feed { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: linear-gradient(rgba(0, 0, 0, 0), black); padding: 12rem 1.8rem 1.4rem; max-height: 55%; overflow-y: auto; }
.qd-golive .live_comments { color: #fff; margin-bottom: 1.2rem; }
.qd-golive .live_comments .live_user_h { color: #fff; font-size: 1.4rem; margin: 0; }
.qd-golive .live_comments .comment-text { color: rgba(255, 255, 255, .85); font-size: 1.4rem; }
.qd-golive .live_avatar { width: 3.4rem; height: 3.4rem; border-radius: 50%; object-fit: cover; margin-right: 1rem; }
.qd-golive .btn-start-end-prnt { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.6rem; margin-top: 2.6rem; }
.qd-golive .btn-start-end { display: inline-flex; align-items: center; gap: 1rem; height: 5rem; padding: 0 3rem; border-radius: 2.5rem; font-family: var(--qd-sans, 'Inter', sans-serif); font-size: 1.55rem; font-weight: 600; text-transform: none; box-shadow: none; }
.qd-golive .wow_go_live_btn { background: #e2403e; color: #fff; }
.qd-golive .wow_go_live_btn:hover { background: #cc3431; }
.qd-golive .wow_end_live_btn { background: #fff; color: #c22c3a; border: 0.15rem solid #efb7b3; }
.qd-golive .wow_end_live_btn:hover { background: #fff5f4; }
.qd-golive .live_mic_cam_switch { display: inline-flex; align-items: center; gap: 1.2rem; }
.qd-golive .live_mic_cam_switch .dropdown-trigger { display: grid; place-items: center; width: 5rem; height: 5rem; padding: 0; border-radius: 2.5rem; background: #fff; color: #231f20; border: 1px solid #e6dfda; box-shadow: none; }
.qd-golive .dropdown-content { border-radius: 1.2rem; overflow: hidden; padding: 0.6rem 0; box-shadow: 0 1.8rem 4rem -1.8rem rgba(60, 30, 30, .35); }
.qd-golive .dropdown-content a { font-size: 1.4rem; color: #231f20; padding: 1rem 1.8rem; max-width: 32rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qd-golive .dropdown-content a:hover { background: #fbe6e3; }
.qd-golive h5.empty_state { color: #fff; }
@media (max-width: 1199px) {
  .qd-livehdr { padding: 1.2rem 1.6rem; gap: 1.2rem; flex-wrap: wrap; }
  .qd-livehdr .qd-wordmark { font-size: 2.6rem; }
  .qd-golive { padding: 1.6rem 1.6rem 3rem; }
  .qd-golive #remote-media { height: min(48rem, 60vh); }
}

/* ---- 33-settings-fields.css ---- */
/* Settings sub-pages — labeled fields, toggles, cards (qd design language).
   Scoped to .qd-setpage which wraps the rebuilt settings-*.php pages. */
.qd-setpage { font-family: var(--qd-sans); color: #1d1f25; max-width: 90rem; padding-bottom: 4.8rem; }
@media (max-width: 767px) {
  .qd-setpage { padding-left: 1.6rem; padding-right: 1.6rem; }
}

/* page head */
.qd-setpage__head { padding-top: 0.6rem; }
.qd-setpage__eyebrow { font-size: 1.1rem; letter-spacing: 0.3rem; text-transform: uppercase; color: #8b5872; }
.qd-setpage .qd-setpage__title { margin: 1rem 0 0; font-family: var(--qd-serif); font-weight: 600; font-size: 4.6rem; line-height: 1.05; letter-spacing: -0.16rem; color: #0d1016; }
.qd-setpage .qd-setpage__title em { font-style: normal; color: var(--qd-red); }
.qd-setpage .qd-setpage__sub { margin: 0.9rem 0 0; font-size: 1.55rem; line-height: 1.55; color: #55575d; max-width: 62ch; }

/* cards */
.qd-scard { background: #fff; border: 1px solid #ece4df; border-radius: 1.6rem; box-shadow: 0 1.2rem 3rem -2.4rem rgba(70, 35, 30, .25); padding: 2.6rem 2.8rem; margin-top: 1.8rem; }
.qd-scard__head { display: flex; align-items: center; gap: 1.2rem; padding-bottom: 1.4rem; margin-bottom: 1.8rem; border-bottom: 1px solid #f1e9e5; }
.qd-scard__head .qd-ic { color: var(--qd-red); flex: none; }
.qd-setpage .qd-scard__title { margin: 0; font-family: var(--qd-serif); font-weight: 600; font-size: 2.3rem; letter-spacing: -.6px; color: #151213; }
.qd-scard__sub { margin: 0.4rem 0 0; font-size: 1.35rem; color: #55575d; }
.qd-scard__hint { margin: -0.8rem 0 1.6rem; font-size: 1.35rem; line-height: 1.5; color: #6f676b; max-width: 68ch; }
.qd-scard .alert { margin: 0 0 1.4rem; padding: 1.1rem 1.4rem; border-radius: 1rem; font-size: 1.4rem; border: 0; }
.qd-scard .alert-success { background: #eaf6ee; color: #1f7a45; }
.qd-scard .alert-danger { background: #fdecec; color: #b3261e; }
/* Static warning: must not share .alert-danger, which the AJAX error handler overwrites. */
.qd-scard .qd-delnote { margin: 0 0 1.4rem; padding: 1.1rem 1.4rem; border-radius: 1rem; font-size: 1.4rem; background: #fdecec; color: #b3261e; }
.qd-scard .alert-info { background: #fdf4f1; color: #8c2d44; }

/* labeled fields */
.qd-sgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem 2.2rem; margin-top: 1.6rem; }
.qd-sfield { display: block; margin-top: 0; }
.qd-sfield--full { grid-column: 1 / -1; }
.qd-sfield > span, .qd-sfield__label { display: block; margin-bottom: 0.7rem; font-size: 1.35rem; font-weight: 500; color: #55575d; }
.qd-setpage .qd-sfield input[type=text], .qd-setpage .qd-sfield input[type=password], .qd-setpage .qd-sfield input[type=email],
.qd-setpage .qd-sfield input[type=tel], .qd-setpage .qd-sfield input[type=url], .qd-setpage .qd-sfield input[type=number],
.qd-setpage .qd-sfield input[type=date], .qd-setpage .qd-sfield select.browser-default, .qd-setpage .qd-sfield textarea {
  display: block; width: 100%; height: 4.6rem !important; margin: 0 !important; padding: 0 1.4rem !important;
  border: 1px solid #e3dcd8 !important; border-radius: 1rem !important; background: #fff !important;
  font-family: var(--qd-sans); font-size: 1.5rem; color: #1d1f25; box-shadow: none !important; box-sizing: border-box;
}
.qd-setpage .qd-sfield textarea { height: auto !important; min-height: 11rem; padding: 1.2rem 1.4rem !important; line-height: 1.55; resize: vertical; }
.qd-setpage .qd-sfield input:focus, .qd-setpage .qd-sfield select:focus, .qd-setpage .qd-sfield textarea:focus {
  border-color: var(--qd-red) !important; box-shadow: 0 0 0 0.3rem rgba(241, 56, 70, .12) !important; outline: none !important; }
.qd-setpage .qd-sfield input[readonly] { background: #faf6f3 !important; color: #55575d; }
.qd-setpage .qd-sfield input::placeholder { color: #857a7e; opacity: 1; }
.qd-setpage select.browser-default { appearance: auto; -webkit-appearance: auto; cursor: pointer; }
.qd-shelp { display: block; margin-top: 0.6rem; font-size: 1.25rem; color: #8a8d93; }
.qd-shelp--err { color: #b3261e; }

/* custom profile fields (partails/profile-fields.php legacy markup) */
.qd-cfields { margin-top: 1.8rem; }
.qd-cfields .input-field { margin-top: 0 !important; }
.qd-cfields .input-field > label { position: static !important; margin: 0.7rem 0.2rem 0; font-size: 1.35rem !important; color: #55575d !important; transform: none !important; }
.qd-cfields .form-control { height: 4.6rem; padding: 0 1.4rem; border: 1px solid #e3dcd8; border-radius: 1rem; background-color: #fff; font-size: 1.5rem; }
.qd-cfields textarea.materialize-textarea { padding: 1.2rem 1.4rem; border: 1px solid #e3dcd8; border-radius: 1rem; background: #fff; min-height: 9.6rem; }
.qd-cfields input:focus:not([readonly]), .qd-cfields select:focus, .qd-cfields textarea:focus:not([readonly]) { border-color: var(--qd-red) !important; box-shadow: 0 0 0 0.3rem rgba(241, 56, 70, .12) !important; }

/* interest chips (materialize chips widget, ids preserved) */
.qd-chips-wrap { grid-column: 1 / -1; }
.qd-setpage .chips .chip { border-radius: 1.6rem; background: #f8e1dc; color: #8c2d44; font-size: 1.35rem; }
.qd-setpage .chips .input { font-size: 1.45rem; }
.qd-setpage .chips .input::placeholder { color: #766b70; opacity: 1; }

/* toggle rows */
.qd-srows { margin-top: 0.4rem; }
.qd-srow { display: flex; flex-direction: row; align-items: center; gap: 2.4rem; min-height: 7.2rem; padding: 1.4rem 0; border-bottom: 1px solid #f1e9e5; }
.qd-srow:last-child { border-bottom: 0; }
.qd-srow--tog { cursor: pointer; }
.qd-srow__t b { display: block; font-size: 1.55rem; font-weight: 600; color: #1d1f25; }
.qd-srow__t span { display: block; margin-top: 0.3rem; font-size: 1.35rem; line-height: 1.5; color: #55575d; }
.qd-srow__c { margin-left: auto; flex: none; width: auto; }
.qd-setpage .qd-toggle { width: 5.2rem; height: 3rem; }
.qd-setpage .qd-toggle input { position: absolute; inset: 0; opacity: 0 !important; width: 100%; height: 100%; margin: 0; cursor: pointer; z-index: 1; }
.qd-setpage .qd-toggle i { display: block; position: absolute; inset: 0; border-radius: 1.5rem; background: #d9d4d1; transition: background .15s; }
.qd-setpage .qd-toggle i::after { content: ''; position: absolute; left: 0.3rem; top: 0.3rem; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: #fff; box-shadow: 0 1px 0.3rem rgba(0,0,0,.25); transition: transform .15s; }
.qd-setpage .qd-toggle input:checked + i { background: var(--qd-red); }
.qd-setpage .qd-toggle input:checked + i::after { transform: translateX(2.2rem); }
.qd-setpage .qd-toggle input:focus-visible + i { outline: 0.2rem solid var(--qd-red); outline-offset: 0.2rem; }

/* segmented choice */
.qd-sseg { display: inline-grid; grid-auto-flow: column; gap: 0.4rem; padding: 0.4rem; border-radius: 2.4rem; background: #f2edeb; }
.qd-sseg button { border: 0; border-radius: 2rem; height: 4rem; padding: 0 1.8rem; font-size: 1.4rem; color: #1d1f25; background: transparent; cursor: pointer; }
.qd-sseg button.is-on { background: var(--qd-red); color: #fff; box-shadow: 0 0.4rem 1rem -0.4rem rgba(241,56,70,.6); }

/* footers & buttons */
.qd-sfoot { display: flex; align-items: center; gap: 1.6rem; margin-top: 2.2rem; flex-wrap: wrap; }
.qd-setpage .qd-sbtn { height: 4.8rem; padding: 0 3rem; border: 0; border-radius: 1.2rem; font-family: var(--qd-sans); font-size: 1.55rem; font-weight: 600; cursor: pointer; }
.qd-setpage .qd-sbtn.qd-btn--red { color: #fff !important; }
.qd-setpage .qd-sbtn[disabled], .qd-setpage .qd-sbtn.disabled { opacity: .6; pointer-events: none; }
.qd-sfoot__msg { font-size: 1.35rem; color: #55575d; }
.qd-sbtn--ghost { height: 4.4rem; padding: 0 2.2rem; border: 1px solid #e3d8d3; border-radius: 1.2rem; background: #fff; color: #1d1f25; font-family: var(--qd-sans); font-size: 1.45rem; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; gap: 1rem; }
.qd-sbtn--ghost:hover { background: #f8efec; color: var(--qd-red); }
.qd-sbtn--ghost:focus-visible, .qd-share a:focus-visible { outline: 0.3rem solid var(--qd-red); outline-offset: 0.3rem; }

/* balance / stat blocks */
.qd-sbalance { display: flex; align-items: center; gap: 2.6rem; padding: 2.2rem 2.6rem; margin-top: 1.8rem; background: linear-gradient(150deg, #fbf1ec, #fff 55%); border: 1px solid #ece4df; border-radius: 1.6rem; }
.qd-sbalance b { display: block; font-size: 1.3rem; letter-spacing: 0.16rem; text-transform: uppercase; color: #8b5872; font-weight: 600; }
.qd-sbalance strong { display: block; margin-top: 0.4rem; font-family: var(--qd-serif); font-size: 4rem; letter-spacing: -0.12rem; color: #0d1016; font-weight: 600; }
.qd-sbalance .qd-sbtn { margin-left: auto; }

/* blocked members */
.qd-blocked-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr)); gap: 1.4rem; margin-top: 0.4rem; }
.qd-blocked-grid .empty_state { grid-column: 1 / -1; }
.qd-setpage .hidden { display: none; }
.qd-setpage .unblock_card { display: flex; align-items: center; gap: 1.4rem; padding: 1.4rem 1.6rem; background: #fff; border: 1px solid #ece4df; border-radius: 1.4rem; }
.qd-setpage .unblock_card .avatar img { width: 4.8rem; height: 4.8rem; border-radius: 50%; object-fit: cover; }
.qd-setpage .unblock_card .info { min-width: 0; display: flex; flex-direction: column; gap: 0.8rem; }
.qd-setpage .unblock_card .info span { font-size: 1.5rem; font-weight: 600; color: #151213; }
.qd-setpage .unblock_card .unblock { height: 3.4rem; line-height: 3.4rem; padding: 0 1.4rem; border-radius: 0.9rem; background: var(--qd-red) !important; color: #fff !important; font-size: 1.3rem; width: max-content; }

/* sessions */
.qd-setpage .session_row { display: flex; align-items: center; gap: 1.8rem; padding: 1.6rem 0.4rem; border-bottom: 1px solid #f1e9e5; }
.qd-setpage .session_row:last-child { border-bottom: 0; }
.qd-setpage .session_row > div:first-child { display: flex; align-items: center; gap: 1.4rem; min-width: 0; flex: 1; }
.qd-setpage .session_row .qd-ses-ic { flex: none; width: 4.4rem; height: 4.4rem; border-radius: 1.2rem; background: #fdf1ee; color: var(--qd-red); display: grid; place-items: center; }
.qd-setpage .session_row b { display: block; font-size: 1.5rem; color: #1d1f25; }
.qd-ses-info { min-width: 0; }
.qd-ses-meta { margin-left: auto; text-align: right; flex: none; }
.qd-ses-meta p { justify-content: flex-end; }
.qd-sfoot .load_more { margin-top: 0; }
.qd-scard > .load_more { margin-top: 2rem; }
.qd-setpage .session_row .delete_session:hover { background: #fdecec; }
.qd-setpage .session_row p { display: flex; align-items: center; gap: 0.6rem; margin: 0.2rem 0 0; font-size: 1.3rem; color: #55575d; }
.qd-setpage .session_row p span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qd-setpage .session_row .delete_session { flex: none; width: 4rem; height: 4rem; border: 1px solid #f2a4a7; border-radius: 1rem; background: #fff; color: #c3303b; display: grid; place-items: center; cursor: pointer; }
.qd-setpage .session_row .delete_session:hover { background: #fdecec; }

/* status pills (payment history) */
.qd-setpage .label-status { display: inline-block; padding: 0.4rem 1.2rem; border-radius: 2rem; font-size: 1.2rem; font-weight: 600; }
.qd-setpage .label-warning { background: #fdf3df; color: #8a5c0c; }
.qd-setpage .label-success { background: #eaf6ee; color: #1f7a45; }
.qd-setpage .label-danger { background: #fdecec; color: #b3261e; }

/* affiliate referrers */
.qd-reflist { margin-top: 0.6rem; }
.qd-setpage .ref { display: flex; align-items: center; gap: 1.4rem; padding: 1.2rem 0; border-bottom: 1px solid #f1e9e5; }
.qd-setpage .ref:last-child { border-bottom: 0; }
.qd-setpage .ref-image img { width: 4.4rem; height: 4.4rem; border-radius: 50%; object-fit: cover; }
.qd-setpage .ref .name { font-size: 1.5rem; font-weight: 600; color: #151213; }
.qd-setpage .ref .name a { display: inline-block; min-height: 2.4rem; }
.qd-setpage .ref .name .joined { margin-top: 0.2rem; font-size: 1.25rem; font-weight: 400; color: #55575d; }
.qd-setpage .ref .clear { display: none; }
.qd-share { display: flex; gap: 1rem; margin-top: 1.2rem; flex-wrap: wrap; }
.qd-share a { display: grid; place-items: center; width: 4.6rem; height: 4.6rem; border-radius: 1.2rem; border: 1px solid #ece4df; background: #fff; color: #3a3336; }
.qd-share a:hover { color: var(--qd-red); border-color: #f2a4a7; background: #fdf4f1; }
.qd-share svg { width: 2rem; height: 2rem; }

/* link counters */
.qd-linkstats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; margin: 0.4rem 0 2rem; }
.qd-linkstat { display: flex; align-items: center; gap: 1.2rem; padding: 1.6rem 1.8rem; border-radius: 1.4rem; background: #faf6f3; border: 1px solid #f1e9e5; }
.qd-linkstat .qd-ic { color: var(--qd-red); flex: none; }
.qd-linkstat b { font-size: 1.4rem; color: #1d1f25; }
.qd-linkstat b span { font-weight: 700; color: #0d1016; }

/* invitation table */
.qd-setpage table { margin-top: 0.6rem; }
.qd-setpage .copy-invitation-url { height: 3.4rem; line-height: 3.4rem; padding: 0 1.4rem; border-radius: 0.9rem; background: var(--qd-red) !important; color: #fff !important; font-size: 1.3rem; }

/* instagram */
.qd-instacard { display: flex; flex-direction: column; align-items: center; gap: 0.8rem; text-align: center; }
.qd-instacard h4 { margin: 1rem 0 0; font-family: var(--qd-serif); font-size: 2.8rem; letter-spacing: -.6px; color: #151213; }
.qd-instacard p { margin: 0; max-width: 46ch; font-size: 1.45rem; color: #55575d; }
.qd-setpage .instagram_posts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.2rem; margin-top: 0.8rem; }
.qd-setpage .instagram_posts .col { padding: 0 !important; }
.qd-setpage .load_more { display: inline-flex; align-items: center; height: 4.4rem; padding: 0 2.2rem; margin-top: 1.8rem; border: 1px solid #e3d8d3; border-radius: 1.2rem; background: #fff !important; color: #1d1f25 !important; font-size: 1.4rem; box-shadow: none !important; }

/* danger zone (delete account) */
.qd-sdanger { border-color: #f2c9cb; }
.qd-sdanger .qd-scard__head .qd-ic { color: #b3261e; }
.qd-sdanger .alert-danger { background: #fdecec; color: #b3261e; }
.qd-setpage .qd-sbtn--danger { background: #b3261e; color: #fff !important; }
.qd-setpage .qd-sbtn--danger:hover { background: #9c1f18; }

/* 2fa */
.qd-2fa-note { margin-top: 0.6rem; font-size: 1.4rem; line-height: 1.6; color: #55575d; }

/* generic inside-page anchor */
.qd-setpage a { color: inherit; }
.qd-setpage a:hover { color: var(--qd-red); }

@media (max-width: 799px) {
  .qd-setpage { padding-bottom: 3.2rem; }
  .qd-setpage .qd-setpage__title { font-size: 3.4rem; }
  .qd-scard { padding: 1.8rem 1.6rem; }
  .qd-sgrid { grid-template-columns: 1fr; }
  .qd-cfields .col.s6 { width: 100%; }
  .qd-srow { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .qd-srow__c { margin-left: 0; }
  .qd-sbalance { flex-wrap: wrap; }
  .qd-sbalance .qd-sbtn { margin-left: 0; width: 100%; justify-content: center; }
  .qd-linkstats { grid-template-columns: 1fr; }
  .qd-setpage .instagram_posts { grid-template-columns: repeat(2, 1fr); }
  .qd-setpage table { display: block; overflow-x: auto; }
}

/* ---- 34-steps.css ---- */
/* Onboarding / profile-steps wizard. No dedicated Figma frame; styled on the
   redesign language (paper card, serif headings, red actions). Scoped to
   body.steps-page so nothing leaks into member pages. The wizard's JS depends
   on the legacy class hooks, so this layer only re-skins them. */
body.steps-page { background: var(--qd-bg); }
body.steps-page .slider_container { width: 100%; max-width: 78rem; margin: 0 auto; padding: 4.8rem 2.4rem 6rem; }

/* Card */
body.steps-page .dt_signup_steps {
  background: var(--qd-paper);
  margin: 0 auto 2rem;
  padding: 0 0 9.6rem;
  box-shadow: 0 2.4rem 6rem rgb(22 20 19 / 0.08), 0 0.2rem 0.8rem rgb(22 20 19 / 0.05);
  border: 1px solid var(--qd-line);
  border-radius: 2rem;
  overflow: hidden;
  width: 100%;
  color: var(--qd-ink);
}
body.steps-page .dt_signup_steps:before { display: none; }
body.steps-page .dt_signup_steps .progress { background: var(--qd-red-soft); border-radius: 99.9rem; height: 0.6rem; }
body.steps-page .dt_signup_steps .progress .determinate { background: var(--qd-red); }
body.steps-page .dt_signup_steps h5.empty_state { color: var(--qd-ink); font-family: var(--qd-serif); font-size: 2.1rem; display: flex; align-items: center; justify-content: center; gap: 1.2rem; padding: 8rem 4rem; }
body.steps-page .dt_signup_steps h5.empty_state svg { color: var(--qd-red); flex: none; }

/* Step tabs */
body.steps-page .dt_signup_steps .steps_header { margin: 0 0 0.8rem; padding: 0; border-bottom: 1px solid var(--qd-line); }
body.steps-page .steps_header_steps { display: flex; }
body.steps-page .steps_header_steps li { flex: 1 1 auto; display: block; }
body.steps-page .steps_header_steps li div { padding: 2.2rem 1.6rem 1.8rem; font: 500 1.4rem/1.3 var(--qd-sans); color: var(--qd-soft); letter-spacing: 0.02em; }
body.steps-page .steps_header_steps li div:before { background: transparent; opacity: 1; }
body.steps-page .steps_header_steps li div:after { border-bottom-color: var(--qd-paper); opacity: 0; }
body.steps-page .steps_header_steps li div svg { height: 3rem; color: currentColor; opacity: 0.75; }
.steps-page .steps_header_steps li:nth-child(1) div:before { background: transparent; }
.steps-page .slider-one-active .steps_header_steps li:nth-child(1) div:before,
.steps-page .slider-two-active .steps_header_steps li:nth-child(1) div:before,
.steps-page .slider-two-active .steps_header_steps li:nth-child(2) div:before,
.steps-page .slider-three-active .steps_header_steps li:nth-child(1) div:before,
.steps-page .slider-three-active .steps_header_steps li:nth-child(2) div:before,
.steps-page .slider-three-active .steps_header_steps li:nth-child(3) div:before { background: transparent; }
/* current step: ink + red underline; completed steps: ink */
.steps-page .slider-one-active .steps_header_steps li:nth-child(1) div,
.steps-page .slider-two-active .steps_header_steps li:nth-child(2) div,
.steps-page .slider-three-active .steps_header_steps li:nth-child(3) div { color: var(--qd-ink); box-shadow: inset 0 -0.3rem 0 var(--qd-red); }
.steps-page .slider-two-active .steps_header_steps li:nth-child(1) div,
.steps-page .slider-three-active .steps_header_steps li:nth-child(1) div,
.steps-page .slider-three-active .steps_header_steps li:nth-child(2) div { color: var(--qd-ink-2); }
.steps-page .slider-two-active .steps_header_steps li:nth-child(1) div svg,
.steps-page .slider-three-active .steps_header_steps li:nth-child(1) div svg,
.steps-page .slider-three-active .steps_header_steps li:nth-child(2) div svg { color: var(--qd-red); opacity: 1; }
.steps-page .slider-one-active .steps_header_steps li:nth-child(1) div:after,
.steps-page .slider-two-active .steps_header_steps li:nth-child(2) div:after,
.steps-page .slider-three-active .steps_header_steps li:nth-child(3) div:after { opacity: 1; }

/* Forms */
body.steps-page .slider { height: 52rem; }
body.steps-page .slider-form { background: var(--qd-paper); color: var(--qd-ink); }
body.steps-page .choose_photo h6, body.steps-page .webcam_photo_verification h6 { font-family: var(--qd-serif); font-size: 2.6rem; line-height: 1.2; font-weight: 600; color: var(--qd-ink); letter-spacing: -0.02em; }
body.steps-page .choose_photo p, body.steps-page .webcam_photo_verification p { color: var(--qd-muted); font-size: 1.5rem; }

/* Avatar dropzone */
body.steps-page .dt_selct_avatar { width: 22rem; height: 22rem; background: #fff; border: 0.2rem dashed var(--qd-line); border-radius: 1.8rem; transition: border-color 0.2s var(--qd-ease-out), background 0.2s var(--qd-ease-out); }
body.steps-page .dt_selct_avatar:hover { border-color: var(--qd-red); background: var(--qd-red-soft); }
body.steps-page .dt_selct_avatar:focus-visible { outline: 0.3rem solid var(--qd-red); outline-offset: 0.4rem; border-color: var(--qd-red); background: var(--qd-red-soft); }
body.steps-page .dt_selct_avatar svg { color: var(--qd-soft); }
body.steps-page .btn-image { display: inline-block; margin-top: 2.2rem; padding: 0 2.6rem; height: 4.4rem; line-height: 4.2rem; border: 0.15rem solid var(--qd-ink); border-radius: 99.9rem; background: transparent; color: var(--qd-ink); font: 500 1.5rem/1 var(--qd-sans); cursor: pointer; transition: background-color 0.18s cubic-bezier(0.22, 1, 0.36, 1), color 0.18s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.18s cubic-bezier(0.22, 1, 0.36, 1); }
body.steps-page .btn-image:hover { background: var(--qd-ink); color: #fff; }

/* Fields */
body.steps-page .dt_signup_steps .input-field { margin: 0 0 3rem; text-align: left; }
body.steps-page .dt_signup_steps .input-field input,
body.steps-page .dt_signup_steps .input-field .select-wrapper input {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0.15rem solid var(--qd-line) !important;
  color: var(--qd-ink) !important;
  font-size: 1.5rem;
  border-radius: 0;
}
body.steps-page .dt_signup_steps .input-field input:focus,
body.steps-page .dt_signup_steps .input-field .select-wrapper input:focus { border-color: var(--qd-red) !important; }
body.steps-page .dt_signup_steps .input-field input.invalid { border-color: var(--qd-red-2) !important; }
body.steps-page .dt_signup_steps .input-field input+label,
body.steps-page .dt_signup_steps .input-field .select-wrapper+label { color: var(--qd-muted) !important; font: 400 1.4rem/1.3 var(--qd-sans); }
body.steps-page .dt_signup_steps .input-field .select-wrapper .caret { fill: var(--qd-soft); }
body.steps-page .slider-form .dropdown-content li > a, body.steps-page .slider-form .dropdown-content li > span { color: var(--qd-ink); font-size: 1.5rem; }

/* Footer */
body.steps-page .slider-form .step_footer p { color: var(--qd-muted); font: 400 1.3rem/1.5 var(--qd-sans); }
body.steps-page .slider-form .step_footer .btn {
  background: var(--qd-red) !important;
  border-radius: 99.9rem;
  min-width: 12.8rem;
  height: 4.6rem;
  padding: 0 2.8rem;
  font: 600 1.5rem/4.6rem var(--qd-sans) !important;
  color: #fff !important;
  text-transform: none;
  box-shadow: 0 1rem 2.4rem rgb(226 64 62 / 0.28);
  transition: background 0.2s var(--qd-ease-out), transform 0.2s var(--qd-ease-out);
}
body.steps-page .slider-form .step_footer .btn:hover { background: #cc3431 !important; color: #fff !important; transform: translateY(-1px); }
body.steps-page .slider-form .step_footer .btn:disabled { opacity: 0.35; box-shadow: none; transform: none; }
body.steps-page .slider-form .step_footer .btn svg { display: inline-block; }

/* OTP / verification step */
body.steps-page .otp_head svg { background: var(--qd-red-soft); color: var(--qd-red); border-radius: 50%; padding: 1.4rem; width: 5.2rem; height: 5.2rem; box-sizing: border-box; }
body.steps-page .otp_head p { font-family: var(--qd-serif); font-size: 2.2rem; color: var(--qd-ink); margin-top: 1.2rem; }
body.steps-page .otp_head > .row input { background-color: #fff !important; box-shadow: inset 0 0 0 1px var(--qd-line); border: 0 !important; border-radius: 1rem 0 0 1rem; color: var(--qd-ink) !important; }
body.steps-page .otp_head > .row button { background-color: var(--qd-red); color: #fff; border-radius: 0 1rem 1rem 0; box-shadow: none; }
body.steps-page .otp_head > .row button:hover { background-color: #cc3431; }
body.steps-page .enter_otp, body.steps-page .enter_otp_email { border-top: 1px solid var(--qd-line); }
body.steps-page .enter_otp p, body.steps-page .enter_otp_email p { color: var(--qd-muted); }
body.steps-page .enter_otp a, body.steps-page .enter_otp_email a { color: var(--qd-red); font-weight: 500; }
body.steps-page #otp_inner input { border-bottom: 0.15rem solid var(--qd-line); color: var(--qd-ink); }
body.steps-page #otp_inner input:focus { border-color: var(--qd-red); }

/* Success state */
body.steps-page .dt_p_head.center h2 { font-family: var(--qd-serif); font-size: 3.4rem; color: var(--qd-ink); }
body.steps-page .dt_p_head.center p { color: var(--qd-muted); }
body.steps-page .checkmark__circle { stroke: var(--qd-green); }
body.steps-page .checkmark__check { stroke: var(--qd-green); }

/* Alerts + modal */
body.steps-page .steps_alerts .alert { border-radius: 1.2rem; border: 1px solid var(--qd-line); }
#modal_imgs { border-radius: 1.6rem; }
#modal_imgs .modal-content h6 { font-family: var(--qd-serif); font-size: 2rem; color: var(--qd-ink); }

@media (max-width: 767px) {
  body.steps-page .slider_container { padding: 2rem 1.4rem 4rem; }
  body.steps-page .dt_signup_steps { border-radius: 1.6rem; }
  body.steps-page .slider-form { padding: 3.2rem 2rem 9.6rem; }
  body.steps-page .steps_header_steps li div { padding: 1.6rem 0.8rem 1.2rem; font-size: 1.2rem; }
}
body.steps-page .qd-otp-resend { min-height: 4.4rem; padding: 0.8rem 1.2rem; color: var(--qd-accent); font: inherit; text-decoration: underline; text-underline-offset: 0.3rem; }
body.steps-page .qd-otp-resend:focus-visible { outline: 0.3rem solid var(--qd-focus); outline-offset: 0.2rem; }

/* ---- 40-skin.css ---- */
/* Design layer for legacy pages that have no dedicated Figma frame.
   Brings them onto the redesign language: warm paper, white cards, serif
   headings, red actions, rounded fields and the member rail. */
body.qd-shell { background: #f7f2ee; }
.qd-skin { font-family: var(--qd-sans); color: #1f1b1c; font-size: 1.5rem; line-height: 1.5; min-height: 60vh; padding-bottom: 2rem; }
.qd-skin__ad { max-width: 147rem; margin: 1.6rem auto 0; padding: 0 4.4rem; }
.qd-skin .container, .qd-skin .container-fluid.container_new, .qd-skin .container_new { width: 100% !important; max-width: 149rem !important; margin: 3rem auto 0 !important; padding: 0 4.4rem !important; }
.qd-skin .container .container, .qd-skin .container .container-fluid { margin-top: 0 !important; padding: 0 !important; }
.qd-skin h2.terms::before, .qd-skin h2.bold::before { display: none !important; }
.qd-skin .page-margin, .qd-skin .find_matches_cont { margin-top: 3rem !important; }
.qd-skin .row { margin-bottom: 1.8rem; }
.qd-skin .row.r_margin { margin-left: -1.2rem; margin-right: -1.2rem; }
.qd-skin .row .col { padding: 0 1.2rem; }
.qd-skin a { color: inherit; }
.qd-skin a:hover { color: var(--qd-red); }
.qd-skin p { font-size: 1.5rem; }
.qd-skin .bold { font-weight: 600; }

/* page titles */
.qd-skin h1, .qd-skin h2, .qd-skin h3, .qd-skin h4, .qd-skin h5 { font-family: var(--qd-serif); font-weight: 600; letter-spacing: -.02em; color: #151213; }
.qd-skin h1 { font-size: 4.8rem; line-height: 1.1; }
.qd-skin h2 { font-size: 3.4rem; line-height: 1.15; }
.qd-skin h3 { font-size: 2.6rem; }
.qd-skin h4 { font-size: 3rem; line-height: 1.2; margin: 0.6rem 0 2rem; }
.qd-skin h5 { font-size: 2.1rem; }
.qd-skin h6 { font-family: var(--qd-sans); font-weight: 600; font-size: 1.5rem; }
.qd-skin .dt_home_rand_user { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; display: block !important; }
.qd-skin .qd_story_head { display: flex; align-items: center; justify-content: space-between; gap: 1.6rem; margin: 0 0 2.2rem !important; padding: 0 !important; background: none !important; box-shadow: none !important; }
.qd-skin .dt_home_rand_user > h4 { margin-bottom: 2.4rem !important; }
.qd-skin .dt_home_rand_user h4, .qd-skin .qd_story_head h4, .qd-skin > .container > h4:first-child { position: relative; margin: 0; padding-top: 2.2rem; font-size: 4.4rem; line-height: 1.05; letter-spacing: -0.16rem; text-transform: capitalize; }
.qd-skin .dt_home_rand_user h4::before, .qd-skin .qd_story_head h4::before { content: attr(data-eyebrow); }
.qd-skin .dt_home_rand_user h4::after, .qd-skin .qd_story_head h4::after { content: '.'; color: var(--qd-red); }
.qd-skin .dt_sett_wrap_title, .qd-skin .dt_p_head h2, .qd-skin .dt_p_head h4 { font-family: var(--qd-serif) !important; font-size: 3rem !important; font-weight: 600 !important; letter-spacing: -.8px; color: #151213 !important; margin: 0 0 2rem !important; }

/* cards & sections */
.qd-skin .dt_sections, .qd-skin .dt_settings_bg_wrap, .qd-skin .dt_terms_content_body, .qd-skin .dt_credits, .qd-skin .dt_usr_pmnt_cont > div, .qd-skin .sett_prof_cont,
.qd-skin .dt_ltst_users .card, .qd-skin .card, .qd-skin .collection, .qd-skin .dt_premium, .qd-skin .dt_insta_import, .qd-skin .dt_contact_bg, .qd-skin .dt_faq_bg, .qd-skin .dt_about_bg {
  background: #fff !important; border: 1px solid #ece4df !important; border-radius: 1.6rem !important; box-shadow: 0 1.2rem 3rem -2.4rem rgba(70, 35, 30, .25) !important; }
.qd-skin .dt_sections, .qd-skin .dt_settings_bg_wrap, .qd-skin .dt_terms_content_body { padding: 2.6rem 2.8rem !important; margin-bottom: 1.8rem; }
.qd-skin .card { overflow: hidden; }
.qd-skin .card .card-content { padding: 1.6rem 1.8rem; }
.qd-skin .card .card-title { font-family: var(--qd-serif); font-weight: 600; font-size: 2rem; }
.qd-skin .dt_ltst_users .card .card-image img, .qd-skin .random_user_item img { object-fit: cover; }
.qd-skin .divider { background: #ece4df; }
.qd-skin .empty_state, .qd-skin h5.empty_state { display: flex !important; flex-direction: column; align-items: center; gap: 1.4rem; padding: 6rem 2rem !important; margin: 0 !important; text-align: center; background: #fff; border: 1px dashed #e3d6d1; border-radius: 1.6rem; font-family: var(--qd-sans) !important; font-size: 1.6rem !important; font-weight: 500 !important; color: #6f6763 !important; }
.qd-skin .empty_state svg { width: 4.4rem; height: 4.4rem; color: #d8a0a7; }

/* user tiles used by matches / likes / visits / friends / liked / disliked */
.qd-skin .col.matches .card, .qd-skin .col.visit .card, .qd-skin .random_user_item .card, .qd-skin .dt_ltst_users .col > .card { display: block !important; margin: 0 0 2.2rem; padding: 0 !important; text-align: left; }
.qd-skin .col.matches .card .card-image, .qd-skin .random_user_item .card .card-image, .qd-skin .dt_ltst_users .col > .card .card-image { display: block; width: 100%; height: 23rem; overflow: hidden; background: #f1e9e5; }
.qd-skin .col.matches .card .card-image a, .qd-skin .dt_ltst_users .col > .card .card-image a { display: block; height: 100%; }
.qd-skin .col.matches .card .card-image img, .qd-skin .random_user_item .card .card-image img, .qd-skin .dt_ltst_users .col > .card .card-image img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; border-radius: 0 !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; transition: transform .35s var(--qd-ease-out); }
.qd-skin .col.matches .card:hover .card-image img, .qd-skin .dt_ltst_users .col > .card:hover .card-image img { transform: scale(1.04); }
.qd-skin .col.matches .card .card-content, .qd-skin .dt_ltst_users .col > .card .card-content { padding: 1.4rem 1.8rem 1.6rem !important; }
.qd-skin .col.matches .card .card-title, .qd-skin .dt_ltst_users .col > .card .card-title { display: flex; align-items: center; gap: 0.8rem; margin: 0 0 0.4rem !important; font-family: var(--qd-sans) !important; font-size: 1.7rem !important; font-weight: 600 !important; line-height: 1.3 !important; color: #151213; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qd-skin .col.matches .card .card-content p, .qd-skin .dt_ltst_users .col > .card .card-content p { margin: 0 !important; font-size: 1.35rem !important; color: #6f6763; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qd-skin .useronline { width: 0.9rem; height: 0.9rem; border-radius: 50%; background: #22b35e; }
.qd-skin .dt_ltst_users .card, .qd-skin .random_user_item .card { transition: transform .18s var(--qd-ease-out), box-shadow .18s var(--qd-ease-out); }
.qd-skin .dt_ltst_users .card:hover, .qd-skin .random_user_item .card:hover { transform: translateY(-0.3rem); box-shadow: 0 2.2rem 4rem -2.6rem rgba(70, 35, 30, .45) !important; }
.qd-skin .card .card-image .circle, .qd-skin .dt_ltst_users img.circle { border: 0.4rem solid #fff; box-shadow: 0 0 0 1px #efe4e0; }

/* buttons */
.qd-skin .btn, .qd-skin .btn-large, .qd-skin .btn-small, .qd-skin .btn_primary, .qd-skin button.btn-flat.btn_primary, .qd-skin a.btn-flat.btn_primary {
  height: 4.4rem; line-height: 4.4rem; padding: 0 2.2rem; border-radius: 1.2rem !important; background: var(--qd-red) !important; color: #fff !important; font-family: var(--qd-sans); font-weight: 600; font-size: 1.45rem; letter-spacing: 0; text-transform: none; box-shadow: 0 1rem 2rem -1.4rem rgba(214, 48, 44, .75) !important; }
.qd-skin .btn-large { height: 5rem; line-height: 5rem; font-size: 1.6rem; }
.qd-skin .btn:hover, .qd-skin .btn-large:hover, .qd-skin .btn_primary:hover { background: #cc3431 !important; }
.qd-skin .btn-flat:not(.btn_primary) { height: 4rem; line-height: 4rem; padding: 0 1.6rem; border-radius: 1rem; color: #3a3336 !important; text-transform: none; font-weight: 500; }
.qd-skin .btn-flat:not(.btn_primary):hover { background: #f6ecea !important; }
.qd-skin .dt_bank_trans_upl_rec > button { align-items: center; display: inline-flex; gap: 0.8rem; min-height: 4.4rem; }
.qd-skin .dt_bank_trans_upl_rec > button:focus-visible { outline: 0.3rem solid var(--qd-focus); outline-offset: 0.2rem; }
.qd-skin .btn.white, .qd-skin .btn.grey, .qd-skin .btn.btn_secondary { background: #fff !important; color: #1f1b1c !important; border: 1px solid #e3d8d3; box-shadow: none !important; }
.qd-skin .btn.red, .qd-skin .btn.btn_danger { background: #b3261e !important; }
.qd-skin .btn[disabled], .qd-skin .btn.disabled { opacity: .55; background: #d9c7c3 !important; }
.qd-skin .load_more, .qd-skin #btn_load_more_success_stories { display: flex !important; align-items: center; justify-content: center; width: max-content; margin: 2.6rem auto 0 !important; background: #fff !important; color: #1f1b1c !important; border: 1px solid #e3d8d3 !important; box-shadow: none !important; }

/* fields */
.qd-skin .input-field { margin-top: 2rem; }
.qd-skin .input-field > label { color: #6f6763; font-size: 1.4rem; }
.qd-skin .input-field > label.active { color: #8c3b52; }
.qd-skin input:not([type]):not(.browser-default), .qd-skin input[type=text]:not(.browser-default), .qd-skin input[type=password]:not(.browser-default), .qd-skin input[type=email]:not(.browser-default),
.qd-skin input[type=url]:not(.browser-default), .qd-skin input[type=tel]:not(.browser-default), .qd-skin input[type=number]:not(.browser-default), .qd-skin input[type=search]:not(.browser-default), .qd-skin input[type=date]:not(.browser-default),
.qd-skin textarea.materialize-textarea, .qd-skin select.browser-default, .qd-skin .form-control {
  font-family: var(--qd-sans); font-size: 1.5rem; color: #1f1b1c; }
.qd-skin input:focus:not([readonly]), .qd-skin textarea:focus:not([readonly]) { border-color: var(--qd-red) !important; box-shadow: 0 0 0 0.3rem rgba(229, 72, 75, .12) !important; }
.qd-skin select.browser-default, .qd-skin .form-control { height: 4.6rem; padding: 0 1.4rem; border: 1px solid #e3d8d3; border-radius: 1rem; background-color: #fff; }
.qd-skin .select-wrapper input.select-dropdown { border-radius: 1rem; }
.qd-skin .dropdown-content { border-radius: 1.2rem; box-shadow: 0 2rem 4rem -1.8rem rgba(60, 25, 30, .35); }
.qd-skin .dropdown-content li > a, .qd-skin .dropdown-content li > span { color: #2b2226; }
.qd-skin .switch label input[type=checkbox]:checked + .lever { background-color: #f6c2c5; }
.qd-skin .switch label input[type=checkbox]:checked + .lever:after { background-color: var(--qd-red); }
.qd-skin [type=checkbox].filled-in:checked + span:not(.lever):after { border-color: var(--qd-red); background-color: var(--qd-red); }
.qd-skin [type=radio]:checked + span:after, .qd-skin [type=radio].with-gap:checked + span:after { background-color: var(--qd-red); border-color: var(--qd-red); }
.qd-skin .chip { border-radius: 1.6rem; background: #f4ece8; color: #3a3336; font-size: 1.35rem; }

/* alerts, tabs, tables, pagination */
.qd-skin .alert { padding: 1.2rem 1.6rem; border-radius: 1.2rem; font-size: 1.4rem; border: 0; }
.qd-skin .alert-success { background: #eaf6ee; color: #1f7a45; } .qd-skin .alert-danger { background: #fdecec; color: #b3261e; } .qd-skin .alert-warning { background: #fdf3df; color: #8a5c0c; }
.qd-skin .tabs { background: transparent; border-bottom: 1px solid #ece4df; height: 5rem; }
.qd-skin .tabs .tab a { color: #6f6763; text-transform: none; font-size: 1.5rem; font-weight: 500; }
.qd-skin .tabs .tab a.active, .qd-skin .tabs .tab a:hover { color: var(--qd-red); background: transparent; }
.qd-skin .tabs .indicator { background: var(--qd-red); height: 0.3rem; border-radius: 0.2rem; }
.qd-skin table { border-collapse: separate; border-spacing: 0; width: 100%; background: #fff; border: 1px solid #ece4df; border-radius: 1.4rem; overflow: hidden; }
.qd-skin table th { background: #f8f2ef; font-size: 1.2rem; letter-spacing: 0.12rem; text-transform: uppercase; color: #6f6763; font-weight: 600; padding: 1.2rem 1.6rem; }
.qd-skin table td { padding: 1.2rem 1.6rem; border-top: 1px solid #f1e9e5; font-size: 1.4rem; }
.qd-skin .pagination li.active { background-color: var(--qd-red); border-radius: 0.8rem; }
.qd-skin .collection .collection-item { border-bottom: 1px solid #f1e9e5; }
.qd-skin .progress { background: #f6d8d5; border-radius: 0.6rem; } .qd-skin .progress .determinate { background: var(--qd-red); }

/* modals (Materialize) */
.modal { border-radius: 1.8rem !important; box-shadow: 0 4rem 8rem -4rem rgba(40, 15, 20, .55) !important; }
.modal .modal-content h4, .modal .modal-title { font-family: 'Newsreader', serif; font-weight: 600; font-size: 2.6rem; letter-spacing: -.5px; }
.modal .modal-footer { border-radius: 0 0 1.8rem 1.8rem; }
.modal .btn_primary, .modal .btn-flat.btn_primary { background: #e5484b !important; border-radius: 1.2rem !important; color: #fff !important; }
.modal-overlay { background: rgba(28, 14, 18, .55) !important; }
#toast-container .toast { border-radius: 1.2rem; background: #1f1a19; color: #fff; font-family: 'Inter', sans-serif; }

/* member rail (legacy sidebar) */
.qd-lrail { position: sticky; top: 9.6rem; padding: 2.4rem 2rem 2.2rem; background: #fff; border: 1px solid #ece4df; border-radius: 1.8rem; }
.qd-lrail__me { text-align: left; }
.qd-lrail__av { position: relative; display: block; width: 8.4rem; height: 8.4rem; }
.qd-lrail__av img { width: 8.4rem; height: 8.4rem; border-radius: 50%; object-fit: cover; }
.qd-lrail__av i { position: absolute; right: 0.2rem; bottom: 0.4rem; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: #22b35e; border: 0.25rem solid #fff; }
.qd-lrail__me > b { display: flex; align-items: center; gap: 0.6rem; margin-top: 1.2rem; font-size: 1.9rem; font-weight: 600; color: #151213; }
.qd-lrail__me > b img, .qd-lrail__me > b svg { width: 1.8rem; height: 1.8rem; }
.qd-lrail__pop { display: inline-flex; align-items: center; gap: 0.6rem; margin-top: 0.4rem; font-size: 1.35rem; color: #6f6763; }
.qd-lrail__pop strong { color: var(--qd-red); font-weight: 600; }
.qd-lrail__pop .qd-ic { color: #d9a043; }
.qd-lrail__stats { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 1.6rem; padding-top: 1.6rem; border-top: 1px solid #efe7e3; }
.qd-lrail__stats a { font-size: 1.15rem; color: #6f6763; }
.qd-lrail__stats a + a { padding-left: 1.4rem; border-left: 1px solid #efe7e3; }
.qd-lrail__stats b { display: block; font-size: 1.8rem; font-weight: 700; color: #151213; }
.qd-lrail__menu { margin-top: 1.8rem; }
.qd-lrail__menu a { display: flex; align-items: center; gap: 1.4rem; height: 4.2rem; padding: 0 1.2rem; margin-bottom: 0.2rem; border-radius: 1rem; font-size: 1.45rem; color: #2a2425; }
.qd-lrail__menu a .qd-ic { color: #4a4043; }
.qd-lrail__menu a:hover { background: #f8efec; color: var(--qd-red); }
.qd-lrail__menu a.is-on { background: #f8e1dc; color: var(--qd-red); }
.qd-lrail__menu a.is-on .qd-ic { color: var(--qd-red); }
.qd-lrail__sep { display: block; height: 1px; margin: 1rem 0.8rem; background: #efe7e3; }
.qd-lrail__boost { margin-top: 1.8rem; padding: 1.6rem; border-radius: 1.4rem; background: #fbefec; }
.qd-lrail__boost b { font-family: var(--qd-serif); font-size: 1.8rem; font-weight: 600; }
.qd-lrail__boost p { margin: 0.4rem 0 1.2rem !important; font-size: 1.3rem !important; color: #6f6763; }
.qd-lrail__boost .qd-btn { height: 3.8rem; padding: 0 1.4rem; font-size: 1.35rem; border-radius: 1rem; width: 100%; }

/* settings rail layout: rail + content grid */
[class*="qd-skin--settings"], .qd-skin--my_info { display: grid !important; grid-template-columns: 30rem minmax(0, 1fr); column-gap: 4rem; align-items: start; max-width: 149rem !important; margin: 0 auto !important; padding: 3rem 4.4rem 0 !important; }
[class*="qd-skin--settings"] > *:not(.qd-srail2), .qd-skin--my_info > *:not(.qd-srail2) { grid-column: 2; min-width: 0; }
[class*="qd-skin--settings"] .container, .qd-skin--my_info .container { padding: 0 !important; }
[class*="qd-skin--settings"] > .qd-srail2, .qd-skin--my_info > .qd-srail2 { grid-column: 1; grid-row: 1 / span 60; position: sticky; top: 9.6rem; }
.qd-srail2 { width: 30rem; padding: 2.8rem 2.2rem 2.6rem; background: #fff; border: 1px solid #ece4df; border-radius: 1.8rem; }
.qd-srail2__me { text-align: center; }
.qd-srail2__av { position: relative; display: inline-block; width: 11.6rem; height: 11.6rem; }
.qd-srail2__av img { width: 11.6rem; height: 11.6rem; border-radius: 50%; object-fit: cover; }
.qd-srail2__av i { position: absolute; right: -0.2rem; bottom: 0.4rem; width: 3.6rem; height: 3.6rem; border-radius: 50%; background: var(--qd-red); color: #fff; display: grid; place-items: center; border: 0.3rem solid #fff; }
.qd-srail2__me b { display: block; margin-top: 1rem; font-size: 2rem; font-weight: 600; }
.qd-srail2__me small { display: block; font-size: 1.35rem; color: #6f6763; }
.qd-srail2__nav { margin-top: 2rem; }
.qd-srail2__nav a { display: flex; align-items: center; gap: 1.6rem; height: 4.4rem; padding: 0 1.4rem 0 1.6rem; border-radius: 1rem; font-size: 1.55rem; color: #1d1f25; }
.qd-srail2__nav a:hover { background: #f8efec; }
.qd-srail2__nav a.is-on { background: #fbe6e3; color: var(--qd-red); }
.qd-srail2__nav a.is-on .qd-ic { color: var(--qd-red); }
.qd-srail2__nav .qd-chev { margin-left: auto; }
.qd-srail2__quote { margin-top: 2.2rem; padding-top: 2.2rem; border-top: 1px solid #efe7e3; font-family: var(--qd-serif); font-style: italic; font-size: 2.7rem; line-height: 2.9rem; color: #1d1f25; }
.qd-srail2__quote i { display: block; width: 4rem; height: 0.2rem; margin-top: 1.4rem; background: var(--qd-red); }
[class*="qd-skin--settings"] .dt_settings_bg_wrap, .qd-skin--my_info .dt_settings_bg_wrap { margin-top: 3rem; }
[class*="qd-skin--settings"] .dt_sett_footer { display: flex; justify-content: flex-end; gap: 1.2rem; padding-top: 1.8rem; border-top: 1px solid #f1e9e5; }

/* hide the legacy mobile quick-menu: the shared header drawer replaces it */
.qd-skin .dt_mini_sidebar, .qd-skin .mini_sidebar, .qd-skin .dt_sidebar_mini { display: none !important; }

@media (max-width: 1199px) {
  .qd-skin { font-size: 1.5rem; }
  .qd-skin .container, .qd-skin .container-fluid.container_new, .qd-skin .container_new { padding: 0 1.4rem !important; }
  .qd-skin .row .col.l3, .qd-skin .row .col.l9, .qd-skin .row .col.l6, .qd-skin .row .col.m6 { width: 100%; margin-left: 0; }
  .qd-lrail { position: static; margin-bottom: 1.8rem; }
  .qd-lrail__menu { display: flex; overflow-x: auto; gap: 0.6rem; padding-bottom: 0.6rem; }
  .qd-lrail__menu a { flex: none; background: #f8f2ef; }
  .qd-lrail__sep, .qd-lrail__boost { display: none; }
  .qd-skin .dt_home_rand_user h4, .qd-skin .qd_story_head h4 { font-size: 3.2rem; }
  .qd-skin h1 { font-size: 3.4rem; } .qd-skin h2 { font-size: 2.6rem; }
  [class*="qd-skin--settings"], .qd-skin--my_info { display: block; padding: 0 1.4rem; }
  .qd-srail2 { position: static !important; width: auto; margin: 1.6rem 0; padding: 1.8rem; }
  .qd-srail2__me { display: none; }
  .qd-srail2__nav { display: flex; overflow-x: auto; gap: 0.6rem; margin: 0; padding-bottom: 0.8rem; scrollbar-width: thin; scrollbar-color: #d8d2cd transparent; }
  .qd-srail2__nav::-webkit-scrollbar { height: 0.6rem; }
  .qd-srail2__nav::-webkit-scrollbar-thumb { background: #d8d2cd; border-radius: 0.3rem; }
  .qd-srail2__nav::-webkit-scrollbar-track { background: transparent; }
  .qd-srail2__nav a { flex: none; background: #f8f2ef; height: 4rem; font-size: 1.4rem; }
  .qd-srail2__quote { display: none; }
  .qd-skin .dt_sections, .qd-skin .dt_settings_bg_wrap, .qd-skin .dt_terms_content_body { padding: 1.8rem 1.6rem !important; }
  .qd-skin table { display: block; overflow-x: auto; }
}

/* popularity boosts */
.qd-skin .dt_poplrity_cont { border-radius: 1.8rem !important; box-shadow: 0 2rem 4rem -2.8rem rgba(70, 20, 30, .6) !important; }
.qd-skin .dt_poplrity_cont.visits { background: linear-gradient(160deg, #5e2754, #3a1530) !important; }
.qd-skin .dt_poplrity_cont.matches { background: linear-gradient(160deg, #ef5a52, #c7303b) !important; }
.qd-skin .dt_poplrity_cont.likes { background: linear-gradient(160deg, #f08a95, #e5484b) !important; }
.qd-skin .dt_poplrity_cont .btn { background: #fff !important; color: #c7303b !important; }
.qd-skin .dt_pop_level h4, .qd-skin .dt_popular h4 { font-size: 3.4rem; }
.qd-skin .col.matches .card .card-image, .qd-skin .dt_ltst_users .col > .card .card-image { padding: 0 !important; margin: 0 !important; border-radius: 0 !important; }

/* legacy side menus (content pages, right widgets) styled like the member rail */
.qd-skin .dt_left_sidebar { position: sticky; top: 9.6rem; padding: 1.8rem 1.6rem !important; background: #fff !important; border: 1px solid #ece4df !important; border-radius: 1.8rem !important; box-shadow: none !important; }
.qd-skin .dt_left_sidebar ul.menu { margin: 0; }
.qd-skin .dt_left_sidebar ul.menu li { list-style: none; }
.qd-skin .dt_left_sidebar ul.menu li a { display: flex !important; align-items: center; gap: 1.4rem; height: 4.2rem; padding: 0 1.2rem !important; border-radius: 1rem; font-size: 1.45rem !important; color: #2a2425 !important; background: none; }
.qd-skin .dt_left_sidebar ul.menu li a svg { width: 2rem; height: 2rem; color: #4a4043; }
.qd-skin .dt_left_sidebar ul.menu li a:hover { background: #f8efec; color: var(--qd-red) !important; }
.qd-skin .dt_left_sidebar ul.menu li a.active { background: #f8e1dc !important; color: var(--qd-red) !important; }
.qd-skin .dt_left_sidebar ul.menu li a.active svg { color: var(--qd-red); }
.qd-skin .dt_left_sidebar ul.menu li.divider { height: 1px; margin: 1rem 0.8rem; background: #efe7e3; }
.qd-skin .dt_left_sidebar.pro { background: linear-gradient(170deg, #fbefe9, #fff) !important; }
.qd-skin .dt_left_sidebar.pro h5, .qd-skin .dt_left_sidebar.pro .bold { font-family: var(--qd-serif); color: #8c2d44 !important; }
.qd-skin h2.terms, .qd-skin .dt_settings_bg_wrap > h2.bold { position: relative; font-family: var(--qd-serif) !important; font-size: 4.6rem !important; line-height: 1.05; letter-spacing: -0.16rem; font-weight: 600 !important; margin: 0.4rem 0 2.2rem !important; padding-bottom: 1.6rem; border-bottom: 1px solid #f1e9e5; }
.qd-skin h2.terms div::after { content: '.'; color: var(--qd-red); }
.qd-skin .dt_terms_content_body { border: 0 !important; box-shadow: none !important; padding: 0 !important; font-size: 1.6rem; line-height: 1.7; color: #3a3336; }
.qd-skin .dt_terms_content_body h1, .qd-skin .dt_terms_content_body h2, .qd-skin .dt_terms_content_body h3 { margin: 2.6rem 0 1rem; }
.qd-skin .dt_terms .col.l6 { width: 58%; } .qd-skin .dt_terms .col.l3.profile_menu { width: 22%; } .qd-skin .dt_terms .col.l3:last-child { width: 20%; }
@media (max-width: 1199px) { .qd-skin .dt_terms .col { width: 100% !important; } .qd-skin .dt_left_sidebar { position: static; } .qd-skin h2.terms { font-size: 3.4rem !important; } }
.mce-container, .mce-container *, .mce-widget, .mce-menu-item, .tox, .tox * { font-family: 'Inter', system-ui, sans-serif !important; }
.mce-panel { border-color: #e3d8d3 !important; border-radius: 1rem; }

/* ---- 90-mobile.css ---- */
/* Mobile fixes across redesigned pages */
@media (max-width: 1199px) {
  .qd-home .qd-hnav { position: absolute; }
  .qd-hnav__signin { display: none; }
  .qd-hnav__join { width: auto !important; padding: 0 1.4rem; height: 4rem !important; }
  .qd-brand__logo { height: 4.4rem; }
  .qd-logo { height: 3.6rem; }
  .qd-bnav { height: 6.4rem; }
  .qd-bnav__signin, .qd-bnav__sep { display: none !important; }
  .qd-bsearch { display: none !important; }
  .qd-bsearch.is-open { display: block !important; position: absolute; z-index: 6; left: 0; right: 0; top: 6.4rem; width: 100%; padding: 1rem 0; background: var(--qd-bg); }
  .qd-bnav__join { width: auto !important; padding: 0 1.4rem; }
  .qd-mp__badge { display: none !important; width: 3.8rem !important; height: 3.6rem !important; }
  .qd-lcard__body h3, .qd-lcard .qd-online-pill { position: static; }
  .qd-lcard { display: flex; flex-direction: column; }
  .qd-lcard__photo { height: 26rem !important; }
  .qd-sseg { grid-template-columns: repeat(3, 1fr) !important; width: 100% !important; }
  .qd-sseg button { font-size: 1.3rem; padding: 0 0.4rem; }
  .qd-set__body .qd-srow { flex-direction: column; align-items: flex-start; gap: 1.2rem; padding: 1.6rem 0; }
  .qd-set__body .qd-srow__t { width: 100%; }
  .qd-set__body .qd-srow__c { margin-left: 0; width: 100%; }
  .qd-set__body .qd-sseg, .qd-set__body .qd-srange, .qd-set__body .qd-stog { width: 100%; }
  .qd-set__body .qd-smenu { scrollbar-width: thin; scrollbar-color: #d8c9c5 transparent; }
  .qd-set__body .qd-smenu::-webkit-scrollbar { display: block; height: 0.5rem; }
  .qd-set__body .qd-smenu::-webkit-scrollbar-thumb { background: #d8c9c5; border-radius: 0.5rem; }
  .qd-smain > p { font-size: 1.6rem; }
  .qd-bal { padding-bottom: 8rem !important; }
  .qd-bal__coins, .qd-bal__n, .qd-bal__lbl, .qd-page .qd-bal .qd-buy, .qd-bal__last { position: static !important; }
  .qd-bal__n { font-size: 7.2rem; line-height: 8rem; }
  .qd-page .qd-bal .qd-buy { margin-top: 1.4rem; }
  .qd-arow { grid-template-columns: 4rem 1fr 6rem; }
  .qd-arow time { grid-column: 2 / -1; text-align: left; }
  .qd-cr__packs-h { margin-top: 1rem; }
  .qd-skin .row .col.l3.m6.s12, .qd-skin .col.matches, .qd-skin .col.visit { width: 50% !important; float: left; }
  .qd-skin .col.matches .card .card-image { height: 18rem; }
  [class*="qd-skin--settings"], .qd-skin--my_info { display: block !important; padding: 0 1.4rem !important; }
  .qd-skin .dt_settings .col { width: 100% !important; }
  .qd-auth { display: flex; flex-direction: column; padding: 2rem 1.6rem 4rem; }
  .qd-auth .qd-login__head, .qd-auth .qd-login__back { position: static; }
  .qd-auth .qd-login__tag, .qd-auth .qd-login__pillars { display: none; }
  .qd-auth .qd-login__art { position: static; width: 100%; height: auto; margin-top: 2.4rem; }
  .qd-page.qd-auth h1 { font-size: 4.6rem; line-height: 4.6rem; }
  .qd-auth__form .row .col { width: 100% !important; }
  .qd-login__head .qd-wordmark { font-size: 3.2rem; }
}
.qd-auth__form input::placeholder { color: #8a7a80 !important; }
.qd-auth__form .input-field > label { color: #6f5f65 !important; z-index: 2; }
@media (max-width: 1199px) { .qd-lcard .qd-online-pill { position: absolute !important; } .qd-lcard .qd-online-pill ~ .qd-online-pill { display: none; } }

/* ---- 99-fixes.css ---- */
/* Small corrective overrides kept separate so generated output stays auditable. */
.qd-srange__ticks span { transform: translateX(-50%); }
.qd-srange__ticks span:first-child:not([style]) { left: 0; transform: none; }
.qd-srange__ticks span:last-child:not([style]) { right: 0; left: auto; transform: none; }
/* analytics consent card (only rendered when a Google tag is configured) */
.qd-consent { position: fixed; right: 1.6rem; bottom: 1.6rem; z-index: 990; width: min(36rem, calc(100vw - 3.2rem)); padding: 1.6rem 1.8rem; background: #fff; border: 1px solid #ece5df; border-radius: 1.4rem; box-shadow: 0 1.2rem 3.2rem -1.2rem rgba(60, 40, 30, .35); font-size: 1.4rem; line-height: 2rem; color: #1b161a; }
.qd-consent p { margin: 0 0 1.2rem; }
.qd-consent__acts { display: flex; gap: 1rem; }
.qd-consent__acts button { flex: 1; height: 4rem; border-radius: 1rem; font-weight: 600; font-size: 1.4rem; cursor: pointer; border: 1px solid #e3d8d3; background: #fff; color: #1b161a; }
.qd-consent__acts .qd-consent__accept { background: var(--qd-red, #ee2f45); border-color: transparent; color: #fff; }
@media (max-width: 480px) { .qd-consent { left: 1.6rem; right: 1.6rem; width: auto; } }