/* MyPerson app skin v1 (Oct 2026). Loaded after app.css. Changes colours, type, radius and depth only, so every screen keeps its layout.
   Pink to violet brand, Bricolage Grotesque headings, Plus Jakarta Sans text, calm tinted surfaces, true dark mode. */
:root{
  --mp-grad:linear-gradient(135deg,#ec3a8c 0%,#b13ad8 55%,#7a3cff 100%);
  --pink:#ec3a8c;--pink-hover:#c2257a;--pink-light:#ff7ab8;--pink-dim:rgba(236,58,140,.09);--pink-dim2:rgba(236,58,140,.15);--pink-border:rgba(236,58,140,.24);--border-pink:rgba(236,58,140,.24);
  --purple:#1b0d33;--purple-mid:#4a2a8a;--violet:#7a3cff;
  --bg:#f7f3fc;--surface:#ffffff;--surface-2:#f2edf9;--surface-3:#e8e0f4;--surface-4:#dcd1ee;--overlay:rgba(255,255,255,.9);
  --text-1:#150a26;--text-2:#40305c;--text-3:#7a6d96;--text-4:#aaa0c0;
  --border-1:rgba(60,30,110,.10);--border-2:rgba(60,30,110,.06);
  --shadow-card:0 14px 40px rgba(70,30,130,.16);--shadow-md:0 8px 28px rgba(70,30,130,.12);--shadow-sm:0 3px 12px rgba(70,30,130,.10);
  --font-display:'Bricolage Grotesque','Plus Jakarta Sans',system-ui,sans-serif;
  --font-body:'Plus Jakarta Sans','DM Sans',system-ui,sans-serif;
}
[data-theme="dark"]{
  --bg:#0f0819;--surface:#1a1127;--surface-2:#241838;--surface-3:#2f2147;--surface-4:#3b2b58;--overlay:rgba(18,10,30,.94);
  --text-1:#f6f0ff;--text-2:#d0c4ea;--text-3:#8f82ae;--text-4:#5a4d78;
  --border-1:rgba(255,255,255,.09);--border-2:rgba(255,255,255,.05);
  --pink-dim:rgba(236,58,140,.14);--pink-dim2:rgba(236,58,140,.22);
  --shadow-card:0 14px 44px rgba(0,0,0,.55);
}
html,body{font-family:var(--font-body)!important;background:var(--bg);color:var(--text-1);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}
body{background:radial-gradient(70% 40% at 0% 0%,rgba(236,58,140,.07),transparent 70%),radial-gradient(60% 40% at 100% 100%,rgba(122,60,255,.07),transparent 70%),var(--bg)}

/* headings and numbers */
h1,h2,h3,.likes-page-title,.card-state__title,.pcard__name,.modal__title,.screen__title,[class*="__title"]{font-family:var(--font-display)!important;font-style:normal!important;letter-spacing:-.02em}
html body .pcard__name,html body .conv-name{font-style:normal!important}
.desktop-left>a,.topbar__logo,.app-logo{font-family:var(--font-display)!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.03em}
.desktop-left>a em,.topbar__logo em,.app-logo em{font-style:normal!important;background:var(--mp-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
[style*="Playfair"]{font-family:var(--font-display)!important;font-style:normal!important}

/* primary actions */
.btn--pink,.btn-primary,.likes-cta-btn,.mp-btn-primary{background:var(--mp-grad)!important;border:0!important;color:#fff!important;box-shadow:0 10px 26px rgba(236,58,140,.30)!important}
.btn--pink:active,.likes-cta-btn:active{transform:scale(.97)}
.action-btn{backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(70,30,130,.18)}
.action-btn--like{background:var(--mp-grad)!important;border:0!important;color:#fff!important;box-shadow:0 12px 30px rgba(236,58,140,.45)!important}
.action-btn--nope{background:var(--surface)!important}
.action-btn--superlike,.action-btn--boost{background:var(--surface)!important}

/* top bar, nav */
.bottom-nav{background:color-mix(in srgb,var(--surface) 88%,transparent)!important;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-top:1px solid var(--border-1)!important;padding-bottom:max(6px,env(safe-area-inset-bottom,0px))}
.bottom-nav__item{color:var(--text-3)}
.bottom-nav__item.active{color:var(--pink)!important}
.bottom-nav__item.active::before{background:var(--mp-grad)!important;border-radius:0 0 6px 6px}
.sidebar-nav-item{border-radius:14px}
.sidebar-nav-item.active{background:var(--mp-grad)!important;color:#fff!important;box-shadow:0 8px 20px rgba(236,58,140,.28)}
.desktop-left{background:var(--surface);border-right:1px solid var(--border-1)}

/* cards, chips, lists */
.pcard,.like-card,.likes-upgrade-card{border-radius:26px!important}
.pcard{box-shadow:var(--shadow-card)!important}
.conv-item{border-radius:18px;margin:2px 8px}
.conv-item:hover,.conv-item:active{background:var(--surface-2)}
.badge--pink{background:var(--mp-grad)!important;color:#fff!important}
.likes-tab.active,.tab.active,[role=tab].active{color:var(--pink)!important;border-color:var(--pink)!important}
.fselect,input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],textarea,select{border-radius:14px;font-family:var(--font-body)}
input:focus,textarea:focus,select:focus{outline:2px solid var(--pink-border);outline-offset:1px;border-color:var(--pink)!important}

/* new: visitors entry on Likes, ask-to-verify chip */
.visitors-cta{display:flex;align-items:center;gap:12px;margin:12px 0 4px;padding:12px 14px;border-radius:18px;text-decoration:none;color:var(--text-1);background:var(--surface);border:1px solid var(--border-1);box-shadow:var(--shadow-sm)}
.visitors-cta__ic{width:38px;height:38px;border-radius:12px;background:var(--mp-grad);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.visitors-cta__t{flex:1;display:flex;flex-direction:column;line-height:1.25}.visitors-cta__t small{color:var(--text-3);font-weight:500;font-size:12px}
.visitors-cta>ic:last-child{transform:rotate(90deg);color:var(--text-3)}
.ask-verify-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.35);background:rgba(20,10,35,.55);color:#fff;backdrop-filter:blur(8px);font:700 11px var(--font-body);cursor:pointer;touch-action:manipulation}
.ask-verify-btn:disabled{opacity:.7}

/* screens never overflow sideways, keyboard-safe */
html,body{max-width:100vw;overflow-x:hidden}
img,video,svg{max-width:100%}
@media (max-width:360px){.bottom-nav__label{font-size:9px}}
@media (min-width:1100px){body{background-attachment:fixed}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ===================== SKIN 2: layout redesign ===================== */
.top-bar__logo{font-family:var(--font-display)!important;font-style:normal!important;font-weight:800!important;letter-spacing:-.03em}
.top-bar__logo em{font-style:normal!important;background:var(--mp-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
[style*="font-style:italic"],[style*="font-style: italic"]{font-style:normal!important}

/* top bar: quiet glass strip, no hard line */
.top-bar{background:color-mix(in srgb,var(--bg) 82%,transparent)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:0!important}
.top-bar__icon-btn,.top-bar__coins{border-radius:14px!important;background:var(--surface)!important;border:1px solid var(--border-1)!important;box-shadow:var(--shadow-sm)}

/* PHONE: floating dock */
.bottom-nav{margin:0 12px calc(10px + env(safe-area-inset-bottom,0px))!important;height:66px!important;padding:6px!important;align-items:center!important;border-radius:28px!important;border:1px solid var(--border-1)!important;background:color-mix(in srgb,var(--surface) 86%,transparent)!important;box-shadow:0 18px 44px rgba(70,30,130,.22)!important;gap:2px}
.bottom-nav__item{flex:1 1 0;min-height:52px!important;border-radius:22px;gap:4px!important;transition:flex-grow .25s,background .25s,color .2s}
.bottom-nav__item.active{flex-grow:1.7;background:var(--mp-grad)!important;color:#fff!important;box-shadow:0 8px 20px rgba(236,58,140,.35)}
.bottom-nav__item.active::before{display:none!important}
.bottom-nav__item.active .bottom-nav__icon{transform:none}
.bottom-nav__label{font-size:10px;font-weight:700}

/* swipe action tray: one glass capsule, soft-square keys, a wide Like key */
#swipeActions{left:50%!important;right:auto!important;transform:translateX(-50%);bottom:12px!important;width:auto!important;max-width:calc(100% - 20px);padding:8px!important;gap:8px!important;border-radius:32px;background:color-mix(in srgb,var(--surface) 80%,transparent)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-1);box-shadow:0 16px 40px rgba(40,10,90,.28)}
#swipeActions button{width:48px!important;height:48px!important;border-radius:20px!important;border:0!important;background:var(--surface-2)!important;color:var(--text-2)!important;box-shadow:none!important}
#swipeActions button[onclick*="'nope'"]{color:#ef4444!important}
#swipeActions button[onclick*="'superlike'"]{color:#3b82f6!important}
#swipeActions button[onclick*="'like'"]{width:92px!important;background:var(--mp-grad)!important;color:#fff!important;box-shadow:0 10px 24px rgba(236,58,140,.45)!important}

/* profile card: bigger radius, name set in display type */
.pcard{border-radius:30px!important}
html body .pcard__name{font-size:30px!important;letter-spacing:-.03em}

/* TABLET: slim icon rail, wider content */
@media (min-width:700px){
  .bottom-nav{display:none!important}
  .desktop-left{display:flex!important;width:92px!important;padding:18px 12px!important;align-items:center;background:var(--surface);gap:0}
  .desktop-left>a{font-size:0!important;margin-bottom:22px!important;width:44px;height:44px;border-radius:15px;background:var(--mp-grad);display:flex!important;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(236,58,140,.35)}
  .desktop-left>a::after{content:"M";font:800 22px var(--font-display);color:#fff}
  .desktop-left nav{width:100%;display:flex;flex-direction:column;gap:6px}
  .sidebar-nav-item{font-size:0!important;justify-content:center;padding:12px 0!important;position:relative}
  .sidebar-nav-item .nav-icon{font-size:20px!important;width:auto;display:flex}
  .sidebar-nav-item .badge{position:absolute;top:4px;right:10px;font-size:10px!important;margin:0!important}
  .desktop-left>*:not(a):not(nav){display:none!important}
  body.desktop-layout{background:var(--bg)!important}
  .app-shell{width:min(640px,calc(100vw - 92px))!important;max-width:640px!important;border-left:1px solid var(--border-1);border-right:1px solid var(--border-1);flex-shrink:1}
}
/* DESKTOP: full sidebar, roomy centre, side panel */
@media (min-width:960px){
  .desktop-left{width:248px!important;align-items:stretch;padding:24px 16px!important}
  .desktop-left>a{font-size:26px!important;width:auto;height:auto;background:none;box-shadow:none;display:block!important;border-radius:0}
  .desktop-left>a::after{content:none}
  .sidebar-nav-item{font-size:15px!important;justify-content:flex-start;padding:12px 14px!important}
  .sidebar-nav-item .badge{position:static;margin-left:auto!important}
  .desktop-left>*:not(a):not(nav){display:block!important}
  .app-shell{width:min(560px,44vw)!important;max-width:560px!important}
}
@media (min-width:1500px){.app-shell{width:620px!important;max-width:620px!important}.desktop-right{width:320px!important}}

/* ===================== SKIN 3: boards ===================== */
/* card extras */
.pc-tl{position:absolute;top:24px;left:12px;z-index:20;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}
.pc-online,.pc-ver{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;font:700 11px var(--font-body);background:rgba(255,255,255,.92);color:#0f6a49;backdrop-filter:blur(8px)}
.pc-online i{width:8px;height:8px;border-radius:50%;background:#1fbf75;box-shadow:0 0 0 3px rgba(31,191,117,.25)}
.pc-ver{background:rgba(230,246,238,.95)}
.pc-match-row{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px;align-items:center}
.pc-match-title{width:100%;font:700 10px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.pc-match{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:99px;background:var(--mp-grad);color:#fff;font:700 11px var(--font-body);box-shadow:0 4px 12px rgba(236,58,140,.4)}
/* discover tabs */
.disc-tabs{position:absolute;top:8px;left:0;right:0;z-index:30;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}
.disc-tabs__row{display:flex;gap:4px;padding:4px;border-radius:99px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(14px);border:1px solid var(--border-1);box-shadow:var(--shadow-sm);pointer-events:auto}
.disc-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:99px;font:700 12px var(--font-body);color:var(--text-2);cursor:pointer;touch-action:manipulation}
.disc-tabs button.on{background:var(--text-1);color:var(--bg)}
.disc-tabs__sub{font:600 11px var(--font-body);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}
/* filter sheet */
#modal-filter .modal__sheet,#modal-filter .modal__body,#modal-filter .modal__content{border-radius:28px 28px 0 0}
.pill-toggle{border-radius:99px!important;border:1px solid var(--border-1)!important;background:var(--surface)!important;color:var(--text-2)!important;font-weight:700}
.pill-toggle.active{background:var(--text-1)!important;color:var(--bg)!important;border-color:transparent!important}
.filter-label{font-family:var(--font-body);font-weight:700;color:var(--text-1)}
/* dark mode extras */
[data-theme="dark"] .pcard{background:var(--surface)!important}
[data-theme="dark"] .bottom-nav{background:color-mix(in srgb,var(--surface) 88%,transparent)!important}
[data-theme="dark"] #swipeActions{background:color-mix(in srgb,var(--surface) 78%,transparent)!important}
[data-theme="dark"] .pc-online,[data-theme="dark"] .pc-ver{background:rgba(15,10,26,.82);color:#7fe3b0}
/* discover: reserve a strip for the tabs so they never sit on the photo */
#screen-discover #cardStack{top:50px!important}
.disc-tabs{top:6px}
.disc-tabs__sub{color:var(--text-3);text-shadow:none}
.pc-tl{top:22px}

/* no italics anywhere in the new design */
html body *:not(em):not(i):not(cite){font-style:normal!important}

/* MY PROFILE: centred hero like the board */
.profile-header-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:18px 16px 4px!important}
.profile-avatar-row{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center;gap:10px!important}
.profile-avatar-wrap{width:108px!important;height:108px!important;border-radius:50%;padding:4px;background:var(--mp-grad);box-shadow:0 14px 34px rgba(236,58,140,.35)}
.profile-avatar{width:100%!important;height:100%!important;border-radius:50%!important;border:4px solid var(--bg)!important;object-fit:cover}
.profile-completeness-ring{background:var(--text-1)!important;color:var(--bg)!important;border:2px solid var(--bg)!important;font-weight:800}
.profile-name-col{align-items:center;display:flex;flex-direction:column;gap:8px}
.profile-name{font-family:var(--font-display)!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.03em;justify-content:center}
.profile-badge-row{justify-content:center;display:flex;flex-wrap:wrap;gap:6px}
.profile-status-badge,.profile-location-badge{border-radius:99px!important;font-weight:700}
.prog-bar{height:8px!important;border-radius:6px!important;background:var(--surface-3)!important}
.prog-fill{background:var(--mp-grad)!important;border-radius:6px!important}
.notif-banner{border-radius:18px!important;background:var(--surface)!important;border:1px solid var(--border-1)!important}
#screen-profile [style*="font-size:24px;font-weight:900"],#screen-profile .stat-num{font-family:var(--font-display)!important}

/* community header + tabs */
#screen-community [style*="background:#1"],#screen-community [style*="background:linear-gradient(135deg,#1"]{border-radius:0}
.comm-tabs,.community-tabs{background:var(--surface)!important}

/* sheets everywhere: same look as the boards */
.modal__sheet,.modal__content,.modal__body,.sheet{border-radius:28px 28px 0 0!important}
.modal__handle,.sheet__handle{width:44px!important;height:5px!important;border-radius:3px!important;background:var(--surface-4)!important}
.modal__title{font-family:var(--font-display)!important;font-weight:800!important}
.btn--purple{background:var(--text-1)!important;color:var(--bg)!important;border:0!important;border-radius:16px!important}

/* announcements: pop-up, full-screen, inbox */
.ann-pop{position:fixed;inset:0;z-index:9995;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,5,30,.6);backdrop-filter:blur(6px)}
.ann-pop__card{width:100%;max-width:380px;background:var(--surface);color:var(--text-1);border-radius:30px;overflow:hidden;text-align:center;padding:0 22px 20px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.ann-pop__img{display:block;width:calc(100% + 44px);margin:0 -22px 14px;height:190px;object-fit:cover}
.ann-pop__ic{width:68px;height:68px;border-radius:22px;background:var(--mp-grad);color:#fff;display:flex;align-items:center;justify-content:center;margin:24px auto 12px}
.ann-pop__tag{font:700 11px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}
.ann-pop__card h3{font-size:22px;margin:6px 0}.ann-pop__card p{margin:0 0 14px;color:var(--text-2);font-size:14px;line-height:1.5;white-space:pre-line}
.ann-pop__cta{display:block;padding:14px;border-radius:16px;background:var(--mp-grad);color:#fff;font-weight:700;text-decoration:none;margin-bottom:8px}
.ann-pop__x{border:0;background:var(--surface-2);color:var(--text-1);padding:13px;border-radius:16px;width:100%;font:700 14px var(--font-body);cursor:pointer}
.ann-pop--full{padding:0;background:var(--bg)}.ann-pop--full .ann-pop__card{max-width:none;height:100%;border-radius:0;display:flex;flex-direction:column;justify-content:center;box-shadow:none;padding:0 24px calc(24px + env(safe-area-inset-bottom))}
.ann-pop--full .ann-pop__img{height:46vh;width:calc(100% + 48px);margin:0 -24px 18px}
.ann-inbox{padding:12px 14px 0;display:flex;flex-direction:column;gap:10px}
.ann-inbox__item{display:flex;gap:12px;padding:14px;border-radius:20px;background:var(--surface);border:1px solid var(--border-1);box-shadow:var(--shadow-sm)}
.ann-inbox__ic{width:38px;height:38px;border-radius:13px;background:var(--mp-grad);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ann-inbox__tag{display:inline-block;font:700 10px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--pink);margin-bottom:2px}
.ann-inbox__b b{display:block;font-size:14px}.ann-inbox__b p{margin:2px 0 0;font-size:13px;color:var(--text-2);line-height:1.45}.ann-inbox__b a{display:inline-block;margin-top:6px;font-weight:700;font-size:13px;color:var(--pink)}

/* view-once photos in chat */
#chatOnceBtn.on{color:#fff!important;background:var(--mp-grad)!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(236,58,140,.4)}
.once-tile{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;cursor:pointer;padding:12px 16px!important}
.once-tile--me{background:var(--mp-grad)!important;color:#fff!important;cursor:default}
.once-tile--done{opacity:.6;cursor:default;background:var(--surface-2)!important;color:var(--text-2)!important}
.once-view{position:fixed;inset:0;z-index:99999;background:rgba(8,3,18,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}
.once-view img{max-width:100%;max-height:72vh;border-radius:20px;object-fit:contain}
.once-view__note{color:#cbbfe0;font-size:12px;text-align:center}
.once-view button{border:0;border-radius:16px;padding:14px 30px;background:var(--mp-grad);color:#fff;font:700 15px var(--font-body);cursor:pointer}

/* ---- Discover layout (small phones): card inset, action tray BELOW the card, nothing on top of the name ---- */
#screen-discover #cardStack{left:12px!important;right:12px!important;bottom:108px!important}
#screen-discover #swipeActions{bottom:26px!important}
#screen-discover .mp-reward-fab{top:126px!important;bottom:auto!important;right:24px!important;padding:7px 12px!important;font-size:11px!important;z-index:45;box-shadow:0 6px 16px rgba(70,30,130,.35)}
#screen-discover #likesTeaserStrip{position:absolute!important;top:54px;left:12px;right:12px;bottom:auto!important;z-index:44;align-items:center;gap:10px;padding:8px 12px;border-radius:18px;background:linear-gradient(135deg,#2a1450,#6f33f0)!important;color:#fff;font-size:13px;line-height:1.3}
#screen-discover #likesTeaserStrip .likes-teaser__avatar{width:30px;height:30px}
#screen-discover:has(#likesTeaserStrip[style*="flex"]) #cardStack{top:112px!important}
#screen-discover:has(#likesTeaserStrip[style*="flex"]) .mp-reward-fab{top:188px!important}
#screen-discover #swipeCounterBadge{position:absolute!important;left:0;right:0;bottom:6px;text-align:center}
@media (max-height:640px){#screen-discover #cardStack{bottom:98px!important}#screen-discover #swipeActions{bottom:18px!important}}

/* Dates: calm Live Now header */
#screen-encounters .dt-explain,#screen-encounters .dt-gh{display:none!important}
#screen-encounters #venuesScroll > div:first-child{padding:12px 14px 10px!important}
#screen-encounters #venuesScroll > div:first-child > div:first-child{flex-wrap:nowrap;gap:8px}
#screen-encounters #venuesScroll > div:first-child > div:first-child > div:first-child{font-size:16px!important;white-space:nowrap}
#screen-encounters #venuesScroll > div:first-child > div:first-child > div:last-child{flex-wrap:nowrap!important;gap:5px!important}
#screen-encounters #venuesScroll > div:first-child a{padding:5px 8px!important;font-size:11px!important;white-space:nowrap}
#screen-encounters #liveNowStrip{padding:8px 14px 0!important}
#screen-encounters #venuesScroll > div:first-child > div:first-child > div:first-child{font-size:15px!important;gap:6px!important}
#screen-encounters #venuesScroll > div:first-child a{padding:4px 6px!important;font-size:10px!important;gap:2px!important;display:inline-flex;align-items:center;flex-shrink:1}
#screen-encounters #venuesScroll > div:first-child a svg{width:11px!important;height:11px!important}

/* Likes (board: Likes.dc) */
#screen-likes .lk2-head{padding:6px 18px 4px}
#screen-likes .lk2-title{font-size:26px;margin:0 0 12px}
.lk2-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.lk2-pill{flex:none;border:1px solid var(--border-1);background:var(--surface);color:var(--text-1);font:700 13px var(--font-body,inherit);padding:9px 15px;border-radius:999px;cursor:pointer}
.lk2-pill.on{background:#12081f;color:#fff;border-color:#12081f}
.lk2-cta{margin:14px 16px 12px;padding:16px 16px 16px 18px;border-radius:26px;background:linear-gradient(135deg,#d5287f,#7a2fe8);color:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 14px 30px rgba(180,40,160,.25)}
.lk2-cta>div{flex:1}.lk2-cta b{display:block;font-size:17px;font-family:var(--font-display)}.lk2-cta span{display:block;font-size:12px;opacity:.9;margin-top:3px;line-height:1.35}
.lk2-cta button{flex:none;border:0;background:#fff;color:#6d2be0;font-weight:800;font-size:13px;padding:11px 16px;border-radius:16px;cursor:pointer}
#screen-likes .likes-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;padding:0 16px 20px!important}
#screen-likes .like-card{border-radius:20px!important}
#screen-likes .likes-upgrade-card{display:none!important}
#screen-likes .like-card [style*="Upgrade to"],#screen-likes .like-card div[style*="width:46px"]{transform:scale(.75)}
.lk2-sec{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 10px}.lk2-sec b{font-size:18px;font-family:var(--font-display)}.lk2-sec span{font-size:12px;font-weight:700;color:var(--pink)}
.lk2-list{display:flex;flex-direction:column;gap:10px}
.lk2-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-1);border-radius:20px;padding:10px 12px}
.lk2-row img,.lk2-blur{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;background:linear-gradient(135deg,#d8b4fe,#f9a8d4)}.lk2-blur{filter:blur(4px)}
.lk2-row>div{flex:1;min-width:0}.lk2-row b{display:block;font-size:14px}.lk2-row small{color:var(--text-3);font-size:12px}
.lk2-btn{background:rgba(124,58,237,.1);color:#6d2be0;font-weight:800;font-size:12px;padding:9px 14px;border-radius:12px;text-decoration:none}
.lk2-empty{padding:28px 8px;text-align:center;color:var(--text-3);font-size:14px}
#screen-likes .lk2-title{display:none}
#screen-likes .like-card div[style*="line-height:1.4"]{display:none}

/* Profile (board: MyProfile.dc) */
#screen-profile .profile-avatar-row{flex-direction:column;align-items:center;text-align:center;gap:10px}
#screen-profile .profile-avatar{width:112px!important;height:112px!important}
#screen-profile .profile-name-col{align-items:center;text-align:center;width:100%}
#screen-profile .profile-name{justify-content:center;font-size:24px}
#screen-profile .profile-badge-row{justify-content:center}
#screen-profile .profile-location-badge{display:none}
#screen-profile .notif-banner{padding:10px 14px;margin-top:6px}
#screen-profile .notif-banner__body{font-size:12.5px}
#screen-profile .prog-wrap{background:var(--surface);border:1px solid var(--border-1);border-radius:22px;padding:14px 16px;margin-top:12px}
#screen-profile .prog-fill{background:var(--mp-grad)!important}
.pf2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 14px;margin:0 0 12px}
.pf2-stats div{background:var(--surface);border:1px solid var(--border-1);border-radius:20px;padding:12px 6px;text-align:center}
.pf2-stats b{display:block;font:800 20px var(--font-display)}.pf2-stats span{font-size:12px;color:var(--text-3)}
#screen-profile .profile-avatar-wrap{width:112px!important;height:112px!important;flex:none}
#screen-profile .profile-avatar{object-fit:cover;border-radius:50%;width:100%!important;height:100%!important}
#screen-profile .profile-header-card{padding-bottom:14px}
.pf2-stats{margin-top:12px!important}
.pc-tier{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:5px 10px;border-radius:999px;font:800 11px var(--font-body,inherit);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#3b2300}
.pc-tier--premium_plus{background:linear-gradient(135deg,#ec3a8c,#7c3aed);color:#fff}

/* Arcade (board: Games.dc) */
#mpArcade{padding:10px 14px 0}
#mpArcade .ar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#mpArcade .ar-head h2{font-size:26px;margin:0}
.ar-coins{background:var(--surface);border:1px solid var(--border-1);border-radius:16px;padding:9px 14px;font-weight:800;font-size:13px;color:#a05a00}
.ar-pool{border-radius:26px;padding:18px 18px 16px;background:linear-gradient(135deg,#2a1450,#4a2a86);color:#fff;margin-bottom:12px}
.ar-pool small{opacity:.75;font-weight:700;letter-spacing:.06em;font-size:11px}.ar-big{font:800 34px var(--font-display);margin:4px 0 10px}
.ar-pills{display:flex;gap:8px;flex-wrap:wrap}.ar-pills span{background:rgba(255,255,255,.14);border-radius:14px;padding:7px 12px;font-size:12px;font-weight:800}
.ar-pool p{margin:10px 0 0;font-size:12.5px;opacity:.85}
.ar-card{background:var(--surface);border:1px solid var(--border-1);border-radius:24px;padding:14px 16px;margin-bottom:14px}
.ar-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.ar-top small{color:var(--text-3);font-weight:700}
.ar-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px}
.ar-chip{border:0;background:rgba(124,58,237,.09);color:var(--text-1);font:800 15px var(--font-body,inherit);padding:13px 0;border-radius:18px;cursor:pointer}.ar-chip.on{background:var(--mp-grad);color:#fff}
.ar-note{margin:10px 0 0;font-size:12px;color:var(--text-3);line-height:1.45}
.ar-h{font:800 20px var(--font-display);margin:6px 0 10px}
.ar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}
.ar-tile{border:1px solid var(--border-1);background:var(--surface);border-radius:24px;padding:12px;text-align:left;cursor:pointer;color:var(--text-1);display:flex;flex-direction:column;gap:3px}
.ar-art{height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font:900 24px var(--font-display);margin-bottom:6px}
.ar-tile b{font-size:15px}.ar-tile small{color:var(--text-3);font-size:12px}
.ar-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-1)}.ar-row:last-child{border:0}
.ar-row img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#e9ddfb}.ar-row b{flex:1;font-size:14px}.ar-row span:last-child{font-size:12px;color:var(--text-3);font-weight:700}
.ar-rk{width:24px;font-weight:900;color:var(--pink)}.ar-empty{color:var(--text-3);font-size:13px;padding:6px 0}
.ar-sheet{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:flex-end}.ar-back{position:absolute;inset:0;background:rgba(20,8,40,.55)}
.ar-box{position:relative;background:var(--surface,#fff);border-radius:28px 28px 0 0;padding:14px 18px max(22px,env(safe-area-inset-bottom));width:100%;max-width:520px;margin:0 auto;max-height:80vh;overflow:auto}
.ar-box>i{display:block;width:40px;height:4px;border-radius:4px;background:#ddd0f0;margin:0 auto 12px}.ar-box h3{margin:0 0 4px;font-size:20px}.ar-sub{color:var(--text-3);font-size:13px;margin:0 0 12px}
.ar-opt{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:1px solid var(--border-1);background:var(--surface);color:var(--text-1);border-radius:20px;padding:14px 16px;margin-top:10px;cursor:pointer;text-decoration:none}
.ar-opt small{color:var(--text-3);font-size:12px}.ar-opt.on{background:var(--mp-grad);color:#fff;border:0}.ar-who{flex-direction:row;align-items:center;gap:12px}.ar-who img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#e9ddfb}
.ar-in{width:100%;padding:13px 14px;border-radius:16px;border:1px solid var(--border-1);background:rgba(124,58,237,.06);color:var(--text-1);font-size:13px;margin-bottom:4px}
.ar-chips{display:flex!important;gap:8px}.ar-chip{flex:1;min-width:0;padding:13px 4px!important}

/* ===== Discover card v2 (board: SwipeCard2 / ProfileSheet). Scrolls inside the card; swipe works anywhere on it. ===== */
#cardStack .pcard--top,#cardStack .pcard--mid,#cardStack .pcard--back{background:var(--surface)!important;border:1px solid var(--border-1);border-radius:28px!important}
#cardStack .pcard--top{overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none}
#cardStack .pcard--top::-webkit-scrollbar{display:none}
.pc2-hero{position:relative;width:100%;height:60%;min-height:240px;flex-shrink:0;overflow:hidden;border-radius:28px 28px 0 0;background:var(--surface-2)}
.pc2-img{width:100%;height:100%;object-fit:cover;display:block}
.pc2-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(20,8,40,.38),transparent 26%,transparent 80%,rgba(20,8,40,.22));pointer-events:none}
.pc2-bars{position:absolute;top:10px;left:12px;right:12px;display:flex;gap:4px;z-index:5;pointer-events:none}
.pc2-bars div{height:4px!important;border-radius:4px!important}
.pc2-hero .pc-tl{position:absolute;top:26px;left:12px;z-index:6;display:flex;gap:6px;flex-wrap:wrap}
.pc2-tr{position:absolute;top:24px;right:12px;z-index:6}
.pc2-stamp{position:absolute;top:44px;padding:6px 14px;border:3px solid;border-radius:10px;font:800 20px var(--font-display);letter-spacing:.08em;opacity:0;pointer-events:none;z-index:10;background:rgba(255,255,255,.85)}
.pc2-stamp--like{left:16px;color:#0f9d6b;border-color:#0f9d6b;transform:rotate(-12deg)}
.pc2-stamp--nope{right:16px;color:#d1344a;border-color:#d1344a;transform:rotate(12deg)}
.pc2-stamp--super{left:50%;top:30%;color:#2a6df4;border-color:#2a6df4;transform:translateX(-50%)}
.pc2-spons{position:absolute;top:14px;left:14px;z-index:6;background:rgba(255,255,255,.92);color:#1a1030;font:800 12px var(--font-body);padding:6px 12px;border-radius:99px}
.pc2-sound{position:absolute;right:12px;bottom:12px;z-index:6;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#1a1030;display:flex;align-items:center;justify-content:center}
.pc2-head{padding:16px 18px 6px}
.pc2-name{display:flex;align-items:center;gap:8px}
.pc2-name .pcard__name{font:800 28px var(--font-display)!important;letter-spacing:-.03em;color:var(--text-1)!important;text-shadow:none!important;font-style:normal!important}
.pc2-ver{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#0f9d6b;color:#fff}.pc2-ver--nin{background:linear-gradient(135deg,#f59e0b,#d97706)}
.pc2-sub{color:var(--text-3);font-size:14px;margin-top:3px}
.pc2-body{padding:8px 14px 20px;display:flex;flex-direction:column;gap:12px}
.pc2-card{background:var(--surface);border:1px solid var(--border-1);border-radius:22px;padding:14px 16px}
.pc2-look{background:var(--surface-2);border:0}.pc2-look small{display:block;color:var(--text-3);font-size:13px}.pc2-look b{display:block;font:700 18px var(--font-display);margin-top:4px;color:var(--text-1)}
.pc2-bio{margin:0;font-size:15px;line-height:1.6;color:var(--text-1);white-space:pre-line}
.pc2-prompts .pcard__prompt-block{background:var(--surface-2);border-radius:22px;padding:14px 16px;margin-bottom:12px;border:0}
.pc2-prompts .pcard__prompt-q{color:var(--text-3);font-size:13px}.pc2-prompts .pcard__prompt-a{font:700 18px/1.35 var(--font-display);color:var(--text-1);margin:4px 0 0}
.pc2-prompts .pcard__inter-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;margin:0 0 12px;display:block}
.pc2-chips{display:flex;flex-wrap:wrap;gap:8px}
.pc2-chip{padding:7px 14px;border-radius:99px;font:700 13px var(--font-body);background:var(--surface-2);color:var(--text-1)}
.pc2-chip--hot{background:#fde4ef;color:#a5145f}.pc2-chip--blue{background:#e6edfb;color:#1d3f9e}.pc2-chip--gold{background:#fdecc8;color:#7a4a05}.pc2-chip--green{background:#dff3e8;color:#0b6b46}
[data-theme="dark"] .pc2-chip--hot{background:#3b1230;color:#ff9fcf}[data-theme="dark"] .pc2-chip--blue{background:#16264f;color:#a9c0ff}[data-theme="dark"] .pc2-chip--gold{background:#3a2a08;color:#ffd78a}[data-theme="dark"] .pc2-chip--green{background:#0d3324;color:#8fe3bd}
.pc2-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pc2-photos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}
.pc2-end{text-align:center;color:var(--text-3);font-size:12.5px;padding:8px 20px 22px}
.pc2-adact{display:flex;gap:10px;padding:10px 14px 0}
.pc2-btn{flex:1;border:0;border-radius:18px;padding:15px;font:800 15px var(--font-body);color:#fff;background:var(--mp-grad);cursor:pointer;box-shadow:0 10px 22px rgba(236,58,140,.25)}
.pc2-btn--ghost{background:var(--surface-2);color:var(--text-1);box-shadow:none;flex:.8}
.pcard--ad .pc2-hero{height:62%}
/* old overlay bits must not appear on the new card */
#cardStack .pcard__scroll-hint{display:none!important}

/* Discover header: the tab explanation line must be readable, so the card starts below it */
#screen-discover .disc-tabs__sub{font:600 12px var(--font-body)!important;color:var(--text-3)!important;text-shadow:none!important;text-align:center;padding:0 16px}
#screen-discover #cardStack{top:84px!important}
#screen-discover #likesTeaserStrip{top:84px!important}
#screen-discover:has(#likesTeaserStrip[style*="flex"]) #cardStack{top:146px!important}
#screen-discover:has(#likesTeaserStrip[style*="flex"]) .mp-reward-fab{top:222px!important}

/* Discover: calm, readable status row. Likes-left text and Earn coins sit under the card, never on the photo. */
#screen-discover #swipeCounterBadge{position:absolute!important;left:16px!important;right:auto!important;bottom:4px!important;top:auto!important;transform:none!important;flex-direction:row!important;align-items:center;gap:6px;background:var(--surface-2);border-radius:99px;padding:4px 12px;z-index:12}
#screen-discover #swipeCounterBadge svg{display:none!important}
#screen-discover #swipeCounterBadge>div:first-child{width:auto!important;height:auto!important;position:static!important}
#screen-discover #swipeCounterBadge>div:first-child>div{position:static!important;inset:auto!important}
#screen-discover #swipeCounterBadge::before{content:attr(data-n);}
#screen-discover #swipeCounterNum{position:static!important;color:var(--text-1)!important;text-shadow:none!important;font:800 13px var(--font-body)!important;display:inline!important}
#screen-discover #swipeCounterLabel{color:var(--text-2)!important;text-shadow:none!important;font:600 12px var(--font-body)!important;margin:0!important}
#screen-discover .mp-reward-fab{top:auto!important;bottom:2px!important;right:14px!important;left:auto!important;padding:7px 14px!important;font-size:12px!important;box-shadow:none!important}
#screen-discover #likesTeaserStrip{background:var(--surface)!important;color:var(--text-1)!important;border:1px solid var(--border-1)!important;box-shadow:var(--shadow-sm)}
#screen-discover #likesTeaserStrip .likes-teaser__text{color:var(--text-1)!important;font-weight:700;font-size:14px;line-height:1.25}
#screen-discover #likesTeaserStrip .likes-teaser__sub{font-size:12px;color:var(--text-3);font-weight:600}
#screen-discover #likesTeaserStrip .likes-teaser__cta{background:var(--mp-grad);color:#fff!important;border-radius:99px;padding:8px 14px;font:800 12px var(--font-body);margin-left:auto;white-space:nowrap}

#screen-discover:has(#likesTeaserStrip[style*="flex"]) .mp-reward-fab,#screen-discover .mp-reward-fab{top:auto!important;bottom:2px!important;height:auto!important}
.pc2-name{flex-wrap:wrap}.pc2-name .pcard__name{font-size:24px!important;line-height:1.15!important;word-break:break-word}
#screen-discover #cardStack{background:transparent!important}
.pc2-hero{max-height:560px}

/* ===================== SHELL v3 (Desktop / Tablet / Phone boards) ===================== */
.desktop-left{display:none;flex-direction:column}
@media (min-width:700px){.desktop-left{display:flex}}
.sb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-1);margin-bottom:22px}
.sb-brand i{width:40px;height:40px;border-radius:14px;background:var(--mp-grad);color:#fff;font:800 21px var(--font-display);display:flex;align-items:center;justify-content:center;font-style:normal!important;box-shadow:0 10px 22px rgba(236,58,140,.3);flex:none}
.sb-brand b{font:800 22px var(--font-display);letter-spacing:-.03em}
.sb-brand b em{background:var(--mp-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.desktop-left>a.sb-brand{font-size:inherit!important;width:auto;height:auto;background:none;box-shadow:none}
.desktop-left>a.sb-brand::after{content:none!important}
.sb-nav{display:flex;flex-direction:column;gap:4px;width:100%;overflow-y:auto;scrollbar-width:none}
.sb-nav::-webkit-scrollbar{display:none}
.sidebar-nav-item{display:flex!important;align-items:center;gap:14px;border:0;background:transparent;color:var(--text-2);font:700 15px var(--font-body)!important;padding:12px 14px!important;text-decoration:none;cursor:pointer;position:relative;text-align:left;width:100%}
.sidebar-nav-item:hover{background:var(--surface-2)}
.sidebar-nav-item .nav-icon{display:flex;flex:none}
.sidebar-nav-item .badge{margin-left:auto}
.sidebar-nav-item.active{color:#fff!important}
.sb-sep{height:1px;background:var(--border-1);margin:8px 6px}
.sb-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:14px}
.sb-coins{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:18px;background:var(--surface-2)}
.sb-coins small{display:block;font:700 11px var(--font-body);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}
.sb-coins b{font:800 22px var(--font-display);color:var(--text-1)}
.sb-coins button{border:0;background:var(--text-1);color:var(--bg);font:800 13px var(--font-body);padding:9px 16px;border-radius:12px;cursor:pointer}
.sb-prem{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:13px;background:var(--mp-grad);color:#fff;font:800 14px var(--font-body);cursor:pointer;box-shadow:0 10px 22px rgba(236,58,140,.3)}
.sb-prem--on{background:var(--surface-2);color:var(--text-1);box-shadow:none}
.sb-theme{border:1px solid var(--border-1);background:var(--surface);color:var(--text-2);border-radius:14px;padding:10px;font:700 13px var(--font-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.sb-out{text-align:center;color:var(--text-3);font:600 13px var(--font-body);padding:6px;text-decoration:none}

/* tablet rail */
@media (min-width:700px) and (max-width:959px){
  .desktop-left{padding:18px 12px!important;align-items:center}
  .sb-brand b,.sb-l,.sb-foot .sb-coins small,.sb-prem span,.sb-out,.sb-theme{display:none!important}
  .sb-brand{margin-bottom:18px}
  .sidebar-nav-item{justify-content:center;padding:13px 0!important}
  .sidebar-nav-item .badge{position:absolute;top:4px;right:12px;margin:0}
  .sb-foot{width:100%;align-items:center}
  .sb-coins{flex-direction:column;gap:6px;padding:10px 4px;width:100%;text-align:center}
  .sb-coins b{font-size:15px}
  .sb-prem{width:48px;height:48px;padding:0;border-radius:16px;font-size:0}
  .desktop-left>*:not(a):not(nav):not(.sb-foot){display:none!important}
  .desktop-left>.sb-foot{display:flex!important}
}
@media (min-width:960px){.desktop-left>.sb-foot{display:flex!important}.sb-brand b{display:inline}}

/* right panel */
.desktop-right{padding:24px 18px!important;gap:14px;flex-direction:column;overflow-y:auto}
@media (min-width:1200px){.desktop-right{display:flex}}
.rp-card{background:var(--surface);border:1px solid var(--border-1);border-radius:22px;padding:16px;box-shadow:var(--shadow-sm)}
.rp-h{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.rp-h b{font:800 17px var(--font-display);letter-spacing:-.02em}
.rp-h a{font:700 12px var(--font-body);color:var(--pink);text-decoration:none}
.rp-empty{margin:0;color:var(--text-3);font-size:13px}
.rp-avs{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}
.rp-avs button{border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;color:var(--text-2);font:700 11px var(--font-body)}
.rp-avs img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--surface-3);padding:2px;background:var(--mp-grad)}
.rp-row{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;padding:8px 6px;border-radius:14px;cursor:pointer;text-align:left;color:var(--text-1)}
.rp-row:hover{background:var(--surface-2)}
.rp-pic{position:relative;flex:none;width:42px;height:42px}
.rp-pic img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--surface-3)}
.rp-pic i{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#1fbf75;border:2px solid var(--surface)}
.rp-t{flex:1;min-width:0;display:flex;flex-direction:column}
.rp-t b{font:700 14px var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-t small{color:var(--text-3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-row em{font-style:normal!important;background:var(--mp-grad);color:#fff;border-radius:99px;font:800 11px var(--font-body);padding:3px 8px}
.rp-live{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;background:linear-gradient(135deg,#2a1450,#6f33f0);color:#fff;text-decoration:none}
.rp-live b{display:block;font:800 15px var(--font-display)}.rp-live small{opacity:.8;font-size:12px}
.rp-livetile{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;flex:none}

/* phone bar icons */
.bottom-nav__icon ic,.bottom-nav__icon svg{display:block}
.top-bar__icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--text-2);cursor:pointer}
#bellBtn{border-radius:14px!important;background:var(--surface)!important;border:1px solid var(--border-1)!important;box-shadow:var(--shadow-sm);width:38px;height:38px}
.theme-toggle-btn{display:flex}
@media (min-width:960px){.top-bar__logo{display:none}.top-bar{justify-content:flex-end}}
@media (max-width:699px){#shopToggleBtn{display:none!important}.top-bar__actions{gap:8px}}
.desktop-left{overflow:hidden}
.sb-nav{flex:1 1 auto;min-height:0}
.sb-foot{flex:0 0 auto}
@media (min-width:960px) and (max-height:820px){.sb-theme,.sb-out{display:none!important}.sidebar-nav-item{padding:10px 14px!important}}
@media (min-width:700px) and (max-width:959px){.app-shell{width:min(760px,calc(100vw - 92px))!important;max-width:760px!important}#screen-likes .likes-grid{grid-template-columns:repeat(4,1fr)!important}.bottom-nav{display:none!important}}
@media (min-width:960px){#screen-likes .likes-grid{grid-template-columns:repeat(3,1fr)!important}}

/* ===================== DISCOVER v3: full-bleed card, no box ===================== */
.earn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.earn-row>*{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border-1);background:var(--surface-2);border-radius:18px;color:var(--text-1);text-decoration:none;text-align:left;cursor:pointer;font-family:var(--font-body)}
.earn-row b{display:block;font-size:13px}.earn-row small{color:var(--text-3);font-size:11px}
.earn-row ic{color:var(--pink);flex:none}

html body #screen-discover .disc-tabs{position:absolute!important;top:0!important;left:0!important;right:0!important;height:46px;z-index:30;display:flex!important;align-items:center;padding:0 14px;pointer-events:none;background:var(--bg)}
html body #screen-discover .disc-tabs__row{display:flex;gap:22px;padding:0;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none;pointer-events:auto}
html body #screen-discover .disc-tabs button{padding:12px 0!important;border-radius:0!important;background:none!important;color:var(--text-3)!important;font:700 15px var(--font-body)!important;border-bottom:3px solid transparent!important}
html body #screen-discover .disc-tabs button.on{color:var(--text-1)!important;border-bottom-color:var(--pink)!important}
html body #screen-discover .disc-tabs__sub{display:none!important}
html body #screen-discover #cardStack{top:46px!important;left:0!important;right:0!important;bottom:0!important;background:#000!important}
html body #screen-discover #cardStack .pcard--top,html body #screen-discover #cardStack .pcard--mid,html body #screen-discover #cardStack .pcard--back{border:0!important;border-radius:0!important}
html body #screen-discover #cardStack .pcard--mid,html body #screen-discover #cardStack .pcard--back{visibility:hidden}
html body #screen-discover .pc2-hero{height:100%!important;max-height:none!important;min-height:0!important;border-radius:0!important}
html body #screen-discover .pc2-shade{background:linear-gradient(to bottom,rgba(10,4,24,.35),transparent 22%,transparent 55%,rgba(10,4,24,.78))!important}
html body #screen-discover .pc2-head{padding:16px 18px 8px}
/* action tray floats over the photo, Bumble style */
html body #screen-discover #swipeActions{bottom:92px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;gap:12px!important;padding:0!important}
html body #screen-discover #swipeActions button{background:rgba(255,255,255,.96)!important;box-shadow:0 10px 26px rgba(20,6,40,.35)!important;width:54px!important;height:54px!important;border-radius:50%!important}
html body #screen-discover #swipeActions button[onclick*="'like'"]{width:72px!important;height:72px!important;background:var(--mp-grad)!important}
html body #screen-discover #swipeActions button[onclick*="'nope'"]{width:62px!important;height:62px!important}
html body #screen-discover .mp-reward-fab{display:none!important}
/* likes left: small pill in the tab row */
html body #screen-discover #swipeCounterBadge{top:9px!important;bottom:auto!important;right:14px!important;left:auto!important;z-index:31;background:var(--surface-2);padding:5px 12px}
html body #screen-discover #likesTeaserStrip{top:58px!important;left:12px!important;right:12px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(10px)}
html body #screen-discover:has(#likesTeaserStrip[style*="flex"]) #cardStack{top:46px!important}
@media (min-width:700px){html body #screen-discover #cardStack{border-radius:0 0 28px 28px;overflow:hidden}html body #screen-discover #swipeActions{bottom:28px!important}}
html body #screen-discover .pc2-head{margin-top:-196px;height:196px;position:relative;z-index:7;padding:0 18px;display:flex;flex-direction:column;justify-content:flex-start;pointer-events:none}
html body #screen-discover .pc2-head .pcard__name{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important}
html body #screen-discover .pc2-sub{color:rgba(255,255,255,.88);text-shadow:0 1px 8px rgba(0,0,0,.6)}
html body #screen-discover .pc2-head::after{content:"Scroll for more";margin-top:8px;font:700 11px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75)}
html body #screen-discover .pc2-head{margin-top:-300px!important;height:300px!important;justify-content:flex-end!important;padding-bottom:176px!important}
html body #screen-discover .pc2-head::after{order:3}
html body #screen-discover #cardStack{top:0!important}

/* ===================== ME (board: Profile and wallet + More) ===================== */
.me{padding:6px 16px 0!important}
.me-top{display:flex;align-items:center;gap:14px;padding:10px 0 14px}
.me-ava{width:78px;height:78px;border-radius:50%;padding:3px;background:var(--mp-grad);flex:none}
.me-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--bg);background:var(--surface-3);display:block}
.me-id{flex:1;min-width:0}.me-id h2{margin:0;font:800 24px var(--font-display);letter-spacing:-.03em;word-break:break-word}
.me-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.me-chip{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--surface-2);color:var(--text-2);font:700 11px var(--font-body);text-decoration:none}
.me-chip--ok{background:#dff3e8;color:#0b6b46}.me-chip--warn{background:#fdecc8;color:#7a4a05}
.me-edit{width:44px;height:44px;border-radius:16px;background:var(--surface);border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;color:var(--text-1);flex:none;text-decoration:none}
.me-card{display:block;background:var(--surface);border:1px solid var(--border-1);border-radius:22px;padding:14px 16px;text-decoration:none;color:var(--text-1);margin-bottom:12px;box-shadow:var(--shadow-sm)}
.me-prog>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.me-prog b{font:700 14px var(--font-body)}.me-prog span{font:700 13px var(--font-body);color:var(--pink)}
.me-bar{height:8px;border-radius:6px;background:var(--surface-3);overflow:hidden}.me-bar i{display:block;height:100%;background:var(--mp-grad);border-radius:6px}
.me-wallet{border-radius:28px;padding:18px;margin-bottom:12px;color:#fff;background:linear-gradient(135deg,#1d0c3a,#4a2386);box-shadow:0 16px 36px rgba(60,20,120,.3)}
.me-wallet__h{display:flex;justify-content:space-between;align-items:center}
.me-wallet__h small{font:800 12px var(--font-body);letter-spacing:.08em;opacity:.8}
.me-wallet__h button{border:0;background:rgba(255,255,255,.16);color:#fff;font:700 12px var(--font-body);padding:7px 12px;border-radius:99px;cursor:pointer}
.me-wallet__big{margin:10px 0 14px;display:flex;align-items:baseline;gap:8px}.me-wallet__big b{font:800 42px var(--font-display);letter-spacing:-.03em}.me-wallet__big span{opacity:.8;font-weight:700}
.me-wallet__row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.me-wallet__row div{background:rgba(255,255,255,.12);border-radius:16px;padding:10px 12px}.me-wallet__row small{display:block;font-size:11px;opacity:.75}.me-wallet__row b{font:800 17px var(--font-display)}
.me-wallet__btn{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;margin-top:14px}
.me-wallet__btn .w1,.me-wallet__btn .w2{border:0;border-radius:16px;padding:14px;font:800 15px var(--font-body);text-align:center;text-decoration:none;cursor:pointer}
.me-wallet__btn .w1{background:#fff;color:#4a1f9a}.me-wallet__btn .w2{background:rgba(255,255,255,.18);color:#fff}
.me-wallet p{margin:12px 0 0;font-size:12px;opacity:.75;line-height:1.45}
#chPanel{margin-top:12px;background:rgba(255,255,255,.08);border-radius:16px;padding:6px 12px}
.me-tx{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}.me-tx:last-child{border:0}
.me-tx b{display:block;font-size:13px}.me-tx small{opacity:.65;font-size:11px}.me-tx em{font-style:normal!important;font:800 14px var(--font-body)}.me-tx em.up{color:#7fe3b0}.me-tx em.dn{color:#ffb3b3}.me-none{padding:12px 0;text-align:center;opacity:.7;font-size:13px}
.me-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.me-stats>*{background:var(--surface);border:1px solid var(--border-1);border-radius:20px;padding:12px 6px;text-align:center;cursor:pointer;text-decoration:none;color:var(--text-1);font-family:var(--font-body)}
.me-stats b{display:block;font:800 22px var(--font-display)}.me-stats span{font-size:12px;color:var(--text-3)}
.me-prem{width:100%;display:flex;align-items:center;gap:12px;border:0;border-radius:24px;padding:16px;color:#fff;background:var(--mp-grad);text-align:left;cursor:pointer;text-decoration:none;box-shadow:0 12px 28px rgba(236,58,140,.3);font-family:var(--font-body);margin-bottom:6px}
.me-prem div{flex:1;min-width:0}.me-prem b{display:block;font:800 16px var(--font-display)}.me-prem span{font-size:12px;opacity:.9;line-height:1.35;display:block}
.me-prem i{font-style:normal!important;background:rgba(255,255,255,.2);border-radius:99px;padding:7px 12px;font:800 12px var(--font-body);white-space:nowrap}
.me-prem--on{background:linear-gradient(135deg,#1d0c3a,#4a2386)}.me-prem--app{background:linear-gradient(135deg,#2a1450,#6f33f0)}
.me-h{font:800 13px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:18px 4px 8px}
.me-list{background:var(--surface);border:1px solid var(--border-1);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm)}
.me-list>a,.me-list>button,.me-list>.me-row,.me-list>.me-promo{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;border:0;border-bottom:1px solid var(--border-2);background:none;color:var(--text-1);text-decoration:none;text-align:left;cursor:pointer;font-family:var(--font-body)}
.me-list>*:last-child{border-bottom:0}
.me-list .t{width:38px;height:38px;border-radius:13px;background:var(--surface-2);color:var(--violet);display:flex;align-items:center;justify-content:center;flex:none}
.me-list b{flex:1;font:700 15px var(--font-body);min-width:0}.me-list small{color:var(--text-3);font-size:12px;white-space:nowrap}
.me-list .dn b{color:#d92d20}.me-list .dn .t{background:#fde8e8;color:#d92d20}
.me-promo input{flex:1;min-width:0;border:1px solid var(--border-1);background:var(--surface-2);border-radius:12px;padding:10px 12px;font:700 14px var(--font-body);color:var(--text-1)}
.me-promo button{border:0;background:var(--text-1);color:var(--bg);border-radius:12px;padding:10px 14px;font:800 13px var(--font-body);cursor:pointer}
.me-promo-r{padding:0 14px 12px;font-size:13px;font-weight:700}

/* Discover tabs per board: segmented pill + one caption line, card full width beneath */
html body #screen-discover .disc-tabs{height:auto!important;flex-direction:column;align-items:stretch;gap:4px;padding:2px 14px 6px!important;background:var(--bg)}
html body #screen-discover .disc-tabs__row{display:flex;gap:2px!important;padding:4px!important;border-radius:99px!important;background:var(--surface-3)!important;border:0!important}
html body #screen-discover .disc-tabs button{flex:1;padding:9px 6px!important;border-radius:99px!important;border-bottom:0!important;background:transparent!important;color:var(--text-2)!important;font:700 13px var(--font-body)!important;white-space:nowrap}
html body #screen-discover .disc-tabs button.on{background:var(--surface)!important;color:var(--text-1)!important;box-shadow:0 2px 10px rgba(70,30,130,.16)}
html body #screen-discover .disc-tabs__sub{display:block!important;text-align:center;font:600 12px var(--font-body)!important;color:var(--text-3)!important;padding:0!important;min-height:16px}
html body #screen-discover #cardStack{top:78px!important;border-radius:26px 26px 0 0;overflow:hidden}
html body #screen-discover #swipeCounterBadge{top:auto!important;bottom:84px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;background:rgba(255,255,255,.9);z-index:14}
@media (min-width:700px){html body #screen-discover #cardStack{border-radius:26px}}
html body #screen-discover #swipeCounterBadge{display:none!important}
html body #screen-discover #likesTeaserStrip{top:92px!important;left:12px!important;right:12px!important;z-index:20}
html body #screen-discover:has(#likesTeaserStrip[style*="flex"]) #cardStack{top:78px!important}

/* Screenshot-pass chip: out of the header, small, above the bottom nav */
html body .mp-sh-pass{top:auto !important;bottom:calc(92px + env(safe-area-inset-bottom)) !important;right:12px !important;left:auto !important;font-size:11px !important;padding:6px 10px !important;opacity:.85}
@media (min-width:1024px){html body .mp-sh-pass{bottom:16px !important}}

/* Chat rows: slide left to reveal Unmatch / Block, closes again on swipe right or tap */
html body #matchListContainer{overflow-x:clip}
html body #matchListContainer .conv-item{position:relative;touch-action:pan-y}

/* ═══ DISCOVER, final: edge-to-edge photo, floating tabs, one glass action tray (replaces earlier discover rules) ═══ */
html body #screen-discover#screen-discover #cardStack#cardStack{top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0e0a1a!important;border-radius:0!important}
html body #screen-discover #cardStack .pcard--top,html body #screen-discover #cardStack .pcard--mid,html body #screen-discover #cardStack .pcard--back{border:0!important;border-radius:0!important;box-shadow:none!important}
html body #screen-discover .pc2-hero{border-radius:0!important}
html body #screen-discover .disc-tabs{position:absolute!important;top:10px!important;left:0!important;right:0!important;height:auto!important;padding:0!important;background:none!important;z-index:40;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px;pointer-events:none}
html body #screen-discover .disc-tabs__row{display:flex!important;gap:2px!important;padding:3px!important;border-radius:99px!important;background:rgba(18,8,36,.46)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 6px 18px rgba(20,6,40,.28)!important;pointer-events:auto}
html body #screen-discover .disc-tabs button{padding:8px 14px!important;border-radius:99px!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.86)!important;font:700 13px var(--font-body)!important}
html body #screen-discover .disc-tabs button.on{background:#fff!important;color:#1a0a2e!important;border:0!important}
html body #screen-discover .disc-tabs__sub{display:block!important;color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.65)!important;font:600 12px var(--font-body)!important;padding:0 16px;text-align:center}
/* one tray: undo, pass, like, super like. Boost lives in More. */
html body #screen-discover #swipeActions{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:12px!important;display:flex!important;align-items:center;gap:6px!important;padding:5px!important;width:auto!important;border-radius:99px!important;background:rgba(255,255,255,.88)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:0 14px 36px rgba(30,8,60,.34)!important;z-index:35}
html body #screen-discover #swipeActions button{width:50px!important;height:50px!important;border-radius:50%!important;border:0!important;background:var(--surface-2)!important;box-shadow:none!important;color:var(--text-2)!important;display:flex!important;align-items:center;justify-content:center}
html body #screen-discover #swipeActions button[onclick*="'nope'"]{color:#e11d48!important}
html body #screen-discover #swipeActions button[onclick*="'superlike'"]{color:#2563eb!important}
html body #screen-discover #swipeActions button[onclick*="'like'"]{width:86px!important;border-radius:99px!important;background:var(--mp-grad)!important;color:#fff!important;box-shadow:0 8px 20px rgba(236,58,140,.45)!important}
html body #screen-discover #swipeActions button[onclick*="showBoostModal"],html body #screen-discover #swipeActions .action-btn--boost{display:none!important}
html body #screen-discover #swipeActions .action-btn__cost{display:none!important}
/* clutter off the photo */
html body #screen-discover #likesTeaserStrip,html body #screen-discover #swipeCounterBadge,html body #screen-discover .mp-reward-fab{display:none!important}
/* Nearby panel (same people and rules as Nearby in Live) */
html body #screen-discover .disc-nearby{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;padding:62px 14px 120px;background:var(--bg);z-index:30;-webkit-overflow-scrolling:touch}
html body #screen-discover .disc-nearby[hidden]{display:none!important}
html body #screen-discover .disc-nearby__h{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 12px}
html body #screen-discover .disc-nearby__h b{font:800 20px var(--font-display);color:var(--text-1)}
html body #screen-discover .disc-nearby__h button{display:flex;align-items:center;gap:6px;border:0;background:var(--surface-2);color:var(--pink);font:800 12px var(--font-body);padding:8px 12px;border-radius:99px;cursor:pointer}
html body #screen-discover.disc-is-nearby #cardStack,html body #screen-discover.disc-is-nearby #swipeActions{display:none!important}
html body #screen-discover.disc-is-nearby .disc-tabs__row{background:var(--surface)!important;border-color:var(--border-1)!important}
html body #screen-discover.disc-is-nearby .disc-tabs button{color:var(--text-2)!important}
html body #screen-discover.disc-is-nearby .disc-tabs button.on{background:var(--text-1)!important;color:var(--bg)!important}
html body #screen-discover.disc-is-nearby .disc-tabs__sub{color:var(--text-3)!important;text-shadow:none!important}
@media (min-width:960px){html body #screen-discover #swipeActions{bottom:28px!important}}
html body #screen-discover .pc2-shade{background:linear-gradient(to bottom,rgba(10,4,24,.4),transparent 20%,transparent 42%,rgba(10,4,24,.86))!important}
html body #matchListContainer .conv-item{overflow:visible!important}
/* settings accordions */
#screen-settings .settings-section-title{display:flex;align-items:center;justify-content:space-between}
#screen-settings .settings-section-title::after{content:"";width:8px;height:8px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);transition:transform .2s;margin-right:4px}
#screen-settings .settings-section.closed .settings-section-title::after{transform:rotate(-45deg)}
#screen-settings .settings-section.closed .settings-card,#screen-settings .settings-section.closed>*:not(.settings-section-title){display:none}
/* wallet: compact, expands */
.me-wallet{padding:14px 16px;border-radius:22px}
.me-wallet__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.me-wallet__big{margin:0}.me-wallet__big b{font-size:30px}
.me-wallet__btn{display:flex;gap:6px;margin:0}
.me-wallet__btn .w1,.me-wallet__btn .w2{padding:9px 14px;font-size:13px;border-radius:12px}
.me-wallet__btn .w3{border:0;width:36px;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}
.me-wallet.open .w3{transform:rotate(180deg)}
.me-wallet__more{display:none;margin-top:12px}.me-wallet.open .me-wallet__more{display:block}
.me-wallet__hist{margin-top:10px;border:0;background:rgba(255,255,255,.16);color:#fff;font:700 12px var(--font-body);padding:7px 12px;border-radius:99px;cursor:pointer}
.me-acts{display:flex;gap:8px;flex:none}
button.me-edit{cursor:pointer;font:inherit}
#pwaProfileCard .me-prem{padding:10px 12px;border-radius:16px}
.coins-hint{font-size:11px;color:var(--text-3);font-weight:700;text-align:right;margin-bottom:4px}
.coins-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:4px 2px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.coins-grid::-webkit-scrollbar{display:none}
.coins-grid .coin-card{flex:0 0 118px;scroll-snap-align:start}

.shop-seg{display:inline-flex;gap:3px;padding:3px;border-radius:99px;background:var(--surface-2)}
.shop-seg button{border:0;background:transparent;padding:7px 14px;border-radius:99px;font:700 13px var(--font-body);color:var(--text-3);cursor:pointer}
.shop-seg button.on{background:var(--surface);color:var(--text-1);box-shadow:0 1px 4px rgba(20,6,40,.12)}
#screen-shop .shop-card{border-radius:20px;box-shadow:0 6px 18px rgba(40,10,90,.08)}
#screen-shop .shop-cat-pill{border-radius:99px}
#screen-shop .shop-grid{padding:14px 14px 120px}

.comm-tabs{overflow-x:auto;scrollbar-width:none}.comm-tabs::-webkit-scrollbar{display:none}.comm-tab-btn{flex:1 0 auto;min-width:64px;padding-left:8px;padding-right:8px}

/* Me: collapsible groups */
.me-grp{margin:0 0 10px;background:var(--surface);border:1px solid var(--border-1);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-xs)}
.me-grp>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;font:800 15px var(--font-body);color:var(--text-1);cursor:pointer}
.me-grp>summary::-webkit-details-marker{display:none}
.me-grp>summary i{margin-left:auto;width:8px;height:8px;border-right:2px solid var(--text-3);border-bottom:2px solid var(--text-3);transform:rotate(45deg);transition:transform .2s}
.me-grp[open]>summary i{transform:rotate(-135deg)}
.me-grp .me-list{margin:0;border:0;border-radius:0;box-shadow:none;border-top:1px solid var(--border-1);background:transparent}

#screen-discover #cardStack{bottom:0!important}
html body #screen-discover #swipeActions{bottom:12px!important}
@media (min-width:960px){html body #screen-discover #swipeActions{bottom:28px!important}}

/* Premium plans: small swipe slider, every price visible, tap to pick */
html body #modal-premium .modal__body{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 16px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
html body #modal-premium .modal__body::-webkit-scrollbar{display:none}
html body #modal-premium .plan-card{flex:0 0 84%;scroll-snap-align:center;margin:0}
html body #modal-premium .plan-card.on{border:2px solid #d5287f;box-shadow:0 12px 28px rgba(213,40,127,.16)}
.plan-prices{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0}
.plan-prices span{display:flex;flex-direction:column;padding:8px 10px;border-radius:14px;background:var(--surface-2)}
.plan-prices span.best{background:#fde4ef}
.plan-prices small{font-size:11px;color:var(--text-3)}
.plan-prices b{font-size:14px;color:var(--text-1)}
/* premium.php: period tabs and plan cards as pick-one sliders */
.period-tabs{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex-wrap:nowrap}
.period-tabs::-webkit-scrollbar{display:none}
.period-tab{flex:0 0 30%!important;min-width:104px;scroll-snap-align:center}
.period-tab .pt-price{display:block;font:800 15px var(--font-display);color:var(--text-1);margin-top:2px}
.plan-cards{flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-top:12px}
.plan-cards::-webkit-scrollbar{display:none}
.plan-cards .plan-card{flex:0 0 86%;scroll-snap-align:center}

/* Notifications list (board "Notifications"): title, detail, time, unread dot */
.nt-row{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:22px;margin-bottom:8px;background:var(--surface);border:1px solid var(--border-1);cursor:pointer;touch-action:manipulation}
.nt-row.unread{background:var(--surface);border-color:rgba(213,40,127,.28)}
.nt-ic{width:42px;height:42px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex:none;color:#7a2fe8}
.nt-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.nt-tx b{font:800 15px var(--font-body);color:var(--text-1);line-height:1.35}
.nt-tx span{font-size:13.5px;color:var(--text-2);line-height:1.4}.nt-tx small{font-size:12px;color:var(--text-3);font-weight:600;margin-top:2px}
.nt-dot{width:9px;height:9px;border-radius:50%;background:#d5287f;flex:none;margin-top:6px}
.nt-prompt{margin:0 14px 12px;padding:16px;border-radius:24px;background:#140a25;color:#fff;display:grid;gap:12px}
.nt-prompt__t{display:flex;gap:12px;align-items:flex-start}.nt-prompt__t b{display:block;font-size:15px}.nt-prompt__t small{display:block;color:rgba(255,255,255,.72);margin-top:2px;line-height:1.4}
.nt-prompt button{border:0;border-radius:18px;padding:14px;font:800 15px inherit;color:#fff;background:var(--mp-grad);cursor:pointer}
.nt-prompt button{width:100%!important;justify-self:stretch}

/* Sponsored spots (board "Video ads" > Banner ad): soft card, tiny label, one clear button */
.adslot{position:relative;display:flex;align-items:center;gap:12px;margin:10px 14px;padding:24px 12px 10px;border-radius:22px;background:linear-gradient(90deg,#fdecc8,#fde4ef);border:1px solid var(--border-1);cursor:pointer;overflow:hidden}
.adslot__tag{position:absolute;left:14px;top:5px;background:rgba(255,255,255,.7);color:#7a4a05;font:800 10px var(--font-body);letter-spacing:.04em;padding:3px 9px;border-radius:99px;text-transform:uppercase}
.adslot__m{width:56px;height:56px;border-radius:16px;overflow:hidden;flex:none;background:var(--surface-2)}.adslot__m img,.adslot__m video{width:100%;height:100%;object-fit:cover;display:block}
.adslot__b{flex:1;min-width:0;display:flex;flex-direction:column}.adslot__b b{font:800 15px var(--font-body);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adslot__b small{color:var(--text-2);font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.adslot__cta{border:0;border-radius:99px;background:#d5287f;color:#fff;font:800 13px var(--font-body);padding:9px 15px;flex:none;cursor:pointer}
.adslot--strip .adslot__tag{display:none}
.adslot--img{padding:0;display:block}.adslot--img .adslot__m{width:100%;height:auto;aspect-ratio:3/1;border-radius:0}.adslot--img .adslot__cta{position:absolute;right:10px;bottom:10px}
.adslot--strip{margin:0;padding:6px 10px;border-radius:16px;gap:8px}.adslot--strip .adslot__m{width:34px;height:34px;border-radius:10px}.adslot--strip .adslot__b b{font-size:13px}.adslot--strip .adslot__cta{padding:6px 12px;font-size:12px}
html body #screen-discover .adslot--discover_top{position:absolute;top:142px;left:12px;right:12px;z-index:7;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(20,6,40,.14)}
.adslot--chat_list{margin:8px 14px 4px}
@media(min-width:900px){.adslot{max-width:640px;margin-left:auto;margin-right:auto}}


/* Swipe card: top chips and ask-to-verify sit BELOW the Today's Five / Quick swipe / Nearby bar; name block reads clearly */
html body #screen-discover .pc2-tr{top:100px!important;right:12px!important}
html body #screen-discover .pc-tl{top:100px!important;left:14px!important}
html body #screen-discover .pc2-shade{background:linear-gradient(to bottom,rgba(10,4,24,.42),transparent 20%,transparent 40%,rgba(10,4,24,.55) 62%,rgba(10,4,24,.92))!important}
html body #screen-discover .pc2-head .pcard__name{font-size:32px!important;font-weight:800!important;letter-spacing:-.03em;line-height:1.1!important}
html body #screen-discover .pc2-sub{font-size:15px;margin-top:6px;font-weight:600}
html body #screen-discover .pc2-head::after{content:"Swipe up for more";align-self:flex-start;margin-top:12px;padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.28);color:#fff;font:700 12px var(--font-body);letter-spacing:.02em;text-transform:none}

/* Market (store) redesign: board "Market" cards, cart and checkout sheets */
html body #screen-shop .shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
html body #screen-shop .shop-card{background:var(--surface);border:1px solid var(--border-1);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-xs)}
html body #screen-shop .shop-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:linear-gradient(135deg,#e9ddfb,#fde4ef)}
html body #screen-shop .shop-card-body{padding:12px 14px 14px}
html body #screen-shop .shop-card-title{font:800 15px/1.25 var(--font-body);color:var(--text-1)}
html body #screen-shop .shop-price-sale,html body #screen-shop .shop-price-reg{font:800 17px var(--font-display);color:var(--text-1)}
html body #screen-shop .shop-price-sale{color:#d5287f}html body #screen-shop .shop-price-orig{color:var(--text-3);text-decoration:line-through;font-size:12px}
html body #screen-shop .shop-oos-badge,html body #screen-shop .shop-method-badge{background:#fde4ef;color:#a5145f;border-radius:99px;font:800 10px var(--font-body);padding:3px 9px}
html body #screen-shop .shop-cat-pill{border-radius:99px;background:var(--surface);border:1px solid var(--border-1);color:var(--text-2);font-weight:700}
html body #screen-shop .shop-cat-pill.active{background:#140a25;color:#fff;border-color:#140a25}
html body #shopCartOverlay>div,html body #screen-shop [id*="heckout"]{border-radius:28px 28px 0 0}
html body #coSubmitBtn{background:var(--mp-grad)!important;border-radius:20px!important;box-shadow:0 12px 28px rgba(236,58,140,.28)}
@media(min-width:900px){html body #screen-shop .shop-grid{grid-template-columns:repeat(4,1fr);max-width:1100px;margin:0 auto}}

/* Gifting (board): tabs, tiles, note, balance */
.gift-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px}.gift-tabs::-webkit-scrollbar{display:none}
.gift-tabs button{border:0;border-radius:99px;padding:9px 16px;font:800 13px var(--font-body);background:var(--surface-2);color:var(--text-2);flex:none;cursor:pointer}
.gift-tabs button.on{background:var(--mp-grad);color:#fff}
.gift-grid--v2{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px}
.gift-grid--v2 .gift-card{background:var(--surface);border:2px solid var(--border-1);border-radius:22px;padding:14px 8px;text-align:center;cursor:pointer}
.gift-grid--v2 .gift-card.on{border-color:#d5287f;box-shadow:0 10px 22px rgba(213,40,127,.16)}
.gift-card__icon{width:52px;height:52px;border-radius:17px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;color:#fff}
.gift-card__icon.g1{background:linear-gradient(135deg,#f08ab5,#8a5cf0)}.gift-card__icon.g2{background:linear-gradient(135deg,#ffb88a,#ef5f8a)}.gift-card__icon.g3{background:linear-gradient(135deg,#8fd8c6,#5b7fdc)}
.gift-grid--v2 .gift-card__name{font:800 14px var(--font-body);color:var(--text-1)}.gift-grid--v2 .gift-card__coins{font:700 12px var(--font-body);color:#8a5a00;margin-top:2px}
.gift-note{background:var(--surface);border:1px solid var(--border-1);border-radius:22px;padding:14px;margin-top:14px}.gift-note label{font:700 13px var(--font-body);color:var(--text-2)}
.gift-note textarea{width:100%;margin-top:8px;border:0;border-radius:14px;background:var(--surface-2);padding:12px;font:inherit;color:var(--text-1);resize:none}
.gift-bal{text-align:center;color:var(--text-3);font-size:13px;margin-top:12px}

/* Stories viewer (board "Stories"): rounded media on deep violet, pill controls */
html body #storyViewer{background:#140a25!important}
html body #storyViewer>img,html body #storyViewer>video{flex:none!important;width:calc(100% - 24px)!important;height:calc(100% - 196px)!important;margin:96px 12px 100px!important;border-radius:28px!important;object-fit:cover!important}
html body #storyViewer #storyReactBar{background:linear-gradient(to top,rgba(20,10,37,.95),transparent)!important}
html body #storyViewer #storyReactBar button{border-radius:99px!important;font-weight:800!important}
html body #storyViewer #storyCommentInput{font-size:15px!important}

/* Confessions + Novels headers and cards (boards) */
.cf-head{display:flex;align-items:center;justify-content:space-between;padding:6px 16px 8px;flex-shrink:0}.cf-head h2{margin:0;font:800 26px var(--font-display);letter-spacing:-.02em;color:var(--text-1)}
.cf-btn{border:0;border-radius:99px;padding:10px 18px;background:#140a25;color:#fff;font:800 14px var(--font-body);cursor:pointer}
.cf-safe{margin:0 14px 10px;padding:14px 16px;border-radius:22px;background:#fdecc8;color:#6b4300;font-size:13px;line-height:1.5;flex-shrink:0}
.cf-rules{margin:0 14px 12px;padding:12px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--border-1);display:flex;gap:10px;align-items:center;font-size:13px;color:var(--text-2);flex-shrink:0}.cf-rules b{background:#dff3e8;color:#0b6b46;border-radius:99px;padding:4px 10px;font-size:12px}
.confess-card{border-radius:24px!important;padding:16px!important;box-shadow:var(--shadow-xs)}.confess-card::before{display:none!important}
.confess-text{font-size:15.5px!important;line-height:1.5!important}
.confess-avatar{background:#2a1450!important;color:#fff!important}
.confess-react-btn{border:0!important;border-radius:99px!important;background:var(--surface-2)!important;color:var(--text-1)!important;font-weight:800!important;padding:10px 16px!important}
.confess-react-btn.active{background:#fde4ef!important;color:#a5145f!important}
.cf-tabs{display:flex;gap:8px;padding:0 16px 10px;flex-shrink:0}.cf-tabs button{border:0;border-radius:99px;padding:9px 18px;font:800 14px var(--font-body);background:var(--surface-2);color:var(--text-2);cursor:pointer}.cf-tabs button.on{background:var(--mp-grad);color:#fff}

/* Ask to verify sits under the location line */
html body #screen-discover .pc2-head .ask-verify-btn{pointer-events:auto;align-self:flex-start;margin-top:8px;padding:8px 14px;font-size:12px;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.5);position:relative;z-index:9}
html body #screen-discover .pc2-head .ask-verify-btn[disabled]{opacity:.8}
/* Store cart button */
.shop-cart-btn{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-1,#e8e8ec);background:var(--surface,#fff);color:var(--text-1);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation}
.shop-cart-btn #shopCartBadge2{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#E91E8C;color:#fff;font:800 10px var(--font-body);align-items:center;justify-content:center}
/* Install screen */
.mpi{position:fixed;inset:0;z-index:9000;background:var(--bg,#f7f3fc);overflow:auto;display:flex;justify-content:center}
.mpi__box{width:100%;max-width:440px;padding:calc(34px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));text-align:center}
.mpi__logo{width:84px;height:84px;margin:0 auto 18px;border-radius:26px;background:linear-gradient(135deg,#d1278f,#7a3cff);color:#fff;font:800 38px var(--font-display,inherit);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(122,60,255,.3)}
.mpi h2{margin:0 0 8px;font:800 26px/1.15 var(--font-display,inherit);color:var(--text-1,#1c0f33)}
.mpi__sub{margin:0 auto 22px;max-width:300px;color:var(--text-3,#7a6d92);font-size:15px}
.mpi__card{background:var(--surface,#fff);border:1px solid var(--border-1,#ece6f5);border-radius:20px;padding:14px;margin-bottom:12px;text-align:left;box-shadow:var(--shadow-sm,0 1px 8px rgba(40,20,80,.05))}
.mpi__card--on{border-color:#c9b3f6}
.mpi__card p{margin:6px 0 10px;font-size:14px;color:var(--text-2,#4b3a68)}
.mpi__tag{display:inline-block;font:700 11px var(--font-body,inherit);padding:4px 10px;border-radius:99px;background:#eaf1ff;color:#2a4f9e}
.mpi__tag--g{background:#e6f6ee;color:#0f6a49}
.mpi__btn{width:100%;border:0;border-radius:99px;padding:15px;background:linear-gradient(135deg,#d1278f,#7a3cff);color:#fff;font:800 16px var(--font-body,inherit);cursor:pointer}
.mpi__steps{display:flex;gap:8px}.mpi__steps span{flex:1;text-align:center;background:var(--mp-grad-soft,#f1eafb);border-radius:14px;padding:10px 4px;font:700 12px var(--font-body,inherit);color:var(--text-1,#1c0f33)}
.mpi__steps b{display:block;font-size:16px}
.mpi__reward p{margin-bottom:2px}
.mpi__fine{margin:14px 0 6px;font-size:12px;color:var(--text-3,#7a6d92)}
.mpi__later{border:0;background:none;color:var(--text-2,#4b3a68);font:700 15px var(--font-body,inherit);padding:12px 20px;cursor:pointer}
@media (min-width:700px){.mpi{align-items:center;background:rgba(20,8,40,.55)}.mpi__box{background:var(--bg,#f7f3fc);border-radius:28px;padding:34px 28px}}

/* ── Notifications screen (Round 7) ── */
.nt-head{padding:16px 16px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.nt-head h1{margin:0;font:800 26px var(--font-display);letter-spacing:-.02em;color:var(--text-1)}
.nt-head h1 em{font:800 12px var(--font-body);font-style:normal;vertical-align:middle;margin-left:6px;padding:4px 9px;border-radius:99px;background:var(--mp-grad);color:#fff}
.nt-pill{border:0;border-radius:99px;padding:8px 14px;background:#fde7f1;color:#b81d68;font:800 13px var(--font-body);cursor:pointer;touch-action:manipulation}
.nt-pill--line{background:transparent;border:1px solid var(--border-1);color:var(--text-2)}
.nt-prompt .nt-help{color:#c9bde4;font-size:12px;line-height:1.4}
.nt-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 16px 12px;scrollbar-width:none}.nt-chips::-webkit-scrollbar{display:none}
.nt-chips button{flex:none;border:1px solid var(--border-1);background:var(--surface);color:var(--text-2);border-radius:99px;padding:8px 14px;font:700 13px var(--font-body);cursor:pointer}
.nt-chips button.on{background:var(--text-1);color:var(--bg);border-color:transparent}
.nt-day{font:800 11px var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:12px 4px 8px}
.nt-ic{position:relative;overflow:hidden}.nt-ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nt-ic.gold{background:#fff1d6;color:#a96a00}.nt-ic.green{background:#e0f6ea;color:#14804a}.nt-ic.blue{background:#e6eeff;color:#2c4fd6}.nt-ic.red{background:#fde8e8;color:#d92d20}
.nt-row{position:relative;cursor:pointer}
.nt-x{position:absolute;right:8px;top:8px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--text-4);display:grid;place-items:center;opacity:.55;cursor:pointer}
.nt-row .nt-dot{position:absolute;right:14px;bottom:16px;margin:0}
.nt-tx{padding-right:22px}
.nt-empty{display:grid;justify-items:center;gap:8px;text-align:center;padding:44px 24px;color:var(--text-3)}.nt-empty b{color:var(--text-1);font-size:17px}.nt-empty small{font-size:13px;max-width:280px;line-height:1.5}
.nt-note{display:flex;gap:10px;align-items:flex-start;margin:14px 2px;padding:14px;border-radius:20px;background:var(--surface);border:1px solid var(--border-1);color:var(--text-3);font-size:13px;line-height:1.5}

/* ── Chat profile sheet, full profile card, report and confirm sheets (Round 7) ── */
.mpcp{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}
.mpcp.on{pointer-events:auto}
.mpcp__bd{position:absolute;inset:0;background:rgba(20,10,37,.45);opacity:0;transition:opacity .25s}
.mpcp.on .mpcp__bd{opacity:1}
.mpcp__sheet{position:relative;background:var(--surface,#fff);color:var(--text-1);border-radius:28px 28px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));max-height:88dvh;overflow:auto;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);max-width:560px;width:100%;margin:0 auto;box-shadow:0 -10px 40px rgba(20,10,37,.18)}
.mpcp.on .mpcp__sheet{transform:none}
.mpcp__grab{display:block;width:40px;height:4px;border-radius:4px;background:var(--border-2,#ddd);margin:0 auto 14px}
.mpcp__load{padding:40px 0;text-align:center;color:var(--text-3)}
.mpcp__top{display:flex;gap:14px;align-items:center}
.mpcp__ph{width:92px;height:92px;border-radius:26px;overflow:hidden;background:var(--surface-2);flex:none;display:block}.mpcp__ph img{width:100%;height:100%;object-fit:cover}
.mpcp__nm{margin:0;font:800 24px var(--font-display);letter-spacing:-.02em}
.mpcp__sub{color:var(--text-3);font-size:13px;margin-top:3px}.mpcp__sub .ok{color:#14804a}
.mpcp__bio{margin:14px 0 10px;color:var(--text-2);line-height:1.55;font-size:15px}
.mpcp__chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.mpcp__chip{padding:7px 13px;border-radius:99px;background:var(--surface-2);font:700 12.5px var(--font-body);color:var(--text-2)}
.mpcp__chip.pink{background:#fde7f1;color:#b81d68}.mpcp__chip.blue{background:#e6eeff;color:#2c4fd6}.mpcp__chip.green{background:#e0f6ea;color:#14804a}
.mpcp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.mpcp__grid button{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;border-radius:18px;padding:14px 6px;background:var(--surface-2);color:var(--text-1);font:700 13px var(--font-body);cursor:pointer;touch-action:manipulation}
.mpcp__grid button.bad{color:#b4234c}.mpcp__grid button.dim{opacity:.5}.mpcp__grid em{font-style:normal;background:var(--mp-grad);color:#fff;border-radius:99px;padding:1px 7px;font-size:11px}
.mpcp__t{margin:0 0 6px;font:800 21px var(--font-display);letter-spacing:-.02em}.mpcp__p{margin:0 0 14px;color:var(--text-3);line-height:1.5;font-size:14px}
.mpcp__row{display:flex;gap:10px;margin-top:14px}
.mpcp__btn{flex:1;border:0;border-radius:18px;padding:14px;background:var(--surface-2);color:var(--text-1);font:800 15px var(--font-body);cursor:pointer;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.mpcp__btn--go{background:var(--mp-grad);color:#fff}.mpcp__btn--bad{background:#b4234c;color:#fff}.mpcp__btn--soft{flex:none;padding:10px 18px;background:#fde7f1;color:#b81d68}
.mpcp__btn:disabled{opacity:.6}
.mpcp__list{display:grid;gap:8px}.mpcp__opt{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:var(--surface-2);font:700 14px var(--font-body);cursor:pointer}
.mpcp__opt input{accent-color:#d5287f;width:18px;height:18px}
.mpcp__ta{width:100%;margin-top:12px;border:1px solid var(--border-1);background:var(--surface-2);color:var(--text-1);border-radius:16px;padding:12px;font:15px var(--font-body);min-height:70px;resize:vertical}
.mpcp__chk{display:flex;gap:10px;align-items:center;margin-top:12px;font-size:14px;color:var(--text-2)}
.mpcp--full{justify-content:stretch}
.mpcp--full .mpcp__sheet{padding:0;border-radius:0;max-height:none;height:100dvh;max-width:640px;overflow:hidden;display:flex;flex-direction:column}
.mpcp--full .mpcp__grab{display:none}
.mpfp{display:flex;flex-direction:column;height:100%;min-height:0}
.mpfp__hero{position:relative;flex:none;height:46dvh;max-height:440px;background:var(--surface-2)}
.mpfp__strip{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mpfp__strip::-webkit-scrollbar{display:none}
.mpfp__strip img{flex:none;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.mpfp__bars{position:absolute;top:calc(10px + env(safe-area-inset-top));left:14px;right:60px;display:flex;gap:5px}.mpfp__bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.4)}.mpfp__bars i.on{background:#fff}
.mpfp__shade{position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(to top,rgba(20,10,37,.85),transparent);pointer-events:none}
.mpfp__id{position:absolute;left:18px;right:18px;bottom:18px;color:#fff}.mpfp__id h2{margin:0;font:800 28px var(--font-display);letter-spacing:-.02em}.mpfp__id p{margin:4px 0 0;opacity:.85;font-size:14px}
.mpfp__v{font:800 11px var(--font-body);background:rgba(255,255,255,.92);color:#14804a;border-radius:99px;padding:3px 9px;vertical-align:middle}
.mpfp__x{position:absolute;top:calc(8px + env(safe-area-inset-top));right:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#140a25;display:grid;place-items:center;cursor:pointer}
.mpfp__body{flex:1;overflow:auto;padding:14px 14px 8px;display:grid;gap:12px;align-content:start;background:var(--bg)}
.mpfp__card{background:var(--surface);border:1px solid var(--border-1);border-radius:22px;padding:16px;box-shadow:var(--shadow-xs)}
.mpfp__card h4{margin:0 0 8px;font:800 14px var(--font-body)}.mpfp__card p{margin:0;line-height:1.6;color:var(--text-2)}
.mpfp__card small{color:var(--text-3)}
.mpfp__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.mpfp__row h4{margin:0 0 2px}
.mpcp__fact{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-1);font-size:14px}.mpcp__fact:last-child{border:0}
.mpcp__fact span{color:var(--text-3);flex:1}.mpcp__fact b{font-weight:700}.mpcp__fact ic{color:var(--violet)}
.mpfp__bar{flex:none;display:flex;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border-1)}

.cm-act{border:0;background:none;color:var(--text-4);font:700 10px var(--font-body);margin-left:8px;padding:2px 4px;cursor:pointer;display:inline-flex;gap:3px;align-items:center;opacity:.8}
.comm-tabs{overflow-x:auto;scrollbar-width:none}.comm-tabs::-webkit-scrollbar{display:none}
.comm-tab-btn{flex:0 0 auto!important;min-width:76px}

/* Business block on Me */
.me-biz{margin:18px 0 6px;padding:16px;border-radius:20px;background:linear-gradient(160deg,#fff7ed,#fff);border:1px solid #fed7aa}
.me-biz__h{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c2410c;margin:0 0 10px}
.me-biz__hero{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#111827;color:#fff;text-decoration:none;margin-bottom:10px}
.me-biz__hero b{display:block;font-size:15px}.me-biz__hero small{opacity:.75;font-size:12px}
.me-biz__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.me-biz__grid a{display:flex;align-items:center;gap:8px;padding:12px;border-radius:14px;background:#fff;border:1px solid #f1f5f9;color:#111827;font-weight:600;font-size:13px;text-decoration:none}
.me-biz__h em{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:#9a3412;margin-left:6px}
.me-biz__hero{justify-content:space-between}
.me-biz__hero b{font-size:16px;margin-bottom:4px}
.me-biz__hero span{display:block;font-size:12px;line-height:1.4;opacity:.8;font-weight:400}
.me-biz__hero i{font-style:normal;font-weight:800;font-size:13px;background:#fff;color:#111827;border-radius:999px;padding:6px 12px;white-space:nowrap;flex:none}
.me-biz__grid a{flex-direction:column;align-items:flex-start;gap:2px}
.me-biz__grid a .t{display:inline-flex;width:34px;height:34px;border-radius:10px;background:#fff7ed;color:#c2410c;align-items:center;justify-content:center;margin-bottom:4px}
.me-biz__grid a small{font-weight:400;color:#6b7280;font-size:11px}
.mpcp__in{width:100%;box-sizing:border-box;padding:12px 14px;margin:0 0 8px;border-radius:14px;border:1px solid var(--border-1);background:var(--surface-2);color:var(--text-1);font:600 14px var(--font-body)}
/* Shop grid: rows must be as tall as their cards, never squashed */
html body #screen-shop .shop-grid{grid-auto-rows:max-content}
html body #screen-shop .shop-card{min-height:0}
html body #screen-shop .shop-card-body{position:relative;padding-bottom:50px}
html body #screen-shop .shop-card-body::after{content:'View and buy';position:absolute;left:12px;right:12px;bottom:12px;text-align:center;padding:9px 10px;border-radius:12px;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;font:800 12px var(--font-body)}
html body #screen-shop .shop-card-soon .shop-card-body::after{display:none}
.mm-frame{flex:1;width:100%;border:0;background:var(--surface-2);min-height:0}
/* Discover card: New chip sits right above the name; the whole info block sits low, close to the action buttons */
html body #screen-discover .pc2-head{padding-bottom:104px!important}
html body #screen-discover .pc2-newchip{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;margin-bottom:8px;padding:5px 11px;border-radius:99px;background:rgba(20,10,40,.72);color:#7dffc4;font:800 12px var(--font-body);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}
html body #screen-discover .pc2-head::after{margin-top:10px}

/* Chat rows: always tappable on iOS Safari and Android WebView */
.conv-item,.conv-item *{cursor:pointer}
.conv-item{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.conv-item .conv-item__delete-reveal button{cursor:pointer}

/* Swipe card: the part you scroll down to */
.pc2-body{padding:14px 14px 150px;gap:14px;background:var(--bg,transparent)}
.pc2-card{border-radius:24px;padding:18px;box-shadow:0 8px 24px rgba(40,10,90,.06);border:1px solid var(--border-1)}
.pc2-h{display:flex;align-items:center;gap:9px;font:800 15px var(--font-display);color:var(--text-1);letter-spacing:-.01em;margin:0 0 12px;text-transform:none}
.pc2-h i{width:5px;height:18px;border-radius:4px;background:linear-gradient(180deg,#e11d8c,#7a3cff);display:block}
.pc2-h--out{margin:6px 4px 0}
.pc2-look{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff0f8,#f1eaff);border:0}
[data-theme="dark"] .pc2-look{background:linear-gradient(135deg,#34123a,#201446)}
.pc2-look__ic{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.pc2-look small{font:700 12px var(--font-body);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}
.pc2-look b{font:800 19px var(--font-display);margin-top:3px;color:var(--text-1)}
.pc2-bio{font-size:15.5px;line-height:1.65}
.pc2-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pc2-fact{display:flex;align-items:center;gap:10px;background:var(--surface-2);border-radius:16px;padding:11px 12px;min-width:0}
.pc2-fact__ic{width:34px;height:34px;border-radius:12px;background:var(--surface);color:#a5145f;display:flex;align-items:center;justify-content:center;flex:none;font-size:16px}
.pc2-fact__tx{min-width:0;display:flex;flex-direction:column}
.pc2-fact__tx small{font:700 11px var(--font-body);color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}
.pc2-fact__tx b{font:700 14px var(--font-body);color:var(--text-1);text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc2-card .pc2-chips{gap:8px}
.pc2-card .pc2-chip{padding:8px 14px;font-size:13px}
.pc2-photos{gap:10px}.pc2-photos img{border-radius:22px;box-shadow:0 8px 20px rgba(40,10,90,.1)}
.pc2-prompts .pcard__prompt-block{background:var(--surface);border:1px solid var(--border-1);border-left:4px solid #e11d8c;border-radius:22px;box-shadow:0 8px 24px rgba(40,10,90,.06)}
.pc2-prompts .pcard__prompt-q{font:700 12px var(--font-body);text-transform:uppercase;letter-spacing:.07em;color:#a5145f}
.pc2-end{padding:6px 24px 8px}
@media (min-width:900px){.pc2-body{padding:18px 20px 32px}.pc2-grid{grid-template-columns:1fr 1fr 1fr}}

/* Sponsored cards in the swipe stack: any picture shape fits, nothing is cut off */
.pcard--ad .pc2-hero{background:#120a24}
.pc2-adbg{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(26px) brightness(.62) saturate(1.2);transform:scale(1.08)}
.pc2-adbg--plain{background:linear-gradient(135deg,#2b0f4d,#7a3cff 60%,#e11d8c);filter:none}
html body #screen-discover .pcard--ad .pc2-img.pc2-adimg{position:relative;z-index:1;object-fit:contain!important;width:100%;height:100%;background:transparent}
html body #screen-discover .pcard--ad .pc2-shade{z-index:2;background:linear-gradient(to bottom,rgba(10,4,24,.4),transparent 18%,transparent 48%,rgba(10,4,24,.6) 66%,rgba(10,4,24,.94))!important}
html body #screen-discover .pcard--ad .pc2-spons{z-index:6;top:100px;left:14px}
html body #screen-discover .pcard--ad .pc2-sound{z-index:6;bottom:auto;top:96px;right:12px}
html body #screen-discover .pcard--ad .pc2-adhead{padding-bottom:112px!important;height:auto!important;min-height:300px;pointer-events:none}
html body #screen-discover .pcard--ad .pc2-adhead::after{display:none!important}
html body #screen-discover .pcard--ad .pc2-adbody{margin:6px 0 0;color:rgba(255,255,255,.92);font:500 14.5px/1.45 var(--font-body);text-shadow:0 1px 8px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body #screen-discover .pcard--ad .pc2-adcta{pointer-events:auto;align-self:flex-start;margin-top:12px;border:0;border-radius:99px;padding:13px 24px;background:#fff;color:#1a0a2e;font:800 15px var(--font-body);box-shadow:0 10px 26px rgba(0,0,0,.35);cursor:pointer}
html body #screen-discover .pcard--ad .pc2-adact{display:none}

/* Team messages pinned at the top of the Chats list */
.ann-chat{padding:6px 8px 4px}
.ann-chat__item{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 38px 14px 14px;margin:4px 0;border-radius:20px;background:linear-gradient(135deg,rgba(225,29,140,.08),rgba(122,60,255,.10));border:1px solid rgba(225,29,140,.28);cursor:pointer}
.ann-chat__ic{position:relative;flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;display:flex;align-items:center;justify-content:center;overflow:visible}
.ann-chat__ic img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ann-chat__ic i{position:absolute;right:0;top:0;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2px solid var(--surface,#fff)}
.ann-chat__b{min-width:0;flex:1}.ann-chat__r{display:flex;align-items:center;gap:8px}.ann-chat__r b{font:800 15px var(--font-body);color:var(--pink,#e11d8c)}
.ann-chat__tag{font:800 10px var(--font-body);padding:2px 8px;border-radius:99px;background:var(--pink,#e11d8c);color:#fff;text-transform:uppercase;letter-spacing:.04em}
.ann-chat__t{font:800 15px var(--font-body);margin-top:3px;color:var(--text-1)}
.ann-chat__b p{margin:3px 0 0;font:500 13px/1.4 var(--font-body);color:var(--text-2);white-space:pre-line}
.ann-chat__cta{display:inline-block;margin-top:10px;padding:10px 20px;border-radius:99px;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;font:800 13px var(--font-body);text-decoration:none}
.ann-chat__x{position:absolute;top:10px;right:10px;width:26px;height:26px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text-2);display:flex;align-items:center;justify-content:center;cursor:pointer}

/* Swipe-card advert: artwork only, nothing covering it */
.pcard--ad .pc2-head,.pcard--ad .pc2-adact,.pcard--ad .pc2-end{display:none!important}
.pcard--ad .pc2-adhero{position:absolute;inset:0;height:100%!important;cursor:pointer}
.pc2-skip{position:absolute;top:14px;right:14px;z-index:6;border:0;border-radius:99px;padding:8px 14px;background:rgba(0,0,0,.55);color:#fff;font:700 12px var(--font-body);backdrop-filter:blur(6px)}
.pc2-skip--on{background:rgba(255,255,255,.92);color:#111}
.pcard--ad .pc2-sound{bottom:16px;right:14px}
html body #screen-discover .pcard--ad .pc2-skip{top:100px;right:14px}

/* ── Out of likes sheet ── */
.oos{position:relative;width:100%;max-width:520px;margin:0 auto;background:var(--surface,#fff);border-radius:30px 30px 0 0;box-shadow:0 -12px 50px rgba(0,0,0,.28);padding-bottom:max(22px,env(safe-area-inset-bottom,16px));overflow:hidden;text-align:center}
.oos__grab{width:38px;height:4px;border-radius:2px;background:rgba(0,0,0,.14);margin:10px auto 0;position:relative;z-index:2}
.oos__x{position:absolute;top:12px;right:14px;z-index:3;width:32px;height:32px;border:0;border-radius:50%;background:rgba(0,0,0,.07);color:var(--text-2,#555);display:flex;align-items:center;justify-content:center;cursor:pointer}
.oos__top{margin-top:-14px;padding:34px 24px 18px;background:linear-gradient(180deg,rgba(225,29,140,.12),rgba(122,60,255,.04) 70%,transparent)}
.oos__ph{position:relative;width:96px;height:96px;margin:0 auto 14px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#e11d8c,#7a3cff)}
.oos__ph img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--surface,#fff);background:#eee;filter:blur(0)}
.oos__lock{position:absolute;right:-2px;bottom:2px;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;border:3px solid var(--surface,#fff);display:flex;align-items:center;justify-content:center}
.oos h3{margin:0;font:800 23px/1.2 var(--font-body);color:var(--text-1,#111)}
.oos__who{margin:6px 0 0;font:500 14px/1.45 var(--font-body);color:var(--text-2,#666)}
.oos__tags{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.oos__tags span{padding:6px 12px!important;background:var(--surface-2,#f3eef6)!important;border-radius:99px;font:600 12px var(--font-body)!important;color:var(--text-2,#555)!important}
.oos__body{padding:4px 20px 0;display:grid;gap:10px}
.oos__timer{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:14px;background:var(--surface-2,#f6f2f8);font:600 13px var(--font-body);color:var(--text-2,#666)}
.oos__timer b{font:800 17px var(--font-body);color:var(--pink,#e11d8c);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.oos__opt{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:18px;border:1.5px solid var(--border,#eadff1);background:var(--surface,#fff);color:var(--text-1,#111);text-align:left;cursor:pointer;font-family:inherit;touch-action:manipulation}
.oos__ico{flex:none;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff4dd;color:#d98a00}
.oos__txt{flex:1;min-width:0;display:grid;gap:2px}.oos__txt b{font:800 15px var(--font-body)}.oos__txt small{font:500 12.5px var(--font-body);color:var(--text-2,#777)}
.oos__opt--prem{border:0;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;box-shadow:0 10px 24px rgba(160,40,200,.35)}
.oos__opt--prem .oos__ico{background:rgba(255,255,255,.2);color:#fff}.oos__opt--prem .oos__txt small{color:rgba(255,255,255,.85)}
.oos__later{border:0;background:none;color:var(--text-3,#999);font:600 14px var(--font-body);padding:10px;cursor:pointer}
@media(min-width:900px){#limitBanner{align-items:center!important;justify-content:center!important}.oos{border-radius:30px;margin:0 auto}}

/* ── It's a Match ── */
html body .match-overlay{background:radial-gradient(120% 80% at 50% 0%,#5b1b86 0%,#24093f 45%,#0e0220 100%)!important;overflow-y:auto;-webkit-overflow-scrolling:touch}
.mt{position:relative;min-height:100%;max-width:460px;margin:0 auto;padding:max(34px,env(safe-area-inset-top,0px)) 22px max(26px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}
.mt__glow{position:absolute;left:50%;top:70px;width:340px;height:340px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,64,160,.45),transparent 65%);filter:blur(10px);pointer-events:none}
.mt__eyebrow{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.12);font:700 12px var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.mt__title{position:relative;margin:16px 0 6px;font:900 44px/1.05 var(--font-display,'Playfair Display',serif);font-style:italic;background:linear-gradient(90deg,#ffd1ec,#ff5cb8,#c9a0ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.mt__sub{position:relative;font:500 15px/1.4 var(--font-body);color:rgba(255,255,255,.82);max-width:300px}
.mt__pics{position:relative;display:flex;align-items:center;justify-content:center;margin:26px 0 24px;height:190px;width:100%}
.mt__pic{width:132px!important;height:172px!important;object-fit:cover;border-radius:24px!important;border:3px solid #fff!important;box-shadow:0 18px 40px rgba(0,0,0,.45);background:#e9dff0}
.mt__pic--l{transform:rotate(-7deg);margin-right:-18px}.mt__pic--r{transform:rotate(7deg);margin-left:-18px}
.mt__heart{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#ff3d9a,#8b3dff);color:#fff;border:4px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(255,61,154,.55)}
.mt__ice{position:relative;width:100%;margin-bottom:18px}.mt__icehd{font:700 12px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:10px}
.mt__icebtns{display:grid;gap:8px}
#icebreakerBtns button{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:16px!important;padding:13px 16px!important;font:600 14px/1.35 var(--font-body)!important;backdrop-filter:blur(8px)}
#icebreakerBtns button:active{background:rgba(255,255,255,.25)!important}
.mt__act{position:relative;width:100%;display:grid;gap:10px;margin-top:auto;padding-top:6px}
.mt__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:99px;font:800 16px var(--font-body);cursor:pointer;touch-action:manipulation}
.mt__btn--main{border:0;background:linear-gradient(135deg,#ff3d9a,#8b3dff);color:#fff;box-shadow:0 12px 28px rgba(255,61,154,.45)}
.mt__btn--ghost{background:transparent;border:1.5px solid rgba(255,255,255,.45);color:#fff}
@media(min-width:900px){.mt{justify-content:center}.mt__act{margin-top:12px}}

/* ── Chat with someone who liked you ── */
.lks{position:fixed;inset:0;z-index:9995;display:flex;align-items:flex-end;justify-content:center}
.lks__bd{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px)}
.lks__box{position:relative;width:100%;max-width:480px;background:var(--surface,#fff);border-radius:28px 28px 0 0;padding:26px 22px max(24px,env(safe-area-inset-bottom,16px));text-align:center;display:grid;gap:10px;animation:lksUp .3s ease}
@keyframes lksUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.lks__ph{width:104px;height:104px;margin:-66px auto 4px;border-radius:50%;border:4px solid var(--surface,#fff);background:#ddd center/cover;filter:none;position:relative;box-shadow:0 10px 26px rgba(0,0,0,.25);overflow:hidden}
.lks__ph::before{content:"";position:absolute;inset:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lks__ph span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2}
.lks__box h3{margin:0;font:800 21px var(--font-body);color:var(--text-1,#111)}.lks__box p{margin:0 0 6px;font:500 14px/1.45 var(--font-body);color:var(--text-2,#666)}
.lks__main,.lks__alt{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:99px;font:800 15px var(--font-body);cursor:pointer;touch-action:manipulation}
.lks__main{border:0;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;box-shadow:0 10px 24px rgba(160,40,200,.35)}
.lks__alt{background:transparent;border:1.5px solid var(--border,#e4d8ec);color:var(--text-1,#111)}
.lks__x{border:0;background:none;color:var(--text-3,#999);font:600 14px var(--font-body);padding:8px;cursor:pointer}

/* Premium modal: Premium vs Plus at a glance */
.pmx{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.pmx>div{display:grid;gap:3px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--border,#eadff1);font-size:12px;color:var(--text-2,#666)}
.pmx b{font:800 13px var(--font-body);color:var(--text-1,#111)}
.pmx--plus{border-color:#e11d8c!important;background:linear-gradient(160deg,rgba(225,29,140,.08),rgba(122,60,255,.08))}.pmx--plus b{color:#e11d8c}
.pmx__more{display:block;text-align:center;margin:0 0 12px;font:700 13px var(--font-body);color:var(--pink,#e11d8c);text-decoration:none}

/* Notification nudge after a like */
.mpnudge{position:fixed;left:50%;transform:translateX(-50%);top:calc(env(safe-area-inset-top,0px) + 64px);z-index:9000;width:calc(100% - 24px);max-width:440px;display:flex;align-items:center;gap:10px;padding:12px;border-radius:20px;background:var(--surface,#fff);box-shadow:0 14px 40px rgba(0,0,0,.28);border:1px solid rgba(225,29,140,.25);animation:nudgeIn .35s ease;transition:opacity .3s,transform .3s}
.mpnudge.out{opacity:0;transform:translate(-50%,-14px)}
@keyframes nudgeIn{from{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%,0)}}
.mpnudge__i{flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;display:flex;align-items:center;justify-content:center}
.mpnudge__t{flex:1;min-width:0;display:grid;gap:1px;text-align:left}.mpnudge__t b{font:800 14px var(--font-body);color:var(--text-1,#111)}.mpnudge__t span{font:500 12px/1.35 var(--font-body);color:var(--text-2,#666)}
.mpnudge__go{flex:none;border:0;border-radius:99px;padding:9px 14px;background:linear-gradient(135deg,#e11d8c,#7a3cff);color:#fff;font:800 13px var(--font-body);cursor:pointer}
.mpnudge__x{flex:none;border:0;background:none;color:var(--text-3,#999);width:24px;height:24px;cursor:pointer}
.annb img[hidden],#annBannerImg[hidden]{display:none!important}
@media(min-width:900px){#annBanner{max-width:520px;margin-left:auto;margin-right:auto}}

/* Swipe deck: "Advertise your business" house card */
.pcard--house{background:#12041f}
.hc{position:absolute;inset:0;display:flex;align-items:flex-end;background:radial-gradient(120% 70% at 20% 0%,#7a1fb3 0%,#3a0a63 45%,#12041f 100%);color:#fff;overflow:hidden;cursor:pointer}
.hc__orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none}
.hc__orb--a{width:260px;height:260px;right:-80px;top:70px;background:#ff2d9b}.hc__orb--b{width:220px;height:220px;left:-70px;top:300px;background:#6a3dff}
.hc__tag{position:absolute;top:100px;left:16px;z-index:3;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);font:800 11px var(--font-body);letter-spacing:.06em;text-transform:uppercase}
.hc__body{position:relative;z-index:2;width:100%;padding:0 24px 128px;display:grid;gap:12px}
.hc__ic{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#ff3d9a,#8b3dff);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(255,61,154,.45)}
.hc h2{margin:6px 0 0;font:900 34px/1.08 var(--font-display,'Playfair Display',serif)}.hc h2 em{font-style:italic;background:linear-gradient(90deg,#ffd1ec,#ff5cb8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hc p{margin:0;font:500 15px/1.5 var(--font-body);color:rgba(255,255,255,.86)}.hc p b{color:#fff}
.hc ul{margin:0;padding:0;list-style:none;display:grid;gap:7px;font:600 14px var(--font-body)}.hc li{display:flex;align-items:center;gap:8px}.hc li ic{color:#6dffb3}
.hc__price{font:500 14px var(--font-body);color:rgba(255,255,255,.8)}.hc__price b{font:900 24px var(--font-body);color:#fff}
.hc__cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:0;border-radius:99px;background:#fff;color:#2a0a4a;font:900 16px var(--font-body);box-shadow:0 14px 30px rgba(0,0,0,.35);cursor:pointer}
.hc__skip{border:0;background:none;color:rgba(255,255,255,.6);font:600 13px var(--font-body);padding:4px;cursor:pointer}
html body #screen-discover .pcard--house .hc__tag{top:100px}

/* Video ad: invite a tap while it is muted */
.pc2-sound--hint{animation:pc2snd 1.6s ease-in-out infinite;width:auto!important;padding:0 12px;gap:6px}
.pc2-sound--hint::after{content:"Tap for sound";font:700 11px/1 var(--font-body,system-ui,sans-serif)}
@keyframes pc2snd{0%,100%{box-shadow:0 0 0 0 rgba(236,58,140,.5)}50%{box-shadow:0 0 0 8px rgba(236,58,140,0)}}
.pc2-head .pc-online--head{position:static!important;display:inline-flex;width:max-content;margin:0 0 8px;pointer-events:none}