/*
Theme Name: Venus LIVE
Theme URI: https://venuslive.co.za
Author: Venus LIVE
Description: Venus LIVE home page theme. Edit text, links and images under Appearance → Customize → Venus LIVE, and manage the scrolling model cards under Models in the admin menu.
Version: 2.0.83
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: venus-live
*/

/* Main styles live in assets/css/main.css. Additions for WordPress: */
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}
.hr a.btn{white-space:nowrap}
.page-wrap{max-width:800px;margin:auto;padding:120px 16px 80px}
.page-wrap h1{font:700 clamp(30px,4.9vw,46px)/1.1 Outfit,system-ui,sans-serif;margin-bottom:24px}
.page-wrap .entry{color:var(--mute);font-size:17px}
.page-wrap .entry>*+*{margin-top:1em}
.page-wrap .entry a{color:var(--pri);text-decoration:underline}
.page-wrap .entry h2,.page-wrap .entry h3{color:var(--fg);font-family:Outfit,system-ui,sans-serif}
.page-wrap article+article{margin-top:56px;padding-top:40px;border-top:1px solid var(--bd)}
.page-wrap h2.t a{color:var(--fg)}
.page-wrap h2.t{font:700 26px/1.2 Outfit,system-ui,sans-serif;margin-bottom:12px}

/* Pages */
.page-wrap.wide{max-width:1120px}
.ph-head{margin-bottom:40px}
.ph-head h1{margin-bottom:0}
.eyebrow{color:var(--acc);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
.ph-head .sub{margin-top:16px;color:var(--mute);font-size:19px;max-width:680px}
.wide .ph-head h1{font-size:clamp(36px,5.6vw,64px);max-width:900px}
.ph-head .upd{margin-top:10px;font-size:13px;color:var(--mute)}
/* How it works (page 17): ring-light photo behind the title, darkened so the text stays readable. */
.page-id-17 .ph-head{padding:32px 24px;border-radius:20px;background:linear-gradient(rgba(10,4,14,.78),rgba(10,4,14,.88)),url(assets/img/how-it-works-bg.jpg) center 30%/cover no-repeat;box-shadow:0 0 50px -15px var(--pri)}
.page-id-17 .ph-head .sub{color:#f3e6ee}
.page-wrap .entry h2{font-size:clamp(22px,2.8vw,28px);font-weight:700;line-height:1.25;margin-top:1.8em}
.page-wrap .entry h3{font-size:19px;font-weight:700;line-height:1.3}
.page-wrap .entry ul,.page-wrap .entry ol{padding-left:1.3em}
.page-wrap .entry li+li{margin-top:.4em}
.page-wrap .entry strong{color:var(--fg)}
.page-wrap .entry a.btn{color:#fff;text-decoration:none}
.page-wrap .entry a.btn.sec{color:var(--fg)}

/* How It Works */
.entry .cta{display:flex;flex-wrap:wrap;gap:12px}
.entry .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:620px;margin-top:40px}
.entry .stats strong{display:block;font:700 36px/1 Outfit,system-ui,sans-serif;color:var(--pri)}
.entry .stats span{font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.entry h2.kick{margin-top:88px}
.entry h2.kick small{display:block;font:600 12px Outfit,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);margin-bottom:10px}
.entry .lead{font-size:18px;max-width:640px}
.entry .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.entry .cards.four{grid-template-columns:repeat(4,1fr)}
.entry .card{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:24px}
.entry .card b{display:block;font:600 14px Outfit,sans-serif;color:var(--pri);margin-bottom:12px}
.entry .card h3{margin:0 0 8px}
.entry .card p{margin:0;font-size:15px}
.entry ol.steps{list-style:none;padding:0;margin-top:28px;counter-reset:s;display:grid;gap:16px}
.entry ol.steps li{counter-increment:s;position:relative;margin:0;padding:24px 24px 24px 92px;background:var(--card);border:1px solid var(--bd);border-radius:20px}
.entry ol.steps li::before{content:counter(s);position:absolute;left:24px;top:22px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--pri);color:#fff;font:700 18px Outfit,system-ui,sans-serif;box-shadow:0 0 24px -4px var(--pri)}
.entry ol.steps h3{margin:0 0 6px}
.entry ol.steps p{margin:0}
.entry .band{margin-top:88px;text-align:center;padding:56px 24px;border-radius:24px;border:1px solid var(--bd);background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--pri) 30%,transparent),transparent 70%),var(--card)}
.entry .band h2{margin-top:0}
.entry .band p{max-width:600px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.entry .cards,.entry .cards.four{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.entry .cards,.entry .cards.four{grid-template-columns:1fr}.entry .stats strong{font-size:34px}.entry ol.steps li{padding:84px 20px 20px}.entry ol.steps li::before{left:20px;top:20px}}

/* Forms */
.vl-form{position:relative;margin-top:32px;padding:28px;background:var(--card);border:1px solid var(--bd);border-radius:20px;display:grid;gap:16px}
.vl-form h2{margin:0!important}
.vl-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.vl-form .row2{grid-template-columns:1fr}.vl-form{padding:20px}}
.vl-form .fld{display:grid;gap:6px;font-size:14px;color:var(--fg)}
.vl-form input[type=text],.vl-form input[type=email],.vl-form input[type=password],.vl-form input[type=date],.vl-form textarea{width:100%;font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:11px 14px;color-scheme:dark}
.vl-form input:focus,.vl-form textarea:focus{outline:2px solid var(--pri);outline-offset:0;border-color:transparent}
.vl-form .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--fg)}
.vl-form .chk input{margin-top:3px;width:18px;height:18px;accent-color:var(--pri);flex-shrink:0}
.vl-form .btn{justify-self:start;border:0}
.vl-form .fine{font-size:13px;margin:0}
.vl-msg{margin-top:24px;padding:16px 20px;border-radius:14px;border:1px solid var(--bd);background:var(--card);color:var(--fg)}
.vl-msg.ok{border-color:color-mix(in srgb,var(--acc) 60%,transparent)}
.vl-msg.err{border-color:var(--pri)}
.vl-msg ul{margin:0;padding-left:1.2em}
.vl-msg form{margin-top:12px}
.vl-form select{width:100%;font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:11px 14px;color-scheme:dark}
.vl-form input[type=file]{font-size:14px;color:var(--mute)}
.vl-form input[type=file]::file-selector-button{font:inherit;margin-right:12px;border:1px solid var(--bd);border-radius:99px;padding:7px 16px;background:var(--bg);color:var(--fg);cursor:pointer}
.vl-form+.vl-form{margin-top:20px}
.vl-form.danger{border-color:color-mix(in srgb,var(--pri) 45%,var(--bd))}

/* Header buttons for visitors: "Download app" + "Login" */
header .hr{align-items:center}
header .btn{padding:8px 18px;font-size:14px}
header .btn svg{flex-shrink:0}
header .btn.login{padding:8px 20px;box-shadow:0 0 24px -6px var(--pri)}
header .btn.app{position:relative;overflow:hidden;border:0;font-weight:700;background:linear-gradient(90deg,var(--acc),var(--pri) 55%,var(--pri));box-shadow:0 0 22px -4px var(--acc);transition:transform .2s}
header .btn.app:hover{transform:scale(1.05)}
header .btn.app:active{transform:scale(.97)}
header .btn.app[hidden]{display:none}
header .btn.app>*{position:relative}
header .btn.app .shine{position:absolute;top:0;bottom:0;left:-40%;width:33%;background:rgba(255,255,255,.3);transform:skewX(-12deg);animation:vl-shine 4.9s ease-in-out infinite}
header .btn.app svg{animation:vl-bob 1.4s ease-in-out infinite}
@keyframes vl-shine{0%{left:-40%}49%,100%{left:130%}}
@keyframes vl-bob{50%{transform:translateY(2px)}}
header .sm-only{display:none}
@media(max-width:639px){header .lg-only{display:none}header .sm-only{display:inline}}

/* "Get the app" popup */
.vl-app{margin:auto;width:min(384px,calc(100vw - 32px));border:1px solid var(--bd);border-radius:20px;background:var(--card);color:var(--fg);padding:28px 24px 24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.vl-app::backdrop{background:rgba(10,4,9,.75);backdrop-filter:blur(4px)}
.vl-app img{height:64px;width:auto;margin:0 auto}
.vl-app h2{font:700 23px/1.2 Outfit,system-ui,sans-serif;margin-top:10px}
.vl-app p{color:var(--mute);font-size:14px;margin-top:6px}
.vl-app ol{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:8px;text-align:left}
.vl-app li{background:color-mix(in srgb,var(--bd) 60%,transparent);border-radius:12px;padding:12px 14px;font-size:14px}
.vl-app ol[hidden]{display:none}
.vl-app .x{position:absolute;top:10px;right:14px;border:0;background:none;color:var(--mute);font-size:26px;line-height:1;cursor:pointer}
.vl-app .x:hover{color:var(--fg)}

/* Landing-page "Get the app" bubble under the header App button */
.vl-app-tip{position:fixed;z-index:60;width:min(340px,calc(100vw - 24px));display:flex;gap:14px;align-items:flex-start;padding:16px 16px 16px 14px;background:var(--card);color:var(--fg);border:1px solid color-mix(in srgb,var(--pri) 55%,var(--bd));border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.55),0 0 40px -12px var(--pri);opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s}
.vl-app-tip.in{opacity:1;transform:none}
.vl-app-tip[hidden]{display:none}
.vl-app-tip::before{content:"";position:absolute;top:-8px;left:var(--arrow,50%);width:14px;height:14px;background:var(--card);border-left:1px solid color-mix(in srgb,var(--pri) 55%,var(--bd));border-top:1px solid color-mix(in srgb,var(--pri) 55%,var(--bd));transform:rotate(45deg)}
.vl-app-tip img{width:48px;height:48px;border-radius:12px;flex-shrink:0}
.vl-app-tip .t{font:700 17px/1.15 Outfit,system-ui,sans-serif;margin:0 22px 4px 0}
.vl-app-tip .s{font-size:13px;color:var(--mute);margin:0}
.vl-app-tip .b{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.vl-app-tip .b .btn{padding:7px 16px;font-size:13px;border:0}
.vl-app-tip .b .btn.sec{border:1px solid var(--bd)}
.vl-app-tip .x{position:absolute;top:6px;right:10px;border:0;background:none;color:var(--mute);font-size:22px;line-height:1;cursor:pointer}
.vl-app-tip .x:hover{color:var(--fg)}
header .btn.app.pulse{animation:vl-pulse 1.6s ease-in-out infinite}
@keyframes vl-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 35%,transparent),0 0 28px -2px var(--acc)}}
@media(prefers-reduced-motion:reduce){.vl-app-tip{transition:none}header .btn.app.pulse{animation:none}}

/* Header when logged in */
header .me{display:flex;align-items:center;gap:8px;color:var(--fg);font-size:14px;font-weight:500}
header .me img{height:36px;width:36px;border-radius:50%;object-fit:cover;border:2px solid var(--pri);filter:none}
@media(max-width:560px){header .me span{display:none}}

/* Log in box (wp_login_form markup) */
.vl-login form{display:grid;gap:14px}
.vl-login form p{margin:0}
.vl-login label{display:block;font-size:14px;color:var(--fg);margin-bottom:6px}
.vl-login .login-remember label{display:flex;gap:8px;align-items:center;margin:0}
.vl-login .login-remember input{width:18px;height:18px;accent-color:var(--pri)}
.vl-login input[type=submit]{display:inline-flex;border:0;border-radius:99px;padding:13px 30px;font:500 17px Outfit,sans-serif;background:var(--pri);color:#fff;cursor:pointer}
.vl-login input[type=submit]:hover{filter:brightness(1.12)}

/* Google button + "or" divider */
.vl-social .or{display:flex;align-items:center;gap:12px;margin:16px 0 0;color:var(--mute);font-size:13px}
.vl-social .or::before,.vl-social .or::after{content:"";flex:1;height:1px;background:var(--bd)}

/* My Profile header */
.vl-account-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}

.vl-account-head>div{flex:1;min-width:160px}
.vl-account-head .nm{font:700 23px/1.1 Outfit,system-ui,sans-serif;color:var(--fg);margin:0}
.vl-account-head .role{margin:4px 0 0;font-size:14px;color:var(--mute)}

/* Build mode: "Skip for now" */
.vl-skip{margin-bottom:6px}
.vl-skip .h{font:700 20px/1.1 Outfit,system-ui,sans-serif;color:var(--fg);margin:0 0 4px}
.vl-skip .fine{margin:0 0 12px}
.vl-skip .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vl-skip .btn{justify-content:center;border:0;color:#fff!important;text-decoration:none!important}
.vl-skip .or{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:var(--mute);font-size:13px}
.vl-skip .or::before,.vl-skip .or::after{content:"";flex:1;height:1px;background:var(--bd)}
@media(max-width:420px){.vl-skip .row2{grid-template-columns:1fr}}
/* ---------- Members home (logged in) ---------- */
.mh-wrap{max-width:1180px;margin:0 auto;padding:116px 16px 80px}
.mh-tabs{display:flex;gap:24px;border-bottom:1px solid var(--bd);margin-bottom:32px;overflow-x:auto;scrollbar-width:none}
.mh-tabs::-webkit-scrollbar{display:none}
.mh-tabs button{flex-shrink:0;border:0;background:none;border-bottom:2px solid transparent;padding:0 0 12px;font:600 16px Outfit,sans-serif;color:var(--mute);cursor:pointer;transition:color .2s,border-color .2s}
.mh-tabs button:hover{color:var(--fg)}
.mh-tabs button.on{color:var(--fg);border-bottom-color:var(--pri)}
.mh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(min-width:640px){.mh-grid{grid-template-columns:repeat(4,1fr);gap:10px}}
@media(min-width:1024px){.mh-grid{grid-template-columns:repeat(6,1fr)}}
.mh-card{display:block;color:#fff;text-decoration:none}
.mh-card[hidden]{display:none}
.mh-card .pic{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:12px;background:var(--card)}
.mh-card video,.mh-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.mh-card:hover video,.mh-card:hover img{transform:scale(1.05)}
.mh-card .shade-b{position:absolute;left:0;right:0;bottom:0;height:33%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}
.mh-card .shade-t{position:absolute;left:0;right:0;top:0;height:64px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}
.mh-card .vw{position:absolute;left:8px;top:8px;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.mh-card .lv{position:absolute;left:8px;top:8px;font-size:9px;padding:1px 7px}
.mh-card .cap{position:absolute;left:0;right:0;bottom:0;padding:8px}
.mh-card .cap p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mh-card .cap .c{font-size:11px;font-weight:500;color:rgba(255,255,255,.85)}
.mh-card .cap .h{font-size:12px;font-weight:600;margin-top:1px}
.mh-empty{margin-top:16px;padding:56px 24px;text-align:center;border:1px dashed var(--bd);border-radius:18px;background:color-mix(in srgb,var(--card) 50%,transparent)}
.mh-empty .t{font:700 21px/1.2 Outfit,system-ui,sans-serif;color:var(--fg);margin:0 0 6px}
.mh-empty p{color:var(--mute);margin:0 0 16px}
.mh-empty .btn{border:0}

/* Quick filters: tab on the left edge + slide-out drawer */
.qf-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;border-radius:0 12px 12px 0;padding:16px 8px;background:var(--pri);color:#fff;cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--pri) 30%,transparent);transition:padding .2s}
.qf-tab:hover{padding-left:12px}
.qf-tab span{writing-mode:vertical-rl;font-size:12px;font-weight:600;letter-spacing:.04em}
.qf-tab .qf-count{min-width:18px;height:18px;border-radius:99px;background:#fff;color:var(--pri);font-size:11px;display:grid;place-items:center}
.qf-tab .qf-count[hidden]{display:none}
.qf-back{position:fixed;inset:0;z-index:55;background:rgba(10,4,9,.6)}
.qf-back[hidden]{display:none}
.qf-drawer{position:fixed;top:0;bottom:0;left:0;z-index:56;width:min(360px,88vw);display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--bd);box-shadow:0 0 50px rgba(0,0,0,.5);transform:translateX(-100%);transition:transform .35s ease}
.qf-drawer.in{transform:none}
.qf-drawer[hidden]{display:none}
.qf-head{position:relative;padding:20px 20px 12px}
.qf-head .t{display:flex;align-items:center;gap:8px;font:700 18px Outfit,system-ui,sans-serif;color:var(--fg);margin:0}
.qf-head .s{margin:4px 0 0;font-size:13px;color:var(--mute)}
.qf-head .x{position:absolute;top:14px;right:16px;border:0;background:none;color:var(--mute);font-size:26px;line-height:1;cursor:pointer}
.qf-body{flex:1;overflow-y:auto;padding:4px 20px 20px}
.qf-group{border:0;margin:0 0 18px;padding:0}
.qf-group legend{width:100%;padding:6px 10px;margin-bottom:10px;border-radius:8px;background:var(--card);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.qf-group .chips{display:flex;flex-wrap:wrap;gap:8px}
.qf-group .chip{border:1px solid var(--bd);border-radius:99px;padding:5px 12px;background:none;color:var(--fg);font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s,background .2s}
.qf-group .chip:hover{border-color:var(--pri)}
.qf-group .chip[aria-pressed=true]{background:var(--pri);border-color:var(--pri);color:#fff}
.qf-foot{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--bd)}
.qf-foot .btn{border:0;padding:9px 18px}
.qf-foot .btn:first-child{flex:1;justify-content:center}
.qf-foot .btn.sec{border:1px solid var(--bd)}

/* Members header: Inbox, wallet, account menu */
header .btn.hb{height:32px;padding:0 14px;font-size:14px;border:0;background:var(--card)}header .btn.coin{height:40px;padding:0 16px;font-weight:600}
header .btn.coin svg{color:var(--acc)}
.acct-wrap{position:relative}
.acct-btn{display:block;border:0;padding:0;background:none;border-radius:50%;cursor:pointer;transition:transform .2s}
.acct-btn:hover{transform:scale(1.05)}
.vl-av{position:relative;display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px color-mix(in srgb,var(--pri) 70%,transparent)}.vl-av img{display:block;width:100%;height:100%;object-fit:cover;filter:none!important}.vl-av.sil{background:linear-gradient(to bottom,color-mix(in srgb,var(--bd) 80%,var(--card)),var(--card))}.vl-av.sil .hd{position:absolute;left:50%;top:20%;width:30%;height:34%;transform:translateX(-50%);border-radius:50%;background:var(--mute)}.vl-av.sil .bd{position:absolute;left:50%;top:62%;width:68%;height:60%;transform:translateX(-50%);border-radius:999px 999px 0 0;background:var(--mute)}.vl-av.big{width:72px;height:72px;box-shadow:0 0 0 2px var(--pri),0 0 24px -6px var(--pri)}
.acct-menu{position:absolute;right:0;top:calc(100% + 8px);width:208px;padding:4px;background:var(--card);border:1px solid var(--bd);border-radius:8px;box-shadow:2px 2px 4px 0 rgba(232,48,140,.2),2px 2px 4px -1px rgba(232,48,140,.2);z-index:70;animation:vl-menu .15s ease-out}@keyframes vl-menu{from{opacity:0;transform:translateY(-6px) scale(.97)}}
.acct-menu[hidden]{display:none}

.acct-menu a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:14px;color:var(--fg);text-decoration:none}
.acct-menu a:hover,.acct-menu a:focus-visible{background:color-mix(in srgb,var(--pri) 15%,transparent);outline:0}
.acct-menu a svg{color:var(--mute)}
.acct-menu hr{border:0;height:1px;background:var(--bd);margin:4px -4px}
.acct-menu .out,.acct-menu .out svg{color:var(--pri)}
.vl-toast{position:fixed;left:50%;bottom:24px;z-index:90;transform:translate(-50%,20px);opacity:0;padding:10px 18px;border-radius:99px;background:var(--card);border:1px solid var(--bd);color:var(--fg);font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:opacity .25s,transform .25s;pointer-events:none}
.vl-toast.in{opacity:1;transform:translate(-50%,0)}
@media(max-width:560px){header .btn.hb{padding:7px 10px}header .hr{gap:6px}}
/* ---------- Wallet ---------- */
.wl{display:grid;gap:32px}
.wl-card{border:1px solid var(--bd);border-radius:18px;background:var(--card);padding:24px}
.wl-bal .k{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.wl-bal .v{display:flex;align-items:center;gap:12px;margin:4px 0 0;font:600 43px/1.1 Outfit,system-ui,sans-serif;color:var(--acc)}
.wl-bal .u{margin:4px 0 0;font-size:14px;color:var(--mute)}
.wl-subs{display:grid;gap:16px}
@media(min-width:640px){.wl-subs{grid-template-columns:1fr 1fr}}
.wl-sub{display:flex;flex-direction:column;gap:20px;border-color:var(--pri);box-shadow:0 0 30px -10px var(--pri)}
.wl-sub.gold{border-color:var(--acc);box-shadow:0 0 40px -8px var(--acc)}
.wl-sub .tag{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--acc)}
.wl-sub h3{font:700 25px/1.1 Outfit,system-ui,sans-serif;color:var(--fg);margin:10px 0 12px}
.wl-sub ul{list-style:none;padding:0!important;margin:0;display:grid;gap:6px}
.wl-sub li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--fg);margin:0!important}
.wl-sub li svg{color:var(--acc);flex-shrink:0}
.wl-sub .buy{margin-top:auto}
.wl-sub .pr{margin:0 0 8px;font:600 30px/1.1 Outfit,system-ui,sans-serif;color:var(--acc)}
.wl-sub .pr span{font:400 14px Outfit,sans-serif;font-style:normal;color:var(--mute)}
.wl .btn{width:100%;justify-content:center;border:0;font-weight:700;box-shadow:0 0 24px -6px var(--pri)}
.wl h2{font:700 25px/1.2 Outfit,system-ui,sans-serif;color:var(--fg);margin:0!important}
.wl .lead{margin:6px 0 0;font-size:14px;color:var(--mute)}
.wl-bundles{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}
.wl-bundle{position:relative;display:flex;flex-direction:column;width:calc(50% - 8px);overflow:hidden;border:1px solid var(--bd);border-radius:18px;background:var(--card)}
@media(min-width:640px){.wl-bundle{width:208px}}
.wl-bundle.hot{border-color:var(--pri);box-shadow:0 0 30px -10px var(--pri)}
.wl-bundle .pic{position:relative;aspect-ratio:5/4;overflow:hidden;background:#000}
.wl-bundle .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.wl-bundle:hover .pic img{transform:scale(1.1)}
.wl-bundle .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--card),transparent 60%)}
.wl-bundle .bdg{position:absolute;z-index:1;left:10px;top:10px;display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:3px 9px;background:var(--acc);color:#2a1606;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.wl-bundle .sv{position:absolute;z-index:1;right:10px;top:10px;border-radius:99px;padding:3px 9px;background:var(--pri);color:#fff;font-size:11px;font-weight:700}
.wl-bundle .info{display:flex;flex:1;flex-direction:column;gap:6px;padding:12px}
.wl-bundle .lb{margin:0;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--pri)}
.wl-bundle .cn{display:flex;align-items:center;gap:6px;margin:0;font:600 21px/1.1 Outfit,system-ui,sans-serif;color:var(--acc)}
.wl-bundle .cn span{padding-top:4px;font:400 10px Outfit,sans-serif;font-style:normal;color:var(--mute)}
.wl-bundle .pc{margin:0;font-size:11px;color:var(--mute)}
.wl-bundle .btn{margin-top:auto;padding:7px 12px;font-size:13px}

/* ---------- My Profile ---------- */
.pf-intro{margin-bottom:24px}
.pf-intro .eyebrow{color:var(--pri)}
.pf-intro h2{font:700 28px/1.15 Outfit,system-ui,sans-serif;color:var(--fg);margin:0 0 8px!important}
.pf-intro p{margin:0;color:var(--mute)}
.vl-form.pf{padding:0;border:0;background:none;gap:18px}
.pf-media{position:relative;margin-bottom:56px}
.pf-cover{position:relative;display:grid;place-items:center;height:200px;border:1px solid var(--bd);border-radius:18px;overflow:hidden;cursor:pointer;background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--pri) 25%,transparent),transparent 65%),var(--card);background-size:cover;background-position:center}
@media(min-width:640px){.pf-cover{height:240px}}
.pf-cover input,.pf-photo input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pf-cover .cta{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.pf-cover.has .cta{opacity:0;transition:opacity .2s;background:rgba(0,0,0,.45);padding:10px 16px;border-radius:99px;flex-direction:row}
.pf-cover.has:hover .cta,.pf-cover:focus-within .cta{opacity:1}
.pf-photo{position:absolute;left:20px;bottom:-48px;cursor:pointer}
.pf-photo .vl-av.xl{width:112px;height:112px;box-shadow:0 0 0 4px var(--bg),0 0 0 6px color-mix(in srgb,var(--pri) 70%,transparent)}
.pf-photo .cam{position:absolute;right:2px;bottom:2px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--pri);color:#fff;box-shadow:0 0 0 3px var(--bg)}
.pf-cover:focus-within,.pf-photo:focus-within .vl-av{outline:2px solid var(--acc);outline-offset:3px}
.pf .fld small{font-size:12px;color:var(--mute)}
.pf-handle{display:flex;align-items:center;background:var(--bg);border:1px solid var(--bd);border-radius:12px;overflow:hidden}
.pf-handle b{padding:0 0 0 14px;font-weight:400;color:var(--mute);font-size:16px;white-space:nowrap}
.pf-handle input{border:0!important;border-radius:0!important;padding-left:2px!important;background:transparent!important}
.pf-handle:focus-within{outline:2px solid var(--pri)}
.pf-save{width:100%;justify-content:center;box-shadow:0 0 30px -6px var(--pri)}
.pf h2{margin-top:12px!important}

/* ---------- Settings ---------- */
.st{display:grid;gap:20px}
.st-card{display:grid;gap:16px;padding:24px;border:1px solid var(--bd);border-radius:18px;background:var(--card)}
.vl-form.st-card{margin-top:20px}
.st-card h2{display:flex;align-items:center;gap:8px;margin:0!important;font:700 18px Outfit,sans-serif!important;color:var(--fg)}
.st-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.st-row+.st-row{padding-top:16px;border-top:1px solid var(--bd)}
.st-t{margin:0;font-size:15px;font-weight:600;color:var(--fg)}
.st-d{margin:2px 0 0;font-size:13px;color:var(--mute)}
.st-d b{color:var(--fg)}
.st-note{margin:0;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent);font-size:13px;color:var(--fg)}
.st-note[hidden],[data-geo-manual][hidden],.st-help[hidden]{display:none}
.st-methods{display:grid;gap:12px}
@media(min-width:640px){.st-methods{grid-template-columns:1fr 1fr}}
.st-m{display:grid;gap:4px;text-align:left;padding:16px;border:1px solid var(--bd);border-radius:14px;background:none;color:var(--fg);font:inherit;cursor:pointer;transition:background .2s}
.st-m:hover{background:color-mix(in srgb,var(--bd) 40%,transparent)}
.st-m.on{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 10%,transparent)}
.st-m b{display:flex;align-items:center;gap:8px;font-size:14px}
.st-m span{font-size:12px;color:var(--mute)}
.st-help{padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent);font-size:13px;color:var(--fg)}
.st-help p{margin:0 0 6px}
.st-help ol{margin:0 0 10px;padding-left:1.2em}
.st-help .btn{padding:6px 14px;font-size:13px;border:1px solid var(--bd)}
.st-foot{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--bd)}
.st-foot .btn{border:0}
.st-danger{border-color:color-mix(in srgb,#ef4444 60%,transparent)}
.st-danger h2{color:#f87171!important}
.st-dz{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:1px solid var(--bd)}
@media(min-width:640px){.st-dz{flex-direction:row;align-items:flex-end;justify-content:space-between}.st-dz>div{max-width:440px}}
.st-dz .fld{margin-top:12px;display:grid;gap:6px;font-size:13px;color:var(--fg)}
.st-dz input{width:100%;font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:10px 14px}
.btn.red{background:#dc2626;border:0;color:#fff;white-space:nowrap}
.btn.red:hover{background:#ef4444}
/* On/off switch */
.sw{position:relative;flex-shrink:0;display:inline-block;width:36px;height:20px;margin-top:2px;cursor:pointer}
.sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.sw span{position:absolute;inset:0;border-radius:99px;background:color-mix(in srgb,var(--bd) 90%,#fff 5%);transition:background .2s}
.sw span::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}
.sw input:checked+span{background:var(--pri)}
.sw input:checked+span::after{transform:translateX(16px)}
.sw input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.sw input:disabled+span{opacity:.5}
/* How It Works: five ways to get paid */
.entry .cards.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.entry .cards.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.entry .cards.five{grid-template-columns:1fr 1fr}.entry .cards.five .card:last-child{grid-column:1/-1}}
@media(max-width:560px){.entry .cards.five{grid-template-columns:1fr}}
/* How It Works: six ways to get paid (3 x 2) */
.entry .cards.six{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.entry .cards.six{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.entry .cards.six{grid-template-columns:1fr}}
/* ---------- Cam model header ---------- */
header .golive{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:99px;background:#dc2626;color:#fff;font-size:13px;font-weight:800;letter-spacing:.06em;box-shadow:0 8px 24px rgba(220,38,38,.4);transition:background .2s}
header .golive:hover{background:#ef4444}
header .golive i{width:10px;height:10px;border-radius:50%;background:#fff;animation:vl-blink 1s ease-in-out infinite}
header .golive span{animation:vl-blink2 1s ease-in-out infinite}
@keyframes vl-blink{50%{opacity:.15}}
@keyframes vl-blink2{50%{opacity:.55}}
@media(min-width:640px){header .golive{position:absolute;left:50%;transform:translateX(-50%)}}
@media(max-width:639px){header .golive{height:30px;padding:0 10px;font-size:11px}header .golive i{width:8px;height:8px}}

/* ---------- Studio ---------- */
.sd-home{max-width:1180px}
.sd-hello{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.sd-hello .eyebrow{color:var(--pri)}
.sd-hello h1{font:700 clamp(28px,4.1vw,39px)/1.1 Outfit,system-ui,sans-serif;margin:0}
.sd-quick{display:flex;flex-wrap:nowrap;gap:6px}
.sd-quick .btn{border:1px solid var(--bd);height:auto;padding:6px 12px;font-size:13px;white-space:nowrap}
.sd{display:grid;gap:24px}
@media(min-width:1024px){.sd{grid-template-columns:1fr 340px;align-items:start}}
.sd-broadcast{overflow:hidden;border:1px solid var(--bd);border-radius:18px;background:var(--card);scroll-margin-top:96px}
.sd-video{position:relative;aspect-ratio:16/9;background:#000}
.sd-video video{width:100%;height:100%;object-fit:cover;display:block}
.sd-video video.mirror{transform:scaleX(-1)}
.sd-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;color:var(--mute);background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--pri) 30%,transparent),transparent 60%)}
.sd-idle[hidden],.sd-badge[hidden]{display:none}
.sd-idle p{margin:0;font-size:14px}
.sd-badge{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;background:var(--pri);color:#fff;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.sd-badge i{width:6px;height:6px;border-radius:50%;background:#fff;animation:vl-blink 1.4s infinite}
.sd-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:16px}
.sd-controls .btn{border:0}
.sd-controls .btn.sec{background:color-mix(in srgb,var(--bd) 80%,transparent)}
.sd-controls .btn[hidden]{display:none}
.sd-controls [data-cam-start]{box-shadow:0 0 30px -6px var(--pri)}
.sd-controls [data-cam-end]{margin-left:auto}
.sd-controls [data-cam-mute].on{background:var(--pri)}
.sd-note{margin:0;padding:0 16px 16px;font-size:12px;color:var(--mute)}
.sd-note[hidden]{display:none}
.sd-side{display:grid;gap:24px}
.sd-side .st-card{padding:20px}
.sd-stats3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sd-stats3 div{min-width:0;border:1px solid var(--bd);border-radius:12px;background:color-mix(in srgb,var(--bg) 50%,transparent);padding:10px}
.sd-stats3 p{margin:0;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.sd-stats3 b{display:block;padding-top:4px;font-size:15px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc{color:var(--acc)!important}
.sd-bidform{display:grid;gap:10px}
.sd-bidform[hidden],[data-bid-off][hidden]{display:none}
.sd-bidform select,.sd-bidform input{width:100%;font:inherit;font-size:15px;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:9px 12px;color-scheme:dark}
.sd-bidform .btn{justify-content:center;border:0}
.sd-lbl{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;color:var(--mute)}
.sd-lbl svg{color:var(--acc)}
.sd-lobby-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sd-lobby h2.serif-h{font:700 20px Outfit,system-ui,sans-serif!important;gap:8px}
.sd-lobby h2 svg{color:var(--pri)}
.sd-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ef4444}
.sd-live i{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:vl-blink 1.4s infinite}
.sd-empty{display:grid;gap:4px;justify-items:center;text-align:center;padding:16px 8px;border:1px dashed var(--bd);border-radius:14px}
.sd-empty b{font-size:14px;color:var(--fg)}
.sd-empty p{margin:0;font-size:12px;color:var(--mute)}
.sd-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sd-mini{display:grid;gap:6px;align-content:start;text-align:left;font:inherit;color:inherit;padding:16px!important}
button.sd-mini{cursor:pointer;transition:border-color .2s}
button.sd-mini:hover{border-color:color-mix(in srgb,var(--pri) 60%,transparent)}
.sd-mini .ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--pri) 15%,transparent);color:var(--pri)}
.sd-mini .n{margin:0;font:600 25px/1 Outfit,system-ui,sans-serif;color:var(--fg)}
.sd-mini .n small,.sd-mini .k{font:400 11px Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-style:normal}
.sd-mini .k{margin:0}
.sd-mini .st-d{font-size:11px}
.sd-goal{scroll-margin-top:96px}
.sd-goal.flash{animation:vl-goalflash 1.6s ease-in-out}
@keyframes vl-goalflash{50%{box-shadow:0 0 36px var(--pri)}}
.sd-goal-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sd-goal-h h2 svg{color:var(--acc)}
.sd-goal-v{font:600 21px Outfit,system-ui,sans-serif;color:var(--acc)}
.sd-goal input[type=range]{width:100%;accent-color:var(--pri)}
.sd-goal-steps{display:flex;justify-content:space-between}
.sd-goal-steps button{border:0;background:none;padding:0;font:500 11px Outfit,sans-serif;color:var(--mute);cursor:pointer}
.sd-goal-steps button.on{color:var(--pri)}
.sd-goal .btn{justify-content:center;border:0;width:100%}
.vl-dlg{max-width:min(440px,calc(100vw - 32px));text-align:left}
.vl-dlg.wide{max-width:min(520px,calc(100vw - 32px));max-height:88vh;overflow-y:auto}
.vl-dlg h2{font:700 23px/1.2 Outfit,system-ui,sans-serif;margin:0 0 4px;color:var(--fg)}
.vl-dlg>p{margin:0 0 12px}
.sd-empty-line{padding:24px 0;text-align:center;color:var(--mute)}

/* ---------- My Shop ---------- */
.ms{margin-bottom:24px}
.ms-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.ms-head .eyebrow{color:var(--pri);margin-bottom:4px}
.serif-h2{font:700 25px/1.15 Outfit,system-ui,sans-serif!important;color:var(--fg);margin:0!important}
.ms-head .btn{border:0}
.ms-sub{display:flex;align-items:baseline;gap:8px;margin:8px 0 0!important;font:700 15px Outfit,sans-serif!important;color:var(--fg)}
.ms-sub small{font-weight:400;color:var(--mute)}
.ms-gal{display:grid;gap:12px;padding:16px;border:1px solid var(--bd);border-radius:14px}
.ms-gal-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ms-gal-h h4{display:flex;align-items:center;gap:8px;margin:0;min-width:0;font:700 18px Outfit,system-ui,sans-serif;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ms-gal-h h4 svg{color:var(--pri);flex-shrink:0}
.ms-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.ms-inline{display:inline-flex;margin:0}
.btn.sm{padding:6px 14px;font-size:13px;border:0}
.btn.icon{width:32px;height:32px;padding:0;justify-content:center;border-radius:50%;border:0}
label.btn{cursor:pointer}
label.btn.off{opacity:.5;pointer-events:none}
label.btn.busy{opacity:.6;pointer-events:none}
label.btn.busy::after{content:"Uploading…";margin-left:4px}
.ms-access{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ms-pill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:color-mix(in srgb,var(--bd) 80%,transparent);font-size:13px;color:var(--fg);cursor:pointer}
.ms-pill input{position:absolute;opacity:0;pointer-events:none}
.ms-pill:has(input:checked){background:var(--pri);color:#fff}
.ms-pill:focus-within{outline:2px solid var(--acc);outline-offset:2px}
.ms-access input[type=number],.ms-new input[type=text]{font:inherit;font-size:14px;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:10px;padding:7px 12px;width:160px}
.ms-access input[hidden]{display:none}
.ms-photos,.ms-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ms-ph{position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;border:1px solid var(--bd);background:var(--bg)}
.ms-ph.empty{border-style:dashed}
.ms-ph.vl-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;color:oklch(0.74 0.05 340);font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s}
.ms-ph.vl-add:hover,.ms-ph.vl-add:focus-visible{color:#fff;border-color:#ec4899;background-color:rgba(236,72,153,.08);outline:none}
.ms-ph img,.ms-ph video{width:100%;height:100%;object-fit:cover;display:block}
.ms-ph.vid{aspect-ratio:9/16}
.ms-ph form{position:absolute;right:6px;top:6px;margin:0}
.ms-new{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;border:1px dashed var(--bd);border-radius:14px}
.ms-new input[type=text]{flex:1;min-width:180px}
.ms-new .btn{border:0}
.ms-none{margin:0;padding:32px 16px;border:1px dashed var(--bd);border-radius:14px;text-align:center;font-size:14px;color:var(--mute)}
.ms-items{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:760px){.ms-items{grid-template-columns:repeat(3,1fr)}}
.ms-item{position:relative;overflow:hidden;border:1px solid var(--bd);border-radius:14px;background:var(--bg)}
.ms-item .pic{aspect-ratio:1;overflow:hidden}
.ms-item .pic img{width:100%;height:100%;object-fit:cover;display:block}
.ms-item .info{padding:10px 12px}
.ms-item .info p{margin:0}
.ms-item .c{font-size:11px;color:var(--mute)}
.ms-item .t{font-weight:600;font-size:14px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-item .p{font:600 16px Outfit,system-ui,sans-serif;color:var(--acc)}
.ms-item form{position:absolute;right:8px;top:8px;margin:0}
.ms-sell{display:grid;gap:14px}
.ms-kind{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ms-kind label,.ms-cats label{position:relative;cursor:pointer}
.ms-kind input,.ms-cats input{position:absolute;opacity:0;pointer-events:none}
.ms-kind span{display:block;padding:9px;text-align:center;border:1px solid var(--bd);border-radius:12px;font-size:14px;color:var(--mute)}
.ms-kind input:checked+span{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 15%,transparent);color:var(--fg)}
.ms-cats{display:flex;flex-wrap:wrap;gap:6px}
.ms-cats span{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border:1px solid var(--bd);border-radius:99px;font-size:12px;color:var(--mute)}
.ms-cats img{width:20px;height:20px;border-radius:4px;object-fit:cover;background:#fff}
.ms-cats input:checked+span{border-color:var(--pri);background:color-mix(in srgb,var(--pri) 15%,transparent);color:var(--fg)}
.ms-kind input:focus-visible+span,.ms-cats input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.ms-file{display:flex;align-items:center;justify-content:center;gap:8px;padding:22px;border:1px dashed var(--bd);border-radius:12px;font-size:14px;color:var(--mute);cursor:pointer}
.ms-file:hover{color:var(--fg)}
.ms-sell .fld{display:grid;gap:6px;font-size:14px;color:var(--fg)}
.ms-sell input[type=text],.ms-sell input[type=number],.ms-sell textarea{width:100%;font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:10px 14px}
.ms-sell .btn{justify-content:center;border:0}

/* ---------- Wallet: model income ---------- */
.wi{display:grid;gap:16px}
.wi-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.wi-head h2{display:flex;align-items:center;gap:8px}
.wi-head h2 svg{color:var(--pri)}
.wi-ranges{display:flex;flex-wrap:wrap;gap:8px}
.wi-ranges button{border:0;border-radius:99px;padding:6px 16px;font:500 14px Outfit,sans-serif;background:color-mix(in srgb,var(--bd) 80%,transparent);color:var(--fg);cursor:pointer}
.wi-ranges button.on{background:var(--pri);color:#fff}
.wi .k{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.wi-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:6px 0 0}
.wi-total span{display:flex;align-items:center;gap:8px;font:600 33px/1 Outfit,system-ui,sans-serif;color:var(--acc)}
.wi-total em{font-style:normal;font-size:18px;color:var(--mute)}
.wi-sources{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:1024px){.wi-sources{grid-template-columns:repeat(3,1fr)}}
.wi-src{border:1px solid var(--bd);border-radius:12px;background:var(--card);padding:12px}
.wi-src p{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;color:var(--mute)}
.wi-src i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.wi-src b{display:block;padding-top:4px;font:600 20px Outfit,system-ui,sans-serif;color:var(--fg)}
.wi-src small{font-size:12px;color:var(--acc)}
.wi-calc h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font:600 15px Outfit,sans-serif;color:var(--fg)}
.wi-calc h3 svg{color:var(--pri)}
.wi-calc-row{display:flex;align-items:center;gap:12px}
.wi-calc-row input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:10px 14px}
.wi-calc-row span{color:var(--mute)}
.wi-calc-row b{min-width:110px;font:600 25px Outfit,system-ui,sans-serif;color:var(--acc)}
.vl-form.plain{margin:0;padding:0;border:0;background:none}
.vl-form.plain .btn{justify-content:center;border:0}
.vl-form.plain .btn[disabled]{opacity:.5;cursor:not-allowed}
/* =====================================================================
   Members app layout (logged-in members: home + chat)
   ===================================================================== */
body.vlm-body{background:#000}
.vlm{--k-bg:#000;--k-panel:#0b0b0d;--k-card:#151518;--k-bd:#27272a;--k-fg:#fafafa;--k-mute:#a1a1aa;--k-pink:#ec4899;--k-purple:#7c3aed;--k-grad:linear-gradient(90deg,#6d28d9,#ec4899);--k-on:#2a0f1f;color:var(--k-fg);font-family:Outfit,system-ui,sans-serif}
.vlm-top{position:fixed;left:0;right:0;top:0;z-index:50;height:56px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#000;border-bottom:1px solid #111}
body.admin-bar .vlm-top{top:32px}
@media(max-width:782px){body.admin-bar .vlm-top{top:46px}}
.vlm-burger{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:none;color:var(--k-fg);cursor:pointer}
.vlm-burger:hover{background:#18181b}
.vlm-logo img{height:48px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(236,72,153,.5))}
.vlm-search{position:relative;flex:1;max-width:460px;margin:0 auto}
.vlm-search input{width:100%;height:38px;padding:0 40px 0 16px;border-radius:99px;border:1px solid #3f3f46;background:#000;color:var(--k-fg);font:inherit;font-size:14px}
.vlm-search input::placeholder{color:#71717a}
.vlm-search input:focus{outline:0;border-color:var(--k-pink)}
.vlm-search svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--k-fg);pointer-events:none}
.vlm-right{display:flex;align-items:center;gap:14px}
.vlm-right .btn.app{height:32px;padding:0 12px;font-size:13px}
.vlm-coins{display:inline-flex;align-items:center;gap:6px;color:var(--k-pink);font-weight:700;font-size:14px}
.vlm-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--k-fg)}
.vlm-icon:hover{background:#18181b}
.vlm-me{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--k-fg);font:500 14px Outfit,sans-serif;cursor:pointer;padding:0}
.vlm-av{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--k-pink);color:#fff;font-weight:700;font-size:14px}
.vlm-av img{width:100%;height:100%;object-fit:cover}
@media(max-width:899px){.vlm-name,.vlm-search{display:none}.vlm-right{margin-left:auto}}
.vlm .acct-menu{top:calc(100% + 12px)}

.vlm-side{position:fixed;left:0;top:56px;bottom:0;z-index:45;width:200px;padding:12px 10px;background:#000;overflow-y:auto;transition:transform .25s ease}
body.admin-bar .vlm-side{top:88px}
.vlm-side nav{display:grid;gap:4px}
.vlm-side a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:10px;color:var(--k-fg);font-size:15px;font-weight:500;text-decoration:none;transition:background .15s}
.vlm-side a:hover{background:#18181b}
.vlm-side a.on{background:var(--k-on)}
.vlm-side a.vlm-grad,.vlm-grad{justify-content:center;margin-top:8px;background:var(--k-grad);color:#fff;font-size:14px;border:0;border-radius:10px}
.vlm-side a.vlm-grad:hover{filter:brightness(1.1);background:var(--k-grad)}
.vlm-side hr{border:0;border-top:1px solid #27272a;margin:12px 4px}
.vlm-scrim{position:fixed;inset:0;z-index:44;background:rgba(0,0,0,.6)}
.vlm-scrim[hidden]{display:none}
.vlm-main{margin-left:200px;padding:72px 18px 24px;min-height:100vh;transition:margin .25s ease}
body.admin-bar .vlm-main{padding-top:104px}
@media(min-width:900px){.vlm.nav-open .vlm-side{transform:translateX(-100%)}.vlm.nav-open .vlm-main{margin-left:0}.vlm-scrim{display:none!important}}
@media(max-width:899px){.vlm-side{transform:translateX(-100%);width:240px}.vlm.nav-open .vlm-side{transform:none}.vlm-main{margin-left:0;padding:68px 12px 20px}}

.vlm-home{max-width:1180px;margin:0 auto;display:grid;gap:28px}
.vlm-sec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.vlm-sec-h h1,.vlm-sec-h h2{display:flex;align-items:center;gap:10px;margin:0;font:700 22px/1.2 Outfit,sans-serif;color:var(--k-fg)}
.vlm-sec-ic{display:grid;place-items:center;color:var(--k-pink)}
.vlm-all{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid #3f3f46;border-radius:99px;color:var(--k-fg);font-size:13px;font-weight:500;text-decoration:none}
.vlm-all:hover{border-color:var(--k-pink)}
.vlm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.vlm-chips button{height:30px;padding:0 14px;border:0;border-radius:99px;background:#27272a;color:var(--k-fg);font:500 13px Outfit,sans-serif;cursor:pointer;transition:background .15s}
.vlm-chips button:hover{background:#3f3f46}
.vlm-chips button.on{background:var(--k-pink)}
.vlm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){.vlm-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.vlm-grid,.vlm-grid.four{grid-template-columns:repeat(4,1fr)}}
.vlm-grid.four{grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.vlm-grid.four{grid-template-columns:repeat(4,1fr)}}
.vlm-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:14px;border:1px solid var(--k-bd);background:var(--k-card);color:#fff;text-decoration:none}
.vlm-card[hidden]{display:none}
.vlm-card video,.vlm-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.vlm-card:hover video,.vlm-card:hover img{transform:scale(1.05)}
.vlm-card .shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 45%)}
.vlm-live{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;background:rgba(80,16,40,.85);color:#fff;font-size:10px;font-weight:700;letter-spacing:.18em}
.vlm-live i{width:7px;height:7px;border-radius:50%;background:var(--k-pink);animation:vl-blink 1.4s infinite}
.vlm-card .cap{position:absolute;left:0;right:0;bottom:0;display:grid;gap:1px;padding:10px}
.vlm-card .cap b{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlm-card .cap small{font-size:11px;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vlm-card.big .cap b{font-size:16px}
.vlm-card .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.vlm-card .chips em{font-style:normal;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.14);font-size:10px;color:#e4e4e7}
.vlm-card .chips em.ok{background:#14532d;color:#bbf7d0}
.vlm-empty{padding:40px 16px;border:1px dashed var(--k-bd);border-radius:14px;text-align:center;color:var(--k-mute)}
.vlm-empty[hidden]{display:none}
.vlm .vl-msg{background:var(--k-card);border-color:var(--k-bd)}
.vlm-foot{display:flex;flex-wrap:wrap;gap:6px 16px;max-width:1180px;margin:40px auto 0;padding-top:16px;border-top:1px solid #18181b;font-size:12px;color:#71717a}
.vlm-foot a{color:#71717a}
.vlm-foot a:hover{color:var(--k-fg)}

/* Chat (3 panels) */
.vlm-page{max-width:1400px;margin:0 auto}
.vlm-chat{display:grid;grid-template-columns:260px 1fr 240px;height:calc(100vh - 120px);min-height:480px;border:1px solid var(--k-bd);border-radius:12px;overflow:hidden;background:#000}
body.admin-bar .vlm-chat{height:calc(100vh - 152px)}
.vlm-chat-list{display:flex;flex-direction:column;gap:10px;padding:12px;background:#111113;border-right:1px solid var(--k-bd);overflow-y:auto}
.vlm-chat-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vlm-chat-h h1{margin:0;font:700 16px Outfit,sans-serif;color:var(--k-fg)}
.vlm-grad.sm{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;margin:0;font:500 13px Outfit,sans-serif;cursor:pointer}
.vlm-seg{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--k-bd);border-radius:8px;overflow:hidden}
.vlm-seg button{height:30px;border:0;background:none;color:var(--k-fg);font:500 12px Outfit,sans-serif;cursor:pointer}
.vlm-seg button.on{background:var(--k-pink)}
.vlm-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--k-bd);border-radius:8px;background:#000;color:var(--k-fg);font:inherit;font-size:13px}
.vlm-input:focus{outline:0;border-color:var(--k-pink)}
.vlm-chat-empty{padding:24px 8px;text-align:center;font-size:13px;color:var(--k-mute)}
.vlm-chat-empty p{margin:0 0 6px}
.vlm-chat-main{padding:16px;font-size:13px;color:var(--k-mute)}
.vlm-chat-side{padding:16px;border-left:1px solid var(--k-bd)}
.vlm-chat-side h2{margin:0 0 6px;font:700 15px Outfit,sans-serif;color:var(--k-fg)}
.vlm-chat-side p{margin:0;font-size:13px;color:var(--k-mute)}
@media(max-width:1000px){.vlm-chat{grid-template-columns:240px 1fr}.vlm-chat-side{display:none}}
@media(max-width:640px){.vlm-chat{grid-template-columns:1fr;height:auto}.vlm-chat-main{display:none}}
/* Members home: Live Auction section */
.vlm-auction{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px;border:1px solid var(--k-bd);border-radius:14px;background:radial-gradient(ellipse at 0 0,rgba(236,72,153,.18),transparent 60%),var(--k-card)}
.vlm-auction>div:nth-child(2){flex:1;min-width:220px}
.vlm-auction-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:rgba(236,72,153,.15);color:var(--k-pink)}
.vlm-auction .t{margin:0 0 4px;font-weight:700;font-size:16px;color:var(--k-fg)}
.vlm-auction p{margin:0;font-size:13px;color:var(--k-mute)}
/* Members home: landing info sections + full site footer inside the app layout */
.vlm-info{margin:48px -18px 0}
.vlm-info .mk{padding:0 18px}
@media(max-width:899px){.vlm-info{margin:40px -12px 0}}
.vlm-footwrap{margin-left:200px;transition:margin .25s ease;background:#000}
@media(min-width:900px){.vlm.nav-open .vlm-footwrap{margin-left:0}}
@media(max-width:899px){.vlm-footwrap{margin-left:0}}
/* Members app: pink Quick filters tab sits at the sidebar edge */
.vlm-body .qf-tab{left:200px;transition:left .25s ease,padding .2s}
@media(min-width:900px){.vlm.nav-open .qf-tab{left:0}}
@media(max-width:899px){.vlm-body .qf-tab{left:0}}
.vlm-body .qf-drawer{background:#0b0b0d;border-right-color:#27272a}
.vlm-body .qf-group legend{background:#18181b}
.vlm-body .qf-group .chip{border-color:#3f3f46}
.vlm-body .qf-group .chip[aria-pressed=true]{background:#ec4899;border-color:#ec4899}
.vlm-body .qf-foot{border-top-color:#27272a}
/* ---------- Live room ---------- */
.lr{display:grid;gap:12px;max-width:1400px;margin:0 auto}
@media(min-width:1000px){.lr{grid-template-columns:minmax(0,1fr) 420px;height:calc(100vh - 96px);min-height:560px}body.admin-bar .lr{height:calc(100vh - 128px)}}
.lr-left{display:flex;flex-direction:column;min-height:0;gap:0;border-radius:12px;overflow:hidden;background:#000}
.lr-stage{position:relative;overflow:hidden;background:#000;min-height:320px;aspect-ratio:16/10}
@media(min-width:1000px){.lr-stage{aspect-ratio:auto;flex:1;min-height:0}}
.lr-vid{position:relative;display:block;height:100%;width:auto;max-width:100%;margin:0 auto;object-fit:contain}
.lr-top{position:absolute;left:12px;top:12px;display:flex;align-items:center;gap:10px}
.lr-top .vlm-live{position:static}
.lr-who{display:flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:99px;background:rgba(0,0,0,.55);font-size:13px}
.lr-who small{color:#d4d4d8;font-size:11px}
.lr-follow{position:absolute;left:12px;top:52px;display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border:0;border-radius:99px;background:#ff1a8c;color:#fff;font:600 15px Outfit,sans-serif;cursor:pointer;box-shadow:0 6px 18px rgba(255,26,140,.35)}
.lr-follow.on{background:rgba(0,0,0,.6)}
.lr-follow-av{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#ff1a8c;font-weight:800;font-size:13px}
.lr-joins{position:absolute;left:12px;top:98px;display:grid;gap:6px;pointer-events:none}
.lr-joins span{padding:5px 12px;border-radius:99px;background:rgba(80,80,80,.6);color:#fff;font-size:13px;animation:lr-join 4s ease forwards}
.lr-joins b{font-weight:700}
@keyframes lr-join{0%{opacity:0;transform:translateX(-10px)}10%,80%{opacity:1;transform:none}100%{opacity:0}}
.lr-mute{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border:0;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font:700 10px Outfit,sans-serif;letter-spacing:.06em;cursor:pointer}
.lr-mute[aria-pressed=false]{background:#ec4899}
.lr-floats{position:absolute;left:8px;bottom:12px;width:64px;height:40%;pointer-events:none;overflow:hidden}
.lr-floats span{position:absolute;bottom:0;font-size:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));animation:lr-float 2.4s ease-out forwards}
@keyframes lr-float{from{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1}to{transform:translateY(-220px) scale(1.1);opacity:0}}
.lr-mark{position:absolute;right:16px;bottom:12px;font:600 14px Outfit,sans-serif;color:rgba(255,255,255,.55);letter-spacing:.06em;text-transform:uppercase}
/* Gift bar: black, under the stream */
.lr-gifts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;background:#000;border-top:1px solid #18181b}
.lr-gift-list{display:flex;flex:1 1 420px;gap:2px;overflow-x:auto;scrollbar-width:none;border-radius:12px}
.lr-gift-list::-webkit-scrollbar{display:none}
.lr-gift-list.pulse{animation:lr-pulse 1.2s ease}
@keyframes lr-pulse{40%{box-shadow:0 0 0 2px #ec4899,0 0 24px rgba(236,72,153,.6)}}
.lr-gift{display:grid;justify-items:center;gap:6px;flex:1 0 52px;min-width:52px;padding:8px 4px;border:0;border-radius:12px;background:none;color:#fff;cursor:pointer;transition:background .15s,transform .15s}
.lr-gift:hover{background:#18181b;transform:translateY(-2px)}
.lr-gift .em{font-size:28px;line-height:1}
.lr-gift .pr{display:inline-flex;align-items:center;gap:5px;font:500 14px Outfit,sans-serif;color:#e4e4e7}
.lr-coin{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ffc845,#f59e0b);color:#fff;font:800 10px Outfit,sans-serif;box-shadow:inset 0 -1px 0 rgba(0,0,0,.2)}
.lr-round{display:flex;gap:10px}
.lr-round button,.lr-round a{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:#2a2023;color:#fff;cursor:pointer;transition:background .15s}
.lr-round button:hover,.lr-round a:hover{background:#3a2a30}
.lr-panel{display:flex;flex-direction:column;align-self:start;min-height:0;overflow:hidden;border-radius:12px;background:#1f1f22;border:1px solid #2a2a2e}
.lr-tabs{display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #2a2a2e;background:#1a1a1d}
.lr-tabs button{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:none;color:#a1a1aa;font:600 13px Outfit,sans-serif;cursor:pointer}
.lr-tabs button.on{color:#fff;border-bottom-color:#dc2626}
.lr-count{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:0 10px;color:#a1a1aa;font-size:13px}
.lr-chat{flex:0 1 auto;height:352px;max-height:352px;overflow-y:auto;padding:4px 0} /* About 10 lines */
.lr-chat[hidden]{display:none}
.lr-msg,.lr-sys{margin:0;padding:7px 14px;font-size:13px;color:#e4e4e7;border-bottom:1px solid #26262a}
.lr-msg b{color:#a1a1aa;font-weight:600;margin-right:2px}
.lr-msg.me b{color:#ec4899}
.lr-sys{color:#a1a1aa;font-style:italic;font-size:12px}
.lr-private{flex:0 1 auto;height:352px;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;color:#a1a1aa;font-size:13px}
.lr-private[hidden]{display:none}
.lr-pill{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 12px;border:0;border-radius:99px;font:700 12px Outfit,sans-serif;color:#111;text-decoration:none;cursor:pointer;white-space:nowrap}
.lr-pill.yellow{background:#f5b400}.lr-pill.green{background:#689f38;color:#fff}.lr-pill.pink{background:#ec4899;color:#fff}
.lr-pill:hover{filter:brightness(1.1)}
.lr-send{display:flex;gap:8px;padding:10px 12px;background:#1a1a1d}
.lr-send input{flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid #2f2f33;border-radius:8px;background:#0f0f11;color:#fff;font:inherit;font-size:14px}
.lr-send input:focus{outline:0;border-color:#ec4899}
.lr-send .lr-pill{height:36px;padding:0 16px}
.lr-bal{margin:0;padding:0 12px 10px;background:#1a1a1d;font-size:11px;color:#a1a1aa}
.lr-bal a{color:#ec4899}
.lr-more{margin-top:28px}
/* "I've added it" in the Get the app popup */
.vl-app .vl-app-done{width:100%;justify-content:center;margin-top:16px;border:0}
.lr-rows{background:#18181b;border-top:1px solid #2a2a2e}
.lr-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-left:3px solid;border-bottom:1px solid #26262a}
.lr-row.yellow{border-left-color:#f5b400}
.lr-row p{flex:1;margin:0;font-size:13px;font-weight:600;color:#fff}
.lr-row-ic{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#111}
.lr-row.yellow .lr-row-ic{background:#f5b400}
/* Live room: model profile and shop under the stream */
.lr-about{display:grid;grid-template-columns:320px 1fr;gap:18px;margin:22px 0 6px;color:#fff}
.lr-prof,.lr-shop{background:#18181b;border:1px solid #2a2a2e;border-radius:16px;overflow:hidden}
.lr-cover{height:110px;background:linear-gradient(135deg,#6d28d9,#ec4899)}
.lr-cover img{width:100%;height:100%;object-fit:cover;display:block}
.lr-prof-b{padding:0 18px 18px}
.lr-prof-av{display:grid;place-items:center;width:84px;height:84px;margin-top:-42px;border:4px solid #18181b;border-radius:50%;background:#ec4899;color:#fff;font:700 32px Outfit,sans-serif;overflow:hidden}
.lr-prof-av img{width:100%;height:100%;object-fit:cover}
.lr-prof h2{margin:10px 0 2px;font:700 22px Outfit,sans-serif;color:#fff}
.lr-prof-h{margin:0;font-size:13px;color:#a1a1aa}
.lr-prof-t{margin:10px 0 0;font-weight:600;color:#f9a8d4}
.lr-prof-bio{margin:10px 0 0;font-size:14px;line-height:1.55;color:#d4d4d8}
.lr-prof-d{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:14px 0 0;font-size:13px}
.lr-prof-d dt{color:#a1a1aa}.lr-prof-d dd{margin:0;color:#fff;white-space:pre-line}
.lr-prof-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.lr-prof-tags span{padding:4px 10px;border-radius:99px;background:#26262a;font-size:12px;font-weight:600;color:#f9a8d4}
.lr-shop{padding:6px 18px 18px}
.lr-shop h3{margin:14px 0 10px;font:700 16px Outfit,sans-serif;color:#fff}
.lr-shop h3 small{margin-left:4px;font-size:12px;color:#a1a1aa}
.lr-none{margin:0 0 4px;font-size:13px;color:#a1a1aa}
.lr-gals{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.lr-gal{background:#111113;border:1px solid #26262a;border-radius:12px;overflow:hidden}
.lr-gal-ph{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;aspect-ratio:3/1.4}
.lr-gal-ph a{display:block;overflow:hidden}
.lr-gal-ph img{width:100%;height:100%;object-fit:cover;display:block}
.lr-gal-lock{display:grid;place-items:center;gap:6px;aspect-ratio:3/1.4;background:linear-gradient(135deg,#3b0764,#831843);color:#fff;font-size:12px;text-align:center;align-content:center}
.lr-gal-t{display:flex;justify-content:space-between;gap:8px;margin:0;padding:8px 10px;font-size:13px;font-weight:600}
.lr-gal-t span{font-size:11px;color:#a1a1aa}
.lr-gal.locked .lr-gal-t span{color:#f9a8d4}
.lr-vids{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.lr-vids video{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;background:#000}
.lr-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.lr-item{background:#111113;border:1px solid #26262a;border-radius:12px;overflow:hidden}
.lr-item .pic{aspect-ratio:1;background:#26262a}
.lr-item .pic img{width:100%;height:100%;object-fit:cover;display:block}
.lr-item p{margin:0;padding:0 10px}
.lr-item .c{padding-top:8px;font-size:11px;color:#a1a1aa}
.lr-item .t{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-item .r{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 10px}
.lr-item .r b{color:#f5b400}
@media (max-width:900px){.lr-about{grid-template-columns:1fr}}
@media(min-width:1100px){.vlm-grid.six{grid-template-columns:repeat(6,1fr)}}
/* Marketplace */
.mp{color:#fff}
.mp-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}
.mp-head h1{margin:0 0 4px;font:700 28px Outfit,sans-serif;color:#fff}
.mp-head p{margin:0;font-size:14px;color:#a1a1aa}
.mp-search{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mp-search input,.mp-search select{height:36px;padding:0 12px;border:1px solid #2a2a2e;border-radius:99px;background:#18181b;color:#fff;font:500 13px Outfit,sans-serif}
.mp-search input{width:220px;max-width:100%}
.mp-search .lr-pill{height:36px;padding:0 16px}
.mp-cats{display:flex;gap:10px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:thin}
.mp-cats a{flex:0 0 auto;display:grid;justify-items:center;gap:6px;width:84px;padding:8px 4px;border:1px solid #2a2a2e;border-radius:14px;background:#18181b;color:#d4d4d8;font:600 11px Outfit,sans-serif;text-align:center;text-decoration:none}
.mp-cats a.on,.mp-cats a:hover{border-color:#ec4899;color:#fff}
.mp-cats img,.mp-cats .all{width:46px;height:46px;border-radius:50%;object-fit:cover}
.mp-cats .all{display:grid;place-items:center;background:linear-gradient(135deg,#6d28d9,#ec4899);font-size:20px;color:#fff}
.mp-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:6px 0 14px}
.mp-bar p{margin:0;font-size:13px;color:#a1a1aa}
.mp-kind{display:flex;gap:6px}
.mp-kind a{padding:6px 14px;border-radius:99px;background:#18181b;border:1px solid #2a2a2e;color:#d4d4d8;font:600 12px Outfit,sans-serif;text-decoration:none}
.mp-kind a.on{background:#ec4899;border-color:#ec4899;color:#fff}
.mp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:640px){.mp-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1100px){.mp-grid{grid-template-columns:repeat(4,1fr)}}
.mp-card{display:flex;flex-direction:column;background:#18181b;border:1px solid #2a2a2e;border-radius:14px;overflow:hidden}
.mp-card .pic{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;background:#26262a;cursor:pointer}
.mp-card .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.mp-card .pic:hover img{transform:scale(1.04)}
.mp-card .kind{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:99px;background:rgba(0,0,0,.65);font:700 10px Outfit,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.mp-card .info{display:flex;flex-direction:column;gap:4px;flex:1;padding:10px 12px 12px}
.mp-card .c{margin:0;font-size:11px;color:#a1a1aa}
.mp-card .t{margin:0;font:600 14px Outfit,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-card .s{display:flex;align-items:center;gap:6px;margin:2px 0 0;font-size:12px;color:#d4d4d8}
.mp-card .s a{color:#f9a8d4;text-decoration:none}
.mp-card .r{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}
.mp-card .r b{color:#f5b400}
.mp-av{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;overflow:hidden;background:#3f3f46}
.mp-av img{width:100%;height:100%;object-fit:cover}
.mp-av.sil .hd,.mp-av.sil .bd{display:none}
.mp-none{padding:48px 20px;border:1px dashed #3f3f46;border-radius:16px;text-align:center;color:#a1a1aa}
.mp-none .t{margin:0 0 6px;font:700 18px Outfit,sans-serif;color:#fff}
.mp-none p{margin:0 0 14px}
.mp-pages{display:flex;justify-content:center;gap:6px;margin:20px 0}
.mp-pages a{display:grid;place-items:center;min-width:34px;height:34px;border-radius:99px;background:#18181b;border:1px solid #2a2a2e;color:#fff;text-decoration:none;font-weight:600}
.mp-pages a.on{background:#ec4899;border-color:#ec4899}
.mp-dlg-b{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.mp-dlg-b .pic img{width:100%;border-radius:12px;display:block}
.mp-dlg-b h2{margin:4px 0 6px}
.mp-dlg-b .c{margin:0;font-size:12px;opacity:.7}
.mp-dlg-b .p{margin:0 0 10px;font-size:20px;font-weight:700;color:#f5b400}
.mp-dlg-b .d{margin:0 0 12px;font-size:14px;line-height:1.55;opacity:.85}
.mp-dlg-b .s{margin:0 0 14px;font-size:13px}
.mp-dlg-b .s a{color:#ec4899}
@media(max-width:640px){.mp-dlg-b{grid-template-columns:1fr}}
/* Add to basket (WooCommerce) */
.vl-basket{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ec4899;color:#fff;text-decoration:none;transition:filter .2s,transform .2s}
.vl-basket:hover{filter:brightness(1.12);transform:scale(1.06)}
.vl-basket.wide{display:inline-flex;gap:8px;width:auto;height:42px;padding:0 20px;border-radius:99px;font:700 14px Outfit,sans-serif}
.vlm-cart{position:relative}
.vlm-cart b{position:absolute;top:-4px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ec4899;color:#fff;font:700 10px/17px Outfit,sans-serif;text-align:center}
/* Wishlist heart */
.vl-heart{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;text-decoration:none;transition:transform .2s,color .2s,background .2s}
.vl-heart:hover{transform:scale(1.08)}
.vl-heart.on{color:#ec4899;background:#fff}
.vl-heart.on svg{fill:currentColor}
.mp-card{position:relative}
.mp-card>.vl-heart{position:absolute;top:8px;right:8px;z-index:2}
.mp-dlg-act{display:flex;align-items:center;gap:10px}
.mp-dlg-act .vl-heart{width:42px;height:42px;background:#f4f4f5;color:#18181b}
.mp-dlg-act .vl-heart.on{color:#ec4899}
.lr-item .r .act{display:inline-flex;gap:6px}
.lr-item .r .vl-heart{background:#26262a}
.lr-item .r .vl-heart.on{background:#fff}
/* Chat page (Wise Chat) */
.vlm-rooms{display:flex;flex-direction:column;gap:2px}
.vlm-rooms a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;color:var(--k-fg);text-decoration:none}
.vlm-rooms a[hidden]{display:none}
.vlm-rooms a:hover{background:#1c1c20}
.vlm-rooms a.on{background:#26262a;box-shadow:inset 3px 0 0 #ec4899}
.vlm-rooms .av{position:relative;flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ec4899;color:#fff;font-weight:700;overflow:visible}
.vlm-rooms .av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.vlm-rooms .av.lounge{background:linear-gradient(135deg,#6d28d9,#ec4899)}
.vlm-rooms .av .dot{position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid #111113}
.vlm-rooms b{display:block;font-size:13px}
.vlm-rooms small{display:block;font-size:11px;color:var(--k-mute)}
.vlm-chat-main{display:flex;flex-direction:column;min-width:0;padding:0}
.vlm-chat-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--k-bd);color:var(--k-fg);font-size:15px}
.vlm-wise{flex:1;min-height:0;overflow:auto;padding:8px}
.vlm-wise .wcContainer{height:100%;max-width:none}
.vlm-chat-side .pic{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;margin-bottom:10px;display:block}
.vlm-chat-side .st{margin:8px 0 12px}
.vlm-chat-side .vlm-grad{display:inline-flex}
@media(max-width:1000px){.vlm-chat{grid-template-columns:220px 1fr}.vlm-chat-side{display:none}}
@media(max-width:700px){.vlm-chat{grid-template-columns:1fr;height:auto}.vlm-chat-list{max-height:220px;border-right:0;border-bottom:1px solid var(--k-bd)}.vlm-wise{min-height:60vh}}
/* Live room: Join my Fan Club banner */
.lr-fan{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;border:1px solid #2a2a2e;border-radius:16px;background:radial-gradient(120% 90% at 0% 0%,#3a3a40 0%,#18181b 45%,#0b0b0c 100%);color:#fff;text-align:center}
.lr-fan h3{margin:0;font:700 clamp(24px,3vw,32px)/1.15 Outfit,sans-serif;color:#fff}
.lr-fan .q{max-width:520px;margin:0;font-style:italic;font-size:14px;line-height:1.5;color:#d4d4d8}
.lr-fan .div{display:flex;align-items:center;gap:10px;width:220px;color:#a1a1aa}
.lr-fan .div span{flex:1;height:1px;background:#52525b}
.lr-fan .sub{margin:0;font-size:13px;font-weight:600;color:#fff}
.lr-fan .stats{display:flex;justify-content:space-between;gap:24px;width:100%;max-width:380px;margin:4px 0}
.lr-fan .stats p{display:grid;margin:0}
.lr-fan .stats b{font:700 34px/1 Outfit,sans-serif;color:#ff2d6b}
.lr-fan .stats span{font-size:13px;font-weight:700;color:#fff}
.lr-fan .perks{margin:0;font-size:12px;color:#a1a1aa}
.lr-fan .perks b{color:#fff}
.lr-fan .price{margin:4px 0 0;font:700 26px Outfit,sans-serif;color:#fff}
.lr-fan .price span{font-size:14px;font-weight:600;color:#a1a1aa}
.lr-fan-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 34px;border:0;border-radius:99px;background:#ff2d6b;color:#fff;font:700 15px Outfit,sans-serif;cursor:pointer;box-shadow:0 8px 24px rgba(255,45,107,.35);transition:filter .2s,transform .2s}
.lr-fan-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
/* Live room: "About her" facts in the profile header */
.lr-cover{position:relative;height:auto;min-height:110px;padding:16px 18px 52px;overflow:hidden}
.lr-cover .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.lr-facts{position:relative;color:#fff}
.lr-facts .h{margin:0 0 8px;font:700 12px Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.lr-facts dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px}
.lr-facts dt{font-weight:600;color:rgba(255,255,255,.75)}
.lr-facts dd{margin:0;font-weight:600;color:#fff;white-space:pre-line}
.lr-facts .bio{margin:10px 0 0;font-size:13px;line-height:1.5;color:#fff}
/* "Use my location" panel (checkout, model application) */
.vl-geo-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(236,72,153,.35);border-radius:14px;background:rgba(236,72,153,.08)}
.vl-geo-box>p:first-child{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600}
.vl-geo-box svg{flex:0 0 auto;color:#ec4899}
.vl-geo-box .st-note{flex-basis:100%;margin:0}
/* Live room: full-screen button */
.lr-fs{position:absolute;right:12px;bottom:10px;z-index:3;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.lr-fs:hover{background:rgba(0,0,0,.8);transform:scale(1.06)}
.lr-stage .lr-mark{right:58px}
/* Live room: report bubble */
.lr-rep{position:relative;display:inline-block}
.lr-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:5px 10px;border-radius:8px;background:#fff;color:#111;font:700 12px Outfit,sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
.lr-tip::after{content:"";position:absolute;left:50%;top:100%;margin-left:-5px;border:5px solid transparent;border-top-color:#fff}
.lr-rep:hover .lr-tip,.lr-rep button:focus-visible+.lr-tip{opacity:1}
.lr-rep.open .lr-tip{opacity:0}
.lr-rep-pop{position:absolute;right:0;bottom:calc(100% + 10px);z-index:20;display:flex;flex-direction:column;gap:2px;width:250px;max-width:calc(100vw - 32px);padding:12px;border:1px solid #2a2a2e;border-radius:14px;background:#18181b;box-shadow:0 12px 30px rgba(0,0,0,.5);text-align:left}
.lr-rep-pop[hidden]{display:none}
.lr-rep-pop b{font:700 14px Outfit,sans-serif;color:#fff}
.lr-rep-pop small{margin:2px 0 6px;font-size:12px;color:#a1a1aa}
.lr-round .lr-rep-pop a{display:block;width:auto;height:auto;padding:8px 10px;border-radius:8px;background:none;color:#fff;font-size:13px;text-decoration:none}
.lr-round .lr-rep-pop a:hover{background:#26262a}
.lr-rep.open button{background:#ef4444}
/* Live room full screen: chat on the left, stream with gifts below */
.lr:fullscreen{display:grid;grid-template-columns:380px minmax(0,1fr);gap:0;width:100vw;max-width:none;height:100vh;margin:0;padding:0;background:#000}
.lr:fullscreen .lr-panel{order:-1;align-self:stretch;height:100vh;border-radius:0;border-width:0 1px 0 0}
.lr:fullscreen .lr-chat{flex:1 1 auto;height:auto;max-height:none}
.lr:fullscreen .lr-left{height:100vh;border-radius:0}
.lr:fullscreen .lr-stage{flex:1;min-height:0;aspect-ratio:auto}
.lr:fullscreen .lr-vid{height:100%}
@media(max-width:760px){.lr:fullscreen{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 42vh}.lr:fullscreen .lr-panel{order:1;height:42vh;border-width:1px 0 0}.lr:fullscreen .lr-left{height:auto;min-height:0}}
.lr:-webkit-full-screen{display:grid;grid-template-columns:380px minmax(0,1fr);gap:0;width:100vw;max-width:none;height:100vh;margin:0;padding:0;background:#000}
.lr:-webkit-full-screen .lr-panel{order:-1;align-self:stretch;height:100vh;border-radius:0;border-width:0 1px 0 0}
.lr:-webkit-full-screen .lr-chat{flex:1 1 auto;height:auto;max-height:none}
.lr:-webkit-full-screen .lr-left{height:100vh;border-radius:0}
.lr:-webkit-full-screen .lr-stage{flex:1;min-height:0;aspect-ratio:auto}
.lr:-webkit-full-screen .lr-vid{height:100%}
@media(max-width:760px){.lr:-webkit-full-screen{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 42vh}.lr:-webkit-full-screen .lr-panel{order:1;height:42vh;border-width:1px 0 0}.lr:-webkit-full-screen .lr-left{height:auto;min-height:0}}
/* Model Membership form */
.vl-mm{gap:20px;border-color:color-mix(in srgb,#a855f7 45%,var(--bd))}
.vl-mm-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.vl-mm-cols>div{display:grid;gap:14px;align-content:start}
.vl-mm h3{display:flex;align-items:center;justify-content:space-between;margin:0;padding-bottom:10px;border-bottom:1px solid var(--bd);font:700 15px Outfit,sans-serif!important;color:var(--fg)}
.vl-mm .fld{font-size:13px;font-weight:600}
.vl-mm input[type=text],.vl-mm input[type=email],.vl-mm input[type=password],.vl-mm input[type=date],.vl-mm textarea,.vl-mm select{border-color:color-mix(in srgb,#a855f7 55%,var(--bd));font-size:14px}
.vl-mm input[readonly]{opacity:.85;cursor:default}
.vl-mm-check{margin:-6px 0 0;font-size:12px;font-weight:600}
.vl-mm-check.ok{color:#22c55e}
.vl-mm-check.bad{color:#ef4444}
.vl-mm-loc{display:grid;gap:8px;margin-top:6px}
.vl-mm-detect{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:0;border-radius:8px;background:none;color:var(--mute);font:600 12px Outfit,sans-serif;cursor:pointer}
.vl-mm-detect:hover{color:var(--fg);background:rgba(255,255,255,.06)}
.vl-mm-detect[disabled]{opacity:.5}
.vl-mm-loc .st-note{margin:0}
.vl-mm-foot{display:grid;gap:10px;padding-top:18px;border-top:1px solid color-mix(in srgb,#a855f7 35%,var(--bd))}
.vl-mm-foot .chk span{font-weight:600}
.vl-mm-foot>.fine:first-of-type{margin:-4px 0 0 28px}
.vl-mm .vl-mm-go{justify-self:stretch;justify-content:center;background:#7e22ce}
.vl-mm .vl-mm-go:hover{background:#9333ea}
.vl-mm .vl-mm-go[disabled]{opacity:.55;cursor:not-allowed}
.vl-mm .fine.center{text-align:center}
.vl-mm-login{padding-top:12px;border-top:1px solid var(--bd)}
.vl-mm-login a{color:#c084fc}
@media(max-width:720px){.vl-mm-cols{grid-template-columns:1fr}}
/* Age gate */
html.vl-gated{overflow:hidden}
html.vl-gated body>*:not(.vl-age):not(script){filter:blur(18px);pointer-events:none;user-select:none}
.vl-age{display:none}
html.vl-gated .vl-age{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.45)}
.vl-age-card{display:grid;justify-items:center;gap:10px;width:min(380px,100%);padding:26px 22px 22px;border:1px solid #2e2638;border-radius:16px;background:#1a1420;box-shadow:0 20px 60px rgba(0,0,0,.6);text-align:center;font-family:Outfit,sans-serif}
.vl-age-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#2a1838;color:#c026d3}
.vl-age-card h2{margin:4px 0 0;font:700 20px Outfit,sans-serif;color:#fff}
.vl-age-card p{margin:0 0 12px;font-size:13px;color:#a1a1aa}
.vl-age-yes,.vl-age-no{display:block;width:100%;padding:11px 16px;border:0;border-radius:10px;color:#fff;font:700 14px Outfit,sans-serif;text-align:center;text-decoration:none;cursor:pointer}
.vl-age-yes{background:#c026d3;box-shadow:0 0 22px rgba(192,38,211,.55)}
.vl-age-yes:hover{background:#d946ef}
.vl-age-no{background:#dc2626}
.vl-age-no:hover{background:#ef4444}
/* Too-young page */
.vl-young{display:grid;justify-items:center;gap:18px;margin-top:8px;text-align:center}
.vl-young img{width:min(288px,80%);height:auto;border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.vl-young p{margin:0;font:600 clamp(17px,2.4vw,20px)/1.4 Outfit,sans-serif;letter-spacing:.01em;color:var(--fg)}
/* Too-young page: centred, Outfit headline in the brand gradient */
.vl-too-young .page-wrap{text-align:center}
.vl-too-young .page-wrap .eyebrow{justify-content:center;font-family:Outfit,sans-serif;font-weight:700;letter-spacing:.18em}
.vl-too-young .page-wrap h1{max-width:640px;margin:0 auto 28px;font:800 clamp(30px,5vw,46px)/1.15 Outfit,sans-serif;letter-spacing:-.01em;background:linear-gradient(90deg,#f472b6,#c026d3 55%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.vl-too-young .page-wrap .entry{display:grid;justify-items:center}
/* Landing: glowing "Learn How It Works" and "Become a cam model" buttons */
.zf .btn.sec,.join .btn{border:0;background:linear-gradient(135deg,#ec4899,#c026d3 55%,#8b5cf6);color:#fff;box-shadow:0 0 18px rgba(236,72,153,.55),0 0 42px rgba(192,38,211,.35);animation:vl-glow 2.8s ease-in-out infinite}
.zf .btn.sec:hover,.join .btn:hover{filter:brightness(1.1);box-shadow:0 0 24px rgba(236,72,153,.75),0 0 60px rgba(192,38,211,.5)}
@keyframes vl-glow{0%,100%{box-shadow:0 0 16px rgba(236,72,153,.5),0 0 36px rgba(192,38,211,.3)}50%{box-shadow:0 0 26px rgba(236,72,153,.8),0 0 60px rgba(192,38,211,.5)}}
@media (prefers-reduced-motion:reduce){.zf .btn.sec,.join .btn{animation:none}}
/* Landing: model picture under "Learn How It Works" */
.zf .zf-model{display:block;width:100%;max-width:360px;height:auto;margin:32px auto 0}
/* How It Works / FAQs tabs above the page heading */
.ph-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ph-tabs a{padding:6px 14px;border:1px solid var(--bd);border-radius:99px;color:var(--mute);text-decoration:none;transition:color .2s,border-color .2s}
.ph-tabs a:hover{color:var(--fg)}
.ph-tabs a[aria-current]{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 55%,transparent);background:color-mix(in srgb,var(--acc) 10%,transparent)}
/* FAQs page: warning box and question list */
.entry .notice{margin-top:40px;padding:24px 28px;border:1px solid color-mix(in srgb,var(--pri) 55%,transparent);border-radius:20px;background:color-mix(in srgb,var(--pri) 12%,var(--card))}
.entry .notice h3{margin:0 0 8px;color:var(--pri)}
.entry .notice p{margin:0}
.entry .faq{display:grid;gap:12px;margin-top:28px}
.entry .faq details{padding:0 22px;background:var(--card);border:1px solid var(--bd);border-radius:16px}
.entry .faq summary{position:relative;padding:18px 32px 18px 0;font:600 17px/1.35 Outfit,system-ui,sans-serif;list-style:none;cursor:pointer}
.entry .faq summary::-webkit-details-marker{display:none}
.entry .faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--pri);font-size:24px;font-weight:400}
.entry .faq details[open] summary::after{content:"\2212"}
.entry .faq details p{margin:0 0 18px;color:var(--mute)}
/* Footer: trafficking, DMCA and Safety First badges in one row (fits a phone) */
.bds{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
.bds .bd img{height:auto}
.bds .bd img,.bds .bd.dmca a{width:min(112px,calc((100vw - 72px)/3))}
.bds .bd.dmca img{width:116%}
/* Landing: Marketplace banner text centred */
.mk .t{align-items:center;text-align:center}
/* Landing: pink glow on "Enter the Marketplace" */
.mk .btn{box-shadow:0 0 18px rgba(236,72,153,.6),0 0 44px rgba(236,72,153,.35);animation:vl-glow-pink 2.8s ease-in-out infinite}
.mk .btn:hover{filter:brightness(1.1);box-shadow:0 0 26px rgba(236,72,153,.85),0 0 64px rgba(236,72,153,.5)}
@keyframes vl-glow-pink{0%,100%{box-shadow:0 0 16px rgba(236,72,153,.55),0 0 36px rgba(236,72,153,.3)}50%{box-shadow:0 0 28px rgba(236,72,153,.9),0 0 64px rgba(236,72,153,.5)}}
@media (prefers-reduced-motion:reduce){.mk .btn{animation:none}}
/* Landing banner: crisp white letters, glow kept away from the edges */
.sign>div{text-shadow:0 0 14px rgba(236,72,153,.55),0 0 34px rgba(236,72,153,.35);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;will-change:transform;backface-visibility:hidden;animation-name:l3d}
@keyframes l3d{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* Disclaimer page: "In short" summary boxes */
.vl-inshort{margin:14px 0 18px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--pri) 40%,var(--bd));border-left:4px solid var(--pri);border-radius:12px;background:color-mix(in srgb,var(--pri) 8%,var(--card))}
.vl-inshort p{margin:0;color:var(--fg);font-size:16px;line-height:1.55}
.vl-inshort .lbl{margin-bottom:4px;font:700 11px Outfit,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--pri)}
/* Report bubble on phones: compact pop-up centred on screen, never cut off */
@media (max-width:700px){
.lr-rep-pop{position:fixed;left:50%;right:auto;top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:2147482000;width:min(280px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;padding:12px 10px;transform:translateX(-50%);box-shadow:0 14px 40px rgba(0,0,0,.7),0 0 0 100vmax rgba(0,0,0,.45)}
.lr-rep-pop b{font-size:14px}
.lr-rep-pop small{font-size:11.5px;margin:0 0 4px}
.lr-round .lr-rep-pop a{padding:9px 10px;font-size:13px;border-bottom:1px solid #26262a;border-radius:0}
.lr-round .lr-rep-pop a:last-child{border-bottom:0}
.lr-rep .lr-tip{display:none}
}
/* Fingerprint / Face ID sign-in (Authentry) */
.vl-passkey{display:grid;gap:10px}
.vl-passkey .or{display:flex;align-items:center;gap:12px;margin:4px 0 0;color:var(--mute);font-size:13px}
.vl-passkey .or::before,.vl-passkey .or::after{content:"";flex:1;height:1px;background:var(--bd)}
.vl-passkey button,.vl-passkey .authentry-button,.vl-passkey [class*="authentry"] button{width:100%;min-height:46px;border-radius:99px!important;font:600 15px Outfit,sans-serif!important;background:transparent!important;color:var(--fg)!important;border:1px solid color-mix(in srgb,var(--pri) 60%,var(--bd))!important;cursor:pointer;box-shadow:0 0 16px rgba(236,72,153,.25)}
.vl-passkey button:hover,.vl-passkey [class*="authentry"] button:hover{background:color-mix(in srgb,var(--pri) 14%,transparent)!important}
.vl-passkey .fine{margin:0;text-align:center}
.vl-passkey-card{margin-bottom:20px}
.vl-passkey-card h2{display:flex;align-items:center;gap:8px}
.vl-passkey-card [class*="authentry"] button{border-radius:99px!important;font-family:Outfit,sans-serif!important}
/* Fingerprint opt-in question */
.vl-pk-ask{max-width:360px;text-align:center}
.vl-pk-ask h2{font:700 20px/1.25 Outfit,sans-serif!important;margin:8px 0 6px}
.vl-pk-ask p{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--mute)}
.vl-pk-ic{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--pri) 18%,transparent);color:var(--pri)}
.vl-pk-ask .btn,.vl-pk-yes button,.vl-pk-yes [class*="authentry"] button{display:flex;justify-content:center;width:100%;margin:0 0 8px;min-height:44px;border-radius:99px!important;font:700 15px Outfit,sans-serif!important}
.vl-pk-yes button,.vl-pk-yes [class*="authentry"] button{border:0!important;background:var(--pri)!important;color:#fff!important;cursor:pointer;box-shadow:0 0 18px rgba(236,72,153,.45)}
.vl-pk-never{margin-top:4px;border:0;background:none;color:var(--mute);font:500 13px Outfit,sans-serif;text-decoration:underline;cursor:pointer}
/* My Orders */
.vo{display:grid;gap:16px;color:var(--fg)}
.vo-card{border:1px solid #2a2a2e;border-radius:16px;background:#18181b;overflow:hidden}
.vo-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid #26262a}
.vo-id{margin:0;font:700 16px Outfit,sans-serif;color:#fff}
.vo-date{margin:2px 0 0;font-size:13px;color:#a1a1aa}
.vo-demo{margin-left:6px;padding:2px 8px;border-radius:99px;background:#3f2a00;color:#fbbf24;font:700 10px Outfit,sans-serif;letter-spacing:.08em;text-transform:uppercase;vertical-align:middle}
.vo-status{flex:0 0 auto;padding:5px 12px;border-radius:99px;font:700 12px Outfit,sans-serif;background:#26262a;color:#e4e4e7}
.vo-status.s-delivered{background:rgba(34,197,94,.15);color:#4ade80}
.vo-status.s-in_transit,.vo-status.s-out,.vo-status.s-collected{background:rgba(236,72,153,.15);color:#f472b6}
.vo-status.s-packed,.vo-status.s-placed{background:rgba(251,191,36,.12);color:#fbbf24}
.vo-items{list-style:none;margin:0;padding:8px 18px;display:grid;gap:8px}
.vo-items li{display:flex;align-items:center;gap:12px}
.vo-items img{width:52px;height:52px;flex:0 0 52px;border-radius:10px;object-fit:cover;background:#26262a}
.vo-items b{display:block;font-size:14px;color:#fff}.vo-items small{display:block;font-size:12px;color:#a1a1aa}
.vo-track{padding:8px 18px 14px}
.vo-bar{height:6px;border-radius:99px;background:#26262a;overflow:hidden}
.vo-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#ec4899,#c026d3);box-shadow:0 0 10px rgba(236,72,153,.6)}
.vo-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;list-style:none;margin:8px 0 0;padding:0;font-size:11px;color:#71717a;text-align:center}
.vo-steps li.past{color:#d4d4d8}.vo-steps li.now{color:#f472b6;font-weight:700}
.vo-way{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:12px 0 0;font-size:13px;color:#d4d4d8}
.vo-wb{font-family:ui-monospace,Consolas,monospace;letter-spacing:.04em;color:#fff}
.vo-copy{padding:2px 10px;border:1px solid #3f3f46;border-radius:99px;background:none;color:#e4e4e7;font:600 11px Outfit,sans-serif;cursor:pointer}
.vo-eta{margin-left:auto;color:#a1a1aa}
.vo-hist{margin-top:8px;font-size:13px}
.vo-hist summary{cursor:pointer;color:#f472b6;font-weight:600}
.vo-hist ul{list-style:none;margin:8px 0 0;padding:0 0 0 14px;border-left:2px solid #3f3f46}
.vo-hist li{position:relative;padding:4px 0 6px 10px}
.vo-hist li::before{content:"";position:absolute;left:-19px;top:9px;width:8px;height:8px;border-radius:50%;background:#ec4899}
.vo-hist b{display:block;color:#fff;font-size:13px}.vo-hist span{color:#a1a1aa;font-size:12px}
.vo-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid #26262a}
.vo-f .lr-pill{height:36px;padding:0 16px;font-size:13px;text-decoration:none}
.vo-help{font-size:13px;color:#a1a1aa}
.vo-note{text-align:center}
@media(max-width:560px){.vo-steps{grid-template-columns:repeat(3,1fr);row-gap:6px}.vo-eta{margin-left:0;width:100%}}
.vl-pk-how{text-align:center}
.vl-pk-try{display:block;margin:6px auto 0;border:0;background:none;color:var(--pri);font:600 13px Outfit,sans-serif;text-decoration:underline;cursor:pointer}
/* Marketplace item pop-up: photo large and clear; stacks above the details when narrow */
.mp-dlg-b{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.mp-dlg-b .pic{display:grid;place-items:center;min-height:260px;max-height:420px;padding:10px;border-radius:14px;background:#fff;overflow:hidden}
.mp-dlg-b .pic img{width:100%;height:100%;max-height:400px;object-fit:contain;border-radius:10px}
.mp-dlg{width:min(760px,calc(100vw - 32px))}
/* Marketplace: every item photo in the same square tile, whole product visible */
.mp-card .pic{position:relative;display:block;width:100%;aspect-ratio:1/1;height:auto;overflow:hidden;background:#fff}
.mp-card .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.lr-item .pic{position:relative;aspect-ratio:1/1;overflow:hidden;background:#fff}
.lr-item .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
/* Photo editor (My Profile uploads) */
.vl-pe{width:min(620px,calc(100vw - 24px));max-width:none;padding:18px 18px 16px;text-align:center}
.vl-pe h2{margin:0 0 2px;font:700 20px Outfit,sans-serif!important}
.vl-pe-tip{margin:0 0 12px;font-size:12px;color:var(--mute)}
.vl-pe-stage{position:relative;display:grid;place-items:center;margin:0 auto;padding:6px;border-radius:14px;background:repeating-conic-gradient(#1c1c20 0 25%,#141417 0 50%) 0 0/20px 20px}
.vl-pe-stage canvas{display:block;border-radius:10px;touch-action:none;cursor:grab;box-shadow:0 0 0 2px var(--pri)}
.vl-pe-stage canvas:active{cursor:grabbing}
.vl-pe-stage.round canvas{border-radius:50%}
.vl-pe-row{display:flex;align-items:center;gap:10px;margin:14px 0 10px;font-size:13px;color:var(--mute)}
.vl-pe-row input[type=range]{flex:1;accent-color:var(--pri)}
.vl-pe-mini{padding:6px 12px;border:1px solid var(--bd);border-radius:99px;background:none;color:var(--fg);font:600 12px Outfit,sans-serif;cursor:pointer}
.vl-pe-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 14px}
.vl-pe-filters button{padding:7px 14px;border:1px solid var(--bd);border-radius:99px;background:var(--card);color:var(--fg);font:600 13px Outfit,sans-serif;cursor:pointer}
.vl-pe-filters button[aria-pressed=true]{background:var(--pri);border-color:var(--pri);color:#fff;box-shadow:0 0 14px rgba(236,72,153,.45)}
.vl-pe-act{display:flex;gap:10px;justify-content:flex-end}
.vl-pe-act .btn{flex:1;justify-content:center}
/* Marketplace banner: show the whole house picture (no cropping) */
.mk .im{display:grid;place-items:center}
.mk img{object-fit:contain;padding:20px;box-sizing:border-box;max-height:440px}
@media(max-width:760px){.mk img{width:auto;max-width:100%;height:auto;max-height:340px;margin:0 auto;padding:8px 16px 20px}}
/* Members home: "What are you into?" */
.vlm-into{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 16px;padding:14px 18px;border:1px solid #2a2a2e;border-radius:16px;background:linear-gradient(135deg,rgba(236,72,153,.12),rgba(139,92,246,.08)),#141417}
.vlm-into h2{margin:0;font:700 18px Outfit,sans-serif;color:#fff}
.vlm-into-btns{display:flex;flex-wrap:wrap;gap:8px}
.vlm-into-btns button{padding:9px 20px;border:1px solid #3f3f46;border-radius:99px;background:#1c1c20;color:#fff;font:600 14px Outfit,sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s,border-color .2s}
.vlm-into-btns button:hover{border-color:#ec4899}
.vlm-into-btns button[aria-pressed=true]{background:#ec4899;border-color:#ec4899;box-shadow:0 0 16px rgba(236,72,153,.55)}
@media (max-width:640px){
.vlm-into{flex-wrap:nowrap;gap:6px;padding:7px 8px;margin-bottom:12px;border-radius:12px}
.vlm-into h2{flex:none;font-size:11.5px;white-space:nowrap}
.vlm-into-btns{flex:1;min-width:0;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}
.vlm-into-btns::-webkit-scrollbar{display:none}
.vlm-into-btns button{flex:1 0 auto;padding:4px 7px;font-size:11px}
.vlm-into-btns button[aria-pressed=true]{box-shadow:0 0 8px rgba(236,72,153,.55)}
}
.vlm-card.into-off{display:none!important}
/* My Profile: search filter categories (model) */
.pf-cats{margin:8px 0 18px}
.pf-cats .fine{margin:-4px 0 12px;color:#a1a1aa;font-size:13px}
.pf-cat{margin:0 0 14px;padding:0;border:0}
.pf-cat legend{margin:0 0 8px;padding:0;font:600 13px Outfit,sans-serif;color:#f9a8d4;text-transform:uppercase;letter-spacing:.06em}
.pf-chips{display:flex;flex-wrap:wrap;gap:8px}
.pf-chip{position:relative;cursor:pointer}
.pf-chip input{position:absolute;opacity:0;width:1px;height:1px}
.pf-chip span{display:inline-block;padding:7px 14px;border:1px solid #3f3f46;border-radius:99px;background:#1c1c20;color:#fff;font:500 13px Outfit,sans-serif;transition:background .2s,border-color .2s,box-shadow .2s}
.pf-chip:hover span{border-color:#ec4899}
.pf-chip input:checked+span{background:#ec4899;border-color:#ec4899;box-shadow:0 0 12px rgba(236,72,153,.5)}
.pf-chip input:focus-visible+span{outline:2px solid #f9a8d4;outline-offset:2px}
/* My Orders: Download invoice text in white */
.vo .vo-f a.lr-pill.pink,.vo .vo-f a.lr-pill.pink:visited,.vo .vo-f a.lr-pill.pink:hover{color:#fff;text-decoration:none}
/* My Profile (models): location with Auto-detect / Add manually */
.pf-loc{margin:4px 0 14px;padding:14px;border:1px solid #2a2a2e;border-radius:14px;background:#141417}
.pf-loc-t{margin:0 0 10px;font:600 14px Outfit,sans-serif;color:#fff}
.pf-loc-btns{display:flex;flex-wrap:wrap;gap:8px}
.pf-loc-btns .btn{display:inline-flex;align-items:center;gap:6px}
.pf-loc .st-note{margin:10px 0 0;font-size:13px;color:#d4d4d8}
.pf-loc-fields{margin-top:12px}
.pf-loc-fields[hidden]{display:none}
/* Live room on mobile: smaller Follow button and joins so the model stays in view */
@media (max-width:640px){
.lr-joins{top:68px;left:8px;gap:4px}
.lr-joins span{padding:3px 8px;font-size:11px}
}
/* Follow button sits in the round-button row under the gifts, on the right */
.lr-round{align-items:center}
.lr-round .lr-follow{position:static;margin-left:auto;display:inline-flex;align-items:center;gap:8px;width:auto;height:46px;padding:4px 16px 4px 5px;border-radius:99px;background:#ff1a8c;font:600 14px Outfit,sans-serif;white-space:nowrap}
.lr-round .lr-follow:hover{background:#e0157a}
.lr-round .lr-follow.on{background:#2a2023}
.lr-round .lr-follow-av{width:34px;height:34px}
@media (max-width:640px){.lr-round .lr-follow{height:42px;font-size:13px;padding:4px 14px 4px 4px}.lr-round .lr-follow-av{width:30px;height:30px}}.lr-joins{top:56px}
@media (max-width:640px){.lr-joins{top:44px}}
.lr-gift .em img{display:block;width:28px;height:28px;margin:0 auto}
.lr-floats span img{display:block;width:1em;height:1em}
.lr-gift-list{overflow-x:auto;scrollbar-width:none}
.lr-gift-list::-webkit-scrollbar{display:none}

/* Live room "About" banner: half the height */
.lr-cover{min-height:56px;padding:10px 16px 30px}
.lr-facts .h{margin:0 0 4px;font-size:11px}
.lr-facts .bio{margin:4px 0 0;font-size:12.5px;line-height:1.4}
.lr-facts dl{gap:2px 10px;font-size:12.5px}
.lr-prof-av{width:56px;height:56px;margin-top:-28px;border-width:3px;font-size:22px}
/* Profile card: cover is a thin strip; About details sit under the name */
.lr-prof{position:relative;display:flex;flex-direction:column}
.lr-prof::before{content:"";flex:none;height:36px;background:linear-gradient(135deg,#6d28d9,#ec4899)}
.lr-prof .lr-prof-b{order:1;position:relative;padding-bottom:0}
.lr-prof .lr-cover{order:2;position:static;min-height:0;height:auto;padding:12px 18px 18px;background:none;overflow:visible}
.lr-prof .lr-cover .bg{top:0;left:0;right:0;bottom:auto;height:36px;opacity:1}
/* Page bands: space between the last line of text and the button */
.entry .band p:has(> .btn){margin-top:20px}
/* Earnings scrolling strip above the zero sign-up fee badge; longer text, so slower to read at the same speed */
.zf-earn{display:block;margin-top:48px;color:inherit;text-decoration:none;cursor:pointer;transition:background-color .2s,box-shadow .2s}
.sign.zf-earn{box-shadow:none;background:rgba(0,0,0,.35);border-color:rgba(255,255,255,.08)}
.sign.zf-earn:hover,.sign.zf-earn:focus-visible{background:rgba(255,255,255,.04);box-shadow:none;outline:none}
.zf-earn:hover>div{animation-play-state:paused}
.zf-earn>div{animation-duration:72s}
.zf-earn .zf-cta{margin-left:14px;font-style:normal;color:#fcd34d;text-shadow:0 0 14px rgba(252,211,77,.55);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.zf-earn+.zf{padding-top:48px}
/* Gift bar and round buttons: 30% smaller */
.lr-gifts{gap:8px 12px;padding:8px 12px}
.lr-gift{flex:1 0 38px;min-width:38px;gap:4px;padding:5px 3px}
.lr-gift .em{font-size:20px}
.lr-gift .em img{width:20px;height:20px}
.lr-gift .pr{gap:3px;font-size:11px}
.lr-gift .lr-coin{width:13px;height:13px;font-size:7px}
.lr-round{gap:7px}
.lr-round button,.lr-round a{width:32px;height:32px}
.lr-round svg{width:14px;height:14px}
.lr-round .lr-follow{height:32px;gap:6px;padding:3px 11px 3px 3px;font-size:11px}
.lr-round .lr-follow-av{width:24px;height:24px;font-size:10px}
@media (max-width:640px){.lr-round .lr-follow{height:30px;font-size:11px;padding:3px 10px 3px 3px}.lr-round .lr-follow-av{width:22px;height:22px}}

/* Phone full screen: the stream fills the screen, gifts and buttons on top of it */
html.lr-max-open,html.lr-max-open body{overflow:hidden}
.lr.lr-max .lr-left{position:fixed;inset:0;z-index:100000;display:block;border-radius:0;background:#000}
.lr.lr-max .lr-stage{position:absolute;inset:0;min-height:0;aspect-ratio:auto}
.lr.lr-max .lr-vid{width:100%;height:100%;max-width:none;object-fit:cover}
.lr.lr-max .lr-gifts{position:absolute;left:0;right:0;bottom:0;z-index:4;flex-wrap:nowrap;flex-direction:column;align-items:stretch;gap:8px;padding:28px 10px calc(10px + env(safe-area-inset-bottom));border:0;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0))}
.lr.lr-max .lr-gift-list{flex:none}
.lr.lr-max .lr-round button,.lr.lr-max .lr-round a{background:rgba(0,0,0,.5)}
.lr.lr-max .lr-round .lr-follow{background:#ff1a8c}
.lr.lr-max .lr-fs{top:calc(44px + env(safe-area-inset-top));bottom:auto;right:12px}
.lr.lr-max .lr-mute{top:calc(12px + env(safe-area-inset-top))}
.lr.lr-max .lr-top{top:calc(12px + env(safe-area-inset-top))}
.lr.lr-max .lr-floats{bottom:150px}
/* Landing Marketplace banner: both boxes 30% smaller */
.mk>div{max-width:900px;margin:0 auto}
.mk .t{padding:34px;gap:17px}
.mk .t>svg{width:22px;height:22px}
.mk h2{font-size:clamp(15px,2.1vw,27px)}
.mk .btn.lg{padding:10px 20px;font-size:14px}
.mk img{max-height:308px;padding:14px}
@media(max-width:760px){
.mk .t{padding:22px 18px}
.mk img{max-height:238px;padding:6px 12px 14px}
}
/* Members top bar: App button 25% smaller */
.vlm-right .btn.app{height:24px;padding:0 9px;font-size:10px;gap:4px}
.vlm-right .btn.app svg{width:11px;height:11px}

/* Members home: Models grid 20% smaller */
.vlm-grid.six{max-width:80%}
@media(max-width:639px){.vlm-grid.six{max-width:none;padding:0 10%}}

/* Chat (Wise Chat): green Send button in the message box's right corner */
.vlm-wise .wcInputContainer,.vlm-wise .wcMessagesInputContainer{position:relative}
.vlm-wise .wcSubmitButton{background:#16a34a!important;color:#fff!important;border:0!important;border-radius:0 99px 99px 0!important;padding:0 18px!important;min-width:72px;font:700 14px Outfit,sans-serif!important;cursor:pointer;box-shadow:0 0 12px rgba(22,163,74,.45);text-shadow:none!important}
.vlm-wise .wcSubmitButton:hover{background:#15803d!important}.vlm-wise .wcInputs{position:relative}
.vlm-wise .wcInputs .wcInput{padding-right:84px!important}
.vl-wc-send{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:2;height:34px;min-width:72px;padding:0 16px;border:0;border-radius:99px;background:#16a34a;color:#fff;font:700 14px Outfit,sans-serif;cursor:pointer;box-shadow:0 0 12px rgba(22,163,74,.45)}
.vl-wc-send:hover{background:#15803d}
/* Coins are gold everywhere (members and models top bar, header wallet button) */
.vlm-coins,.vlm-coins svg,header .btn.coin,header .btn.coin svg{color:#fbbf24!important;stroke:#fbbf24}
.vlm-coins:hover,header .btn.coin:hover{color:#fcd34d!important}
.vlm-coins svg,header .btn.coin svg{filter:drop-shadow(0 0 4px rgba(251,191,36,.45))}
/* "Download app" item in the signed-in menus: stays hidden until the browser can install the app. */
.acct-menu a[data-vl-app][hidden],.vlm-side a[data-vl-app][hidden]{display:none}
/* Cart count next to "My Cart" in the account menu. */
.acct-menu a .acct-n{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ec4899;color:#fff;font:700 11px/18px Outfit,sans-serif;text-align:center}
header .btn.vlm-cart{overflow:visible}
/* LIVE NOW pages: arrows + page numbers under the stream cards */
.vlm-card.pg-off{display:none}
#live{scroll-margin-top:72px}
.vlm-pager{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:22px 0 4px}
.vlm-pager[hidden]{display:none}
.vlm-pager{gap:6px}
.vlm-pager button{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid #3f3f46;border-radius:99px;background:#18181b;color:#d4d4d8;font:600 13px/1 Outfit,system-ui,sans-serif;cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s}
.vlm-pager button svg{width:15px;height:15px}
.vlm-pager button.on,.vlm-pager button:hover:not(:disabled){border-color:#c77dff!important;background:#18181b;color:#fff;box-shadow:0 0 4px rgba(199,125,255,.7),0 0 10px rgba(157,78,221,.45)!important}
.vlm-pager button:disabled{opacity:.35;cursor:default}
/* LIVE NOW pager arrows: just the arrow, glowing soft neon purple (no ring) */
#live .vlm-pager button.arr{min-width:26px;padding:0;border-color:transparent!important;background:none;box-shadow:none!important;color:#d9b3ff}
#live .vlm-pager button.arr svg{filter:drop-shadow(0 0 2px #c77dff) drop-shadow(0 0 6px rgba(157,78,221,.7))}
#live .vlm-pager button.arr:hover:not(:disabled) svg{filter:drop-shadow(0 0 3px #c77dff) drop-shadow(0 0 10px rgba(157,78,221,.9))}
#live .vlm-pager button.arr:disabled svg{filter:none}
/* "Get the app" bubble + popup: no logo, compact bubble, Android APK link */
.vl-app-tip>img,.vl-app>img{display:none}
.vl-app h2{margin-top:0}
.vl-app-tip{width:min(268px,100vw - 24px);gap:0;padding:10px 12px;border-radius:14px}
.vl-app-tip .t{font-size:14px;margin:0 18px 2px 0}
.vl-app-tip .s{font-size:12px;line-height:1.35}
.vl-app-tip .b{gap:6px;margin-top:8px}
.vl-app-tip .b .btn{padding:5px 12px;font-size:12px}
.vl-app-tip .x{top:3px;right:8px;font-size:18px}
.vl-apk a{color:#d9b3ff;text-decoration:underline;text-underline-offset:2px}
.vl-app-tip .vl-apk{margin:7px 0 0;font-size:11.5px}
.vl-app .vl-apk{margin-top:14px}
/* Android APK link as a button (app bubble + install popup) */
.vl-apk a{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid #c77dff;border-radius:99px;background:rgba(157,78,221,.18);color:#fff;font-weight:600;text-decoration:none;box-shadow:0 0 4px rgba(199,125,255,.5),0 0 10px rgba(157,78,221,.3);transition:box-shadow .2s,background .2s}
.vl-apk a::before{content:"";width:13px;height:13px;flex-shrink:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E") center/contain no-repeat}
.vl-apk a:hover{background:rgba(157,78,221,.32);box-shadow:0 0 6px #c77dff,0 0 14px rgba(157,78,221,.55)}
.vl-app-tip .vl-apk a{font-size:12px}
/* App bubble: no "Not now" (× closes it), APK button in the same row, tighter */
.vl-app-tip .b .btn.sec{display:none}
.vl-app-tip{width:min(252px,100vw - 24px);padding:9px 11px}
.vl-app-tip .s{font-size:11.5px}
.vl-app-tip .b{flex-wrap:nowrap;align-items:center;margin-top:7px}
.vl-app-tip .b .btn,.vl-app-tip .vl-apk a{height:28px;padding:0 11px;font-size:11.5px;white-space:nowrap}
.vl-app-tip .vl-apk{margin:0;font-size:inherit}
/* Models on phones: 2 rows of 3 smaller cards, swipe sideways for more (members.js adds them) */
@media(max-width:899px){
#models .vlm-grid.six{max-width:none;padding:0 0 4px;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:calc((100% - 16px) / 3);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#models .vlm-grid.six::-webkit-scrollbar{display:none}
#models .vlm-grid.six .vlm-card{scroll-snap-align:start;border-radius:10px}
#models .vlm-card .cap{padding:6px}
#models .vlm-card .cap b{font-size:12px}
#models .vlm-card .cap small{font-size:9.5px}
#models .vlm-card .chips{margin-top:3px;gap:3px}
#models .vlm-card .chips em{padding:1px 6px;font-size:8.5px}
#models .vlm-card .vlm-live{transform:scale(.8);transform-origin:top left}
}
/* Go Live studio: Live bid + Private show lobby under the video, Public/Private chat on the right */
.sd-main{display:grid;gap:24px;min-width:0}
.sd-main .st-card{padding:20px}
@media(min-width:768px){.sd-main{grid-template-columns:1fr 1fr;align-items:start}.sd-main .sd-broadcast{grid-column:1/-1}}
.sd-chat{width:100%}
.sd-chat .lr-chat,.sd-chat .lr-private{height:340px;max-height:340px}
/* Go Live chat: "Welcome message" button + popup */
.lr-tabs .sd-welcome-btn{display:inline-flex;align-items:center;gap:6px;height:28px;margin-left:auto;padding:0 12px;border:1px solid #c77dff;border-bottom:1px solid #c77dff;border-radius:99px;background:rgba(157,78,221,.15);color:#fff;font:600 12px Outfit,sans-serif;white-space:nowrap;box-shadow:0 0 5px rgba(199,125,255,.45)}
.sd-welcome-form{display:grid;gap:8px;margin-top:16px;text-align:left}
.sd-welcome-form input{height:44px;padding:0 14px;border:1px solid var(--bd);border-radius:12px;background:var(--bg);color:var(--fg);font:inherit;font-size:15px}
.sd-welcome-form input:focus{outline:0;border-color:#c77dff}
.sd-welcome-form .fine{margin:0;text-align:right;font-size:12px}
.sd-welcome-form .btn{justify-content:center;width:100%}
/* Go Live on phones/tablets (one column): video, then chat, then Live bid + Private show lobby, then the rest */
@media(max-width:1023px){.sd-main,.sd-side{display:contents}.sd-main .sd-broadcast{order:1}.sd-chat{order:2}#live-bid{order:3}.sd-lobby{order:4}.sd-side>:not(.sd-chat){order:5}}
/* Go Live chat bar: smaller Welcome message button so it fits beside Public / Private */
.lr-tabs .sd-welcome-btn{gap:4px;height:24px;padding:0 9px;font-size:10.5px;flex-shrink:0}
.lr-tabs .sd-welcome-btn svg{width:11px;height:11px}
.sd-chat .lr-tabs{gap:0;padding:0 8px}
.sd-chat .lr-tabs button[data-sd-tab]{padding:0 10px}
/* Go Live stream screen: quality picker + mute icon, top-right corner */
.sd-tr{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;gap:8px}
.sd-q select{height:32px;padding:0 26px 0 12px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(0,0,0,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center/12px;color:#fff;font:600 12px Outfit,sans-serif;appearance:none;-webkit-appearance:none;cursor:pointer;backdrop-filter:blur(4px)}
.sd-q select:focus{outline:0;border-color:#c77dff}
.sd-q option{background:#1c0f19;color:#fff}
.sd-mute{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;backdrop-filter:blur(4px)}
.sd-mute .off-ic,.sd-mute.muted .on-ic{display:none}
.sd-mute.muted .off-ic{display:block}
.sd-mute.muted{border-color:#ef4444;color:#ef4444}
.sd-mute span{display:block;line-height:0}
.sd-q .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Followers list (Go Live) + Blocked members (Settings) */
.sd-fl{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:6px;max-height:min(52vh,420px);overflow-y:auto;text-align:left}
.sd-fl li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--bd);border-radius:12px;background:color-mix(in srgb,var(--bd) 35%,transparent)}
.sd-fl .av{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#9d4edd,#ec4899);color:#fff;font:700 14px Outfit,sans-serif}
.sd-fl .who{flex:1;min-width:0;display:grid}
.sd-fl .who b{font-size:14px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-fl .who small{font-size:11.5px;color:var(--mute)}
.sd-fl-st{font-style:normal;flex-shrink:0;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.1);color:#a1a1aa;font-size:10.5px;font-weight:600}
.sd-fl-st.on{background:#14532d;color:#bbf7d0}
.sd-fl-btn{flex-shrink:0;height:28px;padding:0 12px;border:1px solid #ef4444;border-radius:99px;background:transparent;color:#fca5a5;font:600 12px Outfit,sans-serif;cursor:pointer}
.sd-fl-btn:hover{background:rgba(239,68,68,.15)}
.sd-fl-blocked{flex-shrink:0;font-size:11px;font-weight:600;color:#ef4444}
.sd-fl form{margin:0}
.vl-blocked .sd-fl{max-height:none}
.vl-blocked .sd-fl-btn{border-color:#c77dff;color:#e9d5ff}
.vl-blocked .sd-fl-btn:hover{background:rgba(157,78,221,.2)}
.sd-block{display:grid;gap:8px;margin-top:16px}
.sd-block .t{margin:0 0 4px;color:var(--fg);font-size:15px}
.sd-why{height:42px;border:1px solid var(--bd);border-radius:12px;background:color-mix(in srgb,var(--bd) 40%,transparent);color:var(--fg);font:600 14px Outfit,sans-serif;cursor:pointer}
.sd-why:hover{border-color:#ef4444;color:#fca5a5}
.sd-why-cancel{border:0;background:none;color:var(--mute);font:500 13px Outfit,sans-serif;cursor:pointer;padding:6px}
.sd-block[hidden],[data-fl-list][hidden]{display:none}
/* Quality picker + mute: smaller (Go Live studio and members' live room) */
.sd-tr{gap:6px;top:10px;right:10px}
.sd-q select{height:24px;padding:0 20px 0 9px;font-size:10.5px;background-position:right 6px center;background-size:10px}
.sd-mute{width:24px;height:24px}
.sd-mute svg{width:13px;height:13px}
.lr-tr{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;gap:6px}
.lr-tr .lr-mute{position:static;height:24px;padding:0 8px;gap:4px;font-size:9px}
.lr-tr .lr-mute svg{width:12px;height:12px}
.lr-tr .sd-q select{border-color:rgba(255,255,255,.25);background-color:rgba(0,0,0,.6)}
/* Go Live: preview window 40% taller; Start live / Bid Open / Coin Goal buttons 35% smaller */
.sd-video{width:100%;aspect-ratio:16/9}
@media (max-width:767px) and (orientation:portrait){.sd-video{aspect-ratio:3/4}}
.sd-controls{padding:10px;gap:5px}
.sd-controls .btn{height:auto;padding:6px 13px;gap:5px;font-size:11px}
.sd-controls .btn svg{width:11px;height:11px}
/* Follower profile (models): /?vl_member=Name */
a.who{text-decoration:none}
a.who:hover b{color:#d9b3ff;text-decoration:underline}
.vl-fan{max-width:640px;margin:0 auto}
.vl-fan .eyebrow a{color:inherit;text-decoration:none}
.vl-fan-card{display:flex;align-items:center;gap:16px;margin:12px 0 18px}
.vl-fan-av{display:grid;place-items:center;flex-shrink:0;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#9d4edd,#ec4899);color:#fff;font:700 30px Outfit,sans-serif;box-shadow:0 0 14px rgba(157,78,221,.5)}
.vl-fan-id h1{margin:0;font-size:26px}
.vl-fan-id .sub{margin:2px 0 8px}
.vl-fan-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.vl-fan-blocked{background:rgba(239,68,68,.2)!important;color:#fca5a5!important}
.vl-fan-acts{display:flex;gap:10px;margin:0 0 22px}
.vl-fan-acts .btn{flex:1;justify-content:center}
.vl-fan-thread{display:grid;gap:8px;max-height:340px;overflow-y:auto;margin:10px 0}
.vl-fan-msg{justify-self:end;max-width:80%;margin:0;padding:8px 12px;border-radius:14px 14px 4px 14px;background:linear-gradient(135deg,#9d4edd,#ec4899);color:#fff;font-size:14px}
.vl-fan-msg small{display:block;margin-top:3px;font-size:10px;opacity:.75}
.vl-fan-send{padding:0;background:none}
/* Go Live: eye + viewers count, top-left of the stream screen */
.sd-viewers{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:rgba(0,0,0,.55);color:#fff;font:700 11px Outfit,sans-serif;backdrop-filter:blur(4px)}
.sd-viewers svg{width:13px;height:13px}
.sd-viewers.live{border-color:#ef4444}
.sd-viewers.live svg{color:#f87171}
.sd-video .sd-badge{top:42px;left:10px}
.sd-viewers .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}