/*
Theme Name: LumaLove Exact Luxury
Theme URI: https://example.com/
Author: LumaLove
Description: Mobile-first luxury dating and social app theme.
Version: 1.5.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lumalove
*/
:root{
 --bg:#050507;--panel:#101014;--panel2:#15131a;--text:#fff;--muted:#9b96a1;
 --pink:#ff3f8f;--pink2:#ff6cab;--violet:#8e5cff;--gold:#e9ca91;--green:#43dc83;
 --line:rgba(255,255,255,.10);--soft:rgba(255,255,255,.055);
 --ui:Inter,"Helvetica Neue",Arial,sans-serif;--display:"Iowan Old Style",Baskerville,Georgia,serif;
}
*{box-sizing:border-box}
html{margin:0!important;padding:0!important;background:var(--bg)!important;scroll-behavior:smooth}
body{margin:0!important;padding:0!important;background:var(--bg)!important;color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.admin-bar .ll-header{top:32px}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%}
.ll-page{min-height:100vh;background:
 radial-gradient(700px 430px at 100% -8%,rgba(142,92,255,.12),transparent 70%),
 radial-gradient(650px 430px at -12% 28%,rgba(255,63,143,.08),transparent 70%),var(--bg)}
/* Native sticky header: direct child of body on front page. */
.ll-header{position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:99999!important;width:100%!important;height:70px!important;background:rgba(5,5,7,.90)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;box-shadow:0 12px 35px rgba(0,0,0,.22)!important}
.ll-header.is-scrolled{background:rgba(5,5,7,.98)!important;box-shadow:0 14px 42px rgba(0,0,0,.42)!important}
.ll-header-inner{height:70px;max-width:1180px;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between}
.ll-brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:850;letter-spacing:-.035em}
.ll-brand-mark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:24px;box-shadow:0 12px 30px rgba(255,63,143,.25)}
.ll-brand-sub{display:block;font-size:8px;color:#8f8a95;letter-spacing:.9px;font-weight:600;margin-top:1px}
.ll-head-actions{display:flex;gap:8px}
.ll-icon{width:40px;height:40px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;place-items:center;color:#fff;font-size:18px;transition:.2s}
.ll-icon:hover{background:rgba(255,255,255,.10);transform:translateY(-1px)}
.ll-container{width:min(1180px,100%);margin:auto;padding:24px 18px 135px}
.ll-section{margin-bottom:27px}
.ll-section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}
.ll-eyebrow{font-size:9px;font-weight:850;letter-spacing:2px;color:#ff72ad}
.ll-section-title{font-family:var(--display);font-size:28px;line-height:1;letter-spacing:-.04em;margin:6px 0 0}
.ll-see{font-size:10px;color:#ff72ad}
.ll-stories{display:flex;gap:13px;overflow:auto;scrollbar-width:none;padding:2px 2px 7px}
.ll-stories::-webkit-scrollbar{display:none}
.ll-story{min-width:82px;text-align:center}
.ll-story-ring{width:76px;height:76px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--pink),var(--gold),var(--violet));box-shadow:0 10px 28px rgba(0,0,0,.35)}
.ll-story-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #09090c;display:block}
.ll-story-add .ll-story-ring{display:grid;place-items:center;background:#111117;border:1px solid var(--line)}
.ll-story-add .ll-story-ring b{width:37px;height:37px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:22px}
.ll-story small{display:block;margin-top:7px;font-size:9px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ll-discover{position:relative;padding:22px;border:1px solid var(--line);border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 30px 90px rgba(0,0,0,.45);overflow:hidden}
.ll-discover:after{content:"";position:absolute;width:340px;height:340px;right:-190px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(255,63,143,.16),transparent 68%);pointer-events:none}
.ll-discover-top{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px}
.ll-hero-title{font-family:var(--display);font-size:47px;line-height:.88;letter-spacing:-.06em;margin:7px 0 12px}
.ll-hero-title em{font-style:normal;background:linear-gradient(120deg,#fff,var(--gold));background-clip:text;color:transparent}
.ll-copy{font-size:11px;line-height:1.65;color:var(--muted);max-width:540px;margin:0}
.ll-filter{width:43px;height:43px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.05);display:grid;place-items:center;color:#ddd}
.ll-profiles{position:relative;z-index:1;display:flex;gap:12px;overflow:auto;scrollbar-width:none;margin-top:18px}
.ll-profiles::-webkit-scrollbar{display:none}
.ll-profile{min-width:190px;max-width:210px;background:#0d0d11;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.28s}
.ll-profile:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(0,0,0,.45);border-color:rgba(255,63,143,.28)}
.ll-photo{position:relative;aspect-ratio:1/1.18;background:linear-gradient(135deg,#211629,#111)}
.ll-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ll-online{position:absolute;left:9px;top:9px;padding:6px 9px;border-radius:999px;background:rgba(4,5,6,.72);backdrop-filter:blur(8px);font-size:9px;color:#fff}
.ll-online:before{content:"";display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}
.ll-card-like{position:absolute;right:9px;bottom:9px;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(0,0,0,.55);color:#fff;font-size:18px}
.ll-profile-body{padding:11px}
.ll-profile-name{font-size:12px;font-weight:800;display:flex;align-items:center;gap:5px}
.ll-verified{width:13px;height:13px;border-radius:50%;display:inline-grid;place-items:center;background:var(--pink);font-size:8px}
.ll-location{font-size:9px;color:#777;margin-top:4px}
.ll-match{display:inline-block;margin-top:7px;padding:5px 7px;border-radius:7px;background:rgba(255,63,143,.10);color:#ff72ad;font-size:8px;font-weight:800}
.ll-premium{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;padding:18px;border:1px solid rgba(255,63,143,.24);border-radius:22px;background:radial-gradient(230px 140px at 90% 20%,rgba(142,92,255,.22),transparent 70%),linear-gradient(135deg,rgba(255,63,143,.08),rgba(142,92,255,.07));overflow:hidden}
.ll-premium h3{font-family:var(--display);font-size:24px;margin:5px 0}.ll-premium p{font-size:10px;color:#aaa;max-width:390px;line-height:1.55;margin:0}.ll-premium .gem{font-size:55px;filter:drop-shadow(0 15px 25px rgba(142,92,255,.35))}
.ll-button{display:inline-flex;margin-top:10px;padding:11px 15px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:10px;font-weight:800;box-shadow:0 12px 28px rgba(255,63,143,.20)}
.ll-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.ll-post{background:var(--panel);border:1px solid var(--line);border-radius:23px;overflow:hidden}
.ll-post img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.ll-post-head{display:flex;align-items:center;gap:8px;padding:11px 12px 0}.ll-mini-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.ll-post-head strong{font-size:10px}.ll-post-head small{display:block;color:#777;font-size:8px;margin-top:2px}.ll-post-copy{padding:8px 12px}.ll-post-copy p{font-size:10px;line-height:1.55;color:#aaa;margin:0}.ll-post-actions{display:flex;gap:10px;padding:3px 10px 11px}.ll-post-actions button{border:0;background:none;color:#eee;font-size:19px}.ll-post-actions button:last-child{margin-left:auto}
.ll-for-you{padding:27px;border-radius:27px;border:1px solid var(--line);background:radial-gradient(430px 280px at 90% 0,rgba(142,92,255,.23),transparent 68%),#101014}
.ll-for-you h2{font-family:var(--display);font-size:39px;line-height:.94;letter-spacing:-.05em;margin:7px 0}.ll-for-you h2 em{font-style:normal;color:#ff72ad}.ll-for-you p{max-width:520px;color:var(--muted);font-size:11px;line-height:1.6}
.ll-dock{position:fixed!important;left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;width:min(570px,calc(100% - 20px))!important;height:66px!important;z-index:100000!important;display:flex!important;align-items:center!important;justify-content:space-around!important;padding:6px 8px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:24px!important;background:rgba(17,16,22,.90)!important;backdrop-filter:blur(27px) saturate(150%)!important;-webkit-backdrop-filter:blur(27px) saturate(150%)!important;box-shadow:0 22px 65px rgba(0,0,0,.62)!important}
.ll-dock a{min-width:62px;padding:7px 8px;border-radius:15px;text-align:center;color:#85808b;font-size:18px;transition:.2s}.ll-dock a.active{color:#fff;background:rgba(255,255,255,.055)}.ll-dock small{display:block;font-size:8px;margin-top:2px}.ll-dock .create{width:51px;height:51px;min-width:51px;padding:0;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:29px;box-shadow:0 12px 34px rgba(255,63,143,.30)}
.ll-ripple{position:fixed;z-index:1000000;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.22);transform:scale(0);animation:ll-ripple .5s ease-out forwards}@keyframes ll-ripple{to{transform:scale(1);opacity:0}}
@media(max-width:700px){
 body.admin-bar .ll-header{top:46px}
 .ll-header,.ll-header-inner{height:58px}.ll-header-inner{padding:0 11px}.ll-brand{font-size:18px}.ll-brand-mark{width:38px;height:38px}
 .ll-container{padding:19px 11px 120px}.ll-discover{padding:17px;border-radius:24px}.ll-discover-top{display:block}.ll-hero-title{font-size:34px}.ll-filter{position:absolute;right:16px;top:16px}.ll-profile{min-width:168px}.ll-premium{padding:16px}.ll-premium .gem{font-size:43px}.ll-posts{grid-template-columns:1fr}.ll-for-you{padding:24px}.ll-for-you h2{font-size:32px}
 .ll-dock{left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ===== UI 1.1 INTERACTIONS ===== */
html{scroll-padding-top:82px}
.ll-story,.ll-profile,.ll-dock a,.ll-icon,.ll-button,.ll-card-like{cursor:pointer}
.ll-story,.ll-profile,.ll-dock a{user-select:none;-webkit-tap-highlight-color:transparent}
.ll-modal{position:fixed;inset:0;z-index:2000000;display:none;align-items:flex-end;justify-content:center;padding:14px}
.ll-modal.open{display:flex}
.ll-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ll-modal-card{position:relative;z-index:1;width:min(520px,100%);max-height:min(82vh,720px);overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#111116;box-shadow:0 30px 100px rgba(0,0,0,.65);padding:22px;animation:llUp .28s ease-out}
@keyframes llUp{from{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:none}}
.ll-modal-close{position:absolute;right:13px;top:12px;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0b;color:#fff;font-size:24px;z-index:2}
.ll-story-view{display:grid;gap:14px;text-align:center}
.ll-story-view img{width:100%;max-height:55vh;object-fit:cover;border-radius:22px}
.ll-story-view h3{font-family:var(--display);font-size:28px;margin:0}
.ll-story-view p{font-size:11px;color:#aaa;margin:0}
.ll-create-box{display:grid;gap:13px}.ll-create-box h3{font-family:var(--display);font-size:30px;margin:0}.ll-create-box p{font-size:11px;color:#999;line-height:1.6}
.ll-create-box .ll-input{width:100%;min-height:110px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:#09090d;color:#fff;padding:13px;resize:vertical}
.ll-profile-view{text-align:center}.ll-profile-view img{width:150px;height:150px;object-fit:cover;border-radius:30px;border:2px solid #ff3f8f;box-shadow:0 20px 50px #000}.ll-profile-view h3{font-family:var(--display);font-size:31px;margin:15px 0 5px}.ll-profile-view p{color:#999;font-size:11px}.ll-profile-actions{display:flex;gap:9px;justify-content:center;margin-top:17px}.ll-profile-actions button{border:0;border-radius:14px;padding:12px 17px;color:#fff;background:#ffffff0b;border:1px solid #ffffff12}.ll-profile-actions .primary{background:linear-gradient(135deg,var(--pink),var(--violet))}
.ll-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%) translateY(10px);z-index:2100000;padding:10px 14px;border:1px solid #ffffff18;border-radius:13px;background:#17161c;color:#fff;font-size:10px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 15px 40px #0009}.ll-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:700px){.ll-modal{padding:8px}.ll-modal-card{border-radius:25px 25px 20px 20px}.ll-profile-view img{width:130px;height:130px}}

.ll-profile:nth-child(2){transform:translateY(-3px)}.ll-profile:nth-child(4){transform:translateY(4px)}
.ll-premium{box-shadow:0 18px 55px rgba(255,63,143,.08)}
@media(max-width:700px){.ll-profile:nth-child(2),.ll-profile:nth-child(4){transform:none}}

/* ===== LumaLove 1.2 interaction layer — header/layout untouched ===== */
.ll-live-pill{display:inline-flex;align-items:center;gap:4px;margin-left:5px;padding:4px 6px;border-radius:999px;background:rgba(67,220,131,.08);color:#65e69b;font-size:7px;letter-spacing:.8px;vertical-align:2px}
.ll-profile.is-liked{border-color:rgba(255,63,143,.55);box-shadow:0 18px 55px rgba(255,63,143,.13)}
.ll-card-like.is-liked{background:linear-gradient(135deg,var(--pink),var(--violet));border-color:transparent}
.ll-interaction-modal{position:fixed;inset:0;z-index:2000000;display:none;align-items:flex-end;justify-content:center;padding:10px}
.ll-interaction-modal.is-open{display:flex}
.ll-interaction-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ll-interaction-sheet{position:relative;z-index:1;width:min(520px,100%);max-height:82vh;overflow:auto;padding:24px 20px 22px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#111116;box-shadow:0 30px 90px rgba(0,0,0,.7);animation:llSheetUp .24s ease-out}
@keyframes llSheetUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.ll-interaction-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff09;color:#fff;font-size:23px}
.ll-preview{text-align:center}.ll-preview img{width:145px;height:145px;border-radius:28px;object-fit:cover;border:2px solid var(--pink);box-shadow:0 20px 55px #0008}.ll-preview h3{font-family:var(--display);font-size:30px;margin:14px 0 5px}.ll-preview p{font-size:10px;color:#999;margin:0}.ll-preview-actions{display:flex;justify-content:center;gap:9px;margin-top:18px}.ll-preview-actions button{border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:11px 16px;background:#ffffff08;color:#fff}.ll-preview-actions .primary{border:0;background:linear-gradient(135deg,var(--pink),var(--violet))}
.ll-toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,12px);z-index:2100000;padding:10px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#17161c;color:#fff;font-size:10px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 15px 40px #0009}.ll-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.ll-interaction-sheet{border-radius:25px 25px 18px 18px}.ll-preview img{width:125px;height:125px}}

/* Guest demo: visual only, does not affect the working 1.2 header. */
.ll-demo-badge{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#888;font-size:7px;font-weight:800;letter-spacing:1px}

/* LumaLove 1.2.4 — two social cards per row on real mobile */
@media screen and (max-width:700px){
  .ll-posts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:start!important;
  }
  .ll-post{
    min-width:0!important;
    border-radius:18px!important;
  }
  .ll-post-head{
    padding:8px 8px 0!important;
    gap:6px!important;
  }
  .ll-mini-avatar{
    width:25px!important;
    height:25px!important;
  }
  .ll-post-head strong{
    font-size:8px!important;
  }
  .ll-post-head small{
    font-size:7px!important;
  }
  .ll-post-copy{
    padding:7px 8px 3px!important;
  }
  .ll-post-copy p{
    font-size:8px!important;
    line-height:1.4!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .ll-post-actions{
    gap:4px!important;
    padding:2px 6px 7px!important;
  }
  .ll-post-actions button{
    font-size:16px!important;
  }
}

/* =========================================================
   LumaLove 1.2.5 — Sticky Stories on mobile
   Keeps the existing design; only the Stories strip becomes
   sticky beneath the working mobile header.
   ========================================================= */
@media screen and (max-width:700px){
  /* The header already owns the top sticky position. */
  #stories{
    position:sticky!important;
    top:58px!important;
    z-index:1200!important;
    margin-top:0!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
    background:rgba(5,5,7,.94)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
  }

  /* Keep the sticky area useful rather than taking over the screen. */
  #stories .ll-section-top{
    margin-bottom:5px!important;
  }
  #stories .ll-section-title{
    font-size:20px!important;
  }
  #stories .ll-section-top .ll-link{
    font-size:9px!important;
  }
  #stories .ll-stories{
    gap:10px!important;
    padding-bottom:2px!important;
  }
  #stories .ll-story{
    flex:0 0 58px!important;
    min-width:58px!important;
  }
  #stories .ll-story-ring{
    width:52px!important;
    height:52px!important;
    border-width:2px!important;
  }
  #stories .ll-story small{
    font-size:7px!important;
    margin-top:3px!important;
  }

  /* Make the next section flow naturally below the sticky strip. */
  #discover{
    scroll-margin-top:140px!important;
  }
}

/* LumaLove 1.2.6 — Stories stay visible while the page scrolls */
@media screen and (max-width:700px){
  /* Keep ancestors from creating a scroll container that breaks sticky. */
  body,.ll-page,.ll-container{overflow-x:clip!important;overflow-y:visible!important}
  #stories{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:58px!important;
    z-index:1500!important;
    isolation:isolate!important;
  }
  #stories:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-12px;
    right:-12px;
    top:0;
    bottom:0;
    background:rgba(5,5,7,.96);
    border-bottom:1px solid rgba(255,255,255,.06);
    box-shadow:0 12px 28px rgba(0,0,0,.24);
    pointer-events:none;
  }
  #stories .ll-stories{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
  }
}

/* =========================================================
   LumaLove 1.2.7 — Pin "Your story" inside horizontal stories
   The Stories section itself does NOT need to stay sticky.
   On mobile, only the first story remains fixed while the
   other stories slide horizontally underneath it.
   ========================================================= */
@media screen and (max-width:700px){
  #stories .ll-stories{
    position:relative!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    isolation:isolate!important;
    padding-left:0!important;
  }

  #stories .ll-story:first-child{
    position:-webkit-sticky!important;
    position:sticky!important;
    left:0!important;
    z-index:20!important;
    flex:0 0 58px!important;
    min-width:58px!important;
    padding-right:5px!important;
    margin-right:5px!important;
    background:rgba(5,5,7,.98)!important;
    border-radius:0 14px 14px 0!important;
    box-shadow:8px 0 16px rgba(0,0,0,.24)!important;
  }

  #stories .ll-story:first-child .ll-story-ring{
    box-shadow:0 0 0 5px rgba(5,5,7,.98),0 8px 20px rgba(0,0,0,.3)!important;
  }

  /* Other stories remain a normal horizontal scrolling row. */
  #stories .ll-story:not(:first-child){
    position:relative!important;
    z-index:1!important;
  }
}

/* LumaLove 1.2.9 — front-page guest authentication CTA */
.ll-guest-auth-cta{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:16px 0 18px;padding:12px 13px;
  border:1px solid rgba(255,255,255,.09);border-radius:17px;
  background:linear-gradient(110deg,rgba(255,63,143,.09),rgba(142,92,255,.07),rgba(255,255,255,.025));
  box-shadow:0 12px 34px rgba(0,0,0,.16);
}
.ll-guest-auth-copy{min-width:0}
.ll-guest-auth-eyebrow{display:block;color:#ff72ad;font-size:7px;font-weight:850;letter-spacing:1.4px;margin-bottom:4px}
.ll-guest-auth-copy strong{display:block;color:#eee;font-size:11px;line-height:1.25}
.ll-guest-auth-actions{display:flex;gap:7px;flex:0 0 auto}
.ll-guest-signin,.ll-guest-join{display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:0 11px;border-radius:11px;font-size:8px;font-weight:850;white-space:nowrap}
.ll-guest-signin{border:1px solid rgba(255,255,255,.12);background:#ffffff06;color:#fff}
.ll-guest-join{border:0;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;box-shadow:0 8px 20px rgba(255,63,143,.16)}
.ll-guest-join span{font-size:13px;margin-left:4px}
@media(max-width:700px){
  .ll-guest-auth-cta{display:block;padding:12px;margin:12px 0 15px}
  .ll-guest-auth-actions{margin-top:10px}
  .ll-guest-signin,.ll-guest-join{flex:1;min-height:38px}
}

/* LumaLove 1.3.0 — premium animated green status indicators */
.ll-online,.ll-online-dot,.ll-live-pill{position:relative}
.ll-online{
  box-shadow:0 0 0 1px rgba(74,239,148,.10),0 0 9px rgba(74,239,148,.16);
  animation:llStatusGlow 2s ease-in-out infinite;
}
.ll-online:before,.ll-online-dot:before{
  content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;
  background:#4df19a;box-shadow:0 0 5px #4df19a,0 0 11px rgba(77,241,154,.72);
  animation:llDotPulse 1.55s ease-in-out infinite;
}
.ll-live-pill{
  box-shadow:0 0 0 1px rgba(77,241,154,.12),0 0 12px rgba(77,241,154,.17);
  animation:llStatusGlow 2s ease-in-out infinite;
}
.ll-live-pill:before{
  content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;
  background:#4df19a;box-shadow:0 0 5px #4df19a,0 0 10px rgba(77,241,154,.8);
  animation:llDotPulse 1.15s ease-in-out infinite;
}
@keyframes llDotPulse{
  0%,100%{transform:scale(.82);opacity:.78;box-shadow:0 0 4px #4df19a,0 0 8px rgba(77,241,154,.45)}
  50%{transform:scale(1.18);opacity:1;box-shadow:0 0 7px #4df19a,0 0 16px rgba(77,241,154,.85)}
}
@keyframes llStatusGlow{
  0%,100%{filter:brightness(.96);box-shadow:0 0 0 1px rgba(74,239,148,.08),0 0 7px rgba(74,239,148,.10)}
  50%{filter:brightness(1.12);box-shadow:0 0 0 1px rgba(74,239,148,.18),0 0 16px rgba(74,239,148,.23)}
}
@media(prefers-reduced-motion:reduce){
  .ll-online,.ll-online-dot,.ll-live-pill,.ll-online:before,.ll-online-dot:before,.ll-live-pill:before{animation:none!important}
}

/* =========================================================
   LumaLove 1.3.2 — Premium touch glow
   Gives every tappable control a soft luminous press/ripple.
   ========================================================= */
.ll-touch-ripple{
  position:fixed;
  z-index:5000000;
  width:22px;height:22px;
  margin:-11px 0 0 -11px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.82) 0%,rgba(255,83,170,.52) 22%,rgba(155,91,255,.25) 48%,transparent 72%);
  box-shadow:0 0 12px rgba(255,78,168,.45),0 0 25px rgba(145,88,255,.28);
  transform:scale(.35);
  opacity:.95;
  animation:llTouchRipple .48s cubic-bezier(.2,.75,.25,1) forwards;
}
.ll-touch-target{
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease!important;
}
.ll-touch-target:active{
  transform:scale(.97)!important;
  filter:brightness(1.14)!important;
}
@keyframes llTouchRipple{
  0%{transform:scale(.35);opacity:.95}
  55%{transform:scale(2.35);opacity:.34}
  100%{transform:scale(4.1);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .ll-touch-ripple{animation:none;opacity:0}
  .ll-touch-target{transition:none!important}
}

html{scroll-behavior:smooth}

/* LumaLove 1.3.5 — custom auth page design */
.ll-auth-page{min-height:100svh;display:grid;place-items:center;padding:26px 14px 55px;background:radial-gradient(650px 450px at 8% 5%,rgba(255,63,143,.13),transparent 65%),radial-gradient(600px 430px at 92% 82%,rgba(142,92,255,.13),transparent 65%),#050507}
.ll-auth-shell{width:min(500px,100%);margin:auto}
.ll-auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:850;letter-spacing:-.035em;margin-bottom:18px}
.ll-auth-card{padding:28px;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 30px 100px rgba(0,0,0,.55);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.ll-auth-card h1{font-family:var(--display);font-size:45px;line-height:.9;letter-spacing:-.055em;margin:8px 0 12px}
.ll-auth-card h1 em{font-style:normal;background:linear-gradient(120deg,#fff,var(--gold));background-clip:text;-webkit-background-clip:text;color:transparent}
.ll-auth-copy{font-size:11px;line-height:1.6;color:#999;margin:0 0 19px}
.ll-auth-form{display:grid;gap:13px}.ll-auth-form label{display:grid;gap:7px;color:#aaa;font-size:9px;font-weight:750}
.ll-auth-form input:not([type=checkbox]){width:100%;height:48px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#09090d;color:#fff;padding:0 13px;outline:none;font-size:11px}
.ll-auth-form input:not([type=checkbox]):focus{border-color:rgba(255,63,143,.6);box-shadow:0 0 0 3px rgba(255,63,143,.08)}
.ll-auth-row{display:grid;grid-template-columns:90px 1fr;gap:10px}.ll-password{position:relative}.ll-password input{padding-right:60px!important}.ll-password button{position:absolute;right:8px;top:8px;height:32px;border:0;border-radius:9px;background:#ffffff08;color:#aaa;font-size:8px;padding:0 8px}
.ll-check{display:flex!important;align-items:center;gap:8px!important;color:#888!important;font-weight:500!important;line-height:1.4}.ll-check input{accent-color:var(--pink)}
.ll-auth-primary,.ll-auth-secondary{width:100%;min-height:49px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:850}
.ll-auth-primary{border:0;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 14px 32px rgba(255,63,143,.2)}
.ll-auth-primary span{font-size:17px}.ll-auth-secondary{border:1px solid rgba(255,255,255,.1);background:#ffffff05;color:#fff}
.ll-auth-divider{display:flex;align-items:center;gap:10px;color:#555;font-size:8px;margin:17px 0}.ll-auth-divider:before,.ll-auth-divider:after{content:"";height:1px;background:rgba(255,255,255,.08);flex:1}
.ll-auth-error{padding:11px 12px;border:1px solid rgba(255,63,143,.22);border-radius:12px;background:rgba(255,63,143,.07);color:#ff9bc4;font-size:9px;line-height:1.45;margin-bottom:14px}
.ll-auth-legal{text-align:center;color:#666;font-size:8px;line-height:1.6;margin:11px auto 0;max-width:390px}
@media(max-width:700px){.ll-auth-page{padding:18px 11px 35px;place-items:start center}.ll-auth-shell{padding-top:5px}.ll-auth-card{padding:21px;border-radius:25px}.ll-auth-card h1{font-size:38px}.ll-auth-brand{margin-bottom:14px}}

/* LumaLove 1.3.6 — unique guest discovery label */
.ll-demo-badge{
  letter-spacing:1.35px!important;
  background:linear-gradient(90deg,rgba(255,63,143,.09),rgba(142,92,255,.09))!important;
  border-color:rgba(255,105,177,.13)!important;
}

/* =========================================================
   LumaLove 1.3.7 — "Click me" auth button glow
   ========================================================= */
.ll-guest-auth-actions .ll-guest-signin,
.ll-guest-auth-actions .ll-guest-join{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.ll-guest-auth-actions .ll-guest-signin{
  animation:llAuthSoftGlow 2.35s ease-in-out infinite;
}
.ll-guest-auth-actions .ll-guest-join{
  animation:llAuthPinkGlow 1.9s ease-in-out infinite;
}
.ll-guest-auth-actions .ll-guest-signin:after,
.ll-guest-auth-actions .ll-guest-join:after{
  content:"";
  position:absolute;
  top:-30%;
  bottom:-30%;
  left:-80%;
  width:45%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  animation:llButtonShine 3.4s ease-in-out infinite;
  pointer-events:none;
}
.ll-guest-auth-actions .ll-guest-join:before,
.ll-guest-auth-actions .ll-guest-signin:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.16);
  opacity:.65;
  pointer-events:none;
}
.ll-guest-auth-actions .ll-guest-signin:active,
.ll-guest-auth-actions .ll-guest-join:active{
  transform:scale(.96);
  filter:brightness(1.18);
  animation:none;
}
@keyframes llAuthSoftGlow{
  0%,100%{box-shadow:0 0 0 0 rgba(255,96,171,0),0 8px 24px rgba(255,96,171,.05)}
  50%{box-shadow:0 0 18px 2px rgba(255,96,171,.18),0 10px 30px rgba(255,96,171,.12)}
}
@keyframes llAuthPinkGlow{
  0%,100%{filter:brightness(1);box-shadow:0 0 0 0 rgba(255,52,153,0),0 10px 28px rgba(255,52,153,.10)}
  50%{filter:brightness(1.08);box-shadow:0 0 22px 3px rgba(255,52,153,.30),0 12px 34px rgba(145,80,255,.20)}
}
@keyframes llButtonShine{
  0%,45%{left:-80%;opacity:0}
  55%{opacity:.8}
  75%,100%{left:145%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .ll-guest-auth-actions .ll-guest-signin,
  .ll-guest-auth-actions .ll-guest-join,
  .ll-guest-auth-actions .ll-guest-signin:after,
  .ll-guest-auth-actions .ll-guest-join:after{animation:none!important}
}

/* LumaLove 1.3.8 — logged-out bottom dock auth popup */
.ll-auth-popup{position:fixed;inset:0;z-index:6000;display:grid;place-items:end center;padding:18px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.ll-auth-popup.is-open{visibility:visible;opacity:1;pointer-events:auto}
.ll-auth-popup-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.ll-auth-popup-card{position:relative;width:min(440px,100%);padding:27px 22px 22px;border:1px solid rgba(255,255,255,.12);border-radius:27px;background:linear-gradient(145deg,#17121a,#0a090d);box-shadow:0 -18px 70px rgba(0,0,0,.6),0 0 40px rgba(255,63,143,.10);transform:translateY(24px);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.ll-auth-popup.is-open .ll-auth-popup-card{transform:translateY(0)}
.ll-auth-popup-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#fff06;color:#aaa;font-size:22px;line-height:1}
.ll-auth-popup-card h2{font-family:var(--display);font-size:32px;line-height:1;letter-spacing:-.04em;margin:7px 0 8px;color:#fff}
.ll-auth-popup-card p{margin:0 0 18px;color:#999;font-size:10px;line-height:1.55;max-width:350px}
.ll-auth-popup-primary,.ll-auth-popup-secondary{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:13px;font-size:10px;font-weight:850}
.ll-auth-popup-primary{color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 10px 28px rgba(255,63,143,.20);margin-bottom:9px}
.ll-auth-popup-primary span{font-size:16px;margin-left:7px}
.ll-auth-popup-secondary{border:1px solid rgba(255,255,255,.10);background:#fff04;color:#eee}
@media(min-width:701px){.ll-auth-popup{place-items:center}.ll-auth-popup-card{transform:translateY(16px)}.ll-auth-popup.is-open .ll-auth-popup-card{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ll-auth-popup,.ll-auth-popup-card{transition:none!important}}

/* =========================================================
   LumaLove 1.3.9 — Discover page
   ========================================================= */
.ll-discover-page{padding-bottom:110px}
.ll-discover-header{position:sticky!important;top:0;z-index:2000}
.ll-discover-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:42px 0 28px}
.ll-discover-title{font-family:var(--display);font-size:54px;line-height:.9;letter-spacing:-.055em;margin:7px 0 12px}
.ll-discover-title em{font-style:normal;background:linear-gradient(120deg,#fff,var(--gold));background-clip:text;-webkit-background-clip:text;color:transparent}
.ll-discover-subtitle{color:#999;font-size:12px;margin:0;max-width:520px}
.ll-filter-trigger{height:44px;padding:0 16px;border:1px solid rgba(255,63,143,.28);border-radius:22px;background:#ffffff04;color:#eee;font-size:10px;font-weight:800}
.ll-filter-trigger span{margin-left:9px;color:#d878ff}
.ll-discover-filters{display:grid;grid-template-columns:1.2fr 1fr .85fr auto;gap:22px;align-items:end;padding:24px;border:1px solid rgba(190,70,255,.35);border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,63,143,.04));box-shadow:0 20px 60px rgba(0,0,0,.18)}
.ll-filter-group label{display:flex;justify-content:space-between;color:#aaa;font-size:9px;font-weight:750;margin-bottom:11px}.ll-filter-group label strong{color:#eee}
.ll-filter-pills{display:flex;gap:8px}.ll-filter-pills button,.ll-discover-tabs button{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#ffffff04;color:#ddd;padding:11px 15px;font-size:10px;font-weight:750;white-space:nowrap}.ll-filter-pills button.is-active,.ll-discover-tabs button.is-active{background:linear-gradient(135deg,var(--pink),var(--violet));border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(255,63,143,.16)}
.ll-range{display:flex;gap:4px}.ll-range input{width:50%;accent-color:#ff3f91}.ll-select-filter{width:100%;height:40px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#09090d;color:#eee;text-align:left;padding:0 12px;font-size:10px}.ll-select-filter span{float:right;color:#888}
.ll-apply-filter{height:42px;padding:0 17px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:10px;font-weight:850;box-shadow:0 10px 26px rgba(255,63,143,.18)}
.ll-discover-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 18px}.ll-discover-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.ll-discover-tabs button{padding:10px 14px}.ll-discover-sort{font-size:9px;color:#999;white-space:nowrap}.ll-discover-sort select{background:transparent;border:0;color:#ddd;font-size:9px;outline:0}
.ll-discover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ll-discover-card{border:1px solid rgba(255,255,255,.1);border-radius:21px;overflow:hidden;background:linear-gradient(180deg,#121116,#0a090c);box-shadow:0 15px 40px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ll-discover-card:hover{transform:translateY(-4px);border-color:rgba(255,63,143,.28);box-shadow:0 22px 55px rgba(255,63,143,.08)}
.ll-discover-photo{height:390px;position:relative;background:#111}.ll-discover-photo img{width:100%;height:100%;object-fit:cover;display:block}.ll-discover-photo:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,rgba(5,5,7,.85));pointer-events:none}
.ll-discover-photo .ll-online{position:absolute;z-index:2;top:11px;left:11px;background:rgba(7,12,10,.82);border:1px solid rgba(77,241,154,.22);padding:7px 10px;border-radius:14px;color:#eee;font-size:8px}.ll-new-badge{position:absolute;z-index:2;right:11px;top:11px;background:linear-gradient(135deg,var(--pink),var(--violet));padding:7px 9px;border-radius:11px;color:#fff;font-size:7px;font-weight:900}
.ll-discover-body{padding:13px}.ll-discover-name{font-size:14px;font-weight:850;color:#fff}.ll-discover-name .ll-verified{font-size:8px}.ll-discover-body .ll-location{margin:5px 0 11px;font-size:8px;color:#aaa}.ll-tag-row{display:flex;gap:5px;flex-wrap:wrap}.ll-tag-row span{padding:6px 8px;border-radius:10px;background:#fff07;color:#bbb;font-size:7px}.ll-discover-actions{display:flex;justify-content:space-between;margin-top:13px}.ll-discover-actions button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#fff05;color:#fff;font-size:18px}.ll-discover-actions .ll-discover-like{background:linear-gradient(135deg,var(--pink),var(--violet));border:0;box-shadow:0 8px 20px rgba(255,63,143,.18)}
.ll-discover-premium{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0;padding:20px;border:1px solid rgba(255,63,143,.17);border-radius:21px;background:linear-gradient(100deg,rgba(255,63,143,.07),rgba(142,92,255,.07))}.ll-discover-premium>div{display:flex;align-items:center;gap:13px}.ll-premium-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#e13aa4,#9b52ff);font-size:23px}.ll-discover-premium strong{display:block;color:#fff;font-size:12px}.ll-discover-premium small{display:block;color:#999;font-size:9px;margin-top:4px}.ll-discover-premium>a{padding:12px 18px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:9px;font-weight:850;white-space:nowrap}
@media(max-width:1000px){.ll-discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ll-discover-filters{grid-template-columns:1fr 1fr}.ll-apply-filter{width:100%}}
@media(max-width:700px){
 .ll-discover-page{padding-bottom:100px}.ll-discover-hero{padding:27px 0 18px;display:block}.ll-discover-title{font-size:39px}.ll-discover-subtitle{font-size:10px}.ll-filter-trigger{margin-top:15px;width:100%}
 .ll-discover-filters{display:block;padding:15px;border-radius:19px}.ll-filter-group{margin-bottom:16px}.ll-filter-gender .ll-filter-pills{overflow:auto}.ll-filter-pills button{flex:1;padding:10px 12px}.ll-discover-toolbar{display:block;margin:20px 0 14px}.ll-discover-tabs{margin-bottom:11px}.ll-discover-sort{display:block;text-align:right}
 .ll-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ll-discover-photo{height:250px}.ll-discover-card{border-radius:17px}.ll-discover-body{padding:10px}.ll-discover-name{font-size:11px}.ll-discover-body .ll-location{font-size:7px}.ll-tag-row span{font-size:6px;padding:5px 6px}.ll-discover-actions button{width:33px;height:33px;font-size:16px}
 .ll-discover-premium{display:block;padding:15px}.ll-discover-premium>div{margin-bottom:13px}.ll-discover-premium>a{display:flex;justify-content:center}
}

/* =========================================================
   LumaLove 1.4.0 — Swipe Discover
   ========================================================= */
.ll-swipe-stage{position:relative;width:min(560px,100%);margin:0 auto 6px;min-height:650px}
.ll-swipe-deck{position:relative;width:100%;height:650px;touch-action:none;user-select:none}
.ll-swipe-card{position:absolute;inset:0;border:1px solid rgba(255,255,255,.11);border-radius:29px;overflow:hidden;background:#0d0c10;box-shadow:0 24px 70px rgba(0,0,0,.42);transform:scale(.94) translateY(22px);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease;will-change:transform}
.ll-swipe-card:nth-child(2){transform:scale(.97) translateY(11px);opacity:.72;z-index:1}
.ll-swipe-card.is-active{transform:scale(1) translateY(0);opacity:1;z-index:3;pointer-events:auto}
.ll-swipe-photo{position:relative;height:585px;overflow:hidden}
.ll-swipe-photo img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ll-swipe-gradient{position:absolute;inset:30% 0 0;background:linear-gradient(transparent 5%,rgba(5,5,7,.2) 32%,rgba(5,5,7,.94) 100%);pointer-events:none}
.ll-swipe-online{position:absolute;left:17px;top:17px;z-index:5;padding:9px 12px;border:1px solid rgba(77,241,154,.18);border-radius:18px;background:rgba(5,9,8,.78);backdrop-filter:blur(9px);font-size:9px;color:#eee;box-shadow:0 0 15px rgba(77,241,154,.10)}
.ll-swipe-online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4df19a;box-shadow:0 0 9px #4df19a;margin-right:6px;animation:llDotPulse 1.5s infinite}
.ll-swipe-new{position:absolute;right:17px;top:17px;z-index:5;padding:8px 10px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:7px;font-weight:900}
.ll-swipe-open{position:absolute;right:16px;bottom:142px;z-index:6;width:43px;height:43px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(8,8,11,.48);color:#fff;font-size:18px;backdrop-filter:blur(9px)}
.ll-swipe-info{position:absolute;left:20px;right:70px;bottom:20px;z-index:5}.ll-swipe-name{font-size:28px;font-weight:900;letter-spacing:-.035em;color:#fff}.ll-swipe-name .ll-verified{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#ff3f91;color:#fff;font-size:9px;vertical-align:middle}.ll-swipe-location{font-size:10px;color:#ddd;margin:6px 0 11px}.ll-swipe-tags{display:flex;gap:6px;flex-wrap:wrap}.ll-swipe-tags span{padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.08);font-size:7px;color:#eee;backdrop-filter:blur(7px)}
.ll-swipe-label{position:absolute;z-index:8;top:55px;padding:10px 17px;border:3px solid currentColor;border-radius:13px;font-size:18px;font-weight:950;letter-spacing:2px;opacity:0;pointer-events:none}.ll-swipe-like-label{left:22px;color:#4df19a;transform:rotate(-12deg)}.ll-swipe-pass-label{right:22px;color:#ff5d9f;transform:rotate(12deg)}
.ll-swipe-card-footer{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;color:#777;font-size:9px}.ll-swipe-card-footer b{color:#ff72b1;font-size:13px}.ll-swipe-intent{color:#aaa}
.ll-swipe-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0 9px}.ll-swipe-action{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.11);background:#111015;color:#fff;font-size:22px;box-shadow:0 12px 30px rgba(0,0,0,.24);transition:transform .15s ease,box-shadow .15s ease}.ll-swipe-action:hover{transform:translateY(-3px)}.ll-pass-action{color:#ff6aa9}.ll-super-action{width:48px;height:48px;color:#b58cff;font-size:18px}.ll-like-action{width:68px;height:68px;border:0;background:linear-gradient(135deg,var(--pink),var(--violet));box-shadow:0 14px 35px rgba(255,63,143,.25);animation:llAuthPinkGlow 2.3s infinite}
.ll-swipe-hint{display:flex;justify-content:center;gap:35px;color:#555;font-size:8px;text-transform:uppercase;letter-spacing:1.1px}
.ll-swipe-empty{position:absolute;inset:0;z-index:20;border:1px solid rgba(255,255,255,.1);border-radius:29px;background:linear-gradient(145deg,#161119,#08080b);display:grid;place-content:center;text-align:center;padding:30px}.ll-swipe-empty[hidden]{display:none}.ll-swipe-empty>span{font-size:35px;color:#d477ff}.ll-swipe-empty strong{font-family:var(--display);font-size:27px;color:#fff;margin:10px 0 6px}.ll-swipe-empty small{color:#888;font-size:9px}.ll-swipe-empty button{margin:18px auto 0;border:0;border-radius:13px;padding:12px 18px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-weight:850;font-size:9px}
.ll-swipe-card.ll-card-dismissed{pointer-events:none;opacity:0;transition:transform .22s ease,opacity .22s ease}
.ll-swipe-card.ll-swipe-like-active .ll-swipe-like-label{opacity:1}.ll-swipe-card.ll-swipe-pass-active .ll-swipe-pass-label{opacity:1}
@media(max-width:700px){
 .ll-discover-hero{padding-bottom:12px}.ll-discover-hero .ll-filter-trigger{margin-top:11px}
 .ll-discover-filters{margin-bottom:14px}.ll-discover-tabs{padding-bottom:1px}
 .ll-swipe-stage{width:100%;min-height:calc(100svh - 330px);max-height:650px}
 .ll-swipe-deck{height:calc(100svh - 330px);min-height:480px;max-height:650px}
 .ll-swipe-photo{height:calc(100% - 60px)}
 .ll-swipe-name{font-size:25px}.ll-swipe-info{bottom:16px}.ll-swipe-open{bottom:126px}
 .ll-swipe-actions{margin-top:13px;gap:14px}.ll-swipe-hint{gap:22px}
}

/* =========================================================
   LumaLove 1.4.1 — Collapsible Discover filters
   ========================================================= */
.ll-filter-trigger{
  position:relative;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.ll-filter-trigger:after{
  content:"";
  display:inline-block;
  width:6px;height:6px;
  margin-left:8px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .2s ease;
}
.ll-filter-trigger.is-open:after{transform:rotate(225deg) translateY(-1px)}
.ll-filter-trigger.is-open{
  box-shadow:0 0 22px rgba(255,63,143,.18);
  background:linear-gradient(135deg,rgba(255,63,143,.12),rgba(142,92,255,.10));
}
.ll-discover-filters{
  display:none!important;
  position:relative;
  grid-template-columns:1.2fr 1fr .85fr auto;
  transform-origin:top center;
}
.ll-discover-filters.is-open{
  display:grid!important;
  animation:llFilterDrop .22s cubic-bezier(.2,.8,.2,1);
}
.ll-filter-panel-head{display:none}
.ll-filter-close{
  border:1px solid rgba(255,255,255,.1);
  width:32px;height:32px;border-radius:50%;
  background:#fff05;color:#aaa;font-size:20px;line-height:1;
}
@keyframes llFilterDrop{
  from{opacity:0;transform:translateY(-8px) scaleY(.96)}
  to{opacity:1;transform:translateY(0) scaleY(1)}
}
@media(max-width:1000px){
  .ll-discover-filters.is-open{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .ll-discover-filters.is-open{display:block!important}
  .ll-filter-panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
  }
  .ll-filter-panel-head strong{
    display:block;color:#fff;font-size:14px;margin-top:4px;
  }
  .ll-discover-filters{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  .ll-discover-filters.is-open{animation:none}
}

/* LumaLove 1.4.2 — Like → Message */
.ll-message-modal{position:fixed;inset:0;z-index:6500;display:grid;place-items:end center;padding:16px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.ll-message-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}
.ll-message-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ll-message-card{position:relative;width:min(500px,100%);padding:25px 20px 18px;border:1px solid rgba(255,255,255,.11);border-radius:27px;background:linear-gradient(145deg,#171119,#09090c);box-shadow:0 -20px 75px rgba(0,0,0,.6),0 0 35px rgba(255,63,143,.10);transform:translateY(24px);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.ll-message-modal.is-open .ll-message-card{transform:translateY(0)}
.ll-message-close{position:absolute;right:11px;top:10px;width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#fff06;color:#aaa;font-size:22px}
.ll-message-card h2{font-family:var(--display);font-size:32px;line-height:1;margin:7px 0 8px;color:#fff;letter-spacing:-.04em}
.ll-message-to{color:#999;font-size:10px;line-height:1.5;margin:0 0 14px}.ll-message-to strong{color:#ff9ac6}
.ll-message-suggestions{display:flex;gap:7px;overflow:auto;margin-bottom:10px;padding-bottom:2px}.ll-message-suggestions button{border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#fff04;color:#ccc;padding:9px 10px;white-space:nowrap;font-size:8px}
#llMessageText{width:100%;min-height:105px;resize:vertical;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#07070a;color:#fff;padding:12px;font:inherit;font-size:10px;line-height:1.5;outline:none}
#llMessageText:focus{border-color:rgba(255,63,143,.5);box-shadow:0 0 0 3px rgba(255,63,143,.07)}
.ll-message-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.ll-message-footer>span{color:#555;font-size:8px}
.ll-message-send{min-height:44px;padding:0 15px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:9px;font-weight:850;box-shadow:0 10px 25px rgba(255,63,143,.18)}
.ll-message-send span{font-size:14px;margin-left:5px}.ll-message-send:disabled{opacity:.45;box-shadow:none}
@media(min-width:701px){.ll-message-modal{place-items:center}.ll-message-card{transform:translateY(14px)}.ll-message-modal.is-open .ll-message-card{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.ll-message-modal,.ll-message-card{transition:none!important}}

/* =========================================================
   LumaLove 1.4.3 — Premium pink header + dock glow
   ========================================================= */
.ll-header{
  border-bottom:1px solid rgba(255,63,143,.26)!important;
  box-shadow:
    0 1px 0 rgba(255,63,143,.16),
    0 5px 22px rgba(255,63,143,.07)!important;
}
.ll-header:after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,63,143,.8),rgba(255,128,194,.65),rgba(142,92,255,.55),transparent);
  filter:blur(.35px);
  opacity:.78;
  pointer-events:none;
  animation:llEdgeGlow 3.4s ease-in-out infinite;
}
.ll-dock{
  border-top:1px solid rgba(255,63,143,.30)!important;
  box-shadow:
    0 -1px 0 rgba(255,63,143,.18),
    0 -8px 28px rgba(255,63,143,.09),
    0 -1px 18px rgba(142,92,255,.05)!important;
}
.ll-dock:before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,63,143,.85),rgba(255,145,207,.7),rgba(142,92,255,.62),transparent);
  filter:blur(.4px);
  opacity:.82;
  pointer-events:none;
  animation:llEdgeGlow 3.1s ease-in-out infinite reverse;
}
@keyframes llEdgeGlow{
  0%,100%{opacity:.48;filter:blur(.45px)}
  50%{opacity:1;filter:blur(.2px)}
}
@media(max-width:700px){
  .ll-header{box-shadow:0 3px 20px rgba(255,63,143,.08)!important}
  .ll-dock{box-shadow:0 -7px 25px rgba(255,63,143,.10)!important}
}
@media(prefers-reduced-motion:reduce){
  .ll-header:after,.ll-dock:before{animation:none!important;opacity:.72}
}

/* =========================================================
   LumaLove 1.5.0 — Discover visual redesign
   ========================================================= */
.ll-discover-v2{background:
 radial-gradient(700px 500px at 15% 0%,rgba(255,63,143,.07),transparent 62%),
 radial-gradient(650px 500px at 90% 45%,rgba(142,92,255,.06),transparent 65%)}
.ll-v2-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:42px 0 25px}
.ll-v2-hero h1{font-family:var(--display);font-size:55px;line-height:.89;letter-spacing:-.06em;margin:7px 0 12px}.ll-v2-hero h1 em{font-style:normal;background:linear-gradient(120deg,#fff,#ffc1dc,#bc7cff);background-clip:text;-webkit-background-clip:text;color:transparent}.ll-v2-hero p{color:#92919a;font-size:11px;margin:0}
.ll-v2-filter-button{height:46px;padding:0 18px;border:1px solid rgba(255,63,143,.55);border-radius:24px;background:linear-gradient(135deg,rgba(255,63,143,.08),rgba(142,92,255,.08));color:#fff;box-shadow:0 0 22px rgba(255,63,143,.10);font-size:10px;font-weight:850}.ll-v2-filter-button span{margin-left:8px}
.ll-v2-filters{display:none;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end;padding:18px;border:1px solid rgba(255,63,143,.28);border-radius:22px;background:rgba(15,12,18,.92);box-shadow:0 20px 60px rgba(0,0,0,.4);backdrop-filter:blur(20px);margin-bottom:20px}.ll-v2-filters.is-open{display:grid;animation:llFilterDrop .2s ease}.ll-v2-filter-head{display:none}.ll-v2-filter-pills{display:flex;gap:7px}.ll-v2-filter-pills button{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#fff04;color:#ddd;padding:10px 13px;font-size:9px;white-space:nowrap}.ll-v2-filter-pills .is-active{background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;border-color:transparent}.ll-v2-location span{margin-left:18px;color:#888}.ll-v2-filter-range{display:grid;grid-template-columns:auto 1fr 1fr;gap:7px;align-items:center}.ll-v2-filter-range label{font-size:8px;color:#aaa;white-space:nowrap}.ll-v2-filter-range b{color:#fff}.ll-v2-filter-range input{width:100%;accent-color:#ff3f91}.ll-v2-apply{height:39px;padding:0 15px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:9px;font-weight:850}.ll-v2-apply span{font-size:13px;margin-left:5px}
.ll-v2-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px}.ll-v2-tabs{display:flex;gap:6px;overflow:auto}.ll-v2-tabs button{border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#171018;color:#f7f2f8!important;padding:10px 14px;font-size:11px;font-weight:800;white-space:nowrap;opacity:1!important;visibility:visible!important;line-height:1.2}.ll-v2-tabs button.is-active{color:#fff;background:rgba(255,63,143,.13);box-shadow:inset 0 0 0 1px rgba(255,63,143,.28)}.ll-v2-toolbar label{font-size:10px;color:#bdb5c0!important;white-space:nowrap;opacity:1!important;visibility:visible!important}.ll-v2-toolbar select{background:#100b12!important;border:0;color:#fff!important;font-size:10px;opacity:1!important;visibility:visible!important}
.ll-v2-stage{position:relative;width:min(590px,100%);height:650px;margin:0 auto}.ll-v2-deck{position:relative;width:100%;height:100%;touch-action:none}.ll-v2-card{position:absolute;inset:0;border-radius:30px;overflow:hidden;border:1px solid rgba(255,145,207,.38);background:#0b0a0e;box-shadow:0 25px 80px rgba(0,0,0,.48),0 0 35px rgba(255,63,143,.06);opacity:0;transform:scale(.95) translateY(18px);pointer-events:none;transition:.28s ease}.ll-v2-card:nth-child(2){opacity:.7;transform:scale(.975) translateY(9px);z-index:1}.ll-v2-card.is-active{opacity:1;transform:scale(1);z-index:3;pointer-events:auto}
.ll-v2-photo{height:100%;position:relative}.ll-v2-photo>img{width:100%;height:100%;object-fit:cover;display:block}.ll-v2-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 25%,transparent 40%,rgba(0,0,0,.82) 100%)}.ll-v2-photo-top{position:absolute;z-index:4;left:17px;right:17px;top:17px;display:flex;justify-content:space-between}.ll-v2-online,.ll-v2-verified{padding:9px 12px;border-radius:18px;background:rgba(8,7,10,.66);backdrop-filter:blur(10px);font-size:8px;color:#fff;border:1px solid rgba(255,255,255,.10)}.ll-v2-online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4df19a;box-shadow:0 0 10px #4df19a;margin-right:5px;animation:llDotPulse 1.5s infinite}.ll-v2-verified{border-color:rgba(75,145,255,.25)}.ll-v2-verified:first-letter{color:#4c9aff}.ll-v2-new{position:absolute;z-index:4;right:18px;bottom:180px;padding:9px 12px;border-radius:15px;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:8px;font-weight:900;box-shadow:0 8px 25px rgba(255,63,143,.25)}.ll-v2-more{position:absolute;z-index:5;right:16px;top:64px;width:43px;height:43px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(8,7,10,.55);color:#fff;letter-spacing:2px}.ll-v2-info-btn{position:absolute;z-index:5;right:20px;bottom:28px;width:44px;height:44px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(7,7,9,.5);color:#fff;font-weight:850;backdrop-filter:blur(8px)}
.ll-v2-info{position:absolute;z-index:4;left:20px;right:75px;bottom:24px}.ll-v2-name{font-size:31px;font-weight:900;letter-spacing:-.045em;color:#fff}.ll-v2-name b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ff4a98;font-size:9px;vertical-align:middle}.ll-v2-location{color:#ddd;font-size:10px;margin:6px 0}.ll-v2-location span{color:#999}.ll-v2-match{color:#ff70b0;font-size:11px;font-weight:850;margin-bottom:11px}.ll-v2-tags{display:flex;gap:6px;flex-wrap:wrap}.ll-v2-tags span{padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.08);color:#eee;font-size:7px;backdrop-filter:blur(8px)}
.ll-v2-swipe-label{position:absolute;z-index:8;top:55px;padding:10px 17px;border:3px solid currentColor;border-radius:13px;font-size:18px;font-weight:950;letter-spacing:2px;opacity:0;pointer-events:none}.ll-v2-like-label{left:22px;color:#4df19a;transform:rotate(-12deg)}.ll-v2-pass-label{right:22px;color:#ff5d9f;transform:rotate(12deg)}.ll-v2-card.ll-swipe-like-active .ll-v2-like-label{opacity:1}.ll-v2-card.ll-swipe-pass-active .ll-v2-pass-label{opacity:1}
.ll-v2-actions{display:flex;justify-content:center;align-items:center;gap:20px;margin:17px 0 8px}.ll-v2-action{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#121116;color:#fff;font-size:24px;transition:.16s}.ll-v2-action:active{transform:scale(.92)}.ll-v2-pass{color:#ff75b2}.ll-v2-super{width:48px;height:48px;color:#c184ff;font-size:21px;position:relative}.ll-v2-super small{position:absolute;top:54px;white-space:nowrap;font-size:7px;color:#777}.ll-v2-like{width:70px;height:70px;border:0;background:linear-gradient(135deg,#ff3f91,#a44fff);box-shadow:0 14px 38px rgba(255,63,143,.28);animation:llAuthPinkGlow 2.3s infinite}
.ll-v2-swipe-hint{display:flex;justify-content:center;gap:32px;color:#5d5a63;font-size:8px;text-transform:uppercase;letter-spacing:1px}.ll-v2-swipe-hint b{color:#aaa;font-weight:650}
.ll-v2-premium{display:flex;align-items:center;gap:14px;margin:32px 0 12px;padding:18px;border:1px solid rgba(255,63,143,.28);border-radius:20px;background:linear-gradient(100deg,rgba(255,63,143,.07),rgba(142,92,255,.07))}.ll-v2-premium-icon{display:grid;place-items:center;min-width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#e33ba5,#9650ff);font-size:25px}.ll-v2-premium strong{display:block;color:#fff;font-size:12px}.ll-v2-premium small{display:block;color:#999;font-size:8px;margin-top:4px}.ll-v2-premium a{margin-left:auto;padding:12px 16px;border-radius:13px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:8px;font-weight:850;white-space:nowrap}
.ll-v2-empty{position:absolute;inset:0;z-index:20;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:#100d12;display:grid;place-content:center;text-align:center}.ll-v2-empty[hidden]{display:none}.ll-v2-empty span{font-size:32px;color:#e070ff}.ll-v2-empty strong{font-family:var(--display);font-size:25px;color:#fff}.ll-v2-empty small{color:#888;font-size:8px;margin:6px 0}.ll-v2-empty button{margin:auto;border:0;border-radius:12px;padding:11px 15px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:8px;font-weight:850}
@media(max-width:700px){
 .ll-v2-hero{padding:25px 0 17px;align-items:flex-start}.ll-v2-hero h1{font-size:39px}.ll-v2-hero p{font-size:9px}.ll-v2-filter-button{height:42px;padding:0 12px}.ll-v2-filter-button span{display:none}
 .ll-v2-filters{grid-template-columns:1fr;padding:15px;border-radius:19px}.ll-v2-filter-head{display:flex;justify-content:space-between;align-items:center}.ll-v2-filter-head strong{display:block;color:#fff;font-size:13px;margin-top:3px}.ll-v2-filter-head button{width:32px;height:32px;border-radius:50%;border:1px solid #fff1;background:#fff05;color:#aaa;font-size:20px}.ll-v2-filter-pills{overflow:auto}.ll-v2-filter-range{grid-template-columns:1fr 1fr}.ll-v2-filter-range label{grid-column:1/-1}.ll-v2-apply{width:100%}
 .ll-v2-toolbar{display:block;margin-top:4px}.ll-v2-tabs{margin-bottom:8px}.ll-v2-toolbar label{display:block;text-align:right}
 .ll-v2-stage{height:calc(100svh - 350px);min-height:490px;max-height:650px}.ll-v2-name{font-size:26px}.ll-v2-info{bottom:20px}.ll-v2-new{bottom:160px}.ll-v2-info-btn{bottom:20px}.ll-v2-actions{gap:14px}.ll-v2-premium{align-items:flex-start}.ll-v2-premium a{align-self:center}.ll-v2-swipe-hint{gap:20px}
}
@media(prefers-reduced-motion:reduce){.ll-v2-like{animation:none}}

/* LumaLove 1.5.1 — Guest demo visibility */
.ll-guest-demo-badge{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:0 auto 12px;
  padding:8px 12px;
  border:1px solid rgba(255,63,143,.18);
  border-radius:18px;
  background:rgba(255,63,143,.055);
  color:#8f8993;
  font-size:8px;
  letter-spacing:.25px;
}
.ll-guest-demo-badge span{
  color:#e875ff;
  text-shadow:0 0 10px rgba(232,117,255,.65);
}
@media(max-width:700px){
  .ll-guest-demo-badge{font-size:7px;margin-bottom:10px}
}

/* =========================================================
   LumaLove 1.6.0 — Discover reference design
   Single-card swipe presentation: no ghost/double-image artifact.
   ========================================================= */
.ll-discover-v2{
  padding-bottom:120px;
}
.ll-v2-hero{
  padding-top:32px;
}
.ll-v2-hero h1{
  font-size:52px;
  max-width:520px;
}
.ll-v2-hero h1 em{
  color:#ff63a8;
  background:none;
  -webkit-text-fill-color:initial;
}
.ll-v2-hero p{
  font-size:11px;
}
.ll-v2-filter-button{
  min-width:137px;
}
.ll-v2-toolbar{
  margin-top:8px;
}
.ll-v2-stage{
  width:min(520px,100%);
  height:650px;
  perspective:1000px;
}
.ll-v2-deck{
  isolation:isolate;
}
.ll-v2-card{
  visibility:hidden;
  opacity:0;
  transform:translate3d(0,18px,0) scale(.97);
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s;
  will-change:transform,opacity;
}
.ll-v2-card:nth-child(n+2){
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,12px,0) scale(.985);
  pointer-events:none;
}
.ll-v2-card.is-active{
  visibility:visible;
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}
.ll-v2-card.is-next{
  visibility:visible;
  opacity:.34;
  transform:translate3d(0,12px,0) scale(.985);
  z-index:2;
}
.ll-v2-card.is-dragging{
  transition:none!important;
}
.ll-v2-photo{
  border-radius:30px;
}
.ll-v2-photo>img{
  transform:scale(1.001);
}
.ll-v2-overlay{
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 20%,transparent 40%,rgba(0,0,0,.9) 100%);
}
.ll-v2-swipe-label{
  transition:opacity .08s ease;
  text-shadow:0 0 18px currentColor;
}
.ll-v2-like-label{
  box-shadow:0 0 24px rgba(77,241,154,.18);
}
.ll-v2-pass-label{
  box-shadow:0 0 24px rgba(255,93,159,.18);
}
.ll-v2-action{
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.ll-v2-like{
  box-shadow:
    0 14px 40px rgba(255,63,143,.34),
    0 0 25px rgba(255,63,143,.15);
}
.ll-v2-premium{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
.ll-v2-swipe-hint b{
  color:#fff;
}
.ll-guest-demo-badge{
  margin-top:3px;
}
@media(max-width:700px){
  .ll-discover-v2{
    padding-bottom:108px;
  }
  .ll-v2-hero{
    padding:22px 0 15px;
  }
  .ll-v2-hero h1{
    font-size:37px;
  }
  .ll-v2-stage{
    width:100%;
    height:calc(100svh - 352px);
    min-height:500px;
    max-height:650px;
  }
  .ll-v2-card{
    border-radius:28px;
  }
  .ll-v2-photo{
    border-radius:28px;
  }
  .ll-v2-photo-top{
    left:15px;
    right:15px;
    top:15px;
  }
  .ll-v2-info{
    left:18px;
    right:68px;
    bottom:18px;
  }
  .ll-v2-name{
    font-size:26px;
  }
  .ll-v2-location{
    font-size:9px;
  }
  .ll-v2-actions{
    margin-top:15px;
  }
}
@media(prefers-reduced-motion:reduce){
  .ll-v2-card{
    transition:none!important;
  }
}

/* =========================================================
   LumaLove 1.6.1 — For You user feed
   ========================================================= */
.ll-for-you-page{padding-bottom:115px;background:
 radial-gradient(700px 500px at 10% 0%,rgba(255,63,143,.06),transparent 62%),
 radial-gradient(700px 600px at 100% 35%,rgba(142,92,255,.05),transparent 65%)}
.ll-fy-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:34px 0 22px}.ll-fy-hero h1{font-family:var(--display);font-size:54px;line-height:.9;letter-spacing:-.06em;margin:7px 0 11px}.ll-fy-hero h1 em{font-style:normal;color:#ff65aa}.ll-fy-hero p{max-width:560px;color:#92919a;font-size:10px;margin:0}.ll-fy-refresh{height:42px;padding:0 15px;border:1px solid rgba(255,63,143,.32);border-radius:20px;background:#fff03;color:#bbb;font-size:8px}
.ll-fy-layout{display:grid;grid-template-columns:minmax(0,650px) 280px;gap:25px;justify-content:center}.ll-fy-feed{display:grid;gap:20px}.ll-fy-card{border:1px solid rgba(255,255,255,.09);border-radius:25px;background:linear-gradient(145deg,#141116,#09090c);overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.35)}.ll-fy-card-head{display:flex;align-items:center;gap:10px;padding:14px 15px}.ll-fy-avatar{width:39px;height:39px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ff4d9b,#9c55ff)}.ll-fy-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ll-fy-user{flex:1}.ll-fy-user strong{display:block;color:#fff;font-size:11px}.ll-fy-user strong i{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#ff4a98;color:#fff;font-size:7px;font-style:normal}.ll-fy-user small{display:block;color:#777;font-size:7px;margin-top:3px}.ll-fy-user small span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4df19a;box-shadow:0 0 7px #4df19a;margin-right:4px}.ll-fy-more{border:0;background:transparent;color:#777;letter-spacing:2px}.ll-fy-photo-wrap{position:relative;aspect-ratio:1.15/1;overflow:hidden}.ll-fy-photo{width:100%;height:100%;object-fit:cover;display:block}.ll-fy-match{position:absolute;left:14px;bottom:14px;padding:8px 10px;border-radius:14px;background:rgba(8,7,10,.7);backdrop-filter:blur(9px);color:#ff74b1;font-size:8px;font-weight:850}.ll-fy-content{padding:14px 15px 8px}.ll-fy-content p{margin:0;color:#d3d0d4;font-size:10px;line-height:1.55}.ll-fy-tags{display:flex;gap:5px;overflow:auto;margin-top:10px}.ll-fy-tags span{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#fff03;color:#999;font-size:7px;white-space:nowrap}.ll-fy-actions{display:flex;align-items:center;padding:3px 12px 5px}.ll-fy-action,.ll-fy-save{width:39px;height:39px;border:0;background:transparent;color:#aaa;font-size:20px;border-radius:50%;transition:.15s}.ll-fy-like.is-liked{color:#ff4c9b;text-shadow:0 0 13px rgba(255,76,155,.55)}.ll-fy-action:active,.ll-fy-save:active{transform:scale(.86)}.ll-fy-spacer{flex:1}.ll-fy-note{padding:0 15px 14px;color:#555;font-size:7px}.ll-fy-note strong{color:#ff72b0}.ll-fy-side{display:grid;align-content:start;gap:15px}.ll-fy-side-card{padding:20px;border:1px solid rgba(255,63,143,.2);border-radius:21px;background:linear-gradient(145deg,rgba(255,63,143,.06),rgba(142,92,255,.05))}.ll-fy-side-card h2{font-family:var(--display);color:#fff;font-size:27px;line-height:.95;margin:8px 0}.ll-fy-side-card p,.ll-fy-side-card small{display:block;color:#888;font-size:8px;line-height:1.55}.ll-fy-side-card a{display:inline-block;margin-top:14px;padding:10px 13px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:8px;font-weight:850}.ll-fy-premium-card>div{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#e33ba5,#9650ff);color:#fff;font-size:22px;margin-bottom:10px}.ll-fy-premium-card strong{display:block;color:#fff;font-size:11px}
@media(max-width:800px){.ll-fy-layout{grid-template-columns:1fr}.ll-fy-side{display:none}}
@media(max-width:700px){.ll-fy-hero{padding:22px 0 17px}.ll-fy-hero h1{font-size:39px}.ll-fy-refresh{height:38px;padding:0 12px}.ll-fy-card{border-radius:21px}.ll-fy-photo-wrap{aspect-ratio:1/1.03}}

/* LumaLove 1.6.2 — For You toolbar icon */
.ll-dock .ll-for-you-nav span{
  display:block;
  font-size:20px;
  line-height:1;
  margin-bottom:4px;
  color:#9b98a2;
  transition:transform .18s ease,color .18s ease,text-shadow .18s ease;
}
.ll-dock .ll-for-you-nav:hover span,
.ll-dock .ll-for-you-nav.active span{
  color:#ff58a5;
  text-shadow:0 0 12px rgba(255,88,165,.65);
  transform:translateY(-1px) scale(1.06);
}
.ll-dock .ll-for-you-nav.active{
  color:#ff58a5;
}

/* LumaLove 1.6.3 — Front page For You toolbar */
.ll-dock .ll-for-you-nav span{
  display:block;
  font-size:20px;
  line-height:1;
  margin-bottom:4px;
  color:#9b98a2;
  transition:transform .18s ease,color .18s ease,text-shadow .18s ease;
}
.ll-dock .ll-for-you-nav.active span{
  color:#ff58a5;
  text-shadow:0 0 13px rgba(255,88,165,.72);
  transform:scale(1.06);
}
.ll-dock .ll-for-you-nav.active{
  color:#ff58a5;
}

/* LumaLove 1.6.4 — six-item mobile toolbar */
.ll-dock-six{
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  align-items:center;
  gap:2px!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
.ll-dock-six>a{
  min-width:0;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.ll-dock-six>a>span{
  display:block;
  font-size:19px;
  line-height:1;
}
.ll-dock-six>a>small{
  font-size:7px;
  line-height:1;
  white-space:nowrap;
}
.ll-dock-six .create{
  width:54px!important;
  height:54px!important;
  justify-self:center;
  font-size:31px!important;
  line-height:1;
  margin:0!important;
}
.ll-dock-six .ll-for-you-nav.active,
.ll-dock-six .ll-for-you-nav.active span{
  color:#ff58a5;
}
.ll-dock-six .ll-for-you-nav.active span{
  text-shadow:0 0 13px rgba(255,88,165,.72);
}
@media(max-width:700px){
  .ll-dock-six{left:10px!important;right:10px!important;width:auto!important}
  .ll-dock-six>a>span{font-size:18px}
  .ll-dock-six>a>small{font-size:6.5px}
  .ll-dock-six .create{width:52px!important;height:52px!important}
}

/* =========================================================
   LumaLove 1.7.0 — Facebook-style For You social feed
   ========================================================= */
.ll-for-you-social{padding-bottom:115px;background:#07070a}
.ll-fy-app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 -18px;padding:12px 18px;border-bottom:1px solid rgba(255,63,143,.28);background:rgba(7,7,10,.94);backdrop-filter:blur(18px);box-shadow:0 4px 22px rgba(255,63,143,.06)}
.ll-fy-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.ll-fy-logo{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#ff3f91,#9e50ff);font-size:25px;box-shadow:0 0 20px rgba(255,63,143,.22)}.ll-fy-brand strong{display:block;font-size:15px;letter-spacing:-.04em}.ll-fy-brand small{display:block;color:#777;font-size:6px;letter-spacing:1.2px;margin-top:2px}.ll-fy-header-actions{display:flex;gap:6px}.ll-fy-header-actions button{width:39px;height:39px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#111014;color:#ddd;font-size:17px}
.ll-fy-social-top{padding:23px 0 8px}.ll-fy-social-title{display:flex;align-items:center;justify-content:space-between}.ll-fy-social-title h1{font-family:var(--display);font-size:43px;line-height:.9;margin:6px 0 0;letter-spacing:-.055em}.ll-fy-social-title h1 em{font-style:normal;color:#ff5fa7}.ll-fy-refresh{width:39px;height:39px;border:1px solid rgba(255,63,143,.28);border-radius:50%;background:#fff03;color:#aaa}
.ll-fy-stories{padding:13px 0 17px;border-bottom:1px solid rgba(255,255,255,.07)}.ll-fy-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.ll-fy-section-head strong{font-family:var(--display);font-size:22px;color:#fff}.ll-fy-section-head a{color:#ff70b0;font-size:8px}.ll-fy-story-row{display:flex;gap:12px;overflow:auto;padding:2px 2px 3px;scrollbar-width:none}.ll-fy-story-row::-webkit-scrollbar{display:none}.ll-fy-story{border:0;background:none;color:#888;min-width:64px;padding:0;text-align:center}.ll-fy-story-image{width:62px;height:62px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ff4c99,#ffd08b,#9857ff);position:relative;margin:auto auto 5px}.ll-fy-story-image img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #0a090d}.ll-fy-story-image i{position:absolute;right:1px;bottom:2px;width:11px;height:11px;border:2px solid #0a090d;border-radius:50%;background:#4df19a;box-shadow:0 0 8px #4df19a}.ll-fy-story-plus{display:grid;place-items:center;background:#15121a;border:1px solid rgba(255,255,255,.12);color:#ff62a9;font-size:29px}.ll-fy-story span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}
.ll-fy-composer{margin:14px 0;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111015;padding:11px 12px}.ll-fy-composer-avatar{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#ff3f91,#9e50ff);vertical-align:middle;color:#fff;font-size:18px}.ll-fy-composer-input{display:inline-flex;align-items:center;width:calc(100% - 45px);margin-left:7px;height:35px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#09090c;color:#777;text-align:left;font-size:8px}.ll-fy-composer-actions{display:flex;border-top:1px solid rgba(255,255,255,.06);margin-top:10px;padding-top:8px}.ll-fy-composer-actions button{flex:1;border:0;background:none;color:#999;font-size:9px}.ll-fy-composer-actions button:first-child{color:#5ce49b}.ll-fy-composer-actions button:nth-child(2){color:#ff63a9}.ll-fy-composer-actions button:nth-child(3){color:#ffd36a}.ll-fy-composer-actions span{color:#aaa;margin-left:3px}
.ll-fy-social-layout{display:grid;grid-template-columns:minmax(0,650px) 280px;gap:24px;justify-content:center}.ll-fy-social-feed{display:grid;gap:15px}.ll-fy-post{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111015;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.24)}.ll-fy-post-head{display:flex;align-items:center;gap:9px;padding:12px 13px}.ll-fy-avatar{width:39px;height:39px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ff4d9b,#9c55ff);flex:none}.ll-fy-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid #0b0a0e}.ll-fy-post-user{flex:1}.ll-fy-post-user strong{display:block;color:#fff;font-size:10px}.ll-fy-post-user strong i{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#ff4a98;font-size:7px;font-style:normal}.ll-fy-post-user small{display:block;color:#777;font-size:6.5px;margin-top:3px}.ll-fy-post-user small span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4df19a;box-shadow:0 0 7px #4df19a;margin-right:4px}.ll-fy-more{border:0;background:none;color:#777;letter-spacing:2px}.ll-fy-post-text{padding:0 13px 10px;margin:0;color:#ddd;font-size:9px;line-height:1.5}.ll-fy-post-photo{position:relative;background:#0a0a0d}.ll-fy-post-photo img{display:block;width:100%;max-height:680px;object-fit:cover}.ll-fy-post-photo span{position:absolute;left:12px;bottom:12px;padding:7px 9px;border-radius:13px;background:rgba(8,7,10,.75);color:#ff72b0;font-size:7px;font-weight:850}.ll-fy-reaction-summary{display:flex;align-items:center;gap:4px;padding:8px 12px;color:#777;font-size:7px;border-bottom:1px solid rgba(255,255,255,.05)}.ll-fy-reaction-summary>span:first-child{color:#ff4d9d;font-size:12px}.ll-fy-comment-count{margin-left:auto}.ll-fy-post-actions{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.05)}.ll-fy-post-actions button{height:39px;border:0;background:none;color:#999;font-size:15px}.ll-fy-post-actions button span{font-size:7px;margin-left:3px}.ll-fy-post-actions button:active{color:#ff5ca4;transform:scale(.97)}.ll-fy-comment-row{display:flex;align-items:center;gap:7px;padding:8px 11px}.ll-fy-mini-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,#ff3f91,#9e50ff);color:#fff;font-size:13px}.ll-fy-comment-row button{flex:1;height:29px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#09090c;color:#666;text-align:left;padding:0 10px;font-size:7px}
.ll-fy-social-side{display:grid;align-content:start;gap:14px}.ll-fy-side-block{padding:17px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#111015}.ll-fy-suggest{display:flex;align-items:center;gap:8px;margin-top:12px}.ll-fy-suggest img{width:34px;height:34px;border-radius:50%;object-fit:cover}.ll-fy-suggest div{flex:1}.ll-fy-suggest strong{display:block;color:#eee;font-size:8px}.ll-fy-suggest small{color:#666;font-size:6px}.ll-fy-suggest button{width:29px;height:29px;border:1px solid rgba(255,63,143,.25);border-radius:50%;background:#fff03;color:#ff63a9}.ll-fy-premium-card>div{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#e33ba5,#9650ff);color:#fff;font-size:20px;margin-bottom:9px}.ll-fy-premium-card strong{display:block;color:#fff;font-size:10px}.ll-fy-premium-card small{display:block;color:#888;font-size:7px;line-height:1.5;margin-top:5px}.ll-fy-premium-card a{display:inline-block;margin-top:11px;padding:9px 12px;border-radius:11px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-size:7px;font-weight:850}
@media(max-width:800px){.ll-fy-social-layout{grid-template-columns:1fr}.ll-fy-social-side{display:none}}
@media(max-width:700px){.ll-fy-app-header{margin:0 -12px;padding:10px 12px}.ll-fy-brand strong{font-size:14px}.ll-fy-brand small{font-size:5.5px}.ll-fy-header-actions{gap:4px}.ll-fy-header-actions button{width:34px;height:34px;font-size:15px}.ll-fy-social-top{padding:19px 0 6px}.ll-fy-social-title h1{font-size:38px}.ll-fy-post{border-radius:17px}.ll-fy-post-photo img{max-height:none}.ll-fy-post-text{font-size:9px}.ll-fy-composer-actions button{font-size:8px}}

/* LumaLove 1.8.0 — TikTok-style For You */
.ll-for-you-tiktok{min-height:100svh;background:#000;color:#fff}
.ll-tiktok-shell{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#000}
.ll-tt-header{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:13px 14px 12px;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,0))}
.ll-tt-brand{display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none}.ll-tt-logo{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3f91,#9e50ff);font-size:20px;box-shadow:0 0 18px rgba(255,63,143,.3)}.ll-tt-brand strong{font-size:14px}
.ll-tt-tabs{display:flex;gap:18px}.ll-tt-tabs a{color:#aaa;text-decoration:none;font-size:11px;font-weight:750;padding:8px 0;position:relative}.ll-tt-tabs a.active{color:#fff}.ll-tt-tabs a.active:after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:2px;border-radius:2px;background:#ff4f9f;box-shadow:0 0 9px #ff4f9f}
.ll-tt-head-actions{display:flex;gap:5px}.ll-tt-head-actions button{width:34px;height:34px;border:0;border-radius:11px;background:rgba(20,20,23,.7);color:#fff;font-size:17px}
.ll-tt-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.ll-tt-feed::-webkit-scrollbar{display:none}
.ll-tt-video{position:relative;height:100svh;min-height:600px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#08080a}
.ll-tt-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.015)}
.ll-tt-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,0) 28%,rgba(0,0,0,.04) 50%,rgba(0,0,0,.84) 100%),linear-gradient(90deg,rgba(0,0,0,.2),transparent 45%,rgba(0,0,0,.2))}
.ll-tt-top-meta{position:absolute;top:76px;left:14px;right:14px;display:flex;justify-content:space-between;z-index:4}.ll-tt-live,.ll-tt-match{padding:6px 9px;border-radius:13px;background:rgba(12,11,14,.52);backdrop-filter:blur(10px);font-size:7px;font-weight:800}.ll-tt-live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#4df19a;box-shadow:0 0 8px #4df19a;margin-right:4px}.ll-tt-match{color:#ff7ab3}
.ll-tt-content{position:absolute;z-index:5;left:15px;right:70px;bottom:100px}.ll-tt-user{display:flex;align-items:center;gap:9px;margin-bottom:9px}.ll-tt-avatar{width:40px;height:40px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ff4b9a,#a154ff);box-shadow:0 0 15px rgba(255,75,154,.25)}.ll-tt-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #08080a}.ll-tt-user strong{display:block;font-size:11px}.ll-tt-user small{display:block;color:#ddd;font-size:7px;margin-top:2px}.ll-tt-content p{font-size:12px;line-height:1.45;margin:0 0 7px;max-width:520px;text-shadow:0 2px 10px #000}.ll-tt-tags{display:flex;gap:6px;overflow:hidden}.ll-tt-tags span{font-size:7px;color:#eee;white-space:nowrap}
.ll-tt-actions{position:absolute;z-index:6;right:11px;bottom:103px;display:flex;flex-direction:column;align-items:center;gap:16px}.ll-tt-action{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;text-shadow:0 2px 8px #000}.ll-tt-action>span{font-size:27px;line-height:1}.ll-tt-action small{font-size:7px;color:#fff}.ll-tt-action-avatar{width:43px!important;height:43px!important;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ff4b9a,#a154ff);display:block}.ll-tt-action-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ll-tt-like.is-liked>span{color:#ff4e9f;text-shadow:0 0 15px rgba(255,78,159,.9)}
.ll-tt-sound{position:absolute;right:13px;top:122px;z-index:7;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:15px}.ll-tt-progress{position:absolute;left:0;right:0;bottom:82px;height:2px;background:rgba(255,255,255,.16);z-index:7}.ll-tt-progress span{display:block;width:28%;height:100%;background:#ff4f9f;box-shadow:0 0 8px #ff4f9f}.ll-tt-scroll-hint{position:absolute;z-index:60;bottom:88px;left:50%;transform:translateX(-50%);color:#aaa;font-size:8px;pointer-events:none;opacity:.75}.ll-for-you-tiktok .ll-dock{z-index:70;background:rgba(10,10,13,.84);backdrop-filter:blur(18px);border-color:rgba(255,63,143,.28)}
@media(min-width:701px){.ll-tiktok-shell{max-width:500px;margin:auto;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05)}}
@media(max-width:700px){.ll-tt-header{padding:10px 11px}.ll-tt-tabs{gap:14px}.ll-tt-video{min-height:100svh}.ll-tt-content{bottom:99px}.ll-tt-actions{bottom:103px}}

/* =========================================================
   LumaLove 1.9.0 — horizontal swipe card deck
   ========================================================= */
.ll-swipe-feed{
  position:relative;
  height:100%;
  overflow:hidden!important;
  scroll-snap-type:none!important;
}
.ll-swipe-card{
  position:absolute!important;
  inset:0;
  height:100%!important;
  min-height:600px;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,18px,0) scale(.97);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility 0s linear .22s;
  touch-action:pan-y;
}
.ll-swipe-card.is-active{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0) scale(1);
  z-index:5;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease;
}
.ll-swipe-card.is-next{
  opacity:.55;
  visibility:visible;
  transform:translate3d(22px,12px,0) scale(.97);
  z-index:4;
}
.ll-swipe-card.is-dragging{transition:none!important}
.ll-swipe-card.is-gone{pointer-events:none}
.ll-swipe-pass-stamp,.ll-swipe-like-stamp{
  position:absolute;
  z-index:10;
  top:28%;
  padding:9px 15px;
  border:3px solid currentColor;
  border-radius:12px;
  font-size:43px;
  font-weight:900;
  letter-spacing:1px;
  opacity:0;
  transform:scale(.8) rotate(-12deg);
  pointer-events:none;
}
.ll-swipe-pass-stamp{left:28px;color:#ff547c}
.ll-swipe-like-stamp{right:28px;color:#4df19a;transform:scale(.8) rotate(12deg)}
.ll-swipe-pass-stamp small,.ll-swipe-like-stamp small{display:block;font-size:9px;letter-spacing:2px;text-align:center}
.ll-swipe-card.swiping-left .ll-swipe-pass-stamp{opacity:1;transform:scale(1) rotate(-12deg)}
.ll-swipe-card.swiping-right .ll-swipe-like-stamp{opacity:1;transform:scale(1) rotate(12deg)}
.ll-swipe-feed + .ll-tt-scroll-hint{
  bottom:101px;
  font-size:8px;
}
@media(max-width:700px){
  .ll-swipe-card{min-height:100svh}
  .ll-swipe-pass-stamp,.ll-swipe-like-stamp{top:29%;font-size:38px}
}

/* LumaLove 2.0.0 — horizontal swipe guidance */
.ll-horizontal-swipe-hint{
  bottom:92px!important;
  white-space:nowrap;
  color:#ddd!important;
  font-weight:700;
  letter-spacing:.15px;
  text-shadow:0 2px 8px rgba(0,0,0,.7);
}
.ll-horizontal-swipe-hint span{
  color:#fff;
  margin:0 7px;
}
.ll-horizontal-swipe-hint::first-letter{color:#ff58a5}
.ll-tt-head-actions button{
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset;
}
@media(max-width:700px){
  .ll-horizontal-swipe-hint{bottom:94px!important;font-size:7.5px}
}

/* LumaLove 2.1.0 — neon online indicator + glowing profile rings */
.ll-for-you-tiktok .ll-tt-live{
  border:1px solid rgba(77,241,154,.62);
  color:#effff6;
  box-shadow:
    0 0 7px rgba(77,241,154,.55),
    0 0 18px rgba(77,241,154,.28),
    inset 0 0 10px rgba(77,241,154,.08);
  animation:llOnlinePulse 1.8s ease-in-out infinite;
}
.ll-for-you-tiktok .ll-tt-live i{
  width:7px;
  height:7px;
  background:#4df19a;
  box-shadow:
    0 0 5px #4df19a,
    0 0 12px rgba(77,241,154,.95),
    0 0 22px rgba(77,241,154,.62);
  animation:llDotPulse 1.15s ease-in-out infinite;
}
.ll-for-you-tiktok .ll-tt-avatar,
.ll-for-you-tiktok .ll-tt-action-avatar{
  position:relative;
  border:1px solid rgba(255,83,169,.78);
  box-shadow:
    0 0 5px rgba(255,83,169,.95),
    0 0 13px rgba(255,83,169,.66),
    0 0 26px rgba(157,78,255,.42);
  animation:llRingPulse 2s ease-in-out infinite;
}
.ll-for-you-tiktok .ll-tt-avatar::before,
.ll-for-you-tiktok .ll-tt-action-avatar::before{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:50%;
  border:1px solid rgba(255,83,169,.55);
  box-shadow:0 0 12px rgba(255,83,169,.45);
  pointer-events:none;
}
.ll-for-you-tiktok .ll-tt-action-avatar{
  border-width:2px;
}
.ll-for-you-tiktok .ll-tt-action-avatar::after{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:50%;
  border:1px solid rgba(157,78,255,.30);
  box-shadow:0 0 18px rgba(157,78,255,.25);
  pointer-events:none;
}
@keyframes llOnlinePulse{
  0%,100%{box-shadow:0 0 7px rgba(77,241,154,.45),0 0 17px rgba(77,241,154,.22),inset 0 0 8px rgba(77,241,154,.06)}
  50%{box-shadow:0 0 10px rgba(77,241,154,.8),0 0 25px rgba(77,241,154,.4),inset 0 0 12px rgba(77,241,154,.12)}
}
@keyframes llDotPulse{
  0%,100%{transform:scale(.9);opacity:.85}
  50%{transform:scale(1.22);opacity:1}
}
@keyframes llRingPulse{
  0%,100%{box-shadow:0 0 5px rgba(255,83,169,.78),0 0 13px rgba(255,83,169,.52),0 0 25px rgba(157,78,255,.34)}
  50%{box-shadow:0 0 8px rgba(255,83,169,1),0 0 20px rgba(255,83,169,.82),0 0 34px rgba(157,78,255,.55)}
}

/* LumaLove 2.2.0 — Aurora Prism profile rings */
.ll-for-you-tiktok .ll-tt-avatar,
.ll-for-you-tiktok .ll-tt-action-avatar{
  position:relative;
  isolation:isolate;
  border:2px solid transparent;
  background:
    linear-gradient(#09080d,#09080d) padding-box,
    conic-gradient(from 0deg,#35e7ff,#7b61ff,#ff3f9f,#ffd166,#35e7ff) border-box;
  box-shadow:
    0 0 7px rgba(53,231,255,.7),
    0 0 14px rgba(123,97,255,.48),
    0 0 24px rgba(255,63,159,.32);
  animation:llAuroraRing 3.2s linear infinite;
}
.ll-for-you-tiktok .ll-tt-avatar::before,
.ll-for-you-tiktok .ll-tt-action-avatar::before{
  content:"";
  position:absolute;
  inset:-4px;
  z-index:-1;
  border-radius:50%;
  background:conic-gradient(from 120deg,rgba(53,231,255,.9),rgba(123,97,255,.65),rgba(255,63,159,.9),rgba(255,209,102,.72),rgba(53,231,255,.9));
  filter:blur(5px);
  opacity:.78;
  animation:llAuroraHalo 3.2s linear infinite;
}
.ll-for-you-tiktok .ll-tt-avatar::after,
.ll-for-you-tiktok .ll-tt-action-avatar::after{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
  border:1px solid rgba(53,231,255,.28);
  box-shadow:0 0 16px rgba(53,231,255,.25),0 0 22px rgba(255,63,159,.16);
  pointer-events:none;
}
.ll-for-you-tiktok .ll-tt-live{
  border-color:rgba(77,241,154,.7);
  color:#effff6;
  box-shadow:0 0 8px rgba(77,241,154,.58),0 0 20px rgba(77,241,154,.25);
  animation:llOnlinePulse 1.8s ease-in-out infinite;
}
@keyframes llAuroraRing{
  0%{filter:hue-rotate(0deg);box-shadow:0 0 7px rgba(53,231,255,.72),0 0 15px rgba(123,97,255,.46),0 0 25px rgba(255,63,159,.28)}
  50%{filter:hue-rotate(18deg);box-shadow:0 0 10px rgba(255,63,159,.72),0 0 20px rgba(255,209,102,.42),0 0 30px rgba(53,231,255,.30)}
  100%{filter:hue-rotate(0deg);box-shadow:0 0 7px rgba(53,231,255,.72),0 0 15px rgba(123,97,255,.46),0 0 25px rgba(255,63,159,.28)}
}
@keyframes llAuroraHalo{
  0%{transform:rotate(0deg);opacity:.72}
  50%{transform:rotate(180deg);opacity:.9}
  100%{transform:rotate(360deg);opacity:.72}
}

/* LumaLove 2.3.0 — feed imagery is separate from profile identity */
.ll-tt-bg{
  object-position:center;
}

/* LumaLove 2.4.0 — For You supports photo + video feed media */
.ll-tt-feed-video{
  background:#050509;
  object-fit:cover;
}
.ll-tt-feed-video::-webkit-media-controls{
  display:none!important;
}
.ll-tt-video:has(.ll-tt-feed-video) .ll-tt-sound{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* LumaLove 2.5.0 — toolbar order: Home, For You, +, Discover, Likes, Profile */
.ll-dock-six{
  grid-template-columns:repeat(6,1fr)!important;
}
.ll-dock-six .create{
  grid-column:auto!important;
  grid-row:auto!important;
}
.ll-dock-six .ll-for-you-nav.active,
.ll-dock-six .ll-for-you-nav.active span{
  color:#ff58a5;
}
.ll-dock-six .ll-for-you-nav.active span{
  text-shadow:0 0 13px rgba(255,88,165,.72);
}

/* LumaLove 2.6.0 — Create Feed */
.ll-create-feed-page{min-height:100vh;padding:28px 18px 130px;background:#07070a}.ll-create-feed-shell{width:min(620px,100%);margin:auto}.ll-create-feed-header{display:flex;align-items:center;gap:13px;margin-bottom:20px}.ll-create-back{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#111015;color:#fff;text-decoration:none;font-size:27px}.ll-create-feed-header h1{margin:5px 0 0;font-family:var(--display);font-size:36px;line-height:.95;color:#fff}.ll-create-feed-card{padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#111015;box-shadow:0 20px 60px rgba(0,0,0,.3)}.ll-create-preview{position:relative;min-height:330px;border-radius:17px;overflow:hidden;background:#09090c;border:1px dashed rgba(255,88,165,.25);display:grid;place-items:center}.ll-create-preview img,.ll-create-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ll-create-placeholder{text-align:center;color:#777}.ll-create-placeholder>div{width:62px;height:62px;display:grid;place-items:center;margin:auto auto 12px;border-radius:50%;background:linear-gradient(135deg,#ff3f91,#8c52ff);color:#fff;font-size:34px;box-shadow:0 0 28px rgba(255,63,145,.28)}.ll-create-placeholder strong{display:block;color:#eee;font-size:13px}.ll-create-placeholder small{display:block;margin-top:5px;font-size:8px}.ll-create-upload{display:flex;align-items:center;gap:10px;margin:13px 0;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0b0b0f;color:#fff;cursor:pointer}.ll-create-upload>span{font-size:22px;color:#ff63a9}.ll-create-upload strong{font-size:9px}.ll-create-upload small{margin-left:auto;color:#666;font-size:6px}.ll-create-upload input{position:absolute;width:1px;height:1px;opacity:0}.ll-create-caption{display:block;margin-top:8px}.ll-create-caption>span{display:block;color:#999;font-size:8px;margin-bottom:6px}.ll-create-caption textarea{width:100%;min-height:90px;box-sizing:border-box;resize:vertical;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#09090c;color:#fff;padding:12px;font:inherit;font-size:9px;outline:none}.ll-create-publish{width:100%;margin-top:13px;height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#ff3f91,#8e51ff);color:#fff;font-size:9px;font-weight:900;box-shadow:0 0 25px rgba(255,63,145,.2);cursor:pointer}.ll-create-success,.ll-create-error{margin-bottom:14px;padding:11px 13px;border-radius:13px;font-size:8px}.ll-create-success{border:1px solid rgba(77,241,154,.3);background:rgba(77,241,154,.07);color:#8ff7bf}.ll-create-success a{color:#fff;margin-left:5px}.ll-create-error{border:1px solid rgba(255,84,124,.3);background:rgba(255,84,124,.07);color:#ff9aae}

/* LumaLove 2.7.0 — five-item bottom toolbar */
.ll-dock-six{
  grid-template-columns:repeat(5,1fr)!important;
}
.ll-dock-six .create{
  justify-self:center;
}

/* LumaLove 2.8.0 — Profile page */
.ll-profile-page{min-height:100vh;padding:0 18px 130px;background:#07070a}.ll-profile-shell{width:min(620px,100%);margin:auto}.ll-profile-top{height:68px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;border-bottom:1px solid rgba(255,255,255,.07)}.ll-profile-top>a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fff;text-decoration:none;font-size:25px}.ll-profile-top strong{font-family:var(--display);font-size:18px}.ll-profile-card{margin-top:24px;padding:28px 18px;text-align:center;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#111015}.ll-profile-avatar{width:112px;height:112px;margin:auto;padding:3px;border-radius:50%;background:conic-gradient(#35e7ff,#7b61ff,#ff3f9f,#ffd166,#35e7ff);box-shadow:0 0 25px rgba(53,231,255,.25),0 0 35px rgba(255,63,159,.18)}.ll-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #09080d}.ll-profile-card h1{font-family:var(--display);font-size:28px;margin:16px 0 5px}.ll-profile-card p{color:#888;font-size:9px}.ll-profile-edit{display:inline-block;margin-top:14px;padding:11px 16px;border-radius:13px;background:linear-gradient(135deg,#ff3f91,#8e51ff);color:#fff;text-decoration:none;font-size:8px;font-weight:900}

/* LumaLove 3.0.0 — profile toolbar overlay affordance */
[data-auth-dock="profile"]{cursor:pointer}

/* LumaLove 3.3.0 — global pink page-loading indicator */
#ll-page-loader{
  position:fixed;top:0;left:0;width:0;height:3px;z-index:2147483646;
  opacity:0;pointer-events:none;
  background:linear-gradient(90deg,#ff3f91,#ff62b5,#a85cff);
  box-shadow:0 0 7px rgba(255,63,145,.95),0 0 16px rgba(255,63,145,.55);
  transition:width .22s ease,opacity .18s ease;
}
#ll-page-loader.is-loading{opacity:1}
#ll-page-loader:after{
  content:"";position:absolute;right:0;top:-2px;width:35px;height:7px;border-radius:50%;
  background:#fff;filter:blur(3px);opacity:.8;
  animation:llLoaderSpark .75s ease-in-out infinite alternate;
}
@keyframes llLoaderSpark{from{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){
  #ll-page-loader{transition:none}
  #ll-page-loader:after{animation:none}
}

/* LumaLove 3.4.0 — dark browser/chrome-style address/search field */
.ll-browser-bar,
.ll-search-browser,
.ll-search-bar{
  background:#050507!important;
  color:#f7f7fa!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 28px rgba(0,0,0,.28);
}
.ll-browser-bar input,
.ll-search-browser input,
.ll-search-bar input{
  background:#050507!important;
  color:#fff!important;
  caret-color:#ff4fa6;
}
.ll-browser-bar input::placeholder,
.ll-search-browser input::placeholder,
.ll-search-bar input::placeholder{color:#777!important}

/* LumaLove 3.5.0 — force the actual search/browser field to true black */
.ll-search,
.ll-search *,.ll-search input,
.ll-searchbox,.ll-searchbox *,
.ll-search-input,.ll-search-input input,
.ll-top-search,.ll-top-search *,
.ll-top-search input,
.ll-browser,.ll-browser *,
.ll-browser input,
.ll-address,.ll-address *,
.ll-address input,
form[role="search"],form[role="search"] *,
form[role="search"] input{
  background-color:#000!important;
  background-image:none!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.10)!important;
}
.ll-search input::placeholder,
.ll-searchbox input::placeholder,
.ll-search-input input::placeholder,
.ll-top-search input::placeholder,
.ll-browser input::placeholder,
.ll-address input::placeholder,
form[role="search"] input::placeholder{color:#777!important;opacity:1!important}

/* Browser/PWA surface helpers */
html,body{color-scheme:dark}

/* LumaLove 3.9.0 — clean Discover hero */
.discover-hero .discover-kicker,
.discover-hero .discover-subtitle,
.discover-hero .hero-kicker,
.discover-hero .hero-subtitle,
.discover-hero .discover-copy{
  display:none!important;
}
.discover-hero h1{
  font-size:clamp(42px,10vw,72px);
  line-height:1;
  letter-spacing:-.04em;
  margin:0;
}

/* LumaLove 4.1.0 — Discover filter text visibility */
.discover-filters,
.discover-filters *,
.discover-filter,
.discover-filter *,
.filter-row,
.filter-row *,
.filter-chip,
.filter-chip *,
.discover-sort,
.discover-sort *{
  opacity:1!important;
  visibility:visible!important;
  color:#f7f2f8!important;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}
.discover-filter,
.filter-chip{
  background:rgba(18,10,19,.92)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.discover-filter.active,
.filter-chip.active{
  color:#fff!important;
  border-color:#ff3f99!important;
  background:linear-gradient(135deg,rgba(255,48,145,.28),rgba(143,71,255,.20))!important;
  box-shadow:0 0 18px rgba(255,48,145,.18);
}
.discover-sort{color:#fff!important}
.discover-sort .label{color:#aaa!important}

/* LumaLove 4.2.0 — actual Discover toolbar text fix */
.ll-v2-toolbar,
.ll-v2-toolbar .ll-v2-tabs,
.ll-v2-toolbar .ll-v2-tabs button,
.ll-v2-toolbar label,
.ll-v2-toolbar select,
.ll-v2-toolbar option{
  opacity:1!important;
  visibility:visible!important;
}
.ll-v2-toolbar .ll-v2-tabs button{
  color:#f7f2f8!important;
  -webkit-text-fill-color:#f7f2f8!important;
  background:rgba(24,13,24,.96)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.ll-v2-toolbar .ll-v2-tabs button.is-active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#ff3f91,#9b55ff)!important;
  border-color:#ff5aaa!important;
  box-shadow:0 0 16px rgba(255,63,145,.3);
}
.ll-v2-toolbar label{color:#cfc7d0!important}
.ll-v2-toolbar select{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* LumaLove 4.3.0 — compact Discover controls */
.ll-v2-toolbar{
  margin:10px 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.ll-guest-demo-badge{
  margin:10px 0 0!important;
}
.ll-v2-tabs{
  display:flex!important;
  gap:7px!important;
  width:100%!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}
.ll-v2-tabs::-webkit-scrollbar{display:none}
.ll-v2-tabs button{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:9px 14px!important;
  font-size:12px!important;
}
.ll-v2-toolbar label{
  margin-left:auto!important;
  font-size:11px!important;
}
.ll-v2-toolbar select{
  font-size:11px!important;
}
@media(max-width:600px){
  .ll-v2-toolbar{gap:9px!important}
  .ll-v2-toolbar label{width:100%;text-align:right}
}

.ll-discover-hero h1:empty,
.ll-discover-hero .ll-eyebrow:empty{display:none!important}

/* LumaLove 4.4.0 — compact Discover guest/filter controls */
.ll-discover-guest-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  margin:14px 0 12px!important;
}
.ll-discover-guest-controls .ll-guest-demo-badge{
  flex:1 1 auto!important;
  margin:0!important;
  min-width:0!important;
}
.ll-discover-guest-controls .ll-v2-filter-button{
  flex:0 0 auto!important;
  width:64px!important;
  min-width:64px!important;
  height:48px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  border:1px solid rgba(255,63,153,.7)!important;
  border-radius:24px!important;
  background:rgba(25,9,22,.88)!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(255,63,153,.12)!important;
}
.ll-discover-guest-controls .ll-v2-filter-button span{
  display:none!important;
}
.ll-v2-toolbar{
  margin-top:8px!important;
}
@media(max-width:480px){
  .ll-discover-guest-controls{gap:8px!important}
  .ll-discover-guest-controls .ll-guest-demo-badge{
    font-size:10px!important;
    padding:11px 13px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .ll-discover-guest-controls .ll-v2-filter-button{
    width:56px!important;
    min-width:56px!important;
    height:46px!important;
  }
}

/* LumaLove 4.7.0 — unique glowing Discover filter colors */
.ll-v2-tabs{
  gap:9px!important;
}
.ll-v2-tabs button{
  transition:
    color .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    transform .22s ease!important;
  position:relative!important;
  overflow:visible!important;
}

/* For You — signature pink/purple */
.ll-v2-tabs button.is-active,
.ll-v2-tabs button.active,
.ll-v2-tabs button[data-discover-tab="for-you"]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#ff4fa8!important;
  background:linear-gradient(135deg,#ff2f91,#9b55ff)!important;
  box-shadow:
    0 0 10px rgba(255,47,145,.65),
    0 0 26px rgba(155,85,255,.30),
    inset 0 0 12px rgba(255,255,255,.10)!important;
}

/* Online — electric green */
.ll-v2-tabs button[data-discover-tab="online"]{
  color:#f4fff8!important;
  -webkit-text-fill-color:#f4fff8!important;
  border-color:#22ff85!important;
  background:rgba(7,28,17,.92)!important;
  box-shadow:
    0 0 10px rgba(34,255,133,.65),
    0 0 26px rgba(34,255,133,.28),
    inset 0 0 12px rgba(34,255,133,.07)!important;
}
.ll-v2-tabs button[data-discover-tab="online"]::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  display:inline-block;
  margin-right:7px;
  vertical-align:middle;
  background:#22ff85;
  box-shadow:0 0 7px #22ff85,0 0 15px rgba(34,255,133,.85);
  animation:llDiscoverOnlinePulse 1.6s ease-in-out infinite;
}

/* New Here — vivid violet */
.ll-v2-tabs button[data-discover-tab="new"],
.ll-v2-tabs button[data-discover-tab="new-here"]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#c84dff!important;
  background:rgba(31,10,38,.88)!important;
  box-shadow:
    0 0 10px rgba(200,77,255,.62),
    0 0 26px rgba(200,77,255,.27),
    inset 0 0 12px rgba(200,77,255,.08)!important;
}

/* Nearby — warm gold/orange */
.ll-v2-tabs button[data-discover-tab="nearby"]{
  color:#fff9ed!important;
  -webkit-text-fill-color:#fff9ed!important;
  border-color:#ffb31f!important;
  background:rgba(38,24,5,.88)!important;
  box-shadow:
    0 0 10px rgba(255,179,31,.58),
    0 0 26px rgba(255,179,31,.25),
    inset 0 0 12px rgba(255,179,31,.07)!important;
}

/* Keep all filter text readable even when not selected. */
.ll-v2-tabs button,
.ll-v2-tabs button *{
  opacity:1!important;
  visibility:visible!important;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}

@keyframes llDiscoverOnlinePulse{
  0%,100%{box-shadow:0 0 5px #22ff85,0 0 10px rgba(34,255,133,.55)}
  50%{box-shadow:0 0 9px #22ff85,0 0 20px rgba(34,255,133,.95)}
}

/* Filter/grid button — pink neon */
.ll-discover-guest-controls .ll-v2-filter-button{
  border-color:#ff4fa8!important;
  color:#fff!important;
  box-shadow:
    0 0 10px rgba(255,79,168,.55),
    0 0 24px rgba(255,79,168,.20)!important;
}
.ll-discover-guest-controls .ll-v2-filter-button:hover{
  box-shadow:
    0 0 14px rgba(255,79,168,.75),
    0 0 30px rgba(255,79,168,.28)!important;
}

/* LumaLove 4.8.0 — animated Discover filter system */
.ll-v2-tabs button{
  transform:translateY(0) scale(1)!important;
  will-change:transform,box-shadow,filter,background-position!important;
  animation:llFilterBreath 3.8s ease-in-out infinite!important;
  background-size:180% 180%!important;
}
.ll-v2-tabs button:nth-child(1){animation-delay:0s!important}
.ll-v2-tabs button:nth-child(2){animation-delay:.35s!important}
.ll-v2-tabs button:nth-child(3){animation-delay:.7s!important}
.ll-v2-tabs button:nth-child(4){animation-delay:1.05s!important}

.ll-v2-tabs button:hover,
.ll-v2-tabs button:focus-visible{
  transform:translateY(-2px) scale(1.035)!important;
  filter:brightness(1.16)!important;
  animation:none!important;
}

.ll-v2-tabs button.is-active,
.ll-v2-tabs button.active{
  animation:llActiveFilter 1.8s ease-in-out infinite!important;
}

.ll-v2-tabs button[data-discover-tab="online"]{
  animation:llOnlineFilter 2s ease-in-out infinite!important;
}
.ll-v2-tabs button[data-discover-tab="online"]::before{
  animation:llOnlineDot 1.15s ease-in-out infinite!important;
}

.ll-v2-tabs button[data-discover-tab="new"],
.ll-v2-tabs button[data-discover-tab="new-here"]{
  animation:llVioletFilter 2.8s ease-in-out infinite!important;
}
.ll-v2-tabs button[data-discover-tab="nearby"]{
  animation:llNearbyFilter 3s ease-in-out infinite!important;
}

/* A moving highlight gives the controls a premium glass/neon feel. */
.ll-v2-tabs button::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.16) 45%,transparent 68%);
  background-size:220% 100%;
  background-position:180% 0;
  animation:llFilterShine 4.6s ease-in-out infinite;
  opacity:.7;
}
.ll-v2-tabs button:nth-child(2)::after{animation-delay:1.1s}
.ll-v2-tabs button:nth-child(3)::after{animation-delay:2.2s}
.ll-v2-tabs button:nth-child(4)::after{animation-delay:3.3s}

@keyframes llFilterBreath{
  0%,100%{transform:translateY(0);filter:brightness(1)}
  50%{transform:translateY(-1px);filter:brightness(1.05)}
}
@keyframes llActiveFilter{
  0%,100%{transform:scale(1);box-shadow:0 0 10px rgba(255,47,145,.55),0 0 25px rgba(155,85,255,.25)}
  50%{transform:scale(1.025);box-shadow:0 0 18px rgba(255,47,145,.78),0 0 38px rgba(155,85,255,.38)}
}
@keyframes llOnlineFilter{
  0%,100%{box-shadow:0 0 9px rgba(34,255,133,.48),0 0 22px rgba(34,255,133,.18)}
  50%{box-shadow:0 0 18px rgba(34,255,133,.82),0 0 36px rgba(34,255,133,.34)}
}
@keyframes llOnlineDot{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.28);filter:brightness(1.35)}
}
@keyframes llVioletFilter{
  0%,100%{box-shadow:0 0 9px rgba(200,77,255,.45),0 0 22px rgba(200,77,255,.16)}
  50%{box-shadow:0 0 17px rgba(200,77,255,.78),0 0 34px rgba(200,77,255,.30)}
}
@keyframes llNearbyFilter{
  0%,100%{box-shadow:0 0 9px rgba(255,179,31,.42),0 0 22px rgba(255,179,31,.14)}
  50%{box-shadow:0 0 17px rgba(255,179,31,.75),0 0 34px rgba(255,179,31,.28)}
}
@keyframes llFilterShine{
  0%,62%{background-position:180% 0;opacity:0}
  72%{opacity:.75}
  88%,100%{background-position:-40% 0;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .ll-v2-tabs button,
  .ll-v2-tabs button::after{
    animation:none!important;
    transition:none!important;
  }
}

/* LumaLove 4.9.0 — premium Discover welcome copy */
.ll-discover-guest-controls .ll-guest-demo-badge{
  color:#f7edf7!important;
  border-color:rgba(255,79,168,.22)!important;
  background:linear-gradient(90deg,rgba(255,47,145,.09),rgba(155,85,255,.10))!important;
  box-shadow:inset 0 0 20px rgba(255,79,168,.035),0 0 18px rgba(255,47,145,.07)!important;
}
.ll-discover-guest-controls .ll-guest-demo-badge span{
  color:#ff55ac!important;
  text-shadow:0 0 10px rgba(255,85,172,.75)!important;
}

/* LumaLove 5.1.0 — exact Discover arrangement from approved visual */
.ll-v2-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  margin:0!important;
  padding:10px 0 13px!important;
  background:linear-gradient(180deg,rgba(5,3,8,.99),rgba(5,3,8,.95) 82%,rgba(5,3,8,0))!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.ll-v2-tabs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:1 1 auto!important;
  width:auto!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
}
.ll-v2-tabs::-webkit-scrollbar{display:none!important}
.ll-v2-tabs button{
  flex:0 0 auto!important;
  min-width:max-content!important;
  min-height:42px!important;
  padding:9px 14px!important;
}
.ll-v2-tabs button[data-discover-tab="new"],
.ll-v2-tabs button[data-discover-tab="new-here"]{
  display:none!important;
}

/* Filter/grid control sits immediately beside Nearby as in the generated design. */
.ll-v2-tabs .ll-v2-filter-button,
.ll-v2-filter-button{
  flex:0 0 54px!important;
  width:54px!important;
  min-width:54px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:21px!important;
  font-size:0!important;
  color:#fff!important;
  border:1px solid #ff4fa8!important;
  background:rgba(22,8,20,.94)!important;
  box-shadow:0 0 12px rgba(255,79,168,.48),0 0 24px rgba(255,79,168,.16)!important;
}
.ll-v2-tabs .ll-v2-filter-button::before,
.ll-v2-filter-button::before{
  content:"☷"!important;
  font-size:18px!important;
  line-height:1!important;
  color:#fff!important;
}
.ll-v2-filter-button span{display:none!important}

/* Sort sits cleanly beneath the chips, right aligned. */
.ll-v2-toolbar > .discover-sort,
.ll-v2-toolbar .discover-sort{
  flex:0 0 auto!important;
  position:absolute!important;
  right:0!important;
  top:62px!important;
  margin:0!important;
  padding:7px 0 10px!important;
  background:linear-gradient(90deg,transparent,rgba(5,3,8,.95) 20%)!important;
}
@media(max-width:600px){
  .ll-v2-toolbar{
    padding-top:9px!important;
    padding-bottom:42px!important;
  }
  .ll-v2-tabs button{
    min-height:42px!important;
    padding:9px 13px!important;
    font-size:11px!important;
  }
  .ll-v2-tabs .ll-v2-filter-button,
  .ll-v2-filter-button{
    flex-basis:52px!important;
    width:52px!important;
    min-width:52px!important;
  }
}

/* LumaLove 5.2.0 — final approved Discover arrangement */
.ll-v2-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:10px 0 43px!important;
  background:linear-gradient(180deg,rgba(5,3,8,.995),rgba(5,3,8,.96) 82%,rgba(5,3,8,0))!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.ll-v2-tabs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
}
.ll-v2-tabs button{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:42px!important;
  padding:9px 12px!important;
  white-space:nowrap!important;
}
.ll-v2-tabs .ll-v2-filter-button{
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  height:42px!important;
  padding:0!important;
  margin:0!important;
  border-radius:21px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  color:#fff!important;
  border:1px solid #ff4fa8!important;
  background:rgba(24,8,22,.96)!important;
  box-shadow:0 0 12px rgba(255,79,168,.58),0 0 26px rgba(255,79,168,.18)!important;
}
.ll-v2-tabs .ll-v2-filter-button::before{
  content:"☷"!important;
  font-size:19px!important;
  line-height:1!important;
  color:#fff!important;
  text-shadow:0 0 10px rgba(255,79,168,.7)!important;
}
.ll-v2-toolbar > label{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  height:34px!important;
  margin:5px 0 0!important;
  font-size:11px!important;
  color:#aaa!important;
}
.ll-v2-toolbar > label select{
  color:#f7f2f8!important;
  background:transparent!important;
  border:0!important;
  font-size:11px!important;
}
@media(max-width:600px){
  .ll-v2-tabs{gap:7px!important}
  .ll-v2-tabs button{
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:11px!important;
  }
  .ll-v2-tabs .ll-v2-filter-button{
    flex:0 0 50px!important;
    width:50px!important;
    min-width:50px!important;
  }
}

/* LumaLove 5.3.0 — premium sticky filter panel with pink neon border */
.ll-v2-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  margin:0!important;
  padding:10px 9px 12px!important;
  border:1px solid rgba(255,52,154,.82)!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg,rgba(15,6,16,.98),rgba(8,4,10,.96))!important;
  box-shadow:
    0 0 8px rgba(255,52,154,.48),
    0 0 22px rgba(255,52,154,.24),
    inset 0 0 20px rgba(255,52,154,.055)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* Animated pink edge glow */
.ll-v2-toolbar::before{
  content:"";
  position:absolute;
  inset:-2px;
  z-index:-1;
  border-radius:24px;
  padding:1px;
  background:linear-gradient(90deg,#ff2f91,#ff69b4,#a553ff,#ff2f91);
  background-size:260% 100%;
  animation:llStickyPinkBorder 4s linear infinite;
  opacity:.72;
  filter:blur(2px);
  pointer-events:none;
}

.ll-v2-tabs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  overflow:visible!important;
}

.ll-v2-tabs button{
  min-height:42px!important;
}

/* Filter button remains directly beside Nearby. */
.ll-v2-tabs .ll-v2-filter-button{
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  height:42px!important;
  border-radius:21px!important;
  border-color:#ff4fa8!important;
  box-shadow:
    0 0 10px rgba(255,79,168,.65),
    0 0 24px rgba(255,79,168,.28)!important;
}

/* No sort row — reclaim its space. */
.ll-v2-toolbar > label{
  display:none!important;
}

@keyframes llStickyPinkBorder{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

@media(max-width:600px){
  .ll-v2-toolbar{
    padding:9px 7px 10px!important;
    border-radius:20px!important;
  }
  .ll-v2-tabs{gap:7px!important}
  .ll-v2-tabs button{
    min-height:42px!important;
    padding:9px 11px!important;
    font-size:11px!important;
  }
  .ll-v2-tabs .ll-v2-filter-button{
    flex:0 0 50px!important;
    width:50px!important;
    min-width:50px!important;
  }
}

/* LumaLove 5.4.0 — simple light-pink sticky Discover toolbar */
.ll-v2-toolbar{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  margin:0!important;
  padding:10px 9px!important;
  border:1px solid rgba(255,125,190,.52)!important;
  border-radius:20px!important;
  background:rgba(20,8,18,.94)!important;
  box-shadow:
    0 4px 18px rgba(0,0,0,.30),
    0 0 12px rgba(255,125,190,.12)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

/* Remove the stronger animated border from the previous version. */
.ll-v2-toolbar::before{
  display:none!important;
}

@media(max-width:600px){
  .ll-v2-toolbar{
    padding:9px 7px!important;
    border-radius:19px!important;
  }
}

/* LumaLove 5.5.0 — two-direction swipe badge */
.ll-v2-profile .ll-v2-new-here,
.ll-v2-new-here{
  min-width:154px!important;
  padding:10px 14px!important;
  border-radius:22px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#ff2f91,#a553ff)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 0 14px rgba(255,47,145,.42),0 0 28px rgba(165,83,255,.20)!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:11px!important;
  letter-spacing:.1px!important;
}

/* LumaLove 5.6.0 — animated two-direction swipe hint */
.ll-v2-profile .ll-v2-new-here,
.ll-v2-new-here{
  animation:llSwipeHintFloat 2.2s ease-in-out infinite!important;
  will-change:transform,box-shadow!important;
}
.ll-v2-new-here::first-letter{
  text-shadow:0 0 10px rgba(255,255,255,.9)!important;
}
@keyframes llSwipeHintFloat{
  0%,100%{
    transform:translateX(0);
    box-shadow:0 0 14px rgba(255,47,145,.42),0 0 28px rgba(165,83,255,.20);
  }
  25%{
    transform:translateX(-5px);
    box-shadow:0 0 19px rgba(255,47,145,.62),0 0 32px rgba(165,83,255,.27);
  }
  50%{
    transform:translateX(5px);
    box-shadow:0 0 19px rgba(255,47,145,.62),0 0 32px rgba(165,83,255,.27);
  }
  75%{
    transform:translateX(-3px);
    box-shadow:0 0 16px rgba(255,47,145,.52),0 0 30px rgba(165,83,255,.24);
  }
}
@media(prefers-reduced-motion:reduce){
  .ll-v2-profile .ll-v2-new-here,
  .ll-v2-new-here{animation:none!important}
}

/* LumaLove 5.7.0 — attention-grabbing Swipe Me CTA */
.ll-v2-profile .ll-v2-new-here,
.ll-v2-new-here{
  min-width:128px!important;
  padding:11px 18px!important;
  color:#fff!important;
  font-weight:800!important;
  letter-spacing:.35px!important;
  text-align:center!important;
  background:linear-gradient(135deg,#ff3b9d,#b55cff)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:24px!important;
  box-shadow:
    0 0 10px rgba(255,59,157,.70),
    0 0 22px rgba(255,59,157,.45),
    0 0 42px rgba(181,92,255,.24),
    inset 0 0 12px rgba(255,255,255,.13)!important;
  animation:llSwipeMePulse 1.25s ease-in-out infinite!important;
  will-change:transform,box-shadow,filter!important;
  position:relative!important;
  overflow:visible!important;
}
.ll-v2-profile .ll-v2-new-here::before,
.ll-v2-new-here::before{
  content:"";
  position:absolute;
  inset:-5px;
  border:2px solid rgba(255,105,190,.62);
  border-radius:inherit;
  animation:llSwipeRing 1.6s ease-out infinite;
  pointer-events:none;
}
.ll-v2-profile .ll-v2-new-here::after,
.ll-v2-new-here::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:150%;
  height:150%;
  transform:translate(-50%,-50%);
  border-radius:inherit;
  background:radial-gradient(ellipse,rgba(255,77,170,.22),transparent 68%);
  animation:llSwipeAura 1.25s ease-in-out infinite;
  z-index:-1;
  pointer-events:none;
}
@keyframes llSwipeMePulse{
  0%,100%{
    transform:translateX(0) scale(1);
    filter:brightness(1);
    box-shadow:0 0 10px rgba(255,59,157,.70),0 0 22px rgba(255,59,157,.45),0 0 42px rgba(181,92,255,.24),inset 0 0 12px rgba(255,255,255,.13);
  }
  50%{
    transform:translateX(-7px) scale(1.045);
    filter:brightness(1.16);
    box-shadow:0 0 18px rgba(255,59,157,.95),0 0 36px rgba(255,59,157,.68),0 0 60px rgba(181,92,255,.38),inset 0 0 16px rgba(255,255,255,.20);
  }
}
@keyframes llSwipeRing{
  0%{transform:scale(.92);opacity:.9}
  70%{transform:scale(1.18);opacity:0}
  100%{transform:scale(1.18);opacity:0}
}
@keyframes llSwipeAura{
  0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.9)}
  50%{opacity:.85;transform:translate(-50%,-50%) scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
  .ll-v2-profile .ll-v2-new-here,
  .ll-v2-new-here,
  .ll-v2-profile .ll-v2-new-here::before,
  .ll-v2-new-here::before,
  .ll-v2-profile .ll-v2-new-here::after,
  .ll-v2-new-here::after{animation:none!important}
}

/* LumaLove 5.8.0 — clickable user profile photo */
.ll-v2-profile-photo{
  position:absolute!important;
  right:16px!important;
  bottom:18px!important;
  z-index:16!important;
  width:74px!important;
  height:74px!important;
  padding:3px!important;
  display:block!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#ff3f8f,#b55cff)!important;
  box-shadow:
    0 0 10px rgba(255,63,143,.65),
    0 0 24px rgba(181,92,255,.34)!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}
.ll-v2-profile-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.86)!important;
}
.ll-v2-profile-photo span{
  position:absolute!important;
  right:-2px!important;
  bottom:0!important;
  width:24px!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#ff3f8f!important;
  border:2px solid #120812!important;
  font-size:12px!important;
  box-shadow:0 0 9px rgba(255,63,143,.75)!important;
}
.ll-v2-profile-photo:hover,
.ll-v2-profile-photo:focus-visible{
  transform:scale(1.07)!important;
  box-shadow:0 0 15px rgba(255,63,143,.88),0 0 34px rgba(181,92,255,.48)!important;
}
@media(max-width:600px){
  .ll-v2-profile-photo{
    right:12px!important;
    bottom:14px!important;
    width:68px!important;
    height:68px!important;
  }
}

/* LumaLove 6.0.0 — Discover controls moved up + sticky */
.ll-discover-header{
  position:sticky!important;
  top:0!important;
  z-index:300!important;
  margin-bottom:0!important;
}

.ll-v2-toolbar{
  position:sticky!important;
  top:88px!important;
  z-index:250!important;
  margin-top:0!important;
  margin-bottom:8px!important;
  padding:8px 9px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,125,190,.48)!important;
  background:rgba(20,8,18,.96)!important;
  box-shadow:
    0 4px 18px rgba(0,0,0,.28),
    0 0 12px rgba(255,125,190,.12)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

/* Keep the four controls on one compact row while pinned. */
.ll-v2-tabs{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
}

.ll-v2-tabs button{
  min-height:42px!important;
}

.ll-v2-tabs .ll-v2-filter-button{
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  height:42px!important;
}

/* Prevent the sticky bar from leaving a large blank region above the cards. */
.ll-v2-stage{
  margin-top:0!important;
  padding-top:0!important;
}

@media(max-width:600px){
  .ll-discover-header{
    position:sticky!important;
    top:0!important;
  }
  .ll-v2-toolbar{
    top:82px!important;
    padding:7px!important;
    margin-top:0!important;
    margin-bottom:7px!important;
  }
  .ll-v2-tabs{gap:7px!important}
  .ll-v2-tabs button{
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:11px!important;
  }
  .ll-v2-tabs .ll-v2-filter-button{
    flex:0 0 50px!important;
    width:50px!important;
    min-width:50px!important;
  }
}

/* LumaLove 6.2.0 — premium small scroll-down control */
#ll-scroll-down{
  position:fixed!important;
  left:50%!important;
  bottom:78px!important;
  transform:translateX(-50%)!important;
  z-index:220!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,125,190,.48)!important;
  border-radius:50%!important;
  color:#fff!important;
  background:rgba(17,7,16,.78)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  box-shadow:0 0 10px rgba(255,91,174,.20),inset 0 0 10px rgba(255,91,174,.06)!important;
  cursor:pointer!important;
  opacity:1!important;
  transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease!important;
  animation:llScrollDownFloat 1.7s ease-in-out infinite!important;
}
#ll-scroll-down span{
  display:block!important;
  margin-top:-5px!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:300!important;
  text-shadow:0 0 9px rgba(255,125,190,.55)!important;
}
#ll-scroll-down:hover{
  box-shadow:0 0 16px rgba(255,91,174,.38),inset 0 0 12px rgba(255,91,174,.10)!important;
}
#ll-scroll-down.is-hidden{
  opacity:0!important;
  pointer-events:none!important;
}
@keyframes llScrollDownFloat{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(4px)}
}
@media(max-width:600px){
  #ll-scroll-down{
    bottom:84px!important;
    width:32px!important;
    height:32px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #ll-scroll-down{animation:none!important}
}

/* LumaLove 6.5.7 — unique, slightly larger bottom navigation icons */
.ll-dock-six>a>span.ll-nav-icon{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  color:#8f8a96;
  transition:transform .22s ease,color .22s ease,filter .22s ease;
}
.ll-dock-six>a>span.ll-nav-icon svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ll-dock-six>a{
  min-height:52px!important;
  gap:4px!important;
}
.ll-dock-six>a>small{
  font-size:7.5px!important;
  letter-spacing:.15px!important;
}
.ll-dock-six>a:hover>span.ll-nav-icon,
.ll-dock-six>a:focus-visible>span.ll-nav-icon{
  transform:translateY(-2px) scale(1.07);
  color:#ffc1dd;
  filter:drop-shadow(0 0 6px rgba(255,130,190,.38));
}
.ll-dock-six>a.active>span.ll-nav-icon{
  color:#fff!important;
  filter:drop-shadow(0 0 7px rgba(255,160,210,.28));
}
.ll-dock-six>a.active>small{
  color:#f7dce9!important;
}
.ll-dock-six .ll-for-you-nav.active .ll-spark-icon{
  color:#ff9dca!important;
  filter:drop-shadow(0 0 8px rgba(255,88,165,.62));
}
.ll-dock-six .create{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  font-size:33px!important;
  box-shadow:0 12px 34px rgba(255,63,143,.28),0 0 18px rgba(255,93,172,.12)!important;
}
.ll-dock-six .create:hover{
  transform:translateY(-2px);
}
@media(max-width:700px){
  .ll-dock-six>a>span.ll-nav-icon{
    width:29px!important;
    height:29px!important;
  }
  .ll-dock-six>a>span.ll-nav-icon svg{
    width:26px!important;
    height:26px!important;
  }
  .ll-dock-six>a>small{font-size:7px!important}
  .ll-dock-six .create{
    width:55px!important;
    height:55px!important;
  }
}

/* LumaLove 6.6.0 — one bottom toolbar on every page */
.ll-unified-dock{
  position:fixed!important;
  left:50%!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
  z-index:500!important;
  width:min(545px,calc(100% - 30px))!important;
  height:76px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1.25fr 1fr 1fr!important;
  align-items:center!important;
  gap:4px!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,121,190,.28)!important;
  border-radius:28px!important;
  background:rgba(13,10,16,.94)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.45),0 0 22px rgba(255,75,160,.07)!important;
}
.ll-unified-dock>a{
  min-width:0!important;
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  text-decoration:none!important;
  color:#77717d!important;
  border-radius:20px!important;
  transition:transform .2s ease,color .2s ease,background .2s ease,filter .2s ease!important;
}
.ll-unified-dock>a>span.ll-nav-icon{
  width:29px!important;
  height:29px!important;
  display:grid!important;
  place-items:center!important;
}
.ll-unified-dock>a>span.ll-nav-icon svg{
  width:26px!important;
  height:26px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.ll-unified-dock>a>small{
  font-size:8px!important;
  line-height:1!important;
  color:inherit!important;
}
.ll-unified-dock>a.active{
  color:#fff!important;
  background:rgba(255,255,255,.035)!important;
  filter:drop-shadow(0 0 7px rgba(255,153,207,.18))!important;
}
.ll-unified-dock>a.active small{color:#f6dbe8!important}
.ll-unified-dock>a:hover{
  color:#ffc1df!important;
  transform:translateY(-2px)!important;
}
.ll-unified-dock>a.create{
  width:58px!important;
  height:58px!important;
  justify-self:center!important;
  border-radius:19px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  color:#fff!important;
  font-size:35px!important;
  line-height:1!important;
  background:linear-gradient(145deg,#ff3f9e,#b85cff)!important;
  box-shadow:0 10px 28px rgba(255,61,155,.28),0 0 17px rgba(255,91,176,.12)!important;
}
.ll-unified-dock>a.create:hover{
  color:#fff!important;
  transform:translateY(-2px) scale(1.02)!important;
}
@media(max-width:700px){
  .ll-unified-dock{
    bottom:12px!important;
    width:calc(100% - 30px)!important;
    height:76px!important;
    border-radius:27px!important;
  }
  .ll-unified-dock>a>span.ll-nav-icon svg{
    width:26px!important;height:26px!important;
  }
  .ll-unified-dock>a.create{
    width:57px!important;height:57px!important;
  }
}

/* LumaLove 6.6.1 — premium diamond rotation */
.ll-premium .gem{
  display:grid!important;
  place-items:center!important;
  transform-origin:center!important;
  animation:llPremiumGemRotate 7s linear infinite!important;
  will-change:transform!important;
}
.ll-premium .gem::before{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  border-radius:50%;
  border:1px solid rgba(255,145,207,.18);
  box-shadow:0 0 14px rgba(255,91,174,.12);
  animation:llPremiumGemHalo 2.8s ease-in-out infinite!important;
}
@keyframes llPremiumGemRotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
@keyframes llPremiumGemHalo{
  0%,100%{opacity:.45;transform:scale(.96)}
  50%{opacity:.9;transform:scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  .ll-premium .gem,
  .ll-premium .gem::before{animation:none!important}
}

/* =========================================================
   LumaLove 6.7.0 — Functional member pages
   ========================================================= */
.ll-member-page{min-height:100vh;background:#070609;color:#fff;padding-bottom:108px}
.ll-member-shell{width:min(680px,calc(100% - 30px));margin:0 auto;padding:18px 0 30px}
.ll-member-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px;color:#aaa2ae;font-size:11px}
.ll-member-top>a,.ll-member-top button,.ll-text-button{color:#f6c9df;background:none;border:0;text-decoration:none;font-size:10px;font-weight:800;cursor:pointer}
.ll-member-top>span{color:#fff;font-weight:800}
.ll-count{position:absolute;top:-4px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:#ff3f9e;color:#fff;font-size:8px;display:grid;place-items:center}
.ll-head-actions .ll-icon{position:relative}
.ll-member-profile-card,.ll-member-panel{border:1px solid rgba(255,143,205,.2);border-radius:28px;background:linear-gradient(145deg,rgba(25,15,23,.98),rgba(12,10,15,.98));box-shadow:0 22px 65px rgba(0,0,0,.35),0 0 24px rgba(255,66,158,.04);overflow:hidden}
.ll-member-cover{height:95px;background:radial-gradient(circle at 25% 50%,rgba(255,70,157,.25),transparent 42%),radial-gradient(circle at 85% 25%,rgba(169,83,255,.22),transparent 42%),#120c14}
.ll-member-avatar{width:108px;height:108px;margin:-54px 0 0 24px;border:3px solid #ff82bb;border-radius:50%;padding:3px;background:#100b12;box-shadow:0 0 22px rgba(255,91,174,.28);position:relative;z-index:2}
.ll-member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ll-member-profile-body{padding:14px 22px 24px}
.ll-member-name-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ll-member-name-row h1{font-size:25px;margin:0;font-weight:900;letter-spacing:-.5px}
.ll-member-name-row h1 i{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#ff4ba4;color:#fff;font-size:11px;font-style:normal;vertical-align:middle}
.ll-online-dot{font-size:9px;color:#72ffad;background:rgba(52,255,139,.08);border:1px solid rgba(52,255,139,.22);padding:7px 10px;border-radius:18px}
.ll-member-location{color:#b6aeb9;font-size:11px;margin:7px 0}
.ll-member-bio{color:#d7d0d8;font-size:12px;line-height:1.55;max-width:560px}
.ll-member-stats{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.ll-member-stats span{padding:9px 11px;border-radius:14px;background:#151017;border:1px solid rgba(255,255,255,.08);font-size:9px;color:#aaa1ad}
.ll-member-stats b{color:#ff79b7;margin-right:3px}
.ll-member-actions form{display:flex;gap:8px}
.ll-member-actions input,.ll-chat-form input,.ll-profile-form input,.ll-profile-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#0d0a10;color:#fff;padding:12px 13px;outline:none}
.ll-member-actions button,.ll-member-primary{border:0;border-radius:15px;padding:12px 15px;background:linear-gradient(135deg,#ff3f9f,#ae58ff);color:#fff;font-weight:900;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 25px rgba(255,62,156,.18)}
.ll-member-panel{margin-top:16px;padding:20px}
.ll-member-panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px}
.ll-member-panel-head h1,.ll-member-panel-head h2{margin:5px 0 0;font-size:24px;line-height:1.05}
.ll-notification-count{font-size:9px;color:#ff9dcc;background:rgba(255,75,164,.08);border:1px solid rgba(255,75,164,.16);padding:7px 9px;border-radius:14px}
.ll-profile-form{display:grid;gap:12px}
.ll-profile-form label{display:grid;gap:6px;font-size:9px;font-weight:800;color:#c9c0ca}
.ll-profile-form textarea{resize:vertical;min-height:100px}
.ll-member-success{padding:10px 12px;border-radius:12px;background:rgba(54,255,145,.08);border:1px solid rgba(54,255,145,.2);color:#8cffbb;font-size:10px;margin-bottom:12px}
.ll-notification-list{display:grid;gap:4px}
.ll-notification{position:relative;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center;padding:13px 8px;border-radius:18px}
.ll-notification.is-unread{background:rgba(255,75,164,.045)}
.ll-notification-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#1a1119;color:#ff83ba;overflow:hidden;border:1px solid rgba(255,140,202,.18)}
.ll-notification-avatar img{width:100%;height:100%;object-fit:cover}
.ll-notification strong{font-size:11px}
.ll-notification p{margin:3px 0;color:#aaa1ac;font-size:10px}
.ll-notification small{color:#6f6872;font-size:8px}
.ll-notification>i{width:7px;height:7px;border-radius:50%;background:#ff4aa5;box-shadow:0 0 8px #ff4aa5}
.ll-empty-state{text-align:center;padding:45px 12px;color:#a8a0aa}
.ll-empty-state>div{font-size:32px;color:#ff6daf;text-shadow:0 0 15px rgba(255,76,168,.35)}
.ll-empty-state h2{color:#fff;font-size:20px;margin:10px 0 5px}
.ll-empty-state p{font-size:11px;margin:0 auto 18px;max-width:330px;line-height:1.5}
.ll-conversation-list{display:grid;gap:5px}
.ll-conversation{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:12px 8px;border-radius:18px;color:#fff;text-decoration:none}
.ll-conversation:hover{background:rgba(255,255,255,.035)}
.ll-conversation img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,125,190,.2)}
.ll-conversation strong{font-size:12px}.ll-conversation p{margin:4px 0;color:#a9a0aa;font-size:10px}.ll-conversation small{color:#6d6670;font-size:8px}.ll-conversation>b{min-width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ff3f9e;font-size:8px}
.ll-chat-head{display:flex;gap:10px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.ll-chat-head img{width:44px;height:44px;border-radius:50%;object-fit:cover}.ll-chat-head strong{display:block;font-size:12px}.ll-chat-head small{display:block;color:#8e8790;font-size:9px;margin-top:3px}
.ll-chat-list{min-height:220px;max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:16px 3px}
.ll-chat-bubble{max-width:78%;padding:10px 12px;border-radius:16px;background:#19131a;color:#e9e2ea;font-size:11px;line-height:1.45}
.ll-chat-bubble.mine{align-self:flex-end;background:linear-gradient(135deg,#a93c79,#7d43a7);color:#fff}.ll-chat-bubble small{display:block;opacity:.55;font-size:7px;margin-top:5px}
.ll-empty-inline{text-align:center;color:#77707a;font-size:10px;padding:30px}
.ll-chat-form{display:flex;gap:7px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.ll-chat-form input{border-radius:18px}.ll-chat-form button{width:44px;border:0;border-radius:16px;background:#ed3f96;color:#fff;font-size:20px}
@media(max-width:600px){
 .ll-member-shell{width:calc(100% - 22px);padding-top:10px}
 .ll-member-name-row{align-items:flex-start;flex-direction:column}
 .ll-member-actions form{flex-direction:column}.ll-member-actions button{width:100%}
 .ll-member-panel{border-radius:23px;padding:16px}
}

/* 6.7.1 — published member posts in For You */
.ll-tt-post-label{
  color:#ffc4df!important;
  border:1px solid rgba(255,124,190,.25)!important;
  background:rgba(255,72,160,.08)!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:7px!important;
  letter-spacing:.8px!important;
}

/* 6.8.1 — authentication pages must always occupy the viewport */
.ll-auth-page{min-height:100svh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#070609!important;color:#fff!important}
.ll-auth-shell{width:min(520px,calc(100% - 28px))!important;margin:0 auto!important;padding:28px 0 40px!important}
.ll-auth-card{position:relative!important;z-index:2!important}
.ll-auth-error{color:#ffb4cf!important;background:rgba(255,57,143,.08)!important;border:1px solid rgba(255,57,143,.25)!important;border-radius:12px!important;padding:10px 12px!important;margin:12px 0!important;font-size:11px!important}

/* =========================================================
   LumaLove 6.9.0 — Premium App Authentication
   ========================================================= */
.ll-auth-app{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  min-height:100svh!important;
  padding:0 18px 34px!important;
  background:
    radial-gradient(700px 500px at -5% -5%,rgba(255,55,151,.16),transparent 62%),
    radial-gradient(650px 520px at 105% 105%,rgba(146,73,255,.16),transparent 62%),
    linear-gradient(180deg,#08070a 0%,#0a070c 50%,#060609 100%)!important;
}
.ll-auth-app:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 0 30%,rgba(255,255,255,.015) 45%,transparent 62%);
}
.ll-auth-orb{position:absolute;border-radius:50%;filter:blur(55px);z-index:-1;pointer-events:none}
.ll-auth-orb-one{width:210px;height:210px;left:-110px;top:30%;background:rgba(255,52,151,.18)}
.ll-auth-orb-two{width:250px;height:250px;right:-120px;bottom:12%;background:rgba(141,74,255,.16)}
.ll-auth-app .ll-auth-shell{width:min(1040px,100%)!important;margin:auto!important;padding:18px 0 34px!important}
.ll-auth-topbar{height:58px;display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.ll-auth-app .ll-auth-brand{justify-content:flex-start;gap:10px;margin:0;text-decoration:none;color:#fff}
.ll-auth-app .ll-auth-brand .ll-brand-mark{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(135deg,#ff3d9d,#a84cff);font-size:25px;
  box-shadow:0 0 26px rgba(255,59,155,.24);
}
.ll-auth-app .ll-auth-brand strong{display:block;font-size:17px;letter-spacing:-.04em}
.ll-auth-app .ll-auth-brand small{display:block;color:#817983;font-size:7px;letter-spacing:1.25px;margin-top:3px}
.ll-auth-close{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);
  color:#aaa;text-decoration:none;font-size:22px;transition:.2s ease;
}
.ll-auth-close:hover{color:#fff;border-color:rgba(255,96,174,.35);box-shadow:0 0 20px rgba(255,70,160,.12)}
.ll-auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,470px);gap:70px;align-items:center;max-width:940px;margin:auto}
.ll-auth-showcase{padding:28px 0 20px}
.ll-auth-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff82bc;font-size:8px;font-weight:850;letter-spacing:1.65px}
.ll-auth-kicker i{width:7px;height:7px;border-radius:50%;background:#ff4da7;box-shadow:0 0 13px #ff4da7}
.ll-auth-showcase h2{font-family:var(--display);font-size:58px;line-height:.91;letter-spacing:-.065em;margin:18px 0 18px;color:#fff}
.ll-auth-showcase h2 em{font-style:normal;background:linear-gradient(115deg,#fff 5%,#ff9acb 48%,#b775ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.ll-auth-showcase>p{max-width:430px;color:#918993;font-size:12px;line-height:1.7;margin:0}
.ll-auth-mini-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.ll-auth-mini-stats span{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);padding:9px 11px;border-radius:14px;color:#a8a0aa;font-size:9px}
.ll-auth-mini-stats b{color:#ff72b6;margin-right:5px}
.ll-auth-floating-card{
  width:min(365px,100%);margin-top:28px;padding:13px 14px;border:1px solid rgba(255,119,185,.14);
  border-radius:18px;background:linear-gradient(120deg,rgba(255,62,157,.08),rgba(138,77,255,.06));
  display:flex;align-items:center;gap:11px;box-shadow:0 15px 50px rgba(0,0,0,.25);
}
.ll-auth-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff4ba6,#a858ff);color:#fff;font-size:20px}
.ll-auth-floating-card b{display:block;font-size:10px}.ll-auth-floating-card small{display:block;color:#77717a;font-size:8px;margin-top:3px}
.ll-auth-pulse{margin-left:auto;color:#65ffad;font-size:9px;text-shadow:0 0 12px #65ffad}
.ll-auth-benefits{display:grid;gap:11px;margin-top:28px}
.ll-auth-benefits>div{display:flex;align-items:center;gap:12px}
.ll-auth-benefits>div>b{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;color:#ff83bd;background:rgba(255,74,165,.07);border:1px solid rgba(255,96,174,.12);font-size:16px}
.ll-auth-benefits strong{display:block;color:#ddd7df;font-size:10px}.ll-auth-benefits small{display:block;color:#716b73;font-size:8px;margin-top:3px}
.ll-auth-app .ll-auth-card{
  padding:28px!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:30px!important;
  background:linear-gradient(150deg,rgba(29,20,29,.94),rgba(12,10,14,.97))!important;
  box-shadow:0 35px 100px rgba(0,0,0,.52),0 0 50px rgba(255,57,154,.045)!important;
  backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;
  position:relative;overflow:hidden;
}
.ll-auth-app .ll-auth-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#ff6ab2,#a36aff,transparent);opacity:.8;
}
.ll-auth-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.ll-auth-step{font-size:7px;letter-spacing:1.4px;color:#756d77;font-weight:850}.ll-auth-step b{color:#b8aeb9;margin-left:5px}
.ll-auth-status{display:inline-flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.8px;color:#8f8791}
.ll-auth-status i{width:5px;height:5px;border-radius:50%;background:#61ffae;box-shadow:0 0 8px #61ffae}
.ll-auth-app .ll-auth-card h1{font-size:44px!important;line-height:.9!important;margin:0 0 11px!important}
.ll-auth-app .ll-auth-card h1 em{background:linear-gradient(110deg,#ff72b5,#a96cff)!important;background-clip:text!important;-webkit-background-clip:text!important}
.ll-auth-app .ll-auth-copy{font-size:10px;margin-bottom:19px;color:#8e8790}
.ll-auth-form{gap:12px!important}
.ll-auth-form label>span{font-size:8px;color:#a7a0a8;font-weight:800;letter-spacing:.15px}
.ll-input-wrap{position:relative}
.ll-input-wrap>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:2;color:#ff71b5;font-size:11px;font-style:normal}
.ll-auth-app .ll-auth-form input:not([type=checkbox]){
  height:47px!important;border-radius:13px!important;background:rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.075)!important;padding:0 13px 0 34px!important;font-size:10px!important;
}
.ll-auth-app .ll-auth-form input:not([type=checkbox]):focus{
  border-color:rgba(255,90,169,.55)!important;box-shadow:0 0 0 3px rgba(255,63,143,.065),0 0 22px rgba(255,63,143,.08)!important;
}
.ll-input-wrap button{position:absolute;right:7px;top:7px;height:33px;border:0;border-radius:9px;background:rgba(255,255,255,.05);color:#9e969f;font-size:8px;padding:0 9px;cursor:pointer}
.ll-auth-app .ll-auth-row{grid-template-columns:92px 1fr!important;gap:9px!important}
.ll-auth-options{display:flex;align-items:center;justify-content:space-between;margin:0 1px}
.ll-auth-options>a{font-size:8px;color:#ff86bd;text-decoration:none}
.ll-auth-app .ll-check{font-size:8px!important}
.ll-auth-app .ll-check input{width:14px;height:14px;margin:0;accent-color:#ff4ba4}
.ll-auth-primary{
  min-height:49px!important;border-radius:14px!important;margin-top:3px;position:relative;overflow:hidden;
  background:linear-gradient(100deg,#ff3e9e,#bf4dff)!important;
  box-shadow:0 12px 30px rgba(255,53,153,.18)!important;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.ll-auth-primary:hover{filter:brightness(1.07);box-shadow:0 14px 35px rgba(255,53,153,.28)!important;transform:translateY(-1px)}
.ll-auth-primary b,.ll-auth-secondary b{font-size:17px;font-weight:400}
.ll-auth-primary:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-60%;width:35%;transform:skewX(-20deg);background:rgba(255,255,255,.22);animation:llAuthPremiumShine 4s ease-in-out infinite}
@keyframes llAuthPremiumShine{0%,60%{left:-60%;opacity:0}68%{opacity:.7}82%,100%{left:140%;opacity:0}}
.ll-auth-secondary{
  min-height:47px!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;
  border:1px solid rgba(255,255,255,.08)!important;justify-content:space-between!important;padding:0 15px!important;
  text-decoration:none!important;color:#eee!important;transition:.18s ease;
}
.ll-auth-secondary:hover{border-color:rgba(255,100,175,.25)!important;background:rgba(255,80,165,.04)!important}
.ll-auth-divider{margin:17px 0 10px!important}.ll-auth-divider span{font-size:7px!important;letter-spacing:1.2px!important;color:#625b65!important}
.ll-auth-legal{font-size:7px!important;color:#5f5962!important;margin-top:13px!important}
.ll-auth-error{display:flex;flex-direction:column;gap:3px!important;padding:10px 11px!important;border-radius:12px!important;font-size:8px!important;margin-bottom:13px!important}
.ll-auth-error b{font-size:9px;color:#ff9fc9}.ll-auth-error span{color:#c287a2}
.ll-consent{padding:2px 0 3px}.ll-consent a{color:#ff84bc;text-decoration:none}
@media(max-width:820px){
  .ll-auth-layout{grid-template-columns:1fr;gap:14px;max-width:480px}
  .ll-auth-showcase{padding:2px 5px 8px;text-align:center}
  .ll-auth-showcase h2{font-size:42px;margin:12px 0}.ll-auth-showcase>p{margin:auto;font-size:10px}
  .ll-auth-mini-stats,.ll-auth-floating-card,.ll-auth-benefits{display:none}
  .ll-auth-kicker{font-size:7px}
  .ll-auth-app .ll-auth-shell{padding-top:9px}
}
@media(max-width:520px){
  .ll-auth-app{padding:0 11px 25px!important}
  .ll-auth-topbar{margin-bottom:16px}
  .ll-auth-app .ll-auth-card{padding:21px!important;border-radius:24px!important}
  .ll-auth-app .ll-auth-card h1{font-size:38px!important}
  .ll-auth-layout{gap:8px}
  .ll-auth-showcase{display:none}
}
@media(prefers-reduced-motion:reduce){.ll-auth-primary:after{animation:none}}

/* 6.9.1 — password toggle feedback */
.ll-input-wrap button[data-toggle-password]{cursor:pointer;min-width:38px}
.ll-input-wrap button[data-toggle-password][aria-pressed="true"]{
  color:#ff8fc4;
  background:rgba(255,75,165,.10);
  box-shadow:0 0 12px rgba(255,75,165,.10);
}

/* =========================================================
   LumaLove 6.9.3 — Social profile experience
   ========================================================= */
.ll-social-profile-page{background:#060508!important;padding-bottom:105px!important}
.ll-profile-appbar{position:sticky;top:0;z-index:120;height:66px;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(7,6,9,.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.ll-profile-appbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,104,181,.22),rgba(161,89,255,.18),transparent)}
.ll-profile-appbar{display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1080px)/2))}
.ll-profile-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff}.ll-profile-brand .ll-brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3c9e,#9e58ff);font-size:21px;box-shadow:0 0 20px rgba(255,64,160,.2)}
.ll-profile-brand strong{display:block;font-size:14px;letter-spacing:-.03em}.ll-profile-brand small{display:block;font-size:6px;letter-spacing:1px;color:#77717a;margin-top:2px}
.ll-profile-app-actions{display:flex;align-items:center;gap:7px}.ll-profile-app-icon{position:relative;width:38px;height:38px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025);color:#d9d3da;text-decoration:none;display:grid;place-items:center;font-size:17px;transition:.18s ease}
.ll-profile-app-icon:hover{color:#ff8bc2;border-color:rgba(255,90,168,.25);box-shadow:0 0 18px rgba(255,90,168,.08)}.ll-profile-app-icon b{position:absolute;top:-3px;right:-3px;min-width:14px;height:14px;padding:0 3px;border-radius:99px;background:#ff3e9f;color:#fff;font-size:7px;display:grid;place-items:center}
.ll-social-profile-shell{width:min(760px,100%);margin:0 auto;background:#09070a;border-left:1px solid rgba(255,255,255,.025);border-right:1px solid rgba(255,255,255,.025);min-height:calc(100vh - 66px)}
.ll-social-profile-hero{position:relative;padding-bottom:0}
.ll-profile-cover-art{height:170px;position:relative;overflow:hidden;background:radial-gradient(circle at 15% 80%,rgba(255,54,157,.32),transparent 38%),radial-gradient(circle at 82% 20%,rgba(147,70,255,.28),transparent 42%),linear-gradient(130deg,#170b16,#0c0810 48%,#140a18)}
.ll-profile-cover-art:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.045) 50%,transparent 72%);transform:translateX(-100%);animation:llProfileCoverShine 7s ease-in-out infinite}
@keyframes llProfileCoverShine{0%,55%{transform:translateX(-100%)}75%,100%{transform:translateX(100%)}}
.ll-profile-cover-art span{position:absolute;border:1px solid rgba(255,137,203,.15);border-radius:50%;width:190px;height:190px;right:-50px;top:-110px;box-shadow:0 0 50px rgba(255,72,168,.07)}
.ll-profile-cover-art span:nth-child(2){width:120px;height:120px;right:70px;top:-70px;border-color:rgba(162,103,255,.16)}.ll-profile-cover-art span:nth-child(3){width:260px;height:260px;left:-170px;bottom:-210px;border-color:rgba(255,83,169,.1)}
.ll-cover-edit{position:absolute;right:14px;bottom:12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);color:#d8d0d9;font-size:8px;padding:7px 9px}
.ll-profile-identity{display:flex;align-items:flex-end;gap:16px;padding:0 22px;margin-top:-62px;position:relative;z-index:3}
.ll-profile-photo-wrap{width:122px;height:122px;position:relative;flex:none}
.ll-profile-photo{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#120b13;border:4px solid #0a080b;box-shadow:0 0 0 1px rgba(255,117,190,.45),0 0 30px rgba(255,68,160,.18)}
.ll-profile-online{position:absolute;right:7px;bottom:8px;width:15px;height:15px;border-radius:50%;background:#68ffad;border:3px solid #0b080c;box-shadow:0 0 13px rgba(76,255,161,.7)}
.ll-profile-camera{position:absolute;right:-2px;bottom:15px;width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#171017;color:#ff83bb;display:grid;place-items:center;box-shadow:0 7px 18px rgba(0,0,0,.3)}
.ll-profile-title{padding-bottom:7px;min-width:0}.ll-profile-title h1{font-size:25px;letter-spacing:-.04em;margin:0;font-weight:900}.ll-profile-title h1 i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ff4aa4;color:#fff;font-style:normal;font-size:10px;vertical-align:middle}.ll-profile-title span{display:block;color:#817a84;font-size:9px;margin-top:4px}
.ll-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:21px 22px 0;padding:14px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.ll-profile-stats div{text-align:center;border-right:1px solid rgba(255,255,255,.055)}.ll-profile-stats div:last-child{border-right:0}.ll-profile-stats strong{display:block;font-size:16px;color:#fff}.ll-profile-stats span{display:block;color:#7c747e;font-size:8px;margin-top:3px}
.ll-profile-actions{display:flex;gap:8px;padding:14px 22px 3px}.ll-profile-main-btn,.ll-profile-secondary-btn{height:41px;border-radius:13px;font-size:10px;font-weight:850;cursor:pointer}.ll-profile-main-btn{flex:1;border:0;background:linear-gradient(105deg,#ff3e9f,#a84fff);color:#fff;box-shadow:0 10px 25px rgba(255,58,157,.15)}.ll-profile-secondary-btn{flex:1;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:#ddd5df}
.ll-profile-message-form{display:flex;gap:7px;width:100%}.ll-profile-message-form input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#0f0c11;color:#fff;padding:0 12px;font-size:9px}.ll-profile-message-form .ll-profile-main-btn{flex:none;width:120px}
.ll-profile-bio{padding:11px 22px 7px}.ll-profile-bio p{margin:0;color:#c7c0c9;font-size:10px;line-height:1.55}.ll-profile-bio .ll-profile-muted{color:#68616b;font-style:italic}.ll-profile-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:7px;color:#77707a;font-size:8px}
.ll-profile-highlights{display:flex;gap:16px;overflow:auto;padding:14px 22px 17px}.ll-profile-highlights button{flex:none;border:0;background:none;color:#aaa1ad;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px}.ll-profile-highlights button span{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#100c12,#100c12) padding-box,linear-gradient(135deg,rgba(255,91,173,.7),rgba(151,91,255,.65)) border-box;border:1px solid transparent;color:#ff83bc;font-size:19px;box-shadow:0 0 18px rgba(255,75,168,.07)}
.ll-profile-content{border-top:1px solid rgba(255,255,255,.06)}.ll-profile-tabs{height:49px;display:grid;grid-template-columns:repeat(3,1fr);position:sticky;top:66px;z-index:50;background:rgba(9,7,10,.9);backdrop-filter:blur(15px)}.ll-profile-tabs button{position:relative;border:0;background:none;color:#6e6871;font-size:9px;font-weight:800}.ll-profile-tabs button.is-active{color:#fff}.ll-profile-tabs button.is-active:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;border-radius:3px;background:linear-gradient(90deg,#ff45a3,#b258ff);box-shadow:0 0 9px rgba(255,73,166,.4)}
.ll-profile-tabs b{color:#8c838d;font-size:7px;margin-left:3px}
.ll-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#09070a}.ll-profile-post{position:relative;aspect-ratio:1/1;overflow:hidden;background:#120d13;cursor:pointer}.ll-profile-post img,.ll-profile-post video{width:100%;height:100%;display:block;object-fit:cover}.ll-profile-post-overlay{position:absolute;inset:auto 0 0;padding:20px 8px 6px;display:flex;gap:8px;color:#fff;font-size:8px;background:linear-gradient(transparent,rgba(0,0,0,.7));opacity:0;transition:.18s}.ll-profile-post:hover .ll-profile-post-overlay{opacity:1}.ll-profile-video-icon{position:absolute;top:7px;right:7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.45);color:#fff;font-size:8px}
.ll-profile-empty-grid{grid-column:1/-1;text-align:center;padding:60px 20px}.ll-profile-empty-grid>span,.ll-profile-hidden-panel>div{font-size:30px;color:#ff6eb3;text-shadow:0 0 18px rgba(255,78,170,.3)}.ll-profile-empty-grid h2{font-size:18px;margin:10px 0 5px}.ll-profile-empty-grid p,.ll-profile-hidden-panel p{font-size:9px;color:#77707a;margin:0 auto 15px;max-width:300px;line-height:1.5}.ll-profile-empty-grid a{display:inline-flex;padding:10px 14px;border-radius:12px;background:#ff439f;color:#fff;text-decoration:none;font-size:9px;font-weight:800}
.ll-profile-hidden-panel{display:none;text-align:center;padding:60px 20px}.ll-profile-hidden-panel.is-active{display:block}.ll-profile-hidden-panel h3{font-size:16px;margin:9px 0 5px}
.ll-profile-sheet{position:fixed;inset:0;z-index:800;display:none}.ll-profile-sheet.is-open{display:block}.ll-profile-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(7px)}.ll-profile-sheet-card{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid rgba(255,117,190,.2);border-bottom:0;border-radius:28px 28px 0 0;background:#100c12;padding:25px 22px 30px;box-shadow:0 -25px 80px rgba(0,0,0,.6)}.ll-profile-sheet-close{position:absolute;right:16px;top:13px;border:0;background:#1c151d;color:#aaa;width:30px;height:30px;border-radius:50%;font-size:18px}.ll-profile-sheet-card h2{font-size:24px;margin:5px 0 17px}.ll-profile-sheet .ll-profile-form{display:grid}
@media(max-width:760px){
 .ll-social-profile-shell{width:100%;border:0}.ll-profile-cover-art{height:145px}.ll-profile-identity{padding:0 15px;gap:11px}.ll-profile-photo-wrap{width:102px;height:102px}.ll-profile-title h1{font-size:21px}.ll-profile-stats,.ll-profile-actions,.ll-profile-bio{margin-left:0;margin-right:0;padding-left:15px;padding-right:15px}.ll-profile-highlights{padding-left:15px;padding-right:15px}.ll-profile-tabs{top:66px}
}
@media(max-width:420px){
 .ll-profile-identity{margin-top:-53px}.ll-profile-photo-wrap{width:92px;height:92px}.ll-profile-title{padding-bottom:4px}.ll-profile-title h1{font-size:18px}.ll-profile-message-form input{display:none}.ll-profile-message-form .ll-profile-main-btn{width:100%}
}

/* =========================================================
   LumaLove 6.9.5 — reference profile build
   Matches the supplied logged-in profile direction.
   ========================================================= */
.ll-reference-profile{background:#050507!important;min-height:100vh!important;padding-bottom:110px!important;color:#f7f3f7}
.ll-reference-profile-main{width:min(100%,900px);margin:0 auto}
.ll-profile-reference-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(5,5,7,.94);position:sticky;top:0;z-index:140;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.ll-reference-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.ll-reference-heart{width:52px;height:52px;display:grid;place-items:center;font-size:39px;line-height:1;border-radius:15px;background:linear-gradient(135deg,#ff3b9e,#9f58ff);color:#fff;box-shadow:0 0 30px rgba(255,63,163,.24)}
.ll-reference-brand strong{display:block;font-size:27px;line-height:1;letter-spacing:-.055em;background:linear-gradient(100deg,#ff54ac,#a96bff);background-clip:text;-webkit-background-clip:text;color:transparent}
.ll-reference-brand small{display:block;font-size:9px;letter-spacing:1.25px;color:#99919b;margin-top:5px}
.ll-reference-header-actions{display:flex;align-items:center;gap:11px}
.ll-ref-icon{width:50px;height:50px;border-radius:15px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#f4eef4;display:grid;place-items:center;text-decoration:none;font-size:26px;position:relative;cursor:pointer}
.ll-ref-icon:hover{border-color:rgba(255,71,165,.38);box-shadow:0 0 22px rgba(255,71,165,.1)}
.ll-ref-icon b{position:absolute;right:-4px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ff3c9e;color:#fff;font-size:9px;display:grid;place-items:center}
.ll-ref-avatar{width:52px;height:52px;border-radius:50%;padding:2px;border:2px solid #ff4eaa;background:linear-gradient(135deg,#ff4eaa,#a95cff);box-shadow:0 0 20px rgba(255,65,165,.18);cursor:pointer}
.ll-ref-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ll-reference-profile-top{padding:18px 28px 0}
.ll-reference-identity{display:flex;align-items:center;gap:30px}
.ll-reference-photo-wrap{width:225px;height:225px;position:relative;flex:none}
.ll-reference-photo{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;border:3px solid transparent;background:linear-gradient(#0a080b,#0a080b) padding-box,linear-gradient(135deg,#ff5aad,#9d5aff) border-box;box-shadow:0 0 0 1px rgba(255,91,174,.28),0 0 36px rgba(255,67,166,.14)}
.ll-reference-online{position:absolute;left:50%;transform:translateX(-50%);bottom:5px;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;background:rgba(15,14,17,.93);border:1px solid rgba(255,255,255,.09);font-size:12px;color:#eee}
.ll-reference-online i{width:9px;height:9px;border-radius:50%;background:#5dffad;box-shadow:0 0 10px #5dffad}
.ll-reference-camera{position:absolute;right:-2px;bottom:22px;width:50px;height:50px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff4ca8,#9e55ff);color:#fff;font-size:25px;box-shadow:0 7px 25px rgba(0,0,0,.45),0 0 22px rgba(255,63,161,.18);cursor:pointer}
.ll-reference-info{align-self:center;flex:1;min-width:0}
.ll-reference-info h1{font-size:49px;line-height:1;margin:0 0 10px;letter-spacing:-.055em;font-weight:900}
.ll-reference-verified{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:15px;background:#ff3d9f;color:#fff;vertical-align:middle;margin-left:5px}
.ll-reference-handle{color:#aaa2ad;font-size:20px;display:flex;align-items:center;gap:9px}.ll-ref-qr{color:#d8d0d8}
.ll-reference-stats{display:flex;margin-top:36px;max-width:510px}.ll-reference-stats button{flex:1;border:0;border-right:1px solid rgba(255,255,255,.13);background:none;color:#fff;text-align:left;padding:0 26px 0 0;margin-right:26px;cursor:pointer}.ll-reference-stats button:last-child{border:0;margin:0}.ll-reference-stats strong{display:block;font-size:25px}.ll-reference-stats span{display:block;color:#aaa1ab;font-size:13px;margin-top:5px}
.ll-reference-actions{display:grid;grid-template-columns:1fr 1fr 82px;gap:13px;margin:30px 0 23px}
.ll-reference-action-primary,.ll-reference-action-secondary,.ll-reference-action-square{height:63px;border-radius:16px;font-size:16px;font-weight:800;cursor:pointer}
.ll-reference-action-primary{border:1px solid rgba(255,82,173,.25);background:linear-gradient(120deg,rgba(255,55,158,.1),rgba(167,75,255,.06));color:#ff72b8}
.ll-reference-action-secondary{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);color:#f0eaf0}
.ll-reference-action-square{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.025);color:#eee;font-size:22px}
.ll-reference-actions button span{font-size:23px;margin-right:9px;color:#ff55a9}
.ll-reference-bio{padding-bottom:20px}.ll-reference-bio p{margin:0 0 7px;font-size:18px;line-height:1.45;color:#e7e0e7}.ll-reference-vibe{color:#d5ced7!important}.ll-reference-location{font-size:17px;color:#b5adb7;margin-top:6px}.ll-reference-link{display:block;color:#ff4ca5;text-decoration:none;font-weight:800;font-size:17px;margin-top:12px}
.ll-reference-highlights{display:flex;gap:24px;overflow-x:auto;padding:8px 0 27px;scrollbar-width:none}.ll-reference-highlights::-webkit-scrollbar{display:none}
.ll-reference-highlight{border:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:84px;cursor:pointer}.ll-highlight-ring{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;padding:3px;background:linear-gradient(#09080b,#09080b) padding-box,linear-gradient(135deg,#ff4da7,#9e55ff) border-box;border:2px solid transparent;box-shadow:0 0 16px rgba(255,63,165,.08)}.ll-highlight-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ll-highlight-ring b{font-size:31px;color:#ff5aad;font-weight:400}.ll-reference-highlight small{font-size:12px;color:#d1c9d1}
.ll-reference-posts{border-top:1px solid rgba(255,255,255,.07)}
.ll-reference-post-tabs{height:75px;display:grid;grid-template-columns:repeat(5,1fr);position:sticky;top:78px;z-index:100;background:rgba(5,5,7,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.ll-reference-post-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#77727b;font-size:29px;cursor:pointer}.ll-reference-post-tabs button.is-active{color:#ff4ca5;border-bottom-color:#ff4ca5;text-shadow:0 0 15px rgba(255,72,166,.25)}
.ll-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#050507}
.ll-reference-post{aspect-ratio:1/1.08;position:relative;overflow:hidden;background:#100c11}.ll-reference-post img,.ll-reference-post video{width:100%;height:100%;display:block;object-fit:cover}.ll-reference-post:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.75));pointer-events:none}.ll-reference-play{position:absolute;left:11px;bottom:10px;color:#fff;font-size:18px;z-index:2;text-shadow:0 2px 5px #000}.ll-reference-views{position:absolute;left:35px;bottom:12px;color:#fff;font-size:15px;z-index:2;text-shadow:0 2px 5px #000}.ll-reference-pinned{position:absolute;top:10px;left:10px;z-index:3;padding:5px 9px;border-radius:6px;background:#ff438f;color:#fff;font-size:10px;font-weight:900}
.ll-reference-empty,.ll-reference-empty-panel{grid-column:1/-1;text-align:center;padding:80px 20px}.ll-reference-empty span,.ll-reference-empty-panel span{font-size:35px;color:#ff59ad}.ll-reference-empty h2,.ll-reference-empty-panel h2{font-size:20px;margin:12px 0 7px}.ll-reference-empty p,.ll-reference-empty-panel p{font-size:11px;color:#77717a;max-width:340px;margin:0 auto 15px;line-height:1.6}.ll-reference-empty a{display:inline-block;background:linear-gradient(100deg,#ff3e9f,#a84fff);color:#fff;text-decoration:none;border-radius:12px;padding:12px 16px;font-size:10px;font-weight:800}
.ll-reference-empty-panel{display:none}.ll-reference-empty-panel.is-active{display:block}
.ll-reference-profile .ll-profile-sheet-card{max-width:560px}
@media(max-width:700px){
 .ll-profile-reference-header{height:62px;padding:0 14px}.ll-reference-heart{width:38px;height:38px;border-radius:11px;font-size:28px}.ll-reference-brand strong{font-size:18px}.ll-reference-brand small{font-size:6px;letter-spacing:.8px}.ll-ref-icon{width:37px;height:37px;border-radius:11px;font-size:19px}.ll-ref-avatar{width:40px;height:40px}.ll-reference-header-actions{gap:6px}
 .ll-reference-profile-top{padding:14px 15px 0}.ll-reference-identity{gap:15px;align-items:flex-start}.ll-reference-photo-wrap{width:128px;height:128px;margin-top:2px}.ll-reference-online{bottom:-4px;font-size:8px;padding:5px 9px}.ll-reference-camera{width:38px;height:38px;right:-3px;bottom:6px;font-size:18px}
 .ll-reference-info h1{font-size:28px;margin-top:4px}.ll-reference-handle{font-size:12px}.ll-reference-verified{width:19px;height:19px;font-size:10px}.ll-reference-stats{margin-top:24px}.ll-reference-stats button{padding-right:10px;margin-right:10px}.ll-reference-stats strong{font-size:15px}.ll-reference-stats span{font-size:8px}
 .ll-reference-actions{grid-template-columns:1fr 1fr 46px;gap:6px;margin:23px 0 16px}.ll-reference-action-primary,.ll-reference-action-secondary,.ll-reference-action-square{height:43px;border-radius:11px;font-size:9px}.ll-reference-actions button span{font-size:14px;margin-right:4px}
 .ll-reference-bio p{font-size:12px}.ll-reference-location,.ll-reference-link{font-size:11px}.ll-reference-highlights{gap:10px;padding-bottom:18px}.ll-reference-highlight{min-width:65px}.ll-highlight-ring{width:62px;height:62px}.ll-highlight-ring b{font-size:23px}.ll-reference-highlight small{font-size:8px}
 .ll-reference-post-tabs{height:55px;top:62px}.ll-reference-post-tabs button{font-size:22px}.ll-reference-grid{gap:2px}.ll-reference-views{font-size:10px;left:28px}.ll-reference-play{font-size:14px}.ll-reference-pinned{font-size:7px;top:6px;left:6px;padding:4px 6px}
}
@media(max-width:390px){
 .ll-reference-brand small{display:none}.ll-reference-info h1{font-size:23px}.ll-reference-photo-wrap{width:112px;height:112px}.ll-reference-stats{margin-top:19px}.ll-reference-stats strong{font-size:13px}.ll-reference-stats span{font-size:7px}.ll-reference-action-secondary{font-size:8px}.ll-reference-highlights{gap:7px}.ll-reference-highlight{min-width:59px}.ll-highlight-ring{width:56px;height:56px}
}

/* LumaLove 6.9.6 — one shared logged-in header across Home, Discover and For You */

@keyframes llHeaderBorderFlow{
  0%,100%{background-position:100% 0;opacity:.65}
  50%{background-position:0 0;opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .ll-member-app-header:after{animation:none;background-position:50% 0}
}

.ll-member-app-header{
  position:sticky;top:0;z-index:500;height:68px;width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 max(17px,calc((100vw - 1080px)/2));
  background:rgba(7,6,9,.88);border-bottom:1px solid rgba(255,255,255,.055);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.ll-member-app-header:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(255,55,158,.25) 15%,#ff3f9f 38%,#ff72bd 50%,#a653ff 68%,rgba(255,55,158,.22) 85%,transparent 100%);
  background-size:220% 100%;
  animation:llHeaderBorderFlow 3.2s ease-in-out infinite;
  box-shadow:0 0 7px rgba(255,58,159,.38),0 0 18px rgba(255,58,159,.13);
}
.ll-member-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;min-width:0}
.ll-member-brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(135deg,#ff3c9e,#a354ff);font-size:23px;
  box-shadow:0 0 24px rgba(255,64,160,.2)}
.ll-member-brand strong{display:block;font-size:15px;letter-spacing:-.04em}
.ll-member-brand small{display:block;color:#78717b;font-size:6.5px;letter-spacing:1.15px;margin-top:2px}
.ll-member-header-actions{display:flex;align-items:center;gap:7px}
.ll-member-head-icon,.ll-member-head-avatar{
  position:relative;width:39px;height:39px;border-radius:13px;
  display:grid;place-items:center;text-decoration:none;color:#ddd6df;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075);
  transition:.18s ease
}
.ll-member-head-icon{font-size:17px}
.ll-member-head-icon:hover,.ll-member-head-avatar:hover{
  color:#ff80ba;border-color:rgba(255,90,169,.28);box-shadow:0 0 20px rgba(255,70,160,.1)
}
.ll-member-head-icon b{position:absolute;top:-4px;right:-4px;min-width:15px;height:15px;padding:0 3px;
  display:grid;place-items:center;border-radius:99px;background:#ff3f9f;color:#fff;font-size:7px;border:2px solid #08070a}
.ll-member-head-avatar{border-radius:50%;padding:2px;border-color:rgba(255,73,163,.7);background:linear-gradient(135deg,#ff3e9f,#a44eff)}
.ll-member-head-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0b080c}
@media(max-width:480px){
  .ll-member-app-header{height:62px;padding:0 13px}
  .ll-member-brand-mark{width:36px;height:36px;font-size:21px}
  .ll-member-brand strong{font-size:14px}
  .ll-member-head-icon,.ll-member-head-avatar{width:36px;height:36px;border-radius:11px}
  .ll-member-header-actions{gap:5px}
}

/* 6.9.7 — Discover must use the same logged-in app header as Home/Profile */
.ll-discover-page + .ll-member-app-header,
.ll-member-app-header#llMemberAppHeader{
  box-sizing:border-box;
}

/* 7.0.1 — create-post media picker affordance */
.ll-create-preview{cursor:pointer}
.ll-create-preview.has-media{cursor:default}
.ll-create-preview:focus-within{outline:1px solid rgba(255,78,168,.3)}

/* LumaLove 7.0.7 — premium settings logout */
.ll-settings-logout-wrap{
  margin:18px 0 100px;
}
.ll-settings-logout{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(255,88,165,.28);
  border-radius:14px;
  background:rgba(255,63,143,.07);
  color:#ff8fbd;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  letter-spacing:.2px;
  transition:.2s ease;
}
.ll-settings-logout:hover,
.ll-settings-logout:focus-visible{
  background:rgba(255,63,143,.12);
  border-color:rgba(255,88,165,.48);
  box-shadow:0 0 22px rgba(255,63,143,.14);
  color:#fff;
}

/* LumaLove 7.4.0 — media sound + social actions */
.ll-video-sound{position:absolute;right:16px;top:16px;z-index:8;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(8,8,12,.55);backdrop-filter:blur(10px);color:#fff;font-size:15px;display:grid;place-items:center;cursor:pointer}
.ll-video-sound.is-on{background:rgba(255,63,143,.28);box-shadow:0 0 20px rgba(255,63,143,.22)}
.ll-tt-like.is-liked span{color:#ff4f9a;text-shadow:0 0 16px rgba(255,79,154,.6)}
.ll-feed-social-count{font-size:9px;opacity:.8;margin-left:3px}
.ll-comments-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}
.ll-comments-modal.is-open{display:flex}
.ll-comments-sheet{width:min(560px,100%);max-height:78vh;border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:24px 24px 0 0;background:#0d0c11;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 70px rgba(0,0,0,.5)}
.ll-comments-head{display:flex;justify-content:space-between;align-items:center;color:#fff}
.ll-comments-close{border:0;background:none;color:#aaa;font-size:26px;cursor:pointer}
.ll-comments-list{max-height:48vh;overflow:auto;margin:14px 0}
.ll-comment-row{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#ddd;font-size:12px}
.ll-comment-row b{display:block;color:#fff;margin-bottom:3px}
.ll-comment-form{display:flex;gap:8px}
.ll-comment-form textarea{flex:1;min-height:44px;max-height:100px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#15131a;color:#fff;padding:11px;resize:none}
.ll-comment-form button{border:0;border-radius:14px;padding:0 15px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-weight:800}

/* LumaLove 7.5.0 — full-quality feed media */
.ll-tt-feed-photo,
.ll-tt-feed-video{
  filter:none!important;
  image-rendering:auto;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.ll-tt-feed-video{display:block;width:100%;height:100%}
.ll-tt-feed-video::-webkit-media-controls{display:none!important}
.ll-tt-video .ll-video-sound{display:grid!important;place-items:center}

/* LumaLove 7.6.0 social controls */
.ll-video-sound{z-index:20!important;pointer-events:auto!important;cursor:pointer!important}.ll-tt-feed-video{z-index:1!important}.ll-tt-actions{z-index:20!important}

/* LumaLove 7.7.0 — audio handoff */
.ll-tt-feed-video{pointer-events:auto!important}.ll-video-sound{z-index:30!important;pointer-events:auto!important}

/* LumaLove 7.8.0 — clean mobile video surface */
.ll-tt-feed-video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.ll-tt-feed-video::-webkit-media-controls,
.ll-tt-feed-video::-webkit-media-controls-enclosure{display:none!important}
.ll-tt-feed-video{appearance:none;-webkit-appearance:none}
.ll-video-sound{z-index:40!important;pointer-events:auto!important}

/* LumaLove 7.9.0 — profile post management + monthly limit */
.ll-create-limit{margin:0 0 12px;text-align:center;color:#aaa;font-size:12px}
.ll-create-limit strong{color:#ff4d9b}
.ll-create-publish:disabled{opacity:.45;cursor:not-allowed}
.ll-reference-post{position:relative;cursor:pointer}
.ll-reference-private-badge{position:absolute;top:9px;left:9px;padding:5px 8px;border-radius:9px;background:rgba(12,12,18,.78);color:#fff;font-size:10px;border:1px solid rgba(255,255,255,.12)}
.ll-post-like-total{margin-left:7px;color:#ff4d9b}
.ll-profile-preview{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.76);backdrop-filter:blur(12px)}
.ll-profile-preview.is-open{display:flex}
.ll-profile-preview-card{width:min(520px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0e0c12;box-shadow:0 25px 100px rgba(0,0,0,.65)}
.ll-profile-preview-media{background:#050507;display:grid;place-items:center;min-height:260px}
.ll-profile-preview-media img,.ll-profile-preview-media video{width:100%;max-height:68vh;object-fit:contain;display:block}
.ll-profile-preview-body{padding:16px;color:#fff}
.ll-profile-preview-caption{color:#ddd;white-space:pre-wrap;margin:0 0 14px}
.ll-profile-preview-actions{display:flex;gap:9px}
.ll-profile-preview-actions button{flex:1;border:1px solid rgba(255,255,255,.1);border-radius:13px;padding:12px;background:#17141d;color:#fff;font-weight:700}
.ll-profile-preview-actions .danger{color:#ff6c9f}
.ll-profile-preview-close{position:absolute;top:24px;right:24px;border:0;background:rgba(0,0,0,.6);color:#fff;width:40px;height:40px;border-radius:50%;font-size:25px;z-index:2}

/* LumaLove 8.0.0 — home feed video cards */
.ll-home-feed-media{position:relative;overflow:hidden;background:#09090d}
.ll-home-feed-media>img,.ll-home-feed-video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.ll-home-feed-video{cursor:pointer}
.ll-home-sound{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(10,10,14,.72);color:#fff;z-index:4}
.ll-home-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;pointer-events:none}

/* LumaLove 8.1.0 — avatar editor */
.ll-avatar-editor{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.025)}
.ll-avatar-editor-preview{width:76px;height:76px;flex:0 0 76px;border-radius:50%;overflow:hidden;border:2px solid #ff3e9d;box-shadow:0 0 22px rgba(255,62,157,.18)}
.ll-avatar-editor-preview img{width:100%;height:100%;object-fit:cover;display:block}
.ll-avatar-editor-controls{display:flex;flex-direction:column;gap:8px;min-width:0}
.ll-avatar-upload{display:inline-flex!important;width:max-content!important;align-items:center;justify-content:center;padding:9px 13px;border-radius:12px;background:linear-gradient(135deg,#ff3198,#9d43ff);color:#fff;font-weight:700;cursor:pointer}
.ll-avatar-upload input{display:none!important}
.ll-avatar-clear{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;font-size:12px!important;color:#ddd!important}
.ll-avatar-clear input{width:auto!important}
.ll-avatar-editor small{color:#777;font-size:10px}
.ll-optional{color:#777;font-size:10px}

.ll-avatar-saved{margin:0 0 12px;padding:10px 12px;border:1px solid rgba(255,65,157,.3);border-radius:12px;background:rgba(255,65,157,.08);color:#ff62aa;font-size:12px;font-weight:700}

/* LumaLove 8.2.2 — polished member header */
.ll-member-app-header#llMemberAppHeader{
  box-sizing:border-box!important;
  min-height:64px!important;
  height:64px!important;
  padding:0 14px!important;
  overflow:visible!important;
}
.ll-member-brand{flex:1 1 auto;min-width:0!important;max-width:58%}
.ll-member-brand-mark{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  border-radius:13px!important;flex:0 0 40px!important;
}
.ll-member-brand strong{font-size:16px!important;line-height:1.05!important}
.ll-member-brand small{font-size:6.5px!important;letter-spacing:1.25px!important}
.ll-member-header-actions{flex:0 0 auto!important;gap:7px!important}
.ll-member-head-icon{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  border-radius:13px!important;box-sizing:border-box!important;
  overflow:visible!important;
  font-size:0!important;
}
.ll-member-head-icon .ll-head-svg{font-size:17px!important;line-height:1!important;display:block!important}
.ll-member-head-avatar{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  max-width:42px!important;max-height:42px!important;
  flex:0 0 42px!important;
  display:block!important;box-sizing:border-box!important;
  border-radius:50%!important;padding:2px!important;
  overflow:hidden!important;
  aspect-ratio:1/1!important;
}
.ll-member-head-avatar img{
  display:block!important;
  width:34px!important;height:34px!important;
  min-width:34px!important;min-height:34px!important;
  max-width:34px!important;max-height:34px!important;
  margin:0!important;padding:0!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
  aspect-ratio:1/1!important;
}
.ll-member-head-icon b{
  top:-5px!important;right:-5px!important;
  min-width:17px!important;height:17px!important;
  font-size:8px!important;
}
@media(max-width:480px){
  .ll-member-app-header#llMemberAppHeader{
    height:64px!important;min-height:64px!important;padding:0 12px!important;
  }
  .ll-member-brand{gap:8px;max-width:48%}
  .ll-member-brand-mark{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;border-radius:12px!important;flex-basis:37px!important}
  .ll-member-brand strong{font-size:14px!important}
  .ll-member-brand small{font-size:5.8px!important;letter-spacing:1px!important}
  .ll-member-header-actions{gap:5px!important}
  .ll-member-head-icon{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important;border-radius:12px!important}
  .ll-member-head-avatar{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex-basis:40px!important}
  .ll-member-head-avatar img{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}
}

/* LumaLove 8.2.3 — reliable header notification/settings icons */
.ll-member-head-icon .ll-head-svg{width:19px!important;height:19px!important;display:grid!important;place-items:center!important}
.ll-member-head-icon .ll-head-svg svg{width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.ll-member-head-icon:hover .ll-head-svg svg{filter:drop-shadow(0 0 5px rgba(255,88,174,.45))}
@media(max-width:480px){
  .ll-member-head-icon .ll-head-svg,.ll-member-head-icon .ll-head-svg svg{width:18px!important;height:18px!important}
}

/* LumaLove 8.3.0 — unmistakable Messages icon */
.ll-member-head-icon .ll-message-svg svg{stroke-width:1.7!important}
.ll-member-head-icon .ll-message-svg circle{fill:currentColor!important}
.ll-member-head-icon:has(.ll-message-svg){background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important}
.ll-member-head-icon:has(.ll-message-svg):hover{background:rgba(255,64,160,.10)!important}
.ll-member-app-header + .ll-member-shell{padding-top:4px}
.ll-inbox-panel,.ll-notifications-panel{margin-top:8px}

/* LumaLove 8.3.1 — profile uses the shared app header */
.ll-social-profile-page .ll-member-app-header{margin-bottom:0!important}
.ll-social-profile-page .ll-reference-profile-main{padding-top:0!important}

/* LumaLove 8.3.2 — logged-in profile action */
.ll-reference-action-secondary.ll-profile-logout{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.ll-profile-logout span{font-size:18px;line-height:1}
.ll-profile-logout:hover{color:#ff5ca9!important;border-color:rgba(255,82,168,.35)!important}

/* LumaLove 8.3.3 — simplified profile stats */
.ll-reference-stats{display:flex!important;justify-content:flex-start!important}
.ll-reference-stat-likes{min-width:88px!important}

/* LumaLove 8.3.4 — visible profile post view counts */
.ll-reference-views{
  left:8px!important;bottom:8px!important;
  display:flex!important;align-items:center!important;gap:5px!important;
  padding:6px 9px!important;border-radius:999px!important;
  background:rgba(0,0,0,.58)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  color:#fff!important;font-size:11px!important;font-weight:700!important;
  line-height:1!important;text-shadow:none!important;
}
.ll-view-icon{font-size:12px!important;line-height:1!important}
.ll-view-number{font-size:12px!important}
.ll-view-label{font-size:9px!important;color:rgba(255,255,255,.72)!important;font-weight:600!important}
.ll-post-like-total{margin-left:4px!important;padding-left:7px!important;border-left:1px solid rgba(255,255,255,.2)!important;font-size:10px!important;color:#ff5aa8!important}

/* LumaLove 8.3.6 — clean two-action member header */
.ll-member-header-actions{gap:10px!important}
.ll-member-head-icon{
  width:48px!important;height:48px!important;
  min-width:48px!important;min-height:48px!important;
  border-radius:15px!important;
}
.ll-member-head-icon .ll-head-svg,
.ll-member-head-icon .ll-head-svg svg{
  width:25px!important;height:25px!important;
}
.ll-member-head-icon .ll-head-svg svg{
  stroke-width:1.75!important;
}
.ll-member-head-icon .ll-message-svg circle{
  r:1.05!important;
}
@media(max-width:480px){
  .ll-member-header-actions{gap:8px!important}
  .ll-member-head-icon{
    width:46px!important;height:46px!important;
    min-width:46px!important;min-height:46px!important;
    border-radius:14px!important;
  }
  .ll-member-head-icon .ll-head-svg,
  .ll-member-head-icon .ll-head-svg svg{
    width:24px!important;height:24px!important;
  }
}

/* LumaLove 8.4.1 — Stories */
.ll-story-ring video{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.ll-story-composer h2{font-size:30px;margin:8px 0}
.ll-story-limit{color:#aaa;font-size:13px;line-height:1.5}
.ll-story-picker{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:190px!important;margin:18px 0!important;border:1px dashed rgba(255,70,165,.45)!important;border-radius:22px!important;background:rgba(255,255,255,.025)!important;cursor:pointer!important;text-align:center!important}
.ll-story-picker input{display:none!important}
.ll-story-picker-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff3198,#9d43ff);font-size:34px;color:#fff;box-shadow:0 0 24px rgba(255,55,160,.3)}
.ll-story-picker small{color:#777;font-size:10px}
.ll-story-preview{margin:10px 0;border-radius:18px;overflow:hidden;background:#050507}
.ll-story-preview img,.ll-story-preview video{display:block;width:100%;max-height:360px;object-fit:contain}
.ll-story-status{min-height:20px;color:#aaa;font-size:12px;margin:8px 0}
.ll-story-publish{width:100%}
.ll-story-viewer{text-align:center}
.ll-story-viewer img,.ll-story-viewer video{display:block;width:100%;max-height:68vh;object-fit:contain;border-radius:18px;background:#000}
.ll-story-viewer h3{margin:14px 0 3px}
.ll-story-countdown{font-size:12px;color:#aaa}

/* LumaLove 8.4.2 — shorter original Story viewer */
.ll-story-viewer{
  width:min(100vw,460px)!important;
  height:min(78vh,700px)!important;
  min-height:500px!important;
  max-height:700px!important;
  border-radius:20px!important;
}
@media(max-width:600px){
  .ll-story-viewer{
    width:min(94vw,460px)!important;
    height:min(78vh,700px)!important;
    min-height:500px!important;
    max-height:700px!important;
    border-radius:20px!important;
  }
}

/* LumaLove 8.4.3 — slightly shorter Story viewer + visible close button */
.ll-story-viewer{
  height:min(72vh,650px)!important;
  min-height:460px!important;
  max-height:650px!important;
}
.ll-story-viewer .ll-preview-actions{
  position:relative!important;
  z-index:20!important;
}
.ll-story-viewer .ll-preview-actions button[data-ll-close]{
  position:relative!important;
  z-index:25!important;
  min-height:42px!important;
  padding:10px 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:600px){
  .ll-story-viewer{
    width:min(94vw,460px)!important;
    height:min(72vh,650px)!important;
    min-height:460px!important;
    max-height:650px!important;
  }
}

/* LumaLove 8.4.4 — square Story media box */
.ll-story-viewer{
  width:min(88vw,560px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
}
.ll-story-viewer video,
.ll-story-viewer img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
}
@media(max-width:600px){
  .ll-story-viewer{
    width:min(92vw,520px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    border-radius:18px!important;
  }
}

/* LumaLove 8.4.5 — raised square Story viewer */
.ll-story-viewer{
  position:relative!important;
  width:min(92vw,560px)!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  transform:translateY(-5vh)!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.ll-story-viewer .ll-story-close,
.ll-story-viewer [data-ll-close]{
  position:absolute!important;
  z-index:100!important;
  top:14px!important;
  right:14px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:rgba(10,10,14,.72)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  padding:0!important;
  box-shadow:0 5px 18px rgba(0,0,0,.4)!important;
}
.ll-story-viewer img,
.ll-story-viewer video{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:#000!important;
}
@media(max-width:600px){
  .ll-story-viewer{
    width:92vw!important;
    transform:translateY(-4vh)!important;
  }
}

/* LumaLove 8.4.6 — actual Story modal positioning fix */
.ll-modal:has(.ll-story-viewer){
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
}
.ll-modal:has(.ll-story-viewer) .ll-modal-card{
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
}
.ll-story-viewer{
  position:relative!important;
  width:min(90vw,520px)!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:#050507!important;
  transform:translateY(-4vh)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.65)!important;
}
.ll-story-viewer video,
.ll-story-viewer img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
  border-radius:20px!important;
}
.ll-story-viewer h3,
.ll-story-viewer .ll-story-countdown{
  position:absolute!important;
  left:14px!important;
  right:70px!important;
  z-index:4!important;
  margin:0!important;
  text-align:left!important;
  text-shadow:0 1px 5px #000!important;
}
.ll-story-viewer h3{top:16px!important;font-size:18px!important}
.ll-story-viewer .ll-story-countdown{top:39px!important;font-size:10px!important;color:rgba(255,255,255,.8)!important}
.ll-story-viewer .ll-preview-actions{
  position:absolute!important;
  z-index:10!important;
  top:12px!important;
  right:12px!important;
  margin:0!important;
}
.ll-story-viewer .ll-preview-actions button[data-ll-close]{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  background:rgba(12,12,16,.78)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  color:#fff!important;
  box-shadow:0 5px 18px rgba(0,0,0,.45)!important;
}
.ll-story-viewer .ll-preview-actions button[data-ll-close]::before{
  content:"×";
  font-size:27px;
  line-height:1;
  font-weight:300;
}
@media(max-width:600px){
 .ll-modal:has(.ll-story-viewer){padding:10px!important}
 .ll-story-viewer{width:92vw!important;transform:translateY(-3vh)!important}
}

/* LumaLove 8.4.7 — Story layout raised to match approved mockup */
.ll-modal:has(.ll-story-viewer){
  align-items:flex-start!important;
  justify-content:center!important;
  padding:clamp(62px,9vh,110px) 10px 24px!important;
}
.ll-modal:has(.ll-story-viewer) .ll-modal-card{
  width:100%!important;
  max-width:520px!important;
}
.ll-story-viewer{
  width:min(92vw,520px)!important;
  height:min(68vh,720px)!important;
  min-height:0!important;
  max-height:720px!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  transform:none!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#050507!important;
}
.ll-story-viewer video,
.ll-story-viewer img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
}
.ll-story-viewer h3{
  top:16px!important;
  left:16px!important;
  right:68px!important;
  z-index:20!important;
  color:#fff!important;
}
.ll-story-viewer .ll-story-countdown{
  top:40px!important;
  left:16px!important;
  right:68px!important;
  z-index:20!important;
}
.ll-story-viewer .ll-preview-actions{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:30!important;
}
.ll-story-viewer .ll-preview-actions button[data-ll-close]{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:50%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(12,12,16,.82)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.5)!important;
}
@media(max-width:600px){
  .ll-modal:has(.ll-story-viewer){
    padding:58px 8px 18px!important;
  }
  .ll-story-viewer{
    width:92vw!important;
    height:min(68vh,680px)!important;
    max-height:680px!important;
    border-radius:20px!important;
  }
}

/* LumaLove 8.4.8 — compact raised Story card */
.ll-modal:has(.ll-story-viewer){
  align-items:flex-start!important;
  justify-content:center!important;
  padding:74px 10px 24px!important;
}
.ll-modal:has(.ll-story-viewer) .ll-modal-card{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ll-story-viewer{
  width:min(72vw,390px)!important;
  height:min(55vh,520px)!important;
  min-height:0!important;
  max-height:520px!important;
  margin:0 auto!important;
  transform:none!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:#050507!important;
  box-shadow:0 18px 60px rgba(0,0,0,.65)!important;
}
.ll-story-viewer video,
.ll-story-viewer img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
}
.ll-story-viewer h3{
  top:14px!important;
  left:14px!important;
  right:64px!important;
  z-index:20!important;
  font-size:16px!important;
}
.ll-story-viewer .ll-story-countdown{
  top:36px!important;
  left:14px!important;
  right:64px!important;
  z-index:20!important;
  font-size:9px!important;
}
.ll-story-viewer .ll-preview-actions{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:30!important;
}
.ll-story-viewer .ll-preview-actions button[data-ll-close]{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:50%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(12,12,16,.82)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  color:#fff!important;
  box-shadow:0 4px 16px rgba(0,0,0,.45)!important;
}
@media(max-width:600px){
  .ll-modal:has(.ll-story-viewer){
    padding:62px 8px 20px!important;
  }
  .ll-story-viewer{
    width:min(78vw,360px)!important;
    height:min(52vh,460px)!important;
    max-height:460px!important;
    border-radius:18px!important;
  }
}

/* LumaLove 8.4.9 — force Story modal layout so the compact card is actually applied */
.ll-modal.is-open{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:58px 8px 18px!important;
}
.ll-modal.is-open .ll-modal-card:has(.ll-story-viewer){
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.ll-modal.is-open .ll-story-viewer{
  box-sizing:border-box!important;
  width:min(76vw,340px)!important;
  height:min(50vh,430px)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:340px!important;
  max-height:430px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  position:relative!important;
  border-radius:18px!important;
  transform:none!important;
}
.ll-modal.is-open .ll-story-viewer > video,
.ll-modal.is-open .ll-story-viewer > img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
}
.ll-modal.is-open .ll-story-viewer .ll-preview-actions{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  z-index:999!important;
}
.ll-modal.is-open .ll-story-viewer .ll-preview-actions button[data-ll-close]{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  padding:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:600px){
 .ll-modal.is-open{padding:52px 7px 14px!important}
 .ll-modal.is-open .ll-story-viewer{
   width:74vw!important;
   height:48vh!important;
   max-width:310px!important;
   max-height:400px!important;
 }
}

/* LumaLove 8.4.10 — homepage Story modal hard layout */
.ll-modal.ll-story-modal-active{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:54px 8px 18px!important;
}
.ll-modal.ll-story-modal-active .ll-modal-card{
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
}
.ll-modal.ll-story-modal-active .ll-story-viewer{
  width:min(74vw,340px)!important;
  height:min(50vh,400px)!important;
  min-width:0!important;
  min-height:0!important;
  max-width:340px!important;
  max-height:400px!important;
  margin:0 auto!important;
  transform:none!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
.ll-modal.ll-story-modal-active .ll-story-viewer video,
.ll-modal.ll-story-modal-active .ll-story-viewer img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
}
.ll-modal.ll-story-modal-active .ll-story-viewer .ll-preview-actions{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  z-index:9999!important;
}
.ll-modal.ll-story-modal-active .ll-story-viewer .ll-preview-actions button[data-ll-close]{
  width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  padding:0!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
@media(max-width:600px){
 .ll-modal.ll-story-modal-active{padding:48px 7px 14px!important}
 .ll-modal.ll-story-modal-active .ll-story-viewer{
   width:76vw!important;height:47vh!important;max-width:310px!important;max-height:390px!important;
 }
}

/* LumaLove 8.4.11 — Story video fills the box width */
.ll-modal.ll-story-modal-active .ll-story-viewer video,
.ll-modal.ll-story-modal-active .ll-story-viewer img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
}

/* LumaLove 8.4.12 — only one Story close button */
.ll-modal.ll-story-modal-active > .ll-modal-card > .ll-modal-close{
  display:none!important;
}

/* LumaLove 8.4.13 — Story creator avatar + single close */
.ll-modal.ll-story-modal-active .ll-story-user-under{
  position:absolute!important;
  left:12px!important;
  bottom:10px!important;
  z-index:25!important;
}
.ll-story-profile-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:5px 10px 5px 5px!important;
  border-radius:999px!important;
  color:#fff!important;
  text-decoration:none!important;
  background:rgba(0,0,0,.58)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  font-size:12px!important;
  font-weight:600!important;
}
.ll-story-profile-link img,.ll-story-avatar-placeholder{
  width:34px!important;height:34px!important;min-width:34px!important;
  border-radius:50%!important;object-fit:cover!important;
  display:grid!important;place-items:center!important;
  border:2px solid #ff4da7!important;background:#222!important;color:#fff!important;
}
.ll-modal.ll-story-modal-active .ll-story-close-btn{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:50%!important;background:rgba(10,10,14,.8)!important;
  border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;
  font-size:28px!important;line-height:1!important;
}

/* LumaLove 8.4.15 — viewed Story rings */
.ll-story-ring{
  border:3px solid #ff3f9f!important;
  box-sizing:border-box!important;
  box-shadow:0 0 0 1px rgba(255,63,159,.16),0 0 14px rgba(255,63,159,.18)!important;
}
.ll-story.ll-story-viewed .ll-story-ring{
  border-color:#666!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06)!important;
}
.ll-story.ll-story-viewed .ll-story-ring img,
.ll-story.ll-story-viewed .ll-story-ring video{
  opacity:.92!important;
}

/* LumaLove 8.5.0 — Discover redesign inspired by the approved reference */
.ll-discover-page{
  min-height:calc(100svh - 90px);
  padding-bottom:105px;
  background:
    radial-gradient(600px 420px at 10% 0%,rgba(255,63,143,.10),transparent 64%),
    radial-gradient(520px 500px at 100% 28%,rgba(143,75,255,.09),transparent 68%),
    #070609!important;
}
.ll-discover-intro{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:25px 0 16px!important;
}
.ll-discover-intro h1{
  margin:7px 0 9px!important;
  font-family:var(--display)!important;
  font-size:clamp(38px,8vw,54px)!important;
  line-height:.91!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
}
.ll-discover-intro h1 em{
  font-style:normal!important;
  color:transparent!important;
  background:linear-gradient(120deg,#fff,#ff9dc9,#bf7cff)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
}
.ll-discover-intro p{margin:0!important;color:#8d8992!important;font-size:10px!important;max-width:410px!important;line-height:1.6!important}
.ll-discover-search{
  width:48px!important;height:48px!important;min-width:48px!important;
  border-radius:50%!important;border:1px solid rgba(255,255,255,.10)!important;
  background:#151319!important;color:#fff!important;font-size:25px!important;
  box-shadow:0 10px 30px rgba(0,0,0,.3)!important;
}
.ll-discover-stories{margin:0 0 14px!important}
.ll-discover-stories-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.ll-discover-stories-head strong{font-size:12px;color:#fff}
.ll-discover-stories-head button{border:0;background:none;color:#ff77b5;font-size:9px}
.ll-discover-story-row{display:flex;gap:12px;overflow:auto;padding:2px 2px 7px;scrollbar-width:none}
.ll-discover-story-row::-webkit-scrollbar{display:none}
.ll-discover-story{min-width:57px;text-align:center}
.ll-discover-story-ring{
  width:55px;height:55px;margin:auto;border-radius:50%;padding:3px;
  background:linear-gradient(135deg,#ff3f91,#a855f7);
  box-shadow:0 0 0 2px #0b090d,0 0 16px rgba(255,63,145,.25);
}
.ll-discover-story-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.ll-discover-story small{display:block;margin-top:5px;color:#aaa;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ll-v2-toolbar{
  margin:8px 0 14px!important;
  padding:5px!important;
  border-radius:25px!important;
  background:#151319!important;
  border:1px solid rgba(255,255,255,.07)!important;
}
.ll-discover-mode{display:flex;gap:4px;flex:1}
.ll-discover-mode button{
  flex:1;border:0!important;border-radius:20px!important;background:transparent!important;
  color:#8f8a95!important;padding:10px 15px!important;font-size:10px!important;font-weight:800!important;
}
.ll-discover-mode button.is-active{
  color:#fff!important;
  background:linear-gradient(135deg,#ff2f86,#a94cf4)!important;
  box-shadow:0 7px 20px rgba(255,47,134,.20)!important;
}
.ll-v2-filter-button{
  width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;
  flex:none!important;border:1px solid rgba(255,255,255,.10)!important;
  background:#1d1a21!important;
}
.ll-v2-stage{
  width:min(520px,100%)!important;
  height:min(68svh,650px)!important;
  min-height:520px!important;
  margin:0 auto!important;
}
.ll-v2-card{
  border-radius:28px!important;
  border:1px solid rgba(255,105,177,.28)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 35px rgba(255,63,143,.08)!important;
}
.ll-v2-photo-top{left:15px!important;right:15px!important;top:15px!important}
.ll-v2-online,.ll-v2-verified{
  padding:8px 11px!important;border-radius:18px!important;font-size:8px!important;
}
.ll-v2-info{left:19px!important;right:19px!important;bottom:18px!important}
.ll-v2-name{font-size:29px!important;text-shadow:0 2px 14px rgba(0,0,0,.55)!important}
.ll-v2-location{font-size:10px!important;margin:5px 0!important}
.ll-v2-match{font-size:10px!important;margin-bottom:8px!important}
.ll-v2-tags span{
  padding:7px 10px!important;border-radius:18px!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(8px)!important;
}
.ll-v2-card-cta{
  position:absolute!important;right:18px!important;bottom:18px!important;
  z-index:9!important;display:flex!important;align-items:center!important;gap:8px!important;
}
.ll-v2-profile-photo{
  position:relative!important;right:auto!important;bottom:auto!important;
  width:45px!important;height:45px!important;border-radius:50%!important;
  display:block!important;overflow:visible!important;
  border:2px solid #ff4da4!important;
  box-shadow:0 0 0 3px rgba(255,77,164,.16),0 7px 20px rgba(0,0,0,.35)!important;
}
.ll-v2-profile-photo img{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}
.ll-v2-profile-photo span{
  position:absolute!important;right:-3px!important;bottom:-2px!important;
  width:18px!important;height:18px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#ff3f91!important;color:#fff!important;font-size:10px!important;
  border:2px solid #100c12!important;
}
.ll-v2-message{
  border:0!important;border-radius:22px!important;padding:11px 15px!important;
  background:linear-gradient(135deg,#ff3f91,#a84df5)!important;color:#fff!important;
  font-size:9px!important;font-weight:850!important;
  box-shadow:0 10px 24px rgba(255,63,145,.24)!important;
}
.ll-v2-actions{gap:14px!important;margin:15px 0 8px!important}
.ll-v2-action{background:#17151a!important}
.ll-v2-like{width:68px!important;height:68px!important}
.ll-v2-swipe-hint{margin-top:2px!important}
.ll-v2-premium{margin-top:25px!important}
@media(max-width:700px){
 .ll-discover-intro{padding:18px 0 12px!important}
 .ll-discover-intro h1{font-size:37px!important}
 .ll-discover-intro p{font-size:8px!important}
 .ll-discover-search{width:43px!important;height:43px!important;min-width:43px!important}
 .ll-v2-stage{height:calc(100svh - 410px)!important;min-height:470px!important;max-height:570px!important}
 .ll-v2-card{border-radius:25px!important}
 .ll-v2-name{font-size:25px!important}
 .ll-v2-card-cta{right:14px!important;bottom:14px!important}
 .ll-v2-message{padding:10px 12px!important}
}

/* LumaLove 8.5.1 — logged-in Discover starts directly at the mode selector */
.ll-discover-page.ll-discover-v2.ll-member-discover-clean .ll-v2-toolbar{
  margin-top:18px!important;
}

/* LumaLove 8.5.2 — Discover view icon beside Nearby */
.ll-discover-mode{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:1!important;
}
.ll-discover-mode button[data-discover-tab]{
  flex:1!important;
}
.ll-discover-view-toggle{
  flex:0 0 44px!important;
  width:44px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:21px!important;
  background:#1d1a21!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-shadow:0 7px 20px rgba(0,0,0,.25)!important;
}
@media(max-width:600px){
 .ll-discover-view-toggle{
   flex-basis:42px!important;
   width:42px!important;
   height:42px!important;
 }
}

/* LumaLove 8.5.3 — smaller Discover profile card */
.ll-v2-stage{
  width:min(430px,92%)!important;
  height:min(60svh,540px)!important;
  min-height:430px!important;
  margin:0 auto!important;
}
.ll-v2-card{
  border-radius:24px!important;
}
@media(max-width:600px){
  .ll-v2-stage{
    width:88vw!important;
    height:52svh!important;
    min-height:410px!important;
    max-height:500px!important;
  }
  .ll-v2-card{border-radius:22px!important}
  .ll-v2-name{font-size:23px!important}
}

.ll-message-status{
  margin:0 0 12px;padding:10px 13px;border-radius:14px;font-size:9px;font-weight:700;
  border:1px solid rgba(255,255,255,.08);background:#17141a;
}
.ll-message-status.is-success{color:#71f0b2;border-color:rgba(113,240,178,.18)}
.ll-message-status.is-error{color:#ff78ad;border-color:rgba(255,120,173,.18)}

.ll-message-status{min-height:14px;margin:7px 2px 0;font-size:8px;color:#aaa2ac}
.ll-message-status.is-success{color:#71f0b2}
.ll-message-status.is-error{color:#ff78ad}

/* 9.2.0 — WhatsApp-inspired LumaLove conversation */
.ll-inbox-panel:has(.ll-wa-chat){padding:0!important;overflow:hidden;background:#0d0b0e}
.ll-inbox-panel:has(.ll-wa-chat)>.ll-member-panel-head{display:none}
.ll-wa-chat{display:flex;flex-direction:column;height:min(72vh,650px);min-height:500px;margin:0;border-radius:22px;overflow:hidden;background:#0b090c;position:relative}
.ll-wa-head{height:64px;flex:0 0 64px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#171219;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:20}
.ll-wa-back{width:34px;height:34px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:30px;line-height:1;border-radius:50%}
.ll-wa-back:hover{background:rgba(255,255,255,.05)}
.ll-wa-person{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:#fff;text-decoration:none}
.ll-wa-person img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ff4da7;box-shadow:0 0 12px rgba(255,60,160,.16)}
.ll-wa-person span{min-width:0}.ll-wa-person strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ll-wa-person small{display:block;color:#aaa0aa;font-size:8px;margin-top:3px}.ll-wa-person small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39ed8a;margin-right:4px}
.ll-wa-actions{display:flex;gap:3px}.ll-wa-actions button,.ll-wa-icon{width:34px;height:34px;border:0;background:transparent;color:#d8d0d9;font-size:17px;border-radius:50%}
.ll-wa-actions button:hover,.ll-wa-icon:hover{background:rgba(255,255,255,.06)}
.ll-wa-body{flex:1;min-height:0;overflow-y:auto;padding:18px 12px 16px;background:
 radial-gradient(circle at 15% 10%,rgba(255,61,158,.035),transparent 28%),
 radial-gradient(circle at 85% 70%,rgba(177,77,255,.025),transparent 30%),#0b090c}
.ll-wa-date{width:max-content;margin:0 auto 14px;padding:5px 9px;border-radius:9px;background:#211a21;color:#8d848f;font-size:7px;letter-spacing:1px;font-weight:800}
.ll-wa-row{display:flex;margin:3px 0}.ll-wa-row.out{justify-content:flex-end}.ll-wa-row.in{justify-content:flex-start}
.ll-wa-bubble{position:relative;max-width:78%;padding:9px 11px 16px;border-radius:8px 14px 14px 14px;background:#211b21;color:#eee8ef;font-size:11px;line-height:1.42;box-shadow:0 1px 1px rgba(0,0,0,.18)}
.ll-wa-row.out .ll-wa-bubble{border-radius:14px 8px 14px 14px;background:linear-gradient(135deg,#8c3f74,#6d438b);color:#fff}
.ll-wa-bubble:after{content:"";position:absolute;top:0;left:-5px;border-top:7px solid #211b21;border-left:6px solid transparent}
.ll-wa-row.out .ll-wa-bubble:after{left:auto;right:-5px;border-top-color:#814079;border-left:0;border-right:6px solid transparent}
.ll-wa-bubble span{position:absolute;right:8px;bottom:4px;font-size:7px;opacity:.6;white-space:nowrap}.ll-wa-bubble b{font-size:7px;letter-spacing:-2px;color:#ffb4dc}
.ll-wa-welcome{margin:auto;text-align:center;color:#9b919d;padding:50px 20px}.ll-wa-welcome div{width:48px;height:48px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:#241822;color:#ff5da9;font-size:24px}.ll-wa-welcome strong{display:block;color:#eae4eb;font-size:13px}.ll-wa-welcome p{font-size:9px;margin-top:5px}
.ll-wa-compose{display:flex;align-items:center;gap:6px;padding:8px;background:#171219;border-top:1px solid rgba(255,255,255,.07);position:sticky;bottom:0;z-index:20;flex:0 0 auto}
.ll-wa-compose input{flex:1;min-width:0;border:0!important;border-radius:20px!important;background:#242027!important;padding:11px 14px!important;color:#fff!important;font-size:11px!important;outline:none!important}
.ll-wa-compose input::placeholder{color:#77707b}
.ll-wa-icon{flex:0 0 34px;color:#aaa0aa}.ll-wa-send{flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff319d,#a94dff);color:#fff;font-size:17px;box-shadow:0 7px 18px rgba(255,44,157,.2)}
@media(max-width:600px){
 .ll-wa-chat{height:calc(100svh - 190px);min-height:430px;margin:0 -1px;border-radius:18px}
 .ll-wa-head{height:58px;flex-basis:58px}
 .ll-wa-person img{width:37px;height:37px}.ll-wa-actions button:first-child{display:none}
 .ll-wa-body{padding-left:10px;padding-right:10px}
 .ll-wa-bubble{max-width:84%}
}

/* 9.3.0 — sticky WhatsApp-style chat header + composer */
.ll-wa-chat .ll-wa-head,
.ll-wa-chat .ll-wa-compose{flex-shrink:0}
.ll-wa-body{scrollbar-width:thin;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ll-wa-body::-webkit-scrollbar{width:4px}
.ll-wa-body::-webkit-scrollbar-thumb{background:rgba(255,76,169,.28);border-radius:99px}
@media(max-width:600px){
  .ll-wa-chat{height:calc(100svh - 190px);min-height:430px;overflow:hidden}
  .ll-wa-head{position:sticky;top:0}
  .ll-wa-compose{position:sticky;bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .ll-wa-body{min-height:0}
}

/* 9.4.0 — WhatsApp-style conversation opening */
.ll-wa-chat{
  box-shadow:0 18px 55px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.06);
}
.ll-wa-head{
  background:#18131a;
  box-shadow:0 2px 10px rgba(0,0,0,.22);
}
.ll-wa-back{
  font-weight:300;
}
.ll-wa-person strong{
  font-size:13px;
}
.ll-wa-person small{
  color:#8e8791;
}
.ll-wa-actions button{
  font-size:16px;
}
.ll-wa-body{
  background-color:#0b090c;
  background-image:
    radial-gradient(circle at 20px 20px,rgba(255,255,255,.018) 1px,transparent 1.5px),
    radial-gradient(circle at 80px 70px,rgba(255,70,160,.014) 1px,transparent 1.5px);
  background-size:100px 100px,140px 140px;
}
.ll-wa-encryption{
  width:max-content;
  max-width:90%;
  margin:0 auto 12px;
  padding:6px 10px;
  border-radius:8px;
  background:rgba(80,64,24,.28);
  color:#b9a77a;
  font-size:7px;
  text-align:center;
}
.ll-wa-date{
  box-shadow:0 2px 7px rgba(0,0,0,.15);
}
.ll-wa-row{
  animation:llWaMessageIn .18s ease-out both;
}
@keyframes llWaMessageIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
.ll-wa-compose{
  box-shadow:0 -5px 16px rgba(0,0,0,.18);
}
.ll-wa-compose input{
  min-height:40px;
}
.ll-wa-send{
  cursor:pointer;
  transition:transform .15s ease,filter .15s ease;
}
.ll-wa-send:active{
  transform:scale(.92);
  filter:brightness(1.08);
}

/* 9.5.0 — WhatsApp-style typing state */
.ll-wa-chat:focus-within .ll-wa-body{scroll-padding-bottom:18px}
.ll-wa-chat:focus-within .ll-wa-compose{
  background:#171219;
  padding:7px 7px max(7px,env(safe-area-inset-bottom));
}
.ll-wa-compose{
  gap:6px;
  align-items:center;
}
.ll-wa-compose .ll-wa-icon{
  width:39px;height:39px;flex:0 0 39px;
  font-size:20px;color:#bdb5bf;
}
.ll-wa-compose input{
  height:42px;
  min-height:42px;
  padding:0 14px!important;
  border-radius:22px!important;
  background:#242027!important;
}
.ll-wa-compose input:focus{
  box-shadow:0 0 0 1px rgba(255,77,169,.18);
}
.ll-wa-send{
  width:42px;height:42px;flex:0 0 42px;
  display:grid;place-items:center;
  border-radius:50%;
}
@media(max-width:600px){
  .ll-wa-chat{
    height:calc(100svh - 150px);
    min-height:0;
  }
  .ll-wa-compose{
    position:sticky;
    bottom:0;
    z-index:50;
  }
  .ll-wa-compose input{
    font-size:14px!important;
  }
  .ll-wa-compose .ll-wa-icon{
    font-size:19px;
  }
  /* When the keyboard is open, keep only the conversation + WhatsApp-style composer visible. */
  .ll-wa-chat:focus-within{
    height:calc(100svh - 72px);
    border-radius:0;
  }
}

/* 9.6.0 — dedicated WhatsApp-like mobile chat mode */
.ll-page:has(.ll-wa-chat) .ll-member-top,
.ll-page:has(.ll-wa-chat) .ll-member-panel-head,
.ll-page:has(.ll-wa-chat) .ll-message-status,
.ll-page:has(.ll-wa-chat) .ll-conversation-list,
.ll-page:has(.ll-wa-chat) .member-dock,
.ll-page:has(.ll-wa-chat) .ll-member-dock{
  display:none!important;
}
.ll-page:has(.ll-wa-chat) .ll-member-shell{
  margin:0!important;padding:0!important;max-width:none!important;
}
.ll-page:has(.ll-wa-chat) .ll-inbox-panel{
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#0b090c!important;max-width:none!important;min-height:100vh;
}
.ll-page:has(.ll-wa-chat) .ll-wa-chat{
  position:fixed!important;
  left:0;right:0;top:0;bottom:0;
  width:auto;height:auto!important;min-height:0!important;
  margin:0!important;border:0!important;border-radius:0!important;
  z-index:99990;
}
.ll-page:has(.ll-wa-chat) .ll-wa-head{
  position:relative!important;top:auto;flex:0 0 64px;
}
.ll-page:has(.ll-wa-chat) .ll-wa-body{
  min-height:0!important;overflow-y:auto!important;flex:1 1 auto;
}
.ll-page:has(.ll-wa-chat) .ll-wa-compose{
  position:relative!important;bottom:auto;flex:0 0 auto;
}
html.llme-keyboard-open,
body.llme-keyboard-open{
  overflow:hidden!important;
  height:100%!important;
}
@media(max-width:600px){
  .ll-page:has(.ll-wa-chat) .ll-wa-head{height:62px;flex-basis:62px;padding-top:env(safe-area-inset-top)}
  .ll-page:has(.ll-wa-chat) .ll-wa-compose{
    padding-bottom:max(7px,env(safe-area-inset-bottom));
  }
  .ll-page:has(.ll-wa-chat) .ll-wa-body{padding-bottom:12px}
  .ll-page:has(.ll-wa-chat).llme-keyboard-mode .ll-wa-chat{
    /* JS sets the exact visible viewport height through --llme-vh */
    height:var(--llme-vh,100dvh)!important;
    bottom:auto;
  }
}

/* 9.7.0 — keep conversation header visible while typing/scrolling */
.ll-page:has(.ll-wa-chat) .ll-wa-chat{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.ll-page:has(.ll-wa-chat) .ll-wa-head{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  flex:0 0 64px!important;
  transform:translateZ(0);
  background:#18131a!important;
}
.ll-page:has(.ll-wa-chat) .ll-wa-body{
  position:relative;
  z-index:1;
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.ll-page:has(.ll-wa-chat) .ll-wa-compose{
  position:sticky!important;
  bottom:0!important;
  z-index:100!important;
  flex:0 0 auto!important;
  transform:translateZ(0);
}
@media(max-width:600px){
  .ll-page:has(.ll-wa-chat) .ll-wa-head{
    height:62px!important;
    flex-basis:62px!important;
    padding-top:env(safe-area-inset-top)!important;
  }
  .ll-page:has(.ll-wa-chat) .ll-wa-body{
    overscroll-behavior-y:contain;
  }
  .ll-page:has(.ll-wa-chat).llme-keyboard-mode .ll-wa-head{
    position:sticky!important;
    top:0!important;
  }
}

/* 9.8.0 — fixed WhatsApp-style header/composer; messages are the only scroll surface */
@media(max-width:600px){
  html,body{overflow-x:hidden}
  .ll-page:has(.ll-wa-chat) .ll-wa-chat{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    z-index:2147483000!important;
    display:block!important;
    background:#0b090c!important;
  }
  .ll-page:has(.ll-wa-chat) .ll-wa-head{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:0!important;
    height:62px!important;
    box-sizing:border-box!important;
    z-index:2147483002!important;
    flex:none!important;
    transform:none!important;
    margin:0!important;
  }
  .ll-page:has(.ll-wa-chat) .ll-wa-body{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:62px!important;
    bottom:58px!important;
    height:auto!important;
    min-height:0!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    z-index:2147483001!important;
    padding:18px 10px 18px!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  .ll-page:has(.ll-wa-chat) .ll-wa-compose{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:58px!important;
    box-sizing:border-box!important;
    z-index:2147483003!important;
    flex:none!important;
    margin:0!important;
    padding:7px 7px max(7px,env(safe-area-inset-bottom))!important;
  }
  .ll-page:has(.ll-wa-chat) .ll-wa-compose input{
    height:42px!important;
    min-height:42px!important;
  }
  .ll-page:has(.ll-wa-chat).llme-keyboard-mode .ll-wa-chat{
    top:0!important;
    bottom:auto!important;
    height:var(--llme-visible-height,100dvh)!important;
  }
  .ll-page:has(.ll-wa-chat).llme-keyboard-mode .ll-wa-head{
    top:0!important;
  }
  .ll-page:has(.ll-wa-chat).llme-keyboard-mode .ll-wa-body{
    top:62px!important;
    bottom:58px!important;
  }
  .ll-page:has(.ll-wa-chat).llme-keyboard-mode .ll-wa-compose{
    bottom:0!important;
  }
}

/* 10.0.0 — explicit chat-page class; no :has() dependency */
.ll-chat-page .ll-wa-chat{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  z-index:2147483000!important;
  display:block!important;
  background:#0b090c!important;
}
.ll-chat-page .ll-wa-head{
  position:fixed!important;
  left:0!important;right:0!important;top:0!important;
  height:64px!important;
  box-sizing:border-box!important;
  z-index:2147483002!important;
  flex:none!important;
  margin:0!important;
}
.ll-chat-page .ll-wa-body{
  position:fixed!important;
  left:0!important;right:0!important;
  top:64px!important;bottom:58px!important;
  height:auto!important;min-height:0!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  z-index:2147483001!important;
  padding:18px 12px!important;
}
.ll-chat-page .ll-wa-compose{
  position:fixed!important;
  left:0!important;right:0!important;bottom:0!important;
  height:58px!important;
  box-sizing:border-box!important;
  z-index:2147483003!important;
  margin:0!important;
  flex:none!important;
}
.ll-chat-page .ll-member-top,
.ll-chat-page .ll-member-top + .ll-inbox-panel > .ll-member-panel-head,
.ll-chat-page > .ll-member-shell > .ll-member-top{
  display:none!important;
}
@media(max-width:600px){
  .ll-chat-page .ll-wa-head{
    top:0!important;
    height:62px!important;
    padding-top:env(safe-area-inset-top)!important;
  }
  .ll-chat-page .ll-wa-body{
    top:62px!important;bottom:58px!important;
    padding:16px 10px!important;
  }
  .ll-chat-page .ll-wa-compose{
    bottom:0!important;
    height:58px!important;
    padding:7px 7px max(7px,env(safe-area-inset-bottom))!important;
  }
  .ll-chat-page.llme-keyboard-mode .ll-wa-chat{
    height:var(--llme-vh,100dvh)!important;
  }
  .ll-chat-page.llme-keyboard-mode .ll-wa-head{top:0!important}
  .ll-chat-page.llme-keyboard-mode .ll-wa-body{top:62px!important;bottom:58px!important}
  .ll-chat-page.llme-keyboard-mode .ll-wa-compose{bottom:0!important}
}

/* 11.0.0 — clean rebuilt conversation screen */
.ll-chat-rebuild{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  background:#09080b!important;
  color:#f7f3f7!important;
  z-index:2147483640!important;
  display:grid!important;
  grid-template-rows:64px minmax(0,1fr) 62px!important;
  overflow:hidden!important;
  font-family:inherit!important;
}
.ll-chat-rebuild-head{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 10px!important;
  background:#171219!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  z-index:3!important;
  position:relative!important;
}
.ll-chat-back{width:40px;height:40px;display:grid;place-items:center;text-decoration:none;color:#fff;font-size:32px;font-weight:300}
.ll-chat-user{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-decoration:none;color:#fff}
.ll-chat-user img{width:43px;height:43px;border-radius:50%;object-fit:cover;border:2px solid #ff4ba8}
.ll-chat-user span{min-width:0}.ll-chat-user strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ll-chat-user small{display:block;color:#8f8790;font-size:9px;margin-top:2px}.ll-chat-user small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39ed8a;margin-right:4px}
.ll-chat-head-btn{width:40px;height:40px;border:0;background:transparent;color:#ddd;font-size:24px}
.ll-chat-rebuild-messages{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:14px 11px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  background:#0a090c!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}
.ll-chat-lock{align-self:center;max-width:90%;padding:6px 10px;border-radius:8px;background:#28201b;color:#b6a56f;font-size:7px;margin:0 auto 10px;text-align:center}
.ll-chat-day{align-self:center;padding:6px 10px;border-radius:9px;background:#211b22;color:#8f8790;font-size:7px;font-weight:800;letter-spacing:1px;margin-bottom:12px}
.ll-chat-msg{display:flex;margin:3px 0}.ll-chat-msg.is-out{justify-content:flex-end}.ll-chat-msg.is-in{justify-content:flex-start}
.ll-chat-bubble{position:relative;max-width:min(78%,360px);padding:9px 10px 17px;border-radius:8px 15px 15px 15px;background:#211c23;color:#eee8ef;font-size:12px;line-height:1.42}
.ll-chat-msg.is-out .ll-chat-bubble{border-radius:15px 8px 15px 15px;background:linear-gradient(135deg,#853b70,#70408a);color:#fff}
.ll-chat-bubble:after{content:"";position:absolute;left:-5px;top:0;border-top:7px solid #211c23;border-left:6px solid transparent}.ll-chat-msg.is-out .ll-chat-bubble:after{left:auto;right:-5px;border-top-color:#7c3e78;border-left:0;border-right:6px solid transparent}
.ll-chat-text{white-space:normal;overflow-wrap:anywhere}.ll-chat-meta{position:absolute;right:8px;bottom:4px;font-size:7px;opacity:.62;white-space:nowrap}.ll-chat-meta b{color:#ffb6dc;letter-spacing:-2px}
.ll-chat-empty{margin:auto;text-align:center;color:#958d98}.ll-chat-empty span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 10px;border-radius:50%;background:#251923;color:#ff58aa;font-size:25px}.ll-chat-empty strong{display:block;color:#eae5ea;font-size:13px}.ll-chat-empty p{font-size:9px}
.ll-chat-rebuild-compose{display:flex!important;align-items:center!important;gap:7px!important;padding:7px 8px max(7px,env(safe-area-inset-bottom))!important;background:#171219!important;border-top:1px solid rgba(255,255,255,.07)!important;z-index:4!important}
.ll-chat-emoji{width:38px;height:42px;flex:0 0 38px;border:0;background:transparent;color:#aaa2ac;font-size:21px}
.ll-chat-rebuild-compose input{flex:1!important;min-width:0!important;height:44px!important;border-radius:23px!important;border:1px solid rgba(255,77,169,.2)!important;background:#242027!important;color:#fff!important;padding:0 15px!important;font-size:14px!important;outline:none!important}
.ll-chat-rebuild-compose input:focus{border-color:rgba(255,77,169,.45)!important}
.ll-chat-send{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff319d,#a94dff);color:#fff;font-size:18px}
@media(max-width:600px){
 .ll-chat-rebuild{grid-template-rows:62px minmax(0,1fr) 58px!important;height:100dvh!important}
 .ll-chat-rebuild-head{height:62px!important;padding-top:env(safe-area-inset-top)!important}
 .ll-chat-rebuild-messages{padding:12px 9px 14px!important}
 .ll-chat-rebuild-compose{height:58px!important;box-sizing:border-box!important}
}

/* 12.1.0 — Message is a real navigation link, not a JS button */
a.ll-v2-message{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}

/* 14.1.0 — rebuilt conversation page; existing LumaLove styling remains untouched */
.ll-real-chat-page{position:fixed;inset:0;width:100vw;height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) 62px;background:#09080b;color:#f7f3f7;z-index:2147483000;overflow:hidden;font-family:inherit}
.ll-real-chat-header{display:flex;align-items:center;gap:8px;padding:0 10px;background:#171219;border-bottom:1px solid rgba(255,255,255,.07);z-index:10}
.ll-real-chat-back{width:40px;height:40px;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:32px}
.ll-real-chat-profile{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#fff;text-decoration:none}
.ll-real-chat-profile img{width:43px;height:43px;border-radius:50%;object-fit:cover;border:2px solid #ff4ba8}
.ll-real-chat-profile strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ll-real-chat-profile small{display:block;color:#8e8790;font-size:9px;margin-top:2px}
.ll-real-chat-profile i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39ed8a;margin-right:4px}
.ll-real-chat-more{width:40px;height:40px;border:0;background:transparent;color:#ddd;font-size:24px}
.ll-real-chat-messages{min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 11px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.ll-real-chat-lock,.ll-real-chat-date{width:max-content;margin-left:auto;margin-right:auto;padding:6px 10px;border-radius:8px;font-size:7px}
.ll-real-chat-lock{margin-bottom:10px;background:#28201b;color:#b6a56f}
.ll-real-chat-date{margin-bottom:12px;background:#211b22;color:#8f8790;font-weight:800;letter-spacing:1px}
.ll-real-chat-row{display:flex;margin:4px 0}.ll-real-chat-row.out{justify-content:flex-end}.ll-real-chat-row.in{justify-content:flex-start}
.ll-real-chat-bubble{position:relative;max-width:min(78%,360px);padding:9px 10px 17px;border-radius:8px 15px 15px 15px;background:#211c23;font-size:12px;line-height:1.42;overflow-wrap:anywhere}
.ll-real-chat-row.out .ll-real-chat-bubble{border-radius:15px 8px 15px 15px;background:linear-gradient(135deg,#853b70,#70408a)}
.ll-real-chat-bubble>span{position:absolute;right:8px;bottom:4px;font-size:7px;opacity:.62}.ll-real-chat-bubble b{color:#ffb6dc}
.ll-real-chat-compose{display:flex;align-items:center;gap:7px;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:#171219;border-top:1px solid rgba(255,255,255,.07);z-index:10}
.ll-real-chat-compose button{width:38px;height:42px;border:0;background:transparent;color:#aaa2ac;font-size:21px}.ll-real-chat-compose .send{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ff319d,#a94dff);color:#fff;font-size:18px}
.ll-real-chat-compose input{flex:1;min-width:0;height:44px;border-radius:23px;border:1px solid rgba(255,77,169,.22);background:#242027;color:#fff;padding:0 15px;font-size:14px;outline:none}
.ll-real-chat-empty{margin:auto;text-align:center;color:#958d98}.ll-real-chat-empty div{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 10px;border-radius:50%;background:#251923;color:#ff58aa;font-size:25px}.ll-real-chat-empty strong{display:block;color:#eee;font-size:13px}.ll-real-chat-empty p{font-size:9px}
@media(max-width:600px){.ll-real-chat-page{height:var(--ll-real-vh,100dvh);grid-template-rows:62px minmax(0,1fr) 58px}.ll-real-chat-header{height:62px;padding-top:env(safe-area-inset-top)}.ll-real-chat-compose{height:58px;box-sizing:border-box}.ll-real-chat-messages{padding:10px 8px 14px}}

/* 15.1.0 — online/offline presence on Inbox conversations */
.ll-conversation .ll-inbox-avatar-wrap{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  width:52px!important;
  height:52px!important;
}
.ll-conversation .ll-inbox-avatar-wrap > img{
  width:52px!important;
  height:52px!important;
  display:block!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.ll-online-dot{
  position:absolute!important;
  right:0!important;
  bottom:1px!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  border:2px solid #171219!important;
  box-sizing:border-box!important;
}
.ll-online-dot.is-online{background:#36e68a!important;box-shadow:0 0 7px rgba(54,230,138,.55)!important}
.ll-online-dot.is-offline{background:#77727a!important}
.ll-inbox-presence{
  display:block!important;
  margin-top:3px!important;
  font-size:9px!important;
  font-weight:700!important;
  color:#8e8790!important;
}
.ll-conversation:has(.ll-online-dot.is-online) .ll-inbox-presence{color:#36e68a!important}

/* 15.2.0 — WhatsApp-style typing indicator and message ticks */
.ll-message-ticks{font-style:normal;font-weight:800;letter-spacing:-2px;margin-left:3px;color:#aaa3ad}
.ll-message-ticks.is-seen{color:#6ee9ff}
.ll-chat-typing{
  display:none!important;
  align-items:center;
  gap:3px;
  width:max-content;
  margin:5px 0 8px 4px;
  padding:6px 9px;
  border-radius:12px 12px 12px 3px;
  background:rgba(32,27,35,.92);
  color:#aaa1ad;
  font-size:8px;
}
.ll-chat-typing.is-visible{display:flex!important}
.ll-chat-typing span{width:4px;height:4px;border-radius:50%;background:#ff55a9;animation:llTypingDot 1.1s infinite}
.ll-chat-typing span:nth-child(2){animation-delay:.15s}.ll-chat-typing span:nth-child(3){animation-delay:.3s}
.ll-chat-typing em{font-style:normal;margin-left:3px}
@keyframes llTypingDot{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}

/* 15.4.0 — live typing polling */
.ll-chat-typing{position:relative!important;z-index:5!important}

/* 15.8.0 — like button state */
[data-feed-like].is-liked{color:#ff4f9f!important}
[data-feed-like].is-liked span{transform:scale(1.08);display:inline-block}

/* 16.4.0 — Discover match notification */
.ll-notification.ll-match-notification strong{font-weight:900}

/* 16.7.0 — live header badges */
[data-message-count],[data-notification-count]{transition:none!important}

/* 16.9.0 — WhatsApp-style inbox unread count */
.ll-conversation{position:relative!important}
.ll-conversation-main{min-width:0;flex:1}
.ll-conversation-main p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ll-inbox-unread-count{position:absolute;right:12px;top:50%;transform:translateY(-50%);min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff3f91;color:#fff;font-size:10px;font-weight:900;line-height:20px}

/* 17.0.0 — newest-message inbox preview */
.ll-conversation-main{min-width:0;flex:1}
.ll-inbox-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0}

/* 17.1.0 — subtle floating love animation in chat */
.ll-real-chat-page{position:relative;overflow:hidden}
.ll-chat-floating-love{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.ll-chat-floating-love span{
 position:absolute;bottom:-34px;left:var(--ll-heart-left,50%);
 font-size:var(--ll-heart-size,16px);font-weight:800;
 color:rgba(255,70,160,.32);
 text-shadow:0 0 10px rgba(255,70,160,.35);
 animation:llFloatingLove var(--ll-heart-duration,10s) linear infinite;
 animation-delay:var(--ll-heart-delay,0s);
 transform:translateX(0) rotate(0deg) scale(.8);
}
.ll-chat-floating-love span:nth-child(1){--ll-heart-left:8%;--ll-heart-size:12px;--ll-heart-duration:9s;--ll-heart-delay:-6s}
.ll-chat-floating-love span:nth-child(2){--ll-heart-left:18%;--ll-heart-size:18px;--ll-heart-duration:12s;--ll-heart-delay:-2s}
.ll-chat-floating-love span:nth-child(3){--ll-heart-left:29%;--ll-heart-size:11px;--ll-heart-duration:10s;--ll-heart-delay:-8s}
.ll-chat-floating-love span:nth-child(4){--ll-heart-left:41%;--ll-heart-size:15px;--ll-heart-duration:13s;--ll-heart-delay:-4s}
.ll-chat-floating-love span:nth-child(5){--ll-heart-left:53%;--ll-heart-size:12px;--ll-heart-duration:11s;--ll-heart-delay:-9s}
.ll-chat-floating-love span:nth-child(6){--ll-heart-left:64%;--ll-heart-size:19px;--ll-heart-duration:14s;--ll-heart-delay:-5s}
.ll-chat-floating-love span:nth-child(7){--ll-heart-left:74%;--ll-heart-size:11px;--ll-heart-duration:9s;--ll-heart-delay:-7s}
.ll-chat-floating-love span:nth-child(8){--ll-heart-left:83%;--ll-heart-size:16px;--ll-heart-duration:12s;--ll-heart-delay:-1s}
.ll-chat-floating-love span:nth-child(9){--ll-heart-left:92%;--ll-heart-size:13px;--ll-heart-duration:10s;--ll-heart-delay:-10s}
.ll-chat-floating-love span:nth-child(10){--ll-heart-left:47%;--ll-heart-size:10px;--ll-heart-duration:15s;--ll-heart-delay:-12s}
@keyframes llFloatingLove{
 0%{transform:translate3d(0,0,0) rotate(0deg) scale(.75);opacity:0}
 10%{opacity:.75}
 50%{transform:translate3d(18px,-45vh,0) rotate(12deg) scale(1)}
 85%{opacity:.45}
 100%{transform:translate3d(-16px,-105vh,0) rotate(-14deg) scale(.7);opacity:0}
}
.ll-real-chat-header,.ll-real-chat-messages,.ll-real-chat-compose{position:relative;z-index:2}
@media (prefers-reduced-motion:reduce){
 .ll-chat-floating-love span{animation:none;opacity:.12}
}

/* 17.3.3 — Messages bottom toolbar */
.ll-dock-messages{position:relative}
.ll-dock-message-badge{position:absolute;top:2px;right:calc(50% - 19px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ff3f91;color:#fff;font-size:9px;font-weight:900;line-height:17px;box-sizing:border-box}

/* 17.3.6 — bottom toolbar Messages unread badge */
.ll-dock-messages{position:relative}
.ll-dock-messages .ll-dock-message-badge{
 position:absolute!important;
 top:-3px;
 right:calc(50% - 20px);
 z-index:20;
 min-width:18px;height:18px;padding:0 5px;
 border-radius:999px;
 display:none;
 align-items:center;justify-content:center;
 box-sizing:border-box;
 background:#ff3f91;color:#fff;
 font-size:9px;font-weight:900;line-height:18px;
 pointer-events:none;
}

/* 17.3.8 — per-user Inbox unread badge */
.ll-conversation{position:relative!important}
.ll-inbox-unread-count{
 position:absolute!important;
 right:12px!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 z-index:10;
 min-width:20px;height:20px;padding:0 6px;
 display:none;align-items:center;justify-content:center;
 border-radius:999px;background:#ff3f91;color:#fff;
 font-size:10px;font-weight:900;line-height:20px;
 box-sizing:border-box;
}

/* 17.4.0 — WhatsApp-style voice recording */
.ll-voice-button{
  width:44px;min-width:44px;height:44px;border:0;background:transparent;
  border-radius:50%;font-size:21px;touch-action:none;user-select:none;
  -webkit-user-select:none;-webkit-touch-callout:none;transition:transform .12s ease,opacity .12s ease;
}
.ll-voice-button:disabled{opacity:.35}
.ll-voice-button.is-recording{transform:scale(1.12);opacity:.9}
.ll-voice-button.is-canceling{transform:scale(.92);opacity:.6}
.ll-voice-note{display:flex;align-items:center;gap:8px;min-width:210px;max-width:100%}
.ll-voice-note audio{width:190px;max-width:calc(100vw - 150px);height:36px}
.ll-voice-play{font-size:13px;opacity:.8}
.ll-voice-label{font-size:10px;opacity:.65;white-space:nowrap}

/* Group multiple stories from the same user into one ring */
.ll-story-ring.ll-story-multi{position:relative;box-shadow:0 0 0 2px #ff3f91,0 0 0 4px rgba(255,255,255,.12),0 0 18px rgba(255,63,145,.35)}
.ll-story-group-progress{position:absolute;top:8px;left:10px;right:10px;display:flex;gap:3px;z-index:5}.ll-story-group-progress i{height:3px;flex:1;border-radius:5px;background:rgba(255,255,255,.3)}.ll-story-group-progress i.is-done{background:#fff}
.ll-story-prev,.ll-story-next{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:42px;height:70px;border:0;background:transparent;color:#fff;font-size:48px;text-shadow:0 2px 12px #000;cursor:pointer}.ll-story-prev{left:8px}.ll-story-next{right:8px}.ll-story-prev.is-disabled,.ll-story-next.is-disabled{opacity:.15;pointer-events:none}

/* Guest toolbar auth actions */
.ll-dock-auth-login,.ll-dock-auth-create{min-width:62px}.ll-dock-auth-create small,.ll-dock-auth-login small{font-size:8px;font-weight:700;white-space:nowrap}

/* LumaLove For You — smooth TikTok-style vertical scrolling */
.ll-scroll-feed{height:calc(100dvh - 120px);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;position:relative}
.ll-scroll-feed .ll-tt-card, .ll-scroll-feed .ll-swipe-card{height:calc(100dvh - 120px);min-height:560px;scroll-snap-align:start;scroll-snap-stop:always;position:relative;transform:none!important;opacity:1!important;visibility:visible!important;will-change:auto}
.ll-scroll-feed .ll-tt-card.is-next,.ll-scroll-feed .ll-tt-card.is-active,.ll-scroll-feed .ll-tt-card.is-gone,.ll-scroll-feed .ll-swipe-card.is-next,.ll-scroll-feed .ll-swipe-card.is-active,.ll-scroll-feed .ll-swipe-card.is-gone{transform:none!important;opacity:1!important;visibility:visible!important}
.ll-scroll-feed .ll-swipe-like-active,.ll-scroll-feed .ll-swipe-pass-active{transform:none!important}
.ll-scroll-feed::-webkit-scrollbar{width:0;height:0}.ll-scroll-feed{scrollbar-width:none}
.ll-vertical-scroll-hint{opacity:.7}
@media(max-width:700px){.ll-scroll-feed,.ll-scroll-feed .ll-tt-card, .ll-scroll-feed .ll-swipe-card{height:calc(100dvh - 108px);min-height:520px}}

/* For You performance mode: native vertical scroll only */
.ll-scroll-feed{display:block!important;height:calc(100dvh - 120px)!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y mandatory!important;scroll-behavior:auto!important;overscroll-behavior:contain!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}
.ll-scroll-feed .ll-swipe-card,.ll-scroll-feed .ll-tt-card{display:block!important;width:100%!important;height:calc(100dvh - 120px)!important;min-height:0!important;margin:0!important;transform:none!important;opacity:1!important;visibility:visible!important;transition:none!important;scroll-snap-align:start!important;scroll-snap-stop:always!important}
.ll-scroll-feed .ll-swipe-card.is-gone,.ll-scroll-feed .ll-swipe-card.is-next,.ll-scroll-feed .ll-swipe-card.is-active{transform:none!important;opacity:1!important;visibility:visible!important}
.ll-scroll-feed .ll-tt-bg{transform:none!important}
.ll-scroll-feed::-webkit-scrollbar{display:none!important}
.ll-scroll-feed{scrollbar-width:none!important}

/* For You final functional mode: no swipe/deck behavior */
.ll-tiktok-shell{overflow:hidden!important}
.ll-scroll-feed{display:block!important;height:calc(100svh - 0px)!important;max-height:100svh!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y mandatory!important;scroll-behavior:auto!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;position:relative!important}
.ll-scroll-feed .ll-fy-card{position:relative!important;display:block!important;width:100%!important;height:100svh!important;min-height:600px!important;margin:0!important;inset:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden!important}
.ll-scroll-feed .ll-fy-card .ll-tt-actions{z-index:100!important;pointer-events:auto!important}
.ll-scroll-feed .ll-fy-card .ll-tt-action{pointer-events:auto!important;position:relative!important;z-index:101!important;cursor:pointer!important}
.ll-scroll-feed .ll-fy-card .ll-tt-content{pointer-events:none!important}
.ll-scroll-feed .ll-fy-card .ll-tt-content p{pointer-events:auto!important}
.ll-scroll-feed .ll-fy-card .ll-tt-bg,.ll-scroll-feed .ll-fy-card .ll-tt-shade{pointer-events:none!important}
.ll-scroll-feed::-webkit-scrollbar{display:none!important}.ll-scroll-feed{scrollbar-width:none!important}

/* LumaLove — For You movie playback performance */
.ll-scroll-feed{scroll-behavior:auto!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-snap-type:y mandatory!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;contain:layout paint!important}
.ll-scroll-feed .ll-fy-card{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:100svh!important;min-height:600px!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none!important;scroll-snap-align:start!important;scroll-snap-stop:always!important;contain:layout paint!important}
.ll-scroll-feed .ll-fy-card video,.ll-scroll-feed .ll-fy-card img{backface-visibility:hidden;transform:translateZ(0)}
.ll-scroll-feed .ll-fy-card .ll-tt-actions,.ll-scroll-feed .ll-fy-card .ll-tt-action{pointer-events:auto!important;z-index:100!important}
.ll-scroll-feed .ll-fy-card .ll-tt-bg,.ll-scroll-feed .ll-fy-card .ll-tt-shade{pointer-events:none!important}
.ll-v2-message-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}

/* LumaLove Create Account — gender + registration fee */
.ll-auth-form select{width:100%;border:0;background:transparent;font:inherit;color:inherit;outline:0;appearance:none;cursor:pointer;padding-right:8px}
.ll-registration-fee{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 4px;padding:15px 16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.055)}
.ll-registration-fee>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.ll-fee-label{width:100%;font-size:9px;letter-spacing:.16em;opacity:.62;font-weight:800}.ll-registration-fee strong{font-size:21px}.ll-registration-fee small{opacity:.65;font-size:11px}.ll-fee-badge{font-size:8px;letter-spacing:.1em;font-weight:800;white-space:nowrap;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.08)}.ll-fee-note{font-size:10px;line-height:1.5;opacity:.58;margin:2px 2px 0}