:root{--bg:var(--yaqin-bg);--surface:var(--yaqin-bg);--text:var(--yaqin-text);--muted:var(--yaqin-text-tertiary);--sep:var(--yaqin-sep);--yellow:var(--yaqin-yellow);--black:var(--yaqin-text)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{font-family:'Onest',system-ui,sans-serif}html,body{margin:0;background:var(--yaqin-bg);color:var(--text);overflow:hidden}body{min-height:100dvh}.app{width:100%;max-width:100%;height:100dvh;min-height:100dvh;margin:auto;background:var(--yaqin-bg);overflow:hidden;position:relative;padding-top:var(--yaqin-safe-top)}.app-header{height:var(--yaqin-header-h);min-height:var(--yaqin-header-h);padding:0 var(--yaqin-gutter);display:flex;align-items:center;justify-content:space-between;background:var(--yaqin-bg)}.brand-icon{font-size:26px;line-height:1;width:40px;height:40px;display:grid;place-items:center;overflow:hidden;color:var(--yaqin-text)}.location{font-size:18px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:6px}.location i{font-size:17px}.filter-button{border:0;background:none;font-size:22px;width:40px;height:40px;display:grid;place-items:center;color:var(--yaqin-text)}.view{height:calc(100dvh - env(safe-area-inset-top,0px) - 245px);overflow:hidden;padding:0}.swipe-stage{height:100%;min-height:0;position:relative;padding:0 0 80px}.next-edge{position:absolute;inset:auto 0 0;height:22px;border-radius:38px 38px 0 0;background:linear-gradient(90deg,var(--yaqin-pink),var(--yaqin-link))}.profile-card{height:100%;position:relative;border-radius:38px;overflow:hidden;touch-action:pan-y;cursor:grab;z-index:2;background:var(--yaqin-text-secondary)}.profile-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.02) 45%,rgba(24,17,13,.79) 100%)}.swipe-hint{position:absolute;top:28px;left:20px;z-index:4;background:var(--yellow);color:var(--yaqin-text);border-radius:14px;padding:8px 14px;font-size:var(--yaqin-fs-secondary);font-weight:600;white-space:nowrap}.caption{position:absolute;z-index:3;left:20px;right:20px;bottom:18px;color:var(--yaqin-ink-inverse)}.caption h2{margin:0 0 10px;font-size:var(--yaqin-fs-title);line-height:1.1;font-weight:700}.caption p{margin:0 0 14px;font-size:var(--yaqin-fs-body-rg);line-height:1.35;max-width:100%}.chips{display:flex;gap:8px;overflow:hidden}.chip{flex:0 0 auto;background:var(--yaqin-text);color:var(--yaqin-ink-inverse);border-radius:999px;padding:8px 14px;font-size:var(--yaqin-fs-body-rg);white-space:nowrap}.decision-row{position:absolute;z-index:5;right:20px;bottom:84px}.decision{border:0;border-radius:50%;width:72px;height:72px;background:var(--yellow);color:var(--yaqin-text);font-size:38px;box-shadow:none}.decision.like{width:72px;height:72px;background:var(--yellow);color:var(--yaqin-text);margin:0}.decision-label{display:none}.demo-label{display:none}.empty{text-align:center;padding:70px 18px}.empty-icon{width:96px;height:96px;border-radius:50%;margin:auto;display:grid;place-items:center;background:var(--yaqin-bg-subtle);color:var(--yaqin-text-tertiary);font-size:38px}.empty h1{font-size:28px;margin:24px 0 8px}.empty p{font-size:20px;line-height:1.4;color:var(--muted)}.button{border:0;border-radius:12px;padding:16px 24px;background:var(--yaqin-text-secondary);color:var(--yaqin-ink-inverse);font-size:18px;font-weight:700}.app-header~.view{}.nav{position:absolute;bottom:82px;left:0;width:100%;height:95px;background:var(--yaqin-bg);border-top:1px solid var(--yaqin-sep);display:grid;grid-template-columns:repeat(5,1fr);z-index:10;padding:14px 20px 8px}.nav button{position:relative;border:0;background:none;color:var(--yaqin-text-tertiary);font-size:32px;padding:2px}.nav button.active{color:var(--yaqin-text)}.nav small{display:block;font-size:21px;font-weight:500;margin-top:7px}.badge{position:absolute;top:-2px;right:25%;background:var(--yaqin-danger);color:var(--yaqin-ink-inverse);border-radius:50%;font-size:15px;padding:7px 10px}.brand-footer{position:absolute;bottom:0;left:0;width:100%;height:82px;background:var(--yaqin-ink);color:var(--yaqin-ink-inverse);display:flex;align-items:center;padding:0 28px;gap:14px;font-size:28px}.brand-footer span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--yellow);color:var(--yaqin-text)}.brand-footer small{margin-left:auto;font-size:20px;font-weight:600}.brand-footer strong{font-size:30px}@media(max-width:600px){.app{max-width:100%;}.app-header{height:var(--yaqin-header-h);min-height:var(--yaqin-header-h);padding:0 var(--yaqin-gutter)}.brand-icon{font-size:26px;width:40px;height:40px}.location{font-size:18px}.filter-button{font-size:22px}.view{height:calc(100dvh - env(safe-area-inset-top,0px) - 190px);padding:0}.swipe-stage{padding-bottom:55px}.profile-card{border-radius:30px}.swipe-hint{top:175px;left:28px;padding:9px 16px;font-size:16px}.caption{left:24px;right:24px;bottom:18px}.caption h2{font-size:38px;margin-bottom:12px}.caption p{font-size:21px;margin-bottom:18px}.chips{gap:7px}.chip{padding:8px 14px;font-size:13px}.decision-row{right:28px;bottom:84px}.decision,.decision.like{width:72px;height:72px;font-size:38px}.nav{bottom:58px;height:76px;padding:9px 8px 3px}.nav small{font-size:12px;margin-top:3px}.nav button{font-size:22px}.badge{font-size:10px;padding:3px 6px;right:20%}.brand-footer{height:58px;padding:0 14px;font-size:18px;gap:8px}.brand-footer span{width:32px;height:32px;border-radius:9px}.brand-footer small{font-size:12px}.brand-footer strong{font-size:20px}}

.screen-head{display:flex;align-items:center;gap:10px;height:var(--yaqin-header-h);min-height:var(--yaqin-header-h);padding:0 var(--yaqin-gutter);background:var(--yaqin-bg)}.screen-head h1{flex:1;margin:0;font-size:var(--yaqin-fs-modal);font-weight:600;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-head button{border:0;background:none;color:var(--yaqin-text);font-size:22px;width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto}

/* Theme — surfaces from tokens.css; no circular --yaqin-* redefs */
html[data-theme='dark'],
html[data-theme='system'] {
  color-scheme: light dark;
}

html[data-theme='dark'] html,
html[data-theme='dark'] body,
html[data-theme='dark'] .app,
html[data-theme='dark'] .view,
html[data-theme='dark'] .app-header,
html[data-theme='dark'] .me-tabs,
html[data-theme='dark'] .gchat-top,
html[data-theme='dark'] .picker-head,
html[data-theme='dark'] .nav {
  background: var(--yaqin-bg) !important;
  color: var(--yaqin-text);
}
html[data-theme='dark'] .app-header.discover-header,
html[data-theme='dark'] .list-sticky-pill {
  background: transparent !important;
}

html[data-theme='dark'] .chats-page,
html[data-theme='dark'] .search-page,
html[data-theme='dark'] .settings-page,
html[data-theme='dark'] .me-page,
html[data-theme='dark'] .events-feed-page,
html[data-theme='dark'] .create-group-page,
html[data-theme='dark'] .create-event-page,
html[data-theme='dark'] .new-dm-page,
html[data-theme='dark'] .chat-page,
html[data-theme='dark'] .group-chat-lite,
html[data-theme='dark'] .group-location-page,
html[data-theme='dark'] .group-theme-page,
html[data-theme='dark'] .group-tags-page,
html[data-theme='dark'] .edit-profile-page,
html[data-theme='dark'] .edit-photos-page,
html[data-theme='dark'] .filters-page,
html[data-theme='dark'] .connected-page,
html[data-theme='dark'] .ob-start,
html[data-theme='dark'] .ob-plain,
html[data-theme='dark'] .ob-form,
html[data-theme='dark'] .ob-card,
html[data-theme='dark'] .verify-intro,
html[data-theme='dark'] .verify-identity,
html[data-theme='dark'] .verify-capture,
html[data-theme='dark'] .verify-submitted,
html[data-theme='dark'] .report-flow,
html[data-theme='dark'] .report-overlay {
  background: var(--yaqin-bg) !important;
  color: var(--yaqin-text);
}

/* Raised cards / list rows */
html[data-theme='dark'] .chat-row,
html[data-theme='dark'] .pick-row,
html[data-theme='dark'] .message-bar,
html[data-theme='dark'] .edit-sheet {
  border-color: var(--yaqin-sep) !important;
  color: var(--yaqin-text) !important;
  background: var(--yaqin-surface-raised) !important;
}

html[data-theme='dark'] .settings-block {
  background: var(--yaqin-surface-raised) !important;
  border-color: var(--yaqin-sep) !important;
}
html[data-theme='dark'] .settings-row,
html[data-theme='dark'] .account-row {
  background: transparent !important;
  border-color: var(--yaqin-sep-soft) !important;
  color: var(--yaqin-text) !important;
}

html[data-theme='dark'] .chat-copy strong,
html[data-theme='dark'] .chats-head h1,
html[data-theme='dark'] .modal-head h1 {
  color: var(--yaqin-text) !important;
}

html[data-theme='dark'] .chat-copy span,
html[data-theme='dark'] .chats-section,
html[data-theme='dark'] .search-count,
html[data-theme='dark'] .chats-empty p,
html[data-theme='dark'] .nav button {
  color: var(--yaqin-text-secondary) !important;
}

html[data-theme='dark'] .search-box,
html[data-theme='dark'] .plain-search {
  background: var(--yaqin-surface-raised);
  color: var(--yaqin-text);
}

html[data-theme='dark'] .nav button.active {
  color: var(--yaqin-text) !important;
}

html[data-theme='dark'] .chats-head,
html[data-theme='dark'] .modal-head,
html[data-theme='dark'] .filters-head,
html[data-theme='dark'] .me-top,
html[data-theme='dark'] .sheet-head {
  background: transparent !important;
}

@media (prefers-color-scheme: dark) {
  html[data-theme='system'] body,
  html[data-theme='system'] .app,
  html[data-theme='system'] .view,
  html[data-theme='system'] .nav,
  html[data-theme='system'] .chats-page {
    background: var(--yaqin-bg) !important;
    color: var(--yaqin-text);
  }
  html[data-theme='system'] .chats-head,
  html[data-theme='system'] .modal-head {
    background: transparent !important;
  }
  html[data-theme='system'] .app-header.discover-header,
  html[data-theme='system'] .list-sticky-pill {
    background: transparent !important;
  }
}