:root{
  --bg:#08090b;
  --panel:#0d0f12;
  --panel-2:#15181d;
  --line:#252930;
  --text:#f3f5f7;
  --muted:#929aa6;
  --accent:#11bff3;
  --accent-2:#087aa8;
  --danger:#ff5f6d;
  --success:#35d27f;
  --warning:#f6c85f;
  --radius:18px;
  --nav-h:72px;
  --max:760px;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;direction:rtl;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
svg{display:block}
.app-shell{min-height:100vh;padding-bottom:calc(var(--nav-h) + 18px)}
.topbar{position:sticky;top:0;z-index:30;height:68px;background:rgba(13,15,18,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.topbar h1{font-size:20px;margin:0;font-weight:800;letter-spacing:-.2px}
.top-actions{display:flex;align-items:center;gap:8px}
.icon-btn{width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:var(--text);display:grid;place-items:center}
.icon-btn:hover{background:var(--panel-2)}
.container{width:min(100%,var(--max));margin:0 auto}
.main{width:min(100%,var(--max));margin:0 auto}
.composer{padding:18px;border-bottom:1px solid var(--line);background:var(--panel)}
.composer textarea{width:100%;min-height:86px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font-size:17px;line-height:1.7}
.composer-actions{display:flex;align-items:center;gap:8px;margin-top:12px}
.tool-btn{height:42px;min-width:42px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--muted);display:flex;align-items:center;gap:7px}
.tool-btn:hover{color:var(--accent);border-color:#38515c}
.filterbar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--bg)}
.chip{border:0;padding:9px 16px;border-radius:999px;background:#22262d;color:var(--muted)}
.chip.active{background:#073e52;color:#fff}
.post{border-bottom:1px solid var(--line);padding:18px;background:var(--bg)}
.post-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.userline{display:flex;align-items:center;gap:11px;min-width:0}
.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-weight:800;background:linear-gradient(145deg,#25c8ff,#2a5cff);color:#fff;overflow:hidden}
.avatar.sm{width:38px;height:38px;font-size:13px}
.avatar.lg{width:88px;height:88px;font-size:26px;border:4px solid var(--bg)}
.username{font-weight:800;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.handle,.meta{font-size:13px;color:var(--muted);margin-top:3px}
.post-text{font-size:17px;line-height:1.75;margin:14px 0;white-space:pre-wrap}
.media{width:calc(100% + 36px);margin-inline:-18px;aspect-ratio:16/10;background:linear-gradient(145deg,#263340,#121419);display:flex;align-items:flex-end;padding:20px;overflow:hidden;position:relative}
.media.vertical{aspect-ratio:9/14;margin:0;width:100%;border-radius:18px}
.media::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 20%,rgba(17,191,243,.4),transparent 35%),radial-gradient(circle at 80% 65%,rgba(132,77,255,.35),transparent 34%)}
.media-caption{position:relative;z-index:2;font-weight:800;font-size:24px;max-width:70%;line-height:1.35;text-shadow:0 2px 14px #000}
.post-actions{display:flex;justify-content:space-around;gap:8px;padding-top:12px}
.action{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px}
.action:hover{background:var(--panel-2);color:var(--text)}
.action.active{color:var(--accent)}
.locked{border:1px solid #3a3340;background:linear-gradient(135deg,#17151c,#101216);padding:24px;border-radius:18px;text-align:center;margin-top:12px}
.locked .lock{font-size:32px;margin-bottom:8px}
.locked h3{margin:4px 0 6px}.locked p{color:var(--muted);margin:0 0 15px}
.primary{border:0;border-radius:12px;background:var(--accent);color:#03131a;padding:12px 18px;font-weight:900}
.primary:hover{filter:brightness(1.08)}
.secondary{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--text);padding:11px 18px;font-weight:700}
.danger{border:1px solid rgba(255,95,109,.5);background:rgba(255,95,109,.08);color:#ff8993}
.bottom-nav{position:fixed;z-index:40;bottom:0;left:0;right:0;height:var(--nav-h);background:rgba(15,17,20,.98);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:center}
.bottom-inner{width:min(100%,var(--max));display:grid;grid-template-columns:repeat(5,1fr);direction:rtl}
.nav-item{border:0;background:transparent;color:#89929d;display:flex;align-items:center;justify-content:center;position:relative}
.nav-item svg{width:29px;height:29px}.nav-item.active{color:#fff}.nav-item.active::after{content:"";position:absolute;bottom:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.badge{position:absolute;top:13px;right:calc(50% - 18px);min-width:17px;height:17px;padding:0 4px;background:var(--danger);color:white;border-radius:9px;font-size:10px;display:grid;place-items:center;border:2px solid var(--panel)}
.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.67);z-index:70;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.open{opacity:1;pointer-events:auto}
.drawer{position:absolute;left:0;right:auto;top:0;bottom:0;width:min(74vw,370px);background:#0b0c0f;border-right:1px solid var(--line);transform:translateX(-105%);transition:.25s;overflow:auto;padding-bottom:30px;box-shadow:18px 0 45px rgba(0,0,0,.32)}.drawer-backdrop.open .drawer{transform:translateX(0)}
.drawer-head{padding:18px;border-bottom:1px solid var(--line)}
.drawer-user{display:flex;align-items:center;gap:12px}.drawer-user .grow{flex:1}.online{width:9px;height:9px;background:var(--success);border-radius:50%;display:inline-block}
.drawer-stats{display:flex;gap:18px;color:var(--muted);margin-top:14px;font-size:13px}.drawer-stats b{color:var(--text);font-size:16px;margin-left:4px}
.menu-list{padding:8px 0}.menu-item{display:flex;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid rgba(42,46,54,.55);font-weight:700}.menu-item:hover{background:var(--panel-2)}.menu-item .mi-icon{width:28px;display:grid;place-items:center;color:var(--text)}.menu-item .mi-note{margin-right:auto;color:var(--muted);font-size:12px;font-weight:500}
.page-card{margin:14px;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden}
.section{padding:18px}.section+.section{border-top:1px solid var(--line)}
.section-title{margin:0 0 6px;font-size:19px}.section-sub{margin:0;color:var(--muted);line-height:1.7}
.form{display:grid;gap:13px;margin-top:16px}.field label{display:block;color:#d6dae0;font-size:13px;margin-bottom:7px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#0d0f12;color:var(--text);border-radius:12px;padding:13px 14px;outline:0}.field input:focus,.field textarea:focus{border-color:#376276;box-shadow:0 0 0 3px rgba(17,191,243,.08)}
.tabs{display:flex;gap:8px;background:#0d0f12;border-radius:14px;padding:5px}.tab{flex:1;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:11px}.tab.active{background:var(--panel-2);color:#fff;font-weight:800}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-card{width:min(100%,470px);border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:24px}.brand{text-align:center;margin-bottom:18px}.brand-mark{width:62px;height:62px;margin:auto;border-radius:18px;background:linear-gradient(145deg,#12c6ff,#0575b8);display:grid;place-items:center;font-weight:900;color:#05202a;font-size:26px}.brand h1{margin:12px 0 4px}.brand p{margin:0;color:var(--muted)}
.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:16px 0}.divider::before,.divider::after{content:"";height:1px;background:var(--line);flex:1}
.google-btn{width:100%;border:1px solid var(--line);background:#fff;color:#111;padding:12px 14px;border-radius:12px;font-weight:800}
.help-text{font-size:12px;color:var(--muted);line-height:1.7}.link{color:var(--accent)}
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.74);display:none;align-items:flex-end;justify-content:center}.modal-backdrop.open{display:flex}.modal{width:min(100%,520px);background:#15181d;border:1px solid var(--line);border-radius:22px 22px 0 0;padding:22px}.modal h2{margin:0 0 9px}.modal p{color:var(--muted);line-height:1.7;margin:0 0 18px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal .full{grid-column:1/-1}
.toast{position:fixed;z-index:120;bottom:92px;left:50%;transform:translateX(-50%) translateY(20px);background:#20242b;border:1px solid var(--line);color:#fff;padding:11px 16px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.profile-cover{height:190px;background:linear-gradient(135deg,#0f4760,#4f2f6f);position:relative}.profile-block{padding:0 18px 18px}.profile-avatar-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-44px;position:relative}.profile-actions{display:flex;gap:8px;padding-bottom:5px}.profile-name{font-size:22px;font-weight:900;margin-top:10px}.bio{color:#d9dde1;line-height:1.65;margin-top:10px}.profile-meta{display:flex;gap:15px;color:var(--muted);font-size:13px;margin-top:12px;flex-wrap:wrap}.private-note{font-size:12px;color:var(--muted);margin-top:8px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.grid-item{aspect-ratio:1;background:linear-gradient(145deg,#243944,#16191f);position:relative}.grid-item::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(17,191,243,.25),transparent 30%)}
.list{display:grid}.row{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.row-main{flex:1;min-width:0}.row-title{font-weight:800}.row-sub{font-size:13px;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-price{color:var(--accent);font-weight:900;font-size:13px}
.reels-page{background:#000;min-height:calc(100vh - var(--nav-h));}.reel{height:calc(100vh - var(--nav-h));position:relative;scroll-snap-align:start;background:linear-gradient(145deg,#1c2731,#101116);overflow:hidden}.reels-scroll{height:calc(100vh - var(--nav-h));overflow-y:auto;scroll-snap-type:y mandatory}.reel-bg{position:absolute;inset:0;background:radial-gradient(circle at 35% 25%,rgba(18,188,242,.35),transparent 27%),radial-gradient(circle at 75% 60%,rgba(130,66,255,.32),transparent 30%),linear-gradient(180deg,#202731,#090a0d)}.reel-info{position:absolute;z-index:2;right:18px;left:76px;bottom:28px;text-shadow:0 2px 10px #000}.reel-actions{position:absolute;z-index:3;left:15px;bottom:28px;display:grid;gap:16px}.reel-action{border:0;background:rgba(0,0,0,.35);color:#fff;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(7px)}.reel-ad{background:linear-gradient(145deg,#123243,#17131e)}.ad-label{display:inline-block;background:rgba(255,255,255,.15);padding:5px 9px;border-radius:7px;font-size:11px;margin-bottom:8px}
.live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.live-card{aspect-ratio:3/4;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(145deg,#25343d,#15171b)}.live-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 28%,rgba(17,191,243,.34),transparent 30%)}.live-info{position:absolute;z-index:2;right:10px;left:10px;bottom:10px}.live-pill{display:inline-flex;align-items:center;gap:6px;background:#ec3454;color:#fff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.dot{width:7px;height:7px;background:#fff;border-radius:50%}
.wallet-balance{background:linear-gradient(135deg,#0e526c,#0c2430);padding:22px;border-radius:18px}.wallet-balance .label{color:#a9ddec;font-size:13px}.wallet-balance .amount{font-size:34px;font-weight:900;margin-top:5px}.wallet-balance .cash{color:#b4c0c8;font-size:12px;margin-top:5px}.network-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.network{border:1px solid var(--line);border-radius:14px;background:#0d0f12;padding:14px;text-align:center}.network.active{border-color:var(--accent);box-shadow:0 0 0 2px rgba(17,191,243,.08)}
.qr{width:180px;height:180px;margin:18px auto;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0/24px 24px;border:10px solid #fff;border-radius:12px;filter:contrast(1.4)}
.offer{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.offer:last-child{border-bottom:0}.offer-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#0b789c,#153d50);display:grid;place-items:center;font-weight:900}.offer-main{flex:1}.offer-title{font-weight:800}.offer-desc{font-size:13px;color:var(--muted);line-height:1.5;margin-top:4px}.coins{color:var(--accent);font-weight:900;white-space:nowrap}
.empty{text-align:center;padding:44px 18px;color:var(--muted)}.empty-icon{font-size:42px;margin-bottom:10px}
.desktop-side{display:none}
@media(min-width:980px){
  body{padding-right:270px;padding-left:310px}
  .app-shell{padding-bottom:0}.main,.container{width:min(100%,760px)}
  .bottom-nav{display:none}
  .desktop-side{display:block;position:fixed;right:0;top:0;bottom:0;width:270px;border-left:1px solid var(--line);background:#090a0c;z-index:20;padding:24px 14px}
  .desktop-brand{font-weight:900;font-size:25px;color:#fff;padding:0 12px 24px}.desktop-menu{display:grid;gap:5px}.desktop-link{display:flex;align-items:center;gap:12px;padding:13px;border-radius:12px;color:#d5dae0;font-weight:700}.desktop-link:hover,.desktop-link.active{background:var(--panel-2);color:#fff}.desktop-link.active{color:var(--accent)}
  .right-rail{position:fixed;left:0;top:0;bottom:0;width:310px;border-right:1px solid var(--line);background:#090a0c;padding:18px;overflow:auto}.rail-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:16px;margin-bottom:12px}.rail-title{font-weight:900;margin-bottom:8px}.rail-sub{font-size:13px;color:var(--muted);line-height:1.6}
  .topbar{top:0}.drawer-backdrop{display:none!important}
  .reels-scroll,.reel{height:100vh}
  .reels-page{min-height:100vh}
}
@media(max-width:420px){.post-text{font-size:16px}.topbar{padding:0 13px}.composer,.post{padding-left:14px;padding-right:14px}.media{width:calc(100% + 28px);margin-inline:-14px}.profile-cover{height:155px}.modal{padding:18px}}


/* ===== V2 refinements ===== */
body,.post,.filterbar,.topbar,.composer,.auth-page{background:var(--bg)}
.composer{background:#0b0c0f}
.drawer-balance{margin-right:auto;display:inline-flex;align-items:center;gap:6px;color:var(--accent);white-space:nowrap;font-weight:800}
.drawer-balance svg{width:18px;height:18px}
.mi-icon svg,.desktop-link svg{width:24px;height:24px}
.menu-item .mi-icon{color:#dce1e7}
.menu-item:hover .mi-icon{color:var(--accent)}

/* right rail suggestions inspired by a creator discovery rail */
.rail-search{height:48px;border:1px solid var(--line);background:#0b0c0f;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--muted);margin-bottom:16px}
.rail-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;font:inherit}
.rail-search svg{width:22px;height:22px;flex:0 0 auto}
.rail-section-head{display:flex;align-items:center;justify-content:space-between;margin:8px 2px 12px;font-weight:900}
.rail-section-head button{border:0;background:transparent;color:var(--muted);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.rail-section-head button:hover{background:var(--panel-2);color:#fff}
.rail-section-head svg{width:20px;height:20px}
.suggestion-list{display:grid;gap:12px}
.suggest-card{position:relative;height:142px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#111318}
.suggest-cover{position:absolute;inset:0;background:var(--cover,linear-gradient(135deg,#173d4d,#402a5b))}
.suggest-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.72))}
.suggest-info{position:absolute;z-index:2;right:12px;left:12px;bottom:10px;display:flex;align-items:end;gap:9px}
.suggest-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--avatar,linear-gradient(145deg,#25c8ff,#2a5cff));border:2px solid #fff;font-weight:900;color:#fff;flex:0 0 auto}
.suggest-meta{min-width:0;flex:1}.suggest-name{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggest-handle{font-size:12px;color:#d2d7dd;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest-follow{position:absolute;left:10px;top:10px;z-index:3;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.36);backdrop-filter:blur(8px);color:#fff;border-radius:999px;padding:7px 11px;font-weight:800;font-size:12px}
.mobile-suggestion-wrap{display:block;border-bottom:1px solid var(--line);background:var(--bg);padding:14px}
.mobile-suggestion-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:900;color:#dfe4ea}
.mobile-suggestion-card{height:155px;border-radius:16px;overflow:hidden;border:1px solid var(--line);position:relative;background:#111318}
.mobile-suggestion-card .suggest-info{bottom:12px}.mobile-suggestion-card .suggest-avatar{width:56px;height:56px}

/* own profile */
.profile-self-actions{padding-bottom:5px}.profile-self-actions .primary{display:inline-flex;align-items:center;gap:8px}
.profile-self-actions svg{width:19px;height:19px}
.profile-stat-note{font-size:12px;color:var(--muted);margin-top:8px}
.edit-avatar-preview{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#25c8ff,#2a5cff);font-size:30px;font-weight:900;margin:4px auto 12px}
.edit-cover-preview{height:120px;border-radius:16px;background:linear-gradient(135deg,#143f55,#3c2d64);border:1px solid var(--line);display:grid;place-items:center;color:#cbd3dc;margin-bottom:10px}
.form-actions{display:flex;gap:10px;margin-top:6px}.form-actions>*{flex:1;text-align:center}

/* phone input */
.phone-field .iti{width:100%;direction:ltr}.phone-field .iti input{width:100%;direction:ltr;text-align:left;padding-left:98px!important;padding-right:14px!important}
.phone-auto-note{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5}

@media(max-width:979px){.right-rail{display:none}.desktop-side{display:none}}
@media(min-width:980px){.mobile-suggestion-wrap{display:none!important}.right-rail{z-index:10}}
@media(max-width:520px){.drawer{width:min(76vw,350px)}.drawer-stats{gap:12px;font-size:12px}.drawer-stats b{font-size:14px}.drawer-balance{font-size:12px}}

/* ===== V3 interaction + layout refinements ===== */
body{background:#050607}
.topbar,.composer,.post,.filterbar{background:#050607}

/* clearer post actions */
.post-actions{border-top:1px solid var(--line);margin-top:12px;padding-top:8px;justify-content:stretch}
.post-actions .action{flex:1;justify-content:center;min-height:44px;color:#b9c0c9;font-weight:700}
.post-actions .action svg{width:22px;height:22px}
.post-actions .action b{font-size:12px;color:var(--muted);font-weight:600}
.post-actions .action.active{color:var(--accent)}

/* header actions */
.notification-btn{position:relative}.mini-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--danger);top:8px;right:8px;border:2px solid #050607}

/* desktop balance */
.desktop-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 6px 14px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.desktop-balance span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.desktop-balance svg{width:19px;height:19px}.desktop-balance strong{color:var(--accent);font-size:14px;white-space:nowrap}
.theme-link{width:100%;border:0;text-align:right;font:inherit;cursor:pointer}.menu-button{width:100%;border:0;background:transparent;color:var(--text);text-align:right;cursor:pointer}

/* profile privacy */
.privacy-toggle{display:flex!important;align-items:center;gap:9px;margin-top:10px!important;color:var(--muted)!important;font-weight:600!important;cursor:pointer}
.privacy-toggle input{width:18px!important;height:18px;accent-color:var(--accent);padding:0!important}

/* share/search/comment modals */
.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.share-grid button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:14px;padding:14px 8px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800}.share-circle{width:30px;height:30px;border-radius:50%;background:#252a31;display:grid;place-items:center;color:#fff}.full-width{width:100%}
.search-modal{align-self:flex-start;margin-top:8vh;border-radius:22px}.search-modal-head{display:flex;align-items:center;justify-content:space-between}.site-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:var(--bg);padding:0 12px;height:50px}.site-search svg{width:21px;height:21px;color:var(--muted)}.site-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%}.search-results{display:grid;margin-top:12px;max-height:52vh;overflow:auto}.search-result{display:flex;align-items:center;gap:11px;padding:11px;border-bottom:1px solid var(--line);border-radius:10px}.search-result:hover{background:var(--panel-2)}

/* inbox */
.message-tabs{display:flex;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.conversation-list{display:grid}.conversation-row{display:flex;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line);position:relative}.conversation-row:hover{background:var(--panel)}.conversation-row.unread{background:rgba(17,191,243,.035)}.conversation-main{min-width:0;flex:1}.conversation-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-top time{font-size:11px;color:var(--muted);white-space:nowrap}.conversation-preview{margin-top:5px;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#03131a;display:grid;place-items:center;font-size:11px;font-weight:900}.inbox-note{margin:18px;border:1px solid var(--line);border-radius:14px;padding:14px;color:var(--muted);font-size:13px;line-height:1.65;background:var(--panel)}

/* chat */
.chat-shell{min-height:100vh}.chat-topbar{gap:4px}.chat-person{flex:1;display:flex;align-items:center;gap:9px;min-width:0}.chat-main{height:calc(100vh - 68px - var(--nav-h));display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow:auto;padding:18px 14px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}.chat-day{align-self:center;color:var(--muted);font-size:11px;background:var(--panel);padding:5px 10px;border-radius:999px;margin-bottom:8px}.bubble{max-width:min(78%,430px);padding:10px 13px;border-radius:17px;line-height:1.55;font-size:14px}.bubble.received{align-self:flex-start;background:var(--panel-2);border-bottom-left-radius:5px}.bubble.sent{align-self:flex-end;background:#087aa8;color:white;border-bottom-right-radius:5px}.chat-composer{display:flex;align-items:flex-end;gap:9px;padding:10px 12px;border-top:1px solid var(--line);background:var(--panel)}.chat-composer textarea{flex:1;resize:none;max-height:110px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:20px;padding:11px 14px;outline:0}.send-btn{width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:#06212b;display:grid;place-items:center}.send-btn svg{width:21px;height:21px}.low-balance{display:grid;gap:10px}.low-balance .primary,.low-balance .secondary{text-align:center}

/* own post pinning */
.self-posts{display:grid}.self-post{position:relative}.pin-action{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:10px;padding:8px 10px;font-weight:700;font-size:12px}.pin-action svg{width:17px;height:17px}.pin-badge{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:12px;font-weight:800;margin-bottom:10px}.pin-badge svg{width:16px;height:16px}

/* notifications */
.notifications-list{display:grid}.notification-item{display:flex;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line);align-items:flex-start}.notification-item.unread{background:rgba(17,191,243,.04)}.notification-item.money .notice-icon{color:var(--success)}.notice-icon{width:42px;height:42px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;color:var(--accent);flex:0 0 auto}.notice-icon svg{width:21px;height:21px}.notification-item p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}

/* download app */
.app-hero{text-align:center}.app-logo{width:82px;height:82px;border-radius:23px;margin:0 auto 14px;background:linear-gradient(145deg,#12c6ff,#0575b8);display:grid;place-items:center;color:#06202a;font-weight:900;font-size:33px}.app-hero h2{margin:0 0 8px}.download-choice{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);display:grid;grid-template-columns:44px 1fr 28px;align-items:center;gap:12px;text-align:right;padding:13px;border-radius:14px;margin-bottom:10px}.download-choice span:nth-child(2){display:grid;gap:3px}.download-choice small{color:var(--muted)}.download-choice svg{width:22px;height:22px}.download-platform{width:42px;height:42px;border-radius:12px;background:var(--panel-2);display:grid!important;place-items:center;font-weight:900}

/* light theme: accent remains unchanged */
body.light-mode{--bg:#f7f8fa;--panel:#ffffff;--panel-2:#eef1f4;--line:#d9dee4;--text:#111318;--muted:#69717c;color-scheme:light;background:var(--bg);color:var(--text)}
body.light-mode .topbar,body.light-mode .composer,body.light-mode .post,body.light-mode .filterbar{background:var(--bg)}
body.light-mode .desktop-side,body.light-mode .right-rail{background:#fff}
body.light-mode .drawer{background:#fff}
body.light-mode .bottom-nav{background:rgba(255,255,255,.98)}
body.light-mode .modal{background:#fff}
body.light-mode .field input,body.light-mode .field textarea,body.light-mode .field select,body.light-mode .network{background:#fff}
body.light-mode .bio{color:#252a31}
body.light-mode .desktop-brand{color:#111318}
body.light-mode .desktop-link{color:#2e343c}
body.light-mode .desktop-link:hover,body.light-mode .desktop-link.active{color:#111318}
body.light-mode .mini-dot{border-color:#f7f8fa}

@media(min-width:980px){
 .chat-main{height:calc(100vh - 68px)}
 .desktop-side{overflow-y:auto}
}
@media(max-width:520px){
 .post-actions{gap:0}.post-actions .action{padding:8px 4px;font-size:12px;gap:5px}.post-actions .action b{font-size:10px}
 .share-grid{grid-template-columns:1fr 1fr}.search-modal{margin-top:0;border-radius:22px 22px 0 0;align-self:flex-end}
 .top-actions{gap:2px}.top-actions .icon-btn{width:38px;height:38px}
 .conversation-row{padding:13px 12px}.bubble{max-width:85%}
}


/* v4 interactions: likes, comments and professional share */
.action[data-like].active{color:var(--accent);background:rgba(17,191,243,.08)}
.action[data-like].active [data-icon="like"] svg{fill:var(--accent);stroke:var(--accent)}
.action[data-like] [data-icon="like"] svg{transition:fill .18s ease,stroke .18s ease,transform .18s ease}
.action[data-like].active [data-icon="like"] svg{transform:scale(1.08)}
.modal-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.modal-title-row h2{margin:0 0 5px}.modal-title-row p{margin:0}.modal-x{flex:0 0 auto;margin-top:-4px}
.share-modal{padding:20px 20px 24px}.professional-share{grid-template-columns:repeat(4,1fr);gap:11px;margin:6px 0 0}.professional-share .share-option{min-height:94px;padding:12px 8px;flex-direction:column;gap:9px;border-radius:17px;transition:.16s transform,.16s border-color,.16s background}.professional-share .share-option:hover{transform:translateY(-2px);border-color:#3c4651;background:#1b1f25}.professional-share .brand-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#fff}.professional-share .whatsapp .brand-icon{background:#25D366}.professional-share .facebook .brand-icon{background:#1877F2}.professional-share .instagram .brand-icon{background:linear-gradient(135deg,#833AB4,#E1306C,#FCAF45)}.professional-share .xshare .brand-icon{background:#050505;border:1px solid #3a3d42}.professional-share .copy .brand-icon{background:#2b3037}.professional-share .share-wide{grid-column:span 4;min-height:58px;flex-direction:row}.professional-share .share-wide .brand-icon{width:38px;height:38px;font-size:18px}
.comments-modal{padding:0;overflow:hidden;display:flex;flex-direction:column;max-height:min(78vh,720px)}.comments-modal .modal-title-row{padding:18px 18px 12px;margin:0;border-bottom:1px solid var(--line)}.comments-list{overflow:auto;min-height:180px;max-height:52vh;padding:4px 16px}.comment-row{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid rgba(42,46,54,.65);direction:rtl}.comment-body{min-width:0;flex:1}.comment-head{display:flex;align-items:center;gap:8px}.comment-head strong{font-size:14px}.comment-head span{color:var(--muted);font-size:11px;margin-right:auto}.comment-text{font-size:14px;line-height:1.65;margin-top:4px;word-break:break-word}.comment-tools{display:flex;gap:14px;margin-top:7px}.comment-tools button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:0}.comment-tools button:hover{color:var(--accent)}.empty-comments{text-align:center;color:var(--muted);padding:38px 12px}.comment-compose{display:grid;grid-template-columns:38px 1fr 42px;gap:9px;align-items:end;padding:12px 14px;border-top:1px solid var(--line);background:var(--panel)}.comment-compose textarea{resize:none;max-height:95px;min-height:42px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--text);padding:10px 13px;outline:0}.comment-compose textarea:focus{border-color:#315363}.comment-send{width:42px;height:42px;border:0;border-radius:50%;background:var(--accent);color:#05202a;display:grid;place-items:center}.comment-send svg{width:19px;height:19px}
.locked-comments-modal{text-align:center}.locked-comments-icon{font-size:42px;margin:2px 0 10px}.locked-comments-modal h2{margin:0 0 7px}.locked-comments-modal p{max-width:400px;margin:0 auto 18px}
body.light-mode .professional-share .share-option{background:#f6f7f9}.body.light-mode .comment-compose{background:#fff}
@media(min-width:700px){.modal-backdrop{align-items:center}.modal{border-radius:22px}.comments-modal{width:min(100%,620px)}.share-modal{width:min(100%,590px)}}
@media(max-width:699px){.professional-share{grid-template-columns:repeat(4,1fr)}.professional-share .share-option{min-height:82px;font-size:12px}.professional-share .brand-icon{width:42px;height:42px;font-size:21px}.professional-share .share-wide{grid-column:span 4}.comments-modal{width:100%;max-height:82vh;border-radius:22px 22px 0 0}.comments-list{max-height:54vh}.locked-comments-modal{border-radius:22px 22px 0 0}.post-actions .action{min-height:44px}}
@media(max-width:430px){.professional-share{grid-template-columns:repeat(4,1fr);gap:7px}.professional-share .share-option{padding:10px 3px;min-width:0}.professional-share .share-option span:last-child{font-size:11px}.professional-share .brand-icon{width:40px;height:40px}.post-actions{justify-content:space-between}.post-actions .action{flex:1;justify-content:center}.post-actions .action b{display:inline}}

/* ===== V5: reliable comment closing + visible mobile search ===== */
body.modal-open{overflow:hidden;touch-action:none}
.modal-backdrop.open{overscroll-behavior:contain}
.comments-title-row{align-items:center!important}
.modal-close-button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);height:38px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-weight:800;flex:0 0 auto}
.modal-close-button svg{width:17px;height:17px}
.comments-drag-handle{display:none}
.comment-compose textarea:not(:focus){border-color:var(--line)}
@media(max-width:699px){
  .comments-modal{max-height:80dvh;max-height:80vh}
  .comments-drag-handle{display:block;width:44px;height:4px;border-radius:999px;background:#555c66;margin:9px auto 1px;flex:0 0 auto}
  .comments-modal .modal-title-row{padding-top:10px}
  .modal-close-button{height:36px;padding:0 10px;font-size:13px;background:#20242a}
  .comment-compose{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .topbar{gap:8px;overflow:visible}
  .topbar h1{flex:1;min-width:0}
  .top-actions{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto;min-width:max-content;position:relative;z-index:35}
  .top-actions .icon-btn{display:grid!important;visibility:visible!important;opacity:1!important;color:#f3f5f7;background:transparent}
  .top-actions [data-open-search]{color:var(--text)!important}
  .top-actions [data-open-search] svg{width:23px;height:23px;stroke:currentColor!important}
  .top-actions .notification-btn svg{width:22px;height:22px}
}
.mobile-search-btn .top-search-svg{width:24px;height:24px;display:block;color:var(--text);stroke:currentColor}
@media(max-width:699px){.mobile-search-btn{display:grid!important;opacity:1!important;visibility:visible!important}}


/* ===== V6: inline mobile search + single desktop search ===== */
.mobile-search-panel{display:none}
.mobile-search-result .search-go{transform:rotate(180deg)}
@media(min-width:980px){
  .home-topbar .mobile-search-btn{display:none!important}
  .home-topbar .top-actions{min-width:42px}
}
@media(max-width:979px){
  .mobile-search-panel{position:fixed;z-index:85;inset:0 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.28);transform:translateY(-105%);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease;padding-top:env(safe-area-inset-top)}
  .mobile-search-panel.open{display:block;transform:translateY(0);opacity:1;pointer-events:auto}
  .mobile-search-row{height:68px;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 8px;direction:ltr}
  .mobile-search-back{width:44px;height:44px;flex:0 0 44px;border:0;background:transparent;color:var(--text);display:grid;place-items:center;border-radius:50%}
  .mobile-search-back:hover{background:var(--panel-2)}
  .mobile-search-back svg{width:25px;height:25px}
  .mobile-search-field{height:50px;flex:1;border:1px solid #39414b;background:var(--panel);border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 12px;direction:rtl;box-shadow:0 0 0 1px rgba(17,191,243,.03)}
  .mobile-search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px rgba(17,191,243,.08)}
  .mobile-search-field>span svg{width:21px;height:21px;color:var(--muted)}
  .mobile-search-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px;text-align:right}
  .mobile-search-field input::placeholder{color:#808894}
  .mobile-search-clear{width:32px;height:32px;border:0;border-radius:50%;background:var(--panel-2);color:var(--muted);display:grid;place-items:center;flex:0 0 auto}
  .mobile-search-clear[hidden]{display:none}
  .mobile-search-clear svg{width:16px;height:16px}
  .mobile-search-content{background:var(--bg);border-top:1px solid rgba(42,46,54,.65);max-height:min(58vh,520px);overflow:auto;padding:10px 14px 14px}
  .mobile-search-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:2px 3px 8px}
  .mobile-search-heading strong{font-size:14px}
  .mobile-search-heading span{font-size:11px;color:var(--muted)}
  .mobile-search-results{display:grid;gap:2px}
  .mobile-search-result{display:grid;grid-template-columns:44px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:10px 6px;border-bottom:1px solid rgba(42,46,54,.6);direction:rtl}
  .mobile-search-result:last-child{border-bottom:0}
  .mobile-search-result:active{background:var(--panel-2)}
  .mobile-search-result .avatar{width:44px;height:44px}
  .search-result-copy{min-width:0}
  .mobile-search-result strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-search-result .handle{margin-top:2px}
  .mobile-search-result small{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-search-result .search-go{color:#737d89;display:grid;place-items:center}
  .mobile-search-result .search-go svg{width:19px;height:19px}
  .mobile-search-empty{padding:28px 8px;text-align:center;color:var(--muted);font-size:13px}
  body.mobile-search-open{overflow:hidden}
}
@media(max-width:699px){
  .home-topbar{padding-right:14px!important;padding-left:5px!important}
  .home-topbar .top-actions{gap:8px!important;margin-left:0;direction:rtl}
  .home-topbar .top-actions .icon-btn{width:38px!important;height:38px!important}
  .home-topbar .notification-btn{margin-left:1px}
  .home-topbar .home-menu-btn{display:none!important}
}
@media(min-width:700px) and (max-width:979px){
  .home-topbar .home-menu-btn{display:grid}
}
body.light-mode .mobile-search-panel,body.light-mode .mobile-search-content{background:var(--bg)}
body.light-mode .mobile-search-field{background:#fff}
\n\n/* ===== V7: comment author profiles ===== */\n.comment-row{align-items:flex-start}\n.comment-profile-link{display:flex;align-items:center;gap:9px;flex:0 0 auto;max-width:185px;color:var(--text);text-decoration:none;border-radius:12px;padding:2px 0}\n.comment-profile-link:not(.no-link){cursor:pointer}\n.comment-profile-link:not(.no-link):hover .comment-identity strong{color:var(--accent)}\n.comment-profile-link:not(.no-link):focus-visible{outline:2px solid var(--accent);outline-offset:4px}\n.comment-profile-link .comment-avatar{flex:0 0 auto;transition:transform .15s ease,box-shadow .15s ease}\n.comment-profile-link:not(.no-link):hover .comment-avatar{transform:scale(1.04);box-shadow:0 0 0 2px rgba(32,190,232,.26)}\n.comment-identity{min-width:0;display:flex;flex-direction:column;line-height:1.3}\n.comment-identity strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}\n.comment-identity small{font-size:11px;color:var(--muted);direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}\n.comment-body{padding-top:1px}\n.comment-head{min-height:20px}\n@media(max-width:699px){.comment-row{display:grid;grid-template-columns:auto 1fr;column-gap:10px}.comment-profile-link{grid-column:1 / -1;max-width:100%}.comment-body{grid-column:1 / -1;padding-inline-start:47px;margin-top:-5px}.comment-head span{margin-right:0;margin-left:auto}}\n
/* ===== V8: paid timestamp privacy + private voice/video calls ===== */
.paid-post-time[hidden]{display:none!important}
.chat-person-copy{min-width:0}.chat-person-copy strong,.chat-person-copy .handle{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-call-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto}
.chat-call-btn{color:var(--accent)}
.chat-call-btn svg{width:22px;height:22px}
.call-modal{padding:0;overflow:hidden}
.call-stage{min-height:390px;padding:34px 22px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 22%,rgba(17,191,243,.16),transparent 32%),linear-gradient(180deg,#12161b,#0d0f12)}
.call-avatar{width:96px;height:96px;font-size:32px;margin-bottom:18px;box-shadow:0 0 0 6px rgba(255,255,255,.05)}
.call-stage h2{margin:0 0 8px}.call-stage p{margin:0 0 24px;color:var(--muted)}
.call-actions{display:flex;justify-content:center;margin-top:8px}.call-end{border:0;background:#e94756;color:#fff;border-radius:999px;min-width:112px;height:52px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800}.call-end svg{width:22px;height:22px;transform:rotate(135deg)}
.call-demo-note{margin-top:22px;max-width:390px;color:var(--muted);font-size:11px;line-height:1.7}
.call-video-placeholder{width:100%;max-width:430px;aspect-ratio:9/13;border-radius:20px;background:linear-gradient(145deg,#182833,#22192f);display:grid;place-items:center;margin-bottom:18px;overflow:hidden;position:relative}.call-video-placeholder::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 26% 20%,rgba(17,191,243,.18),transparent 30%),radial-gradient(circle at 75% 70%,rgba(153,73,255,.17),transparent 30%)}.call-video-placeholder .call-avatar{margin:0;position:relative;z-index:1}
@media(max-width:699px){.chat-topbar{padding-inline:8px}.chat-topbar>.icon-btn{width:36px;height:36px}.chat-person{gap:7px}.chat-person .avatar.sm{width:34px;height:34px}.chat-person-copy strong{font-size:13px}.chat-person-copy .handle{font-size:10px}.chat-call-actions .icon-btn{width:38px;height:38px}.call-modal{width:100%;height:min(78dvh,660px);border-radius:24px 24px 0 0}.call-stage{min-height:100%;padding-bottom:max(24px,env(safe-area-inset-bottom))}.call-video-placeholder{max-height:52dvh}}

/* ===== V9: free support chat + admin console ===== */
.support-conversation{background:linear-gradient(90deg,rgba(17,191,243,.06),transparent);border-top:1px solid rgba(17,191,243,.12)}
.support-conversation:hover{background:rgba(17,191,243,.08)}
.support-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto;background:linear-gradient(145deg,#13c8ff,#0879c9);color:#031a23;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.support-avatar.sm{width:36px;height:36px}.support-avatar.large{width:76px;height:76px;margin:auto}.support-avatar svg{width:24px;height:24px}.support-avatar.large svg{width:34px;height:34px}
.support-online-dot,.status-pulse{position:absolute;width:11px;height:11px;border-radius:50%;background:#29d779;border:2px solid var(--bg);bottom:1px;right:0}.support-online-dot.offline,.status-pulse.offline{background:#747b85}
.support-role{font-size:11px;color:var(--accent);font-weight:800}.support-free-badge{font-size:10px;font-weight:900;color:#73e7aa;background:rgba(41,215,121,.1);border:1px solid rgba(41,215,121,.28);padding:5px 8px;border-radius:999px;white-space:nowrap}.support-free-badge.top{margin-inline-start:auto}
.verified-support{display:inline-block;font-size:9px;color:var(--accent);border:1px solid rgba(17,191,243,.25);padding:2px 6px;border-radius:999px;margin-inline-start:5px;vertical-align:middle}
.support-help-hero{text-align:center;padding:34px 18px 24px;border-bottom:1px solid var(--line)}.support-help-hero h2{margin:13px 0 7px}.support-help-hero p{color:var(--muted);max-width:500px;margin:0 auto 18px;line-height:1.7}.support-chat-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.support-chat-cta svg{width:20px;height:20px}.support-current-status{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-top:12px}.support-current-status .status-pulse{position:static;border:0;width:8px;height:8px}.support-topic-list{display:grid;gap:10px}.support-topic{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.support-topic strong{display:block;margin-bottom:4px}.support-topic span{color:var(--muted);font-size:12px}
.support-offline-banner{padding:10px 14px;text-align:center;color:#d8dde4;background:rgba(255,176,68,.08);border-bottom:1px solid rgba(255,176,68,.2);font-size:12px}.support-chat-messages{background:radial-gradient(circle at 50% 15%,rgba(17,191,243,.035),transparent 35%),var(--bg)}
.support-message-wrap{display:flex;flex-direction:column;max-width:min(82%,470px)}.support-message-wrap.received{align-self:flex-start}.support-message-wrap.sent{align-self:flex-end}.support-message-wrap .bubble{max-width:100%}.support-message-meta{font-size:9px;color:var(--muted);margin:0 5px 3px}.support-message-wrap.sent .support-message-meta{text-align:right}.support-message-wrap.received .support-message-meta{text-align:left}
.chat-composer textarea:disabled{opacity:.55;cursor:not-allowed}.chat-composer .send-btn:disabled{opacity:.35;cursor:not-allowed}

.support-admin-body{overflow:hidden}.support-admin-shell{height:100vh;display:grid;grid-template-columns:minmax(280px,340px) 1fr;background:var(--bg);direction:rtl}.support-admin-sidebar{border-left:1px solid var(--line);background:#08090b;overflow:auto}.support-admin-brand{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.support-admin-brand strong,.support-admin-brand small{display:block}.support-admin-brand small{color:var(--muted);font-size:11px;margin-top:3px}.support-availability-card{margin:14px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;justify-content:space-between;align-items:center;gap:12px}.support-availability-card strong,.support-availability-card small{display:block}.support-availability-card small{color:#29d779;font-size:11px;margin-top:4px}.support-availability-card small.offline{color:#f1aa52}.switch{position:relative;width:48px;height:27px;flex:0 0 auto}.switch input{opacity:0;position:absolute}.switch span{position:absolute;inset:0;border-radius:999px;background:#31363e;cursor:pointer;transition:.2s}.switch span:after{content:"";position:absolute;width:21px;height:21px;border-radius:50%;background:#fff;top:3px;right:3px;transition:.2s}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:after{transform:translateX(-21px);background:#06212b}.support-admin-search{margin:0 14px 10px;border:1px solid var(--line);border-radius:12px;height:42px;display:flex;align-items:center;gap:8px;padding:0 11px}.support-admin-search svg{width:19px;color:var(--muted)}.support-admin-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%}.admin-ticket-list{display:grid}.admin-ticket{border:0;border-top:1px solid var(--line);background:transparent;color:var(--text);padding:13px 14px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:10px;text-align:right}.admin-ticket.active{background:rgba(17,191,243,.07)}.admin-ticket div:nth-child(2){min-width:0}.admin-ticket strong,.admin-ticket span{display:block}.admin-ticket span{color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-dot{width:18px;height:18px;border-radius:50%;background:var(--accent);color:#06212b;display:grid;place-items:center;font-size:10px}.support-admin-chat{min-width:0;height:100vh;display:flex;flex-direction:column}.support-admin-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 20px;border-bottom:1px solid var(--line)}.support-admin-header h1{font-size:21px;margin:0}.support-admin-header p{color:var(--muted);font-size:11px;margin:5px 0 0}.admin-preview-link{text-decoration:none;padding:9px 12px}.admin-support-messages{flex:1}.admin-support-composer{position:static}
body.light-mode .support-admin-sidebar{background:#fff}
@media(max-width:760px){.support-admin-body{overflow:auto}.support-admin-shell{height:auto;min-height:100vh;display:block}.support-admin-sidebar{border-left:0;border-bottom:1px solid var(--line);max-height:390px}.support-admin-chat{height:calc(100dvh - 260px);min-height:500px}.support-admin-header{height:auto;padding:14px}.support-admin-header h1{font-size:18px}.admin-preview-link{font-size:11px}.support-free-badge{padding:4px 6px}.support-conversation .conversation-top strong{font-size:13px}.support-role{display:block;margin-top:2px}}

/* ===== V10: verified support + global support visibility ===== */
[data-support-entry][hidden]{display:none!important}
.support-name-line{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}
.verified-badge{display:inline-flex;width:17px;height:17px;color:#1687ff;vertical-align:middle;flex:0 0 auto}
.verified-badge svg{width:100%;height:100%;display:block}
.support-hero-name{justify-content:center;margin-bottom:3px!important}
.hero-role{display:block;margin:0 auto 8px;font-size:12px}
.support-hidden-note{max-width:520px;margin:14px auto 0;padding:11px 13px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;line-height:1.7}
@media(max-width:760px){.verified-badge{width:16px;height:16px}.support-name-line{gap:4px}}

/* ===== V11: consistent back navigation ===== */
.topbar-title-group{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.topbar-title-group h1{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-back-btn{flex:0 0 auto;color:var(--text)}
.page-back-btn svg{width:22px;height:22px}
.page-back-btn:hover{background:var(--panel-2)}
.reels-floating-back,.auth-floating-back{position:fixed;z-index:85;background:rgba(8,10,12,.68);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 22px rgba(0,0,0,.22)}
.reels-floating-back{top:max(14px,env(safe-area-inset-top));right:14px}
.auth-floating-back{top:max(16px,env(safe-area-inset-top));right:16px}
body.light-mode .reels-floating-back,body.light-mode .auth-floating-back{background:rgba(255,255,255,.84);border-color:rgba(0,0,0,.09)}
@media(min-width:980px){
  .reels-floating-back{right:calc(270px + 18px)}
  .auth-floating-back{right:22px}
}
@media(max-width:520px){
  .topbar-title-group{gap:3px}
  .topbar-title-group .page-back-btn{width:38px;height:38px}
  .topbar-title-group h1{font-size:18px}
}


/* ===== V13: back arrow placement ===== */
.topbar-title-group{display:flex;align-items:center;gap:7px;min-width:0;flex:1}
.topbar-title-group h1{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-back-btn{flex:0 0 auto;color:var(--text)}
.page-back-btn svg{width:25px!important;height:25px!important;display:block}
.page-back-btn:hover{background:var(--panel-2)}
.chat-back-btn{margin:0!important;flex:0 0 42px!important}
/* RTL header: first child is on the right. Keep the back button there. */
.chat-topbar{direction:rtl}
.reels-floating-back,.auth-floating-back{right:14px!important;left:auto!important}
@media(min-width:1100px){
  .reels-floating-back{right:calc(270px + 18px)!important;left:auto!important}
  .auth-floating-back{right:22px!important;left:auto!important}
}
@media(max-width:520px){
  .topbar-title-group{gap:3px}
  .topbar-title-group .page-back-btn{width:38px;height:38px}
  .topbar-title-group h1{font-size:18px}
}
@media(max-width:699px){
  .chat-topbar{padding-left:8px!important;padding-right:6px!important}
  .chat-topbar>.chat-back-btn{width:42px!important;height:42px!important;flex-basis:42px!important}
  .chat-topbar>.chat-back-btn svg{width:26px!important;height:26px!important}
}


/* ===== V15: private-chat gifts / XVFree Coins ===== */
.gift-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #2b3037;background:#171b20;color:var(--accent);display:grid;place-items:center;transition:.16s ease}
.gift-btn:hover{background:#1d232a;border-color:#36505e;transform:translateY(-1px)}
.gift-btn svg{width:21px;height:21px}
.gift-modal{padding:20px;overflow:hidden}
.gift-modal-head{display:grid;grid-template-columns:48px 1fr 40px;gap:12px;align-items:start;margin-bottom:16px}
.gift-modal-head h2{margin:1px 0 4px}.gift-modal-head p{margin:0;font-size:13px;line-height:1.55}
.gift-brand-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#0b93c0,#11bff3);display:grid;place-items:center;color:#05202a}
.gift-brand-mark svg{width:25px;height:25px}
.gift-balance-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);background:#0d1014;border-radius:14px;margin-bottom:13px;color:var(--muted);font-size:13px}
.gift-balance-card strong{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:15px}
.mini-xvcoin{width:22px;height:22px;display:inline-grid;color:var(--accent);flex:0 0 22px}.mini-xvcoin svg{width:22px;height:22px}
.gift-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.gift-preset{min-width:0;border:1px solid var(--line);background:#111419;color:var(--text);border-radius:15px;padding:12px 6px 10px;display:grid;place-items:center;gap:3px}
.gift-preset svg{width:30px;height:30px;color:#8b96a3}.gift-preset b{font-size:17px}.gift-preset small{color:var(--muted);font-size:10px}
.gift-preset.active{border-color:var(--accent);background:rgba(17,191,243,.09);box-shadow:inset 0 0 0 1px rgba(17,191,243,.18)}
.gift-preset.active svg,.gift-preset.active b{color:var(--accent)}
.gift-custom-field{display:grid;gap:7px;color:#d8dde3;font-size:13px;margin-bottom:12px}
.gift-custom-field>div{height:50px;border:1px solid var(--line);border-radius:14px;background:#0d1014;display:flex;align-items:center;gap:8px;padding:0 12px}
.gift-custom-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:16px;direction:ltr;text-align:right}
.gift-custom-field input::-webkit-outer-spin-button,.gift-custom-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gift-custom-field input[type=number]{-moz-appearance:textfield}
.gift-custom-field>div>span:last-child{color:var(--muted);white-space:nowrap}
.gift-selected-line{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 13px;color:var(--muted);font-size:13px}.gift-selected-line strong{color:var(--accent);font-size:15px}
.gift-low-balance{border:1px solid rgba(255,95,109,.3);background:rgba(255,95,109,.07);border-radius:13px;padding:12px;margin-bottom:12px}.gift-low-balance p{margin:0 0 9px;color:#ffb6bd;font-size:13px}.gift-low-balance .primary{display:block;text-align:center}
.gift-actions .gift-send-confirm{display:flex;align-items:center;justify-content:center;gap:8px}.gift-actions .gift-send-confirm svg{width:19px;height:19px}.gift-actions button:disabled{opacity:.38;cursor:not-allowed}
.gift-message{align-self:flex-end;max-width:min(82%,390px);display:flex;align-items:center;gap:11px;border:1px solid rgba(17,191,243,.35);background:linear-gradient(135deg,rgba(8,122,168,.92),rgba(15,82,111,.92));color:#fff;padding:11px 13px;border-radius:18px;border-bottom-right-radius:5px}
.gift-coin-mark{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;color:#62d8ff}.gift-coin-mark svg{width:45px;height:45px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.18))}
.gift-message-copy{display:grid;min-width:0}.gift-message-copy small{color:#d7f4ff;font-size:10px}.gift-message-copy strong{font-size:19px;line-height:1.35;margin:1px 0}.gift-message-copy span{font-size:10px;color:#b8e9f8}
body.light-mode .gift-balance-card,body.light-mode .gift-custom-field>div,body.light-mode .gift-preset{background:#f5f7f9}
@media(max-width:699px){
 .gift-modal{width:100%;border-radius:24px 24px 0 0;padding:18px 14px max(18px,env(safe-area-inset-bottom))}
 .gift-modal-head{grid-template-columns:44px 1fr 38px;gap:9px}.gift-brand-mark{width:44px;height:44px;border-radius:14px}
 .gift-presets{grid-template-columns:repeat(2,1fr);gap:9px}.gift-preset{min-height:82px;grid-template-columns:34px auto;grid-template-rows:auto auto;justify-content:center;column-gap:7px}.gift-preset svg{grid-row:1/3;width:32px;height:32px}.gift-preset b{align-self:end}.gift-preset small{align-self:start}
 .gift-message{max-width:88%}
 .chat-composer{gap:7px;padding-inline:9px}.gift-btn,.send-btn{width:42px;height:42px;flex-basis:42px}
}


/* ===== V16: public profile actions ===== */
.public-profile-tools{display:flex;align-items:center;gap:2px}
.public-profile-tools .icon-btn{width:42px;height:42px;color:var(--text)}
.public-profile-tools .icon-btn svg{width:23px;height:23px}
.profile-action-sheet{padding:8px;overflow:hidden;max-width:430px}
.profile-action-handle{display:none}
.profile-action-row{width:100%;min-height:56px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:flex;align-items:center;gap:13px;text-align:right;padding:0 14px;font-size:15px;font-weight:800;cursor:pointer}
.profile-action-row:last-child{border-bottom:0}
.profile-action-row:hover{background:var(--panel-2)}
.profile-action-row svg{width:22px;height:22px;flex:0 0 auto;color:var(--muted)}
.profile-action-row.danger{color:#ff6f7c}.profile-action-row.danger svg{color:#ff6f7c}
.profile-action-row.cancel{margin-top:4px;border-top:1px solid var(--line);border-bottom:0;color:var(--muted)}
.compact-confirm-modal{text-align:center;max-width:430px}
.compact-confirm-modal h2{margin:10px 0 7px}.compact-confirm-modal p{color:var(--muted);line-height:1.65;margin:0 0 18px}
.confirm-symbol{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:rgba(255,95,109,.1);color:#ff5f6d}
.confirm-symbol svg{width:27px;height:27px}.danger-btn{border:0;border-radius:12px;background:#e84655;color:#fff;padding:11px 18px;font-weight:900;cursor:pointer}
.report-modal{max-width:470px}.report-options{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:14px 0}
.report-options label{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 13px;border-bottom:1px solid var(--line);cursor:pointer;background:var(--panel)}
.report-options label:last-child{border-bottom:0}.report-options input{accent-color:var(--accent);width:18px;height:18px}.report-options span{font-weight:700}
body.light-mode .profile-action-row,body.light-mode .report-options label{background:#fff}
@media(max-width:699px){
 .public-profile-tools{gap:0}.public-profile-tools .icon-btn{width:40px;height:40px}
 .profile-action-backdrop{align-items:flex-end}
 .profile-action-sheet{width:100%;max-width:none;border-radius:22px 22px 0 0;padding:7px 8px max(10px,env(safe-area-inset-bottom))}
 .profile-action-handle{display:block;width:42px;height:4px;border-radius:999px;background:#4a5058;margin:2px auto 8px}
 .profile-action-row{min-height:58px;font-size:15px}
 .compact-confirm-modal,.report-modal{width:100%;max-width:none;border-radius:22px 22px 0 0}
}


/* ===== V17: self-contained share icons (works from local files/offline) ===== */
.professional-share .brand-icon svg{width:25px;height:25px;display:block;color:#fff;fill:none;stroke:currentColor}
.professional-share .facebook .brand-icon svg{width:27px;height:27px;fill:currentColor;stroke:none}
.professional-share .whatsapp .brand-icon svg{width:27px;height:27px}
.professional-share .instagram .brand-icon svg{width:26px;height:26px}
.professional-share .xshare .brand-icon svg{width:24px;height:24px}
.professional-share .copy .brand-icon svg{width:21px;height:21px}

/* V18: public profile follow + WhatsApp brand polish */
.profile-actions [data-profile-follow].is-following{background:#20242a;border-color:#39404a;color:var(--text)}
.profile-actions [data-profile-follow].is-following:hover{background:#272c33}
.professional-share .whatsapp .brand-icon svg{width:27px;height:27px;color:#fff;display:block}
#profileUnfollowModal .confirm-symbol{width:56px;height:56px;margin:0 auto 8px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);color:var(--accent)}
#profileUnfollowModal .confirm-symbol svg{width:27px;height:27px}
@media(max-width:699px){#profileUnfollowModal .modal{width:100%;max-width:none;border-radius:22px 22px 0 0}}


/* ===== V19: private-chat report / refund-review flow ===== */
.chat-report-btn{color:var(--muted)}
.chat-report-btn:hover{color:#ff8c96;background:rgba(255,95,109,.08)}
.chat-report-btn svg{width:21px;height:21px}
.chat-report-modal{max-width:560px;max-height:min(88vh,820px);overflow:auto}
.chat-report-context{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 14px}
.chat-report-context>div{border:1px solid var(--line);background:var(--panel-2);border-radius:13px;padding:11px 12px;display:flex;flex-direction:column;gap:4px}
.chat-report-context span{font-size:11px;color:var(--muted)}
.chat-report-context strong{font-size:13px;color:var(--text)}
.chat-report-options{margin:0 0 14px}
.chat-report-options label{align-items:flex-start;padding:11px 13px;min-height:64px}
.chat-report-options input{margin-top:3px;flex:0 0 auto}
.chat-report-options label>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.chat-report-options b{font-size:14px;color:var(--text)}
.chat-report-options small{font-size:11px;color:var(--muted);line-height:1.55;font-weight:500}
.chat-report-details{display:block;margin:0 0 12px}
.chat-report-details>span{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;margin-bottom:7px}
.chat-report-details>span small{color:var(--muted);font-weight:500}
.chat-report-details textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:88px;max-height:170px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--text);padding:11px 12px;outline:none;font:inherit;line-height:1.6}
.chat-report-details textarea:focus{border-color:var(--accent)}
.chat-report-details>small{display:block;text-align:left;color:var(--muted);font-size:10px;margin-top:4px}
.chat-report-note{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;padding:11px 12px;border-radius:13px;background:rgba(17,191,243,.07);border:1px solid rgba(17,191,243,.16);margin-bottom:15px}
.chat-report-note svg{width:20px;height:20px;color:var(--accent);margin-top:1px}
.chat-report-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.chat-report-note b{color:var(--text)}
.chat-report-modal .modal-actions .primary{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.chat-report-modal .modal-actions .primary svg{width:18px;height:18px}
body.light-mode .chat-report-context>div{background:#f6f7f9}
@media(max-width:699px){
 .chat-call-actions{gap:0}
 .chat-call-actions .icon-btn{width:36px;height:36px}
 .chat-report-btn svg{width:20px;height:20px}
 .chat-report-modal{width:100%;max-width:none;max-height:86dvh;border-radius:22px 22px 0 0;padding:18px 14px max(18px,env(safe-area-inset-bottom))}
 .chat-report-context{grid-template-columns:1fr 1fr;gap:7px}
 .chat-report-options label{min-height:61px;padding:10px 11px}
 .chat-report-options b{font-size:13px}.chat-report-options small{font-size:10.5px}
}
@media(max-width:360px){
 .chat-topbar{padding-inline:5px}.chat-topbar>.icon-btn{width:33px;height:33px}.chat-person .avatar.sm{display:none}.chat-person{gap:4px}.chat-person-copy strong{font-size:12px}.chat-call-actions .icon-btn{width:33px;height:34px}.chat-call-actions svg{width:19px;height:19px}
}

/* ===== V20: gold XVFree Coins ===== */
.mini-xvcoin svg,.gift-preset svg,.gift-coin-mark svg{filter:drop-shadow(0 2px 4px rgba(255,183,3,.22))}
.gift-preset.active{border-color:#e7b51b;background:rgba(255,193,7,.08);box-shadow:inset 0 0 0 1px rgba(255,212,59,.16)}
.gift-preset.active b{color:#ffd43b}
.gift-selected-line strong{color:#ffd43b}
.gift-coin-mark{color:#ffd43b}

/* ===== V21 coin balance gold treatment ===== */
:root{
  --coin-gold:#ffc928;
  --coin-gold-deep:#f5ad00;
  --coin-gold-soft:rgba(255,201,40,.10);
}
.drawer-balance{
  color:var(--coin-gold)!important;
  text-shadow:0 0 12px rgba(255,201,40,.08);
}
.drawer-balance svg{
  color:var(--coin-gold)!important;
  filter:drop-shadow(0 0 3px rgba(255,201,40,.18));
}
.desktop-balance strong{
  color:var(--coin-gold)!important;
  text-shadow:0 0 12px rgba(255,201,40,.08);
}
.desktop-balance span > [data-icon="coins"]{
  color:var(--coin-gold)!important;
}
.menu-item[href="earn.html"] .mi-icon,
.desktop-link[href="earn.html"] > [data-icon="coins"]{
  color:var(--coin-gold)!important;
}
.menu-item[href="earn.html"]:hover .mi-icon,
.desktop-link[href="earn.html"]:hover > [data-icon="coins"]{
  color:#ffd85c!important;
}
body.light-mode .drawer-balance,
body.light-mode .desktop-balance strong,
body.light-mode .desktop-balance span > [data-icon="coins"],
body.light-mode .menu-item[href="earn.html"] .mi-icon,
body.light-mode .desktop-link[href="earn.html"] > [data-icon="coins"]{
  color:#d58e00!important;
}

/* ===== V22: account & privacy settings ===== */
.settings-page{padding:18px 16px 110px;max-width:760px;margin:0 auto;width:100%;box-sizing:border-box}
.settings-group,.settings-account-summary,.settings-guest{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin-bottom:14px;overflow:hidden}
.settings-account-summary{display:flex;align-items:center;gap:12px;padding:15px 16px}
.settings-summary-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#12bff2,#236aff);color:#fff;flex:0 0 auto}.settings-summary-icon svg{width:23px;height:23px}
.settings-summary-copy{min-width:0;flex:1}.settings-summary-copy strong,.settings-summary-copy span,.settings-summary-copy small{display:block}.settings-summary-copy strong{font-size:16px}.settings-summary-copy span{color:var(--muted);font-size:12px;margin-top:2px}.settings-summary-copy small{color:var(--muted);font-size:10px;margin-top:6px}
.auth-method-badge{border:1px solid rgba(17,191,243,.25);background:rgba(17,191,243,.08);color:var(--accent);padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.settings-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.settings-group-title h2{font-size:17px;margin:0 0 4px}.settings-group-title p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.settings-title-icon{width:38px;height:38px;border-radius:12px;background:var(--panel-2);color:var(--muted);display:grid;place-items:center;flex:0 0 auto}.settings-title-icon svg{width:20px;height:20px}.settings-lock-icon{font-weight:900;letter-spacing:1px}
.settings-row{min-height:70px;padding:13px 16px;display:flex;align-items:center;gap:14px}.settings-row-copy{flex:1;min-width:0}.settings-row-copy strong,.settings-row-copy span{display:block}.settings-row-copy strong{font-size:14px}.settings-row-copy span{font-size:11px;color:var(--muted);line-height:1.55;margin-top:4px}
.settings-switch{position:relative;width:50px;height:28px;flex:0 0 auto}.settings-switch input{position:absolute;opacity:0;pointer-events:none}.settings-switch span{position:absolute;inset:0;border-radius:999px;background:#343941;border:1px solid var(--line);cursor:pointer;transition:.2s}.settings-switch span:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.settings-switch input:checked+span{background:var(--accent);border-color:var(--accent)}.settings-switch input:checked+span:after{transform:translateX(-22px);background:#06212b}
.login-method-card{display:flex;align-items:center;gap:12px;margin:14px 14px 4px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--panel-2)}.login-method-logo{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#20242b;color:var(--accent);font-weight:900}.login-method-card strong,.login-method-card span{display:block}.login-method-card strong{font-size:13px}.login-method-card span{font-size:11px;color:var(--muted);margin-top:4px;direction:ltr;text-align:right}
.settings-form{display:grid;gap:12px;padding:14px 16px 16px}.settings-form .field{margin:0}.settings-form input{width:100%;box-sizing:border-box}.settings-save{width:100%;min-height:46px}
.settings-security-note{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:start;padding:10px 11px;border-radius:12px;background:rgba(17,191,243,.06);border:1px solid rgba(17,191,243,.14)}.settings-security-note svg{width:19px;height:19px;color:var(--accent);margin-top:1px}.settings-security-note p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.65}
.password-input-wrap{position:relative}.password-input-wrap input{padding-left:66px}.password-eye{position:absolute;left:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--accent);font:inherit;font-size:11px;font-weight:800;padding:8px;cursor:pointer}
.google-account-panel{margin:14px 16px 16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.google-account-panel[hidden]{display:none!important}.google-account-mark,.google-password-symbol{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#4285f4;font-weight:900;font-size:20px}.google-account-copy strong{font-size:14px}.google-account-copy p{margin:4px 0 8px;color:var(--muted);font-size:11px;line-height:1.6}.google-account-copy span{display:block;direction:ltr;text-align:right;color:var(--text);font-size:12px}
.google-password-info{padding:16px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center}.google-password-info[hidden]{display:none!important}.google-password-info h2{font-size:15px;margin:0 0 5px}.google-password-info p{font-size:11px;color:var(--muted);line-height:1.65;margin:0}
.settings-guest{text-align:center;padding:34px 20px}.settings-guest[hidden]{display:none!important}.settings-guest-icon{width:62px;height:62px;border-radius:50%;margin:0 auto 13px;display:grid;place-items:center;background:var(--panel-2);color:var(--accent)}.settings-guest-icon svg{width:28px;height:28px}.settings-guest h2{margin:0 0 7px;font-size:20px}.settings-guest p{margin:0 auto 18px;color:var(--muted);font-size:12px;line-height:1.7;max-width:440px}.settings-guest-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings-guest-actions a{text-align:center;text-decoration:none}
body.light-mode .settings-group,body.light-mode .settings-account-summary,body.light-mode .settings-guest{background:#fff}body.light-mode .login-method-card{background:#f6f7f9}
@media(min-width:980px){.settings-page{padding-top:24px;padding-bottom:48px}.settings-group,.settings-account-summary{border-radius:16px}}
@media(max-width:699px){.settings-page{padding:12px 10px 96px}.settings-group,.settings-account-summary,.settings-guest{border-radius:15px}.settings-group-title{padding:14px 13px}.settings-group-title h2{font-size:16px}.settings-row{padding:12px 13px}.settings-form{padding:12px 13px 14px}.login-method-card{margin:12px 12px 3px}.google-account-panel{margin:12px}.settings-guest-actions{grid-template-columns:1fr}.auth-method-badge{font-size:10px;padding:5px 8px}}

.settings-form[hidden]{display:none!important}


/* ===== V29: account levels / VIP ===== */
.drawer-tier,.desktop-tier-card{display:flex;align-items:center;justify-content:space-between;gap:10px;text-decoration:none}
.drawer-tier{margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);font-size:12px;color:var(--muted)}
.drawer-tier b,.desktop-tier-card strong{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:1000;letter-spacing:.2px;background:#252a31;color:#cbd2db;border:1px solid #343a43}
.drawer-tier b[data-tier="plus"],.desktop-tier-card strong[data-tier="plus"]{background:rgba(17,191,243,.11);border-color:rgba(17,191,243,.28);color:#36c8f4}
.drawer-tier b[data-tier="vip"],.desktop-tier-card strong[data-tier="vip"]{background:rgba(255,201,40,.13);border-color:rgba(255,201,40,.34);color:var(--coin-gold);box-shadow:0 0 16px rgba(255,201,40,.07)}
.desktop-tier-card{margin:0 6px 14px;padding:10px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);font-size:12px;color:var(--muted)}
.upgrade-link .mi-icon,.desktop-link.upgrade-link>[data-icon="upgrade"]{color:var(--coin-gold)!important}.upgrade-link .mi-note{color:var(--coin-gold)!important;font-weight:900}
.account-upgrade-page{padding:18px 16px 110px;max-width:760px;margin:0 auto;width:100%;box-sizing:border-box}
.account-level-hero{border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,201,40,.075),rgba(255,255,255,.012));border-radius:22px;padding:18px;margin-bottom:15px}.account-level-current{display:flex;align-items:center;justify-content:space-between;gap:14px}.account-level-current-copy small{display:block;color:var(--muted);font-size:11px}.account-level-current-copy strong{display:block;font-size:23px;margin-top:4px}.level-pill{padding:8px 14px;border-radius:999px;font-weight:1000;border:1px solid var(--line);background:var(--panel-2)}.level-pill[data-tier="vip"]{color:var(--coin-gold);border-color:rgba(255,201,40,.36);background:rgba(255,201,40,.12)}.level-pill[data-tier="plus"]{color:var(--accent);border-color:rgba(17,191,243,.3);background:rgba(17,191,243,.1)}
.level-progress{margin-top:16px}.level-progress-head{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:8px}.level-progress-track{height:8px;border-radius:99px;background:#242930;overflow:hidden}.level-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#f3ac00,#ffd43b);border-radius:99px}.level-progress-note{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.6}
.account-levels{display:grid;gap:12px}.level-card{border:1px solid var(--line);background:var(--panel);border-radius:19px;padding:16px}.level-card.current{box-shadow:inset 0 0 0 1px rgba(17,191,243,.2);border-color:rgba(17,191,243,.32)}.level-card.vip{background:linear-gradient(145deg,rgba(255,201,40,.07),var(--panel));border-color:rgba(255,201,40,.24)}.level-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.level-name{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:1000}.level-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--panel-2);color:var(--muted)}.level-icon svg{width:23px;height:23px}.level-card.vip .level-icon{color:var(--coin-gold);background:rgba(255,201,40,.1)}.level-card.plus .level-icon{color:var(--accent);background:rgba(17,191,243,.09)}.level-rule{margin:11px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.level-benefits{display:grid;gap:7px;margin-top:12px}.level-benefit{display:flex;align-items:flex-start;gap:8px;font-size:12px}.level-check{color:#25cd7b;font-weight:1000}.level-vip-highlight{margin-top:12px;border-radius:13px;padding:11px 12px;background:rgba(255,201,40,.08);color:#f3d675;font-size:11px;line-height:1.65}.upgrade-actions{display:flex;gap:10px;margin-top:15px}.upgrade-actions a{flex:1;text-align:center}.upgrade-trust-note{margin-top:12px;color:var(--muted);font-size:10px;line-height:1.65;text-align:center}
.vip-gate-modal .nearby-gate-icon{background:rgba(255,201,40,.12);color:var(--coin-gold)}.vip-gate-modal .nearby-gate-icon [data-icon]{width:34px;height:34px}.vip-gate-modal .vip-free{display:inline-flex;align-items:center;gap:6px;margin:0 auto 11px;border-radius:999px;padding:6px 10px;background:rgba(37,205,123,.08);color:#4bdd91;font-size:11px;font-weight:900}.vip-gate-modal .vip-progress-copy{border:1px solid var(--line);border-radius:14px;padding:12px 13px;background:var(--bg);margin:14px 0;text-align:start}.vip-progress-copy .row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.vip-progress-copy .row+.row{margin-top:7px}.vip-progress-copy strong{color:var(--coin-gold)}
@media(min-width:760px){.account-levels{grid-template-columns:repeat(3,1fr)}.level-card{min-height:230px}.account-level-hero{padding:22px}}
body.light-mode .drawer-tier b,body.light-mode .desktop-tier-card strong{background:#eef1f4;color:#59616b;border-color:#dfe4e9}body.light-mode .drawer-tier b[data-tier="vip"],body.light-mode .desktop-tier-card strong[data-tier="vip"]{color:#b67b00;background:#fff4cf;border-color:#f0d27a}

/* ===== V30: Secret rooms ===== */
.secret-rooms-link .mi-icon,
.desktop-link.secret-rooms-link > span:first-child{color:#f6c84a}
.secret-rooms-link .mi-note{color:#f6c84a;font-weight:800}
.secret-rooms-page{padding-bottom:40px}
.secret-hero{position:relative;overflow:hidden;padding:24px 20px 22px;border-bottom:1px solid var(--border)}
.secret-hero::before{content:"";position:absolute;inset:-40% -20% auto;height:230px;background:radial-gradient(circle at 70% 40%,rgba(246,200,74,.18),transparent 46%),radial-gradient(circle at 28% 36%,rgba(115,80,255,.16),transparent 42%);pointer-events:none}
.secret-hero > *{position:relative}
.secret-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(246,200,74,.28);background:rgba(246,200,74,.08);color:#f6c84a;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}
.secret-eyebrow [data-icon]{width:18px;height:18px}
.secret-hero h2{font-size:29px;line-height:1.3;margin:14px 0 8px}
.secret-hero p{color:var(--muted);line-height:1.9;margin:0;max-width:680px}
.secret-tier-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:13px 14px;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.secret-tier-strip strong{display:flex;align-items:center;gap:8px;color:#f6c84a}
.secret-tier-strip [data-icon]{width:20px;height:20px}
.secret-tier-strip a{color:var(--accent);font-weight:800;text-decoration:none}
.secret-section{padding:20px}
.secret-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}
.secret-section-head h3{font-size:21px;margin:0}
.secret-section-head span{font-size:13px;color:var(--muted)}
.secret-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.secret-room-card{position:relative;overflow:hidden;min-height:220px;border:1px solid var(--border);border-radius:20px;background:var(--card);cursor:pointer;text-align:right;padding:0;color:var(--text);font:inherit;transition:transform .16s ease,border-color .16s ease}
.secret-room-card:active{transform:scale(.99)}
.secret-room-cover{height:142px;position:relative;background:var(--room-cover)}
.secret-room-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),transparent 58%)}
.secret-room-badge{position:absolute;top:11px;right:11px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(8,10,14,.75);backdrop-filter:blur(8px);font-size:12px;font-weight:800;color:#fff}
.secret-room-badge.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff3d58;box-shadow:0 0 0 4px rgba(255,61,88,.16)}
.secret-lock{position:absolute;left:11px;top:11px;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(8,10,14,.75);color:#f6c84a}
.secret-lock [data-icon]{width:18px;height:18px}
.secret-room-people{position:absolute;bottom:10px;right:11px;z-index:2;color:#fff;font-size:12px}
.secret-room-copy{padding:13px 14px 15px}
.secret-room-copy strong{display:block;font-size:18px;margin-bottom:5px}
.secret-room-copy small{display:block;color:var(--muted);line-height:1.6}
.secret-room-cta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#f6c84a;font-size:13px;font-weight:800}
.secret-room-cta [data-icon]{width:18px;height:18px}
.secret-vip-modal .vip-crown{width:72px;height:72px;border-radius:22px;margin:0 auto 14px;display:grid;place-items:center;background:rgba(246,200,74,.12);color:#f6c84a;border:1px solid rgba(246,200,74,.25)}
.secret-vip-modal .vip-crown [data-icon]{width:38px;height:38px}
.secret-vip-modal{text-align:center}
.secret-vip-modal h2{margin:0 0 8px}
.secret-vip-modal p{color:var(--muted);line-height:1.8;margin:0 0 16px}
.secret-vip-modal .vip-free-note{padding:10px 12px;border-radius:13px;background:rgba(246,200,74,.08);color:#f6c84a;font-weight:800;margin-bottom:15px}
.secret-room-modal .secret-room-preview{height:170px;border-radius:18px;background:var(--room-cover);position:relative;overflow:hidden;margin-bottom:15px}
.secret-room-modal .secret-room-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.58),transparent)}
.secret-room-modal h2{margin:0 0 6px}
.secret-room-modal p{color:var(--muted);line-height:1.7}
@media(max-width:700px){
  .secret-hero{padding:19px 16px 18px}.secret-hero h2{font-size:25px}.secret-section{padding:16px}
  .secret-grid{grid-template-columns:1fr 1fr;gap:10px}.secret-room-card{min-height:198px;border-radius:17px}.secret-room-cover{height:122px}.secret-room-copy{padding:11px 12px 13px}.secret-room-copy strong{font-size:16px}.secret-room-copy small{font-size:12px}.secret-tier-strip{align-items:flex-start;flex-direction:column}
}
@media(max-width:390px){.secret-grid{grid-template-columns:1fr}.secret-room-cover{height:150px}}

/* ===== V32: secret rooms manager ===== */
.secret-admin-page{padding:18px 16px 110px;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}
.secret-admin-note{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(255,201,40,.22);background:rgba(255,201,40,.06);border-radius:16px;padding:13px 14px;margin-bottom:14px;color:var(--muted);font-size:12px;line-height:1.7}.secret-admin-note b{color:var(--coin-gold)}
.secret-admin-section{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden;margin-bottom:14px}.secret-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line)}.secret-admin-head h2{margin:0;font-size:18px}.secret-admin-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.secret-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.secret-admin-actions a,.secret-admin-actions button{min-height:40px}
.secret-admin-form{display:grid;gap:12px;padding:15px 16px}.secret-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secret-admin-form label{display:grid;gap:6px;color:var(--muted);font-size:11px}.secret-admin-form input,.secret-admin-form textarea,.secret-admin-form select{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:11px 12px;outline:0;font:inherit}.secret-admin-form textarea{resize:vertical;min-height:86px}.secret-admin-form input:focus,.secret-admin-form textarea:focus,.secret-admin-form select:focus{border-color:var(--accent)}
.secret-admin-list{display:grid;padding:8px}.secret-admin-room{display:grid;grid-template-columns:120px 1fr auto;gap:13px;align-items:center;padding:10px;border-bottom:1px solid var(--line);border-radius:14px}.secret-admin-room:last-child{border-bottom:0}.secret-admin-room:hover{background:rgba(255,255,255,.02)}.secret-admin-thumb{height:82px;border-radius:13px;background:#1b2028 center/cover no-repeat;border:1px solid var(--line);position:relative;overflow:hidden}.secret-admin-thumb .live-dot{position:absolute;top:8px;right:8px;background:#ff3b45;color:white;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900}.secret-admin-copy{min-width:0}.secret-admin-copy strong{display:block;font-size:15px}.secret-admin-copy span{display:block;color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secret-admin-copy small{display:flex;gap:10px;color:var(--muted);margin-top:8px}.secret-admin-room-actions{display:flex;gap:6px}.secret-admin-room-actions button{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel-2);color:var(--text);display:grid;place-items:center;font-size:16px}.secret-admin-room-actions .danger{color:#ff6b70}.secret-admin-empty{text-align:center;padding:34px 14px;color:var(--muted)}
.room-editor-modal{width:min(94vw,620px)}.room-editor-preview{height:190px;border-radius:16px;background:#20242b center/cover no-repeat;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;position:relative}.room-editor-preview span{background:rgba(0,0,0,.55);padding:7px 11px;border-radius:999px;font-size:11px}.room-image-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.room-image-actions input[type=file]{padding:9px}.secret-admin-check{display:flex!important;align-items:center;gap:9px!important;font-size:12px!important;color:var(--text)!important}.secret-admin-check input{width:18px!important;height:18px!important;accent-color:var(--accent)}
.secret-room-cover.has-image{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}.secret-room-cover.has-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.42),rgba(0,0,0,.04));pointer-events:none}.secret-room-cover>*{position:relative;z-index:1}
@media(max-width:699px){.secret-admin-page{padding:12px 10px 96px}.secret-admin-grid{grid-template-columns:1fr}.secret-admin-head{align-items:flex-start;flex-direction:column}.secret-admin-actions{width:100%}.secret-admin-actions>*{flex:1;text-align:center}.secret-admin-room{grid-template-columns:88px 1fr;gap:10px}.secret-admin-thumb{height:68px}.secret-admin-room-actions{grid-column:1/-1;justify-content:flex-end}.room-editor-preview{height:155px}}

/* ===== V38: 777 arcade game ===== */
.game-link .mi-icon,.desktop-link.game-link>span:first-child{color:#ffcf33}
.game777-page{padding:18px 16px 110px;max-width:760px;margin:0 auto;width:100%;box-sizing:border-box}
.game777-hero{text-align:center;padding:16px 10px 12px}
.game777-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,207,51,.28);background:rgba(255,207,51,.08);color:#ffcf33;font-weight:850;font-size:12px}
.game777-title{margin:12px 0 4px;font-size:46px;line-height:1;color:#fff;letter-spacing:4px;text-shadow:0 2px 22px rgba(255,190,0,.2)}
.game777-sub{margin:0;color:var(--muted);font-size:13px}
.slot-machine{margin-top:14px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#15181d,#0d0f12);padding:18px;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.slot-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}
.slot-stat{min-width:0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}
.slot-stat strong{color:#ffcf33;font-size:16px}
.slot-led{width:9px;height:9px;border-radius:50%;background:#20d876;box-shadow:0 0 12px rgba(32,216,118,.6)}
.reels-window{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;border:2px solid rgba(255,207,51,.55);border-radius:22px;background:linear-gradient(180deg,#33240d,#120d05);box-shadow:0 0 0 4px rgba(255,207,51,.06),inset 0 0 28px rgba(0,0,0,.55)}
.reels-window:before,.reels-window:after{content:"";position:absolute;right:12px;left:12px;height:1px;background:rgba(255,255,255,.08);pointer-events:none}.reels-window:before{top:33.33%}.reels-window:after{bottom:33.33%}
.reel{height:140px;border-radius:16px;background:linear-gradient(180deg,#faf6e8,#d9d2bd);border:1px solid #fff6c8;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 8px 18px rgba(255,255,255,.7),inset 0 -10px 20px rgba(54,38,0,.12)}
.reel-symbol{font-size:64px;line-height:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.18));transition:transform .16s ease,filter .16s ease}
.reel.spinning .reel-symbol{animation:slotPulse .12s linear infinite;filter:blur(1px) drop-shadow(0 2px 1px rgba(0,0,0,.12))}
@keyframes slotPulse{0%{transform:translateY(-8px) scale(.94)}50%{transform:translateY(8px) scale(1.04)}100%{transform:translateY(-8px) scale(.94)}}
.slot-message{min-height:58px;display:grid;place-items:center;text-align:center;padding:12px 8px 5px}
.slot-message strong{display:block;font-size:18px}.slot-message span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.slot-message.win strong{color:#ffcf33}.slot-message.jackpot strong{font-size:24px;color:#ffcf33;text-shadow:0 0 18px rgba(255,207,51,.35)}
.slot-spin{width:100%;min-height:54px;border:0;border-radius:16px;background:linear-gradient(135deg,#ffd43b,#f3a900);color:#1c1400;font:inherit;font-weight:950;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 9px 24px rgba(243,169,0,.14)}
.slot-spin:disabled{opacity:.65;cursor:wait}.slot-spin svg{width:22px;height:22px}
.slot-note{margin:13px 2px 0;color:var(--muted);font-size:11px;line-height:1.7;text-align:center}
.slot-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.slot-rule{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:12px;text-align:center}.slot-rule b{display:block;color:#ffcf33;font-size:16px}.slot-rule span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.slot-rule .combo{font-size:22px;letter-spacing:2px;margin-bottom:5px}
body.light-mode .slot-machine{background:linear-gradient(180deg,#f9fafb,#eef1f4)}body.light-mode .game777-title{color:#17191d}body.light-mode .slot-note{color:#68717d}
@media(max-width:699px){.game777-page{padding:12px 10px 96px}.game777-title{font-size:39px}.slot-machine{padding:13px;border-radius:22px}.reels-window{padding:9px;gap:7px}.reel{height:118px;border-radius:14px}.reel-symbol{font-size:54px}.slot-rules{gap:7px}.slot-rule{padding:10px 6px}.slot-rule .combo{font-size:19px}}

/* ===== V39: realistic 777 slot motion + audio UI ===== */
.slot-cabinet{position:relative;margin-top:14px;border-radius:30px;padding:9px;background:linear-gradient(145deg,#4b3206,#c58b13 24%,#5a3d08 50%,#d9a72e 76%,#4d3307);box-shadow:0 16px 40px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,235,150,.28)}
.slot-marquee{min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:22px 22px 10px 10px;background:linear-gradient(180deg,#211606,#0d0903);color:#ffd74a;border:1px solid rgba(255,215,74,.34);font-weight:950;letter-spacing:1.5px;text-shadow:0 0 14px rgba(255,200,32,.4)}
.slot-marquee .bulb{width:7px;height:7px;border-radius:50%;background:#ffe270;box-shadow:0 0 8px #ffca28;animation:slotBulb .8s alternate infinite}.slot-marquee .bulb:nth-child(even){animation-delay:.3s}
@keyframes slotBulb{from{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}
.slot-cabinet .slot-machine{margin-top:8px;border-radius:18px 18px 23px 23px;border-color:rgba(255,217,81,.25);background:linear-gradient(180deg,#17191d,#0a0c0f)}
.slot-actions{display:flex;align-items:center;gap:10px}.slot-sound{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,207,51,.27);background:rgba(255,207,51,.08);display:grid;place-items:center;cursor:pointer;font-size:16px}.slot-sound.muted{opacity:.55}
.slot-cabinet .reels-window{overflow:hidden;padding:10px;background:linear-gradient(180deg,#211706,#100b04);border-width:3px;border-color:#d4a531;box-shadow:0 0 0 3px #4a3209,0 0 0 5px rgba(245,194,54,.22),inset 0 0 28px rgba(0,0,0,.72)}
.slot-cabinet .payline{position:absolute;z-index:5;left:4px;right:4px;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#ff334f 8%,#ff334f 92%,transparent);box-shadow:0 0 8px rgba(255,51,79,.7);pointer-events:none}
.realistic-reel{height:174px;grid-template-rows:repeat(3,1fr);align-items:stretch;position:relative;border-radius:12px;background:linear-gradient(180deg,#fffdf5,#eee8d6 48%,#d4ccb4);border-color:#fff0a8;box-shadow:inset 0 9px 14px rgba(255,255,255,.95),inset 0 -12px 20px rgba(57,37,0,.18),0 2px 0 rgba(0,0,0,.5)}
.realistic-reel:before,.realistic-reel:after{content:"";position:absolute;z-index:3;left:0;right:0;height:27%;pointer-events:none}.realistic-reel:before{top:0;background:linear-gradient(180deg,rgba(80,54,0,.22),transparent)}.realistic-reel:after{bottom:0;background:linear-gradient(0deg,rgba(80,54,0,.24),transparent)}
.reel-row{display:grid;place-items:center;font-size:42px;line-height:1;min-height:0;transition:transform .12s ease,filter .12s ease,opacity .12s ease}.reel-row.dim{font-size:32px;opacity:.55;filter:saturate(.72)}.realistic-reel .reel-symbol{font-size:58px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.16))}
.realistic-reel.spinning .reel-row{animation:realSlotRoll .13s linear infinite;filter:blur(1.5px);opacity:.7}.realistic-reel.spinning:nth-of-type(3) .reel-row{animation-duration:.105s}.realistic-reel.spinning:nth-of-type(4) .reel-row{animation-duration:.09s}
.realistic-reel.stopping{animation:reelStopKick .18s ease-out}
@keyframes realSlotRoll{0%{transform:translateY(-24px)}50%{transform:translateY(5px)}100%{transform:translateY(28px)}}
@keyframes reelStopKick{0%{transform:translateY(-6px)}55%{transform:translateY(5px)}100%{transform:translateY(0)}}
.slot-spin .spin-disc{font-size:24px;line-height:1;display:inline-block}.slot-spin:not(:disabled):active .spin-disc{transform:rotate(35deg)}
.slot-cabinet.jackpot-flash{animation:jackpotCabinet .22s linear 7 alternate}.slot-cabinet.jackpot-flash .slot-marquee{color:#fff;background:#7a130d}.slot-cabinet.jackpot-flash .reels-window{box-shadow:0 0 0 3px #ffdf4e,0 0 35px rgba(255,209,45,.75),inset 0 0 28px rgba(0,0,0,.55)}
@keyframes jackpotCabinet{from{filter:brightness(1)}to{filter:brightness(1.35) saturate(1.2)}}
body.light-mode .slot-cabinet .slot-machine{background:linear-gradient(180deg,#fafafa,#eceff2)}
@media(max-width:699px){.slot-cabinet{padding:7px;border-radius:24px}.slot-marquee{min-height:39px;font-size:13px;gap:6px}.realistic-reel{height:150px}.reel-row{font-size:36px}.reel-row.dim{font-size:28px}.realistic-reel .reel-symbol{font-size:50px}.slot-sound{width:36px;height:36px}}

/* ===== V40: 777 coin betting + 30/70 prize pool demo ===== */
.slot-wallet-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px}.slot-money-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.slot-money-card>span{color:var(--muted);font-size:11px}.slot-money-card strong{display:flex;align-items:center;gap:6px;color:var(--text);font-size:19px}.slot-money-card.pool{border-color:rgba(255,207,51,.24);background:rgba(255,207,51,.055)}.slot-money-card.pool strong{color:#ffcf33}
.slot-bet-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:13px;margin-bottom:12px}.slot-bet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.slot-bet-head>div{display:grid;gap:3px}.slot-bet-head strong{font-size:14px}.slot-bet-head span{font-size:10px;color:var(--muted)}.slot-bet-head>b{color:#ffcf33;font-size:15px}.slot-bet-presets{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:11px}.slot-bet-presets button{min-height:40px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:11px;font:inherit;font-weight:800;cursor:pointer}.slot-bet-presets button.active{border-color:#ffcf33;background:rgba(255,207,51,.12);color:#ffcf33}.slot-custom-bet{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.slot-custom-bet input{min-width:0;width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:11px;padding:10px 12px;outline:0;font:inherit}.slot-custom-bet button{min-width:78px;border:0;border-radius:11px;background:var(--panel-2);color:var(--text);font:inherit;font-weight:800;cursor:pointer}.slot-split-note{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.slot-split-note b{color:#ffcf33}.slot-spin b{font-size:inherit}.slot-history-card{margin-top:14px;border:1px solid var(--line);background:var(--panel);border-radius:17px;overflow:hidden}.slot-history-head{padding:13px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.slot-history-head strong{font-size:14px}.slot-history-head span{font-size:10px;color:var(--muted)}.slot-history-list{display:grid}.slot-history-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:9px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:11px}.slot-history-row:last-child{border-bottom:0}.slot-history-row>span:first-child{font-size:18px;letter-spacing:2px}.slot-history-row>span:nth-child(2){color:var(--muted)}.slot-history-row strong{font-size:11px}.slot-history-row.won strong{color:#20d876}.slot-history-row.lost strong{color:#ff6b70}.slot-history-empty{padding:20px;text-align:center;color:var(--muted);font-size:11px}.slot-rules{grid-template-columns:repeat(4,1fr)}
body.light-mode .slot-money-card.pool,body.light-mode .slot-bet-panel{background:#fffdf4}
@media(max-width:699px){.slot-wallet-strip{gap:7px}.slot-money-card{padding:10px 11px}.slot-money-card strong{font-size:16px}.slot-bet-presets{grid-template-columns:repeat(4,1fr)}.slot-rules{grid-template-columns:repeat(2,1fr)}.slot-history-head{align-items:flex-start;flex-direction:column}.slot-history-row{grid-template-columns:1fr auto}.slot-history-row>span:nth-child(2){display:none}}

/* ===== V43: 777 gameplay pacing + bottom bet controls ===== */
.game777-hero-v43{padding-bottom:16px}
.game777-hero-v43 .game777-sub{max-width:560px;margin-inline:auto;line-height:1.8}
.game777-hooks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px auto 0;max-width:520px}
.game777-hooks>div{border:1px solid rgba(255,207,51,.18);background:rgba(255,207,51,.055);border-radius:14px;padding:10px 8px;display:grid;gap:2px}
.game777-hooks strong{color:#ffcf33;font-size:15px}.game777-hooks span{color:var(--muted);font-size:10px}
.slot-wallet-strip-v43{margin-top:2px}
.slot-money-copy{display:grid;gap:3px}.slot-money-copy>span{color:var(--muted);font-size:11px}.slot-money-copy small{color:var(--muted);font-size:9px;opacity:.8}
.slot-pool-v43{position:relative;overflow:hidden}.slot-pool-v43:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:-45px;bottom:-85px;background:radial-gradient(circle,rgba(255,207,51,.2),transparent 68%);pointer-events:none}
.slot-promo-banner{margin:0 0 14px;border:1px solid rgba(255,207,51,.24);background:linear-gradient(135deg,rgba(255,207,51,.14),rgba(255,153,0,.055) 58%,var(--panel));border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;overflow:hidden}
.slot-promo-copy{display:grid;gap:3px;min-width:0}.slot-promo-copy>span{color:#ffcf33;font-size:11px;font-weight:850}.slot-promo-copy strong{font-size:16px}.slot-promo-copy small{color:var(--muted);font-size:10px;line-height:1.6}.slot-promo-777{font-weight:1000;font-size:34px;letter-spacing:2px;color:#ffcf33;opacity:.95;text-shadow:0 0 22px rgba(255,207,51,.28);white-space:nowrap}
.slot-bet-panel-bottom{margin:8px 0 10px;background:rgba(255,255,255,.025);border-color:rgba(255,207,51,.16)}
.slot-bet-panel-bottom .slot-bet-head>b{font-size:16px}
.slot-bet-panel-bottom .slot-bet-presets{margin-top:9px}
.slot-bet-panel-bottom .slot-custom-bet{margin-top:7px}
.slot-history-row.even strong{color:var(--muted)}
body.light-mode .slot-promo-banner{background:linear-gradient(135deg,#fff8d6,#fff,#f5f7fa)}
body.light-mode .slot-bet-panel-bottom{background:#fff}
@media(max-width:699px){
  .game777-hooks{gap:6px}.game777-hooks>div{padding:9px 5px}.game777-hooks strong{font-size:14px}
  .slot-promo-banner{padding:12px 13px}.slot-promo-copy strong{font-size:14px}.slot-promo-777{font-size:29px}
  .slot-bet-panel-bottom{padding:11px 10px;margin-top:7px}
}

/* ===== V45: 777 low-balance modal + fixed jackpot display ===== */
.slot-low-balance-backdrop{z-index:145}
.slot-low-balance-modal{position:relative;text-align:center;max-width:430px;padding:28px 24px 24px;overflow:hidden}
.slot-low-balance-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel-2);color:var(--text);font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer}
.slot-low-balance-icon{width:72px;height:72px;margin:2px auto 15px;border-radius:22px;display:grid;place-items:center;background:rgba(246,200,74,.11);border:1px solid rgba(246,200,74,.26);color:var(--coin-gold)}
.slot-low-balance-icon .mini-xvcoin{width:42px;height:42px}
.slot-low-balance-modal h2{font-size:24px;margin:0 0 8px}
.slot-low-balance-modal>p{margin:0 auto 18px;max-width:350px;color:var(--muted);line-height:1.75}
.slot-low-balance-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;margin:0 0 16px;border:1px solid var(--line);border-radius:15px;background:var(--bg);font-size:13px;color:var(--muted)}
.slot-low-balance-summary strong{font-size:15px;color:var(--coin-gold)}
.slot-low-balance-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.slot-low-balance-actions .primary,.slot-low-balance-actions .secondary{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-weight:900;text-decoration:none}
.slot-charge-now{background:var(--coin-gold)!important;color:#171204!important;border:0!important}
@media(max-width:699px){
 .slot-low-balance-modal{width:100%;max-width:none;border-radius:24px 24px 0 0;padding:25px 18px max(20px,env(safe-area-inset-bottom))}
 .slot-low-balance-modal h2{font-size:22px}
 .slot-low-balance-actions{grid-template-columns:1fr}
 .slot-low-balance-actions .primary{order:0}.slot-low-balance-actions .secondary{order:1}
}


/* ===== V46: account verification ===== */
.verify-account-link .mi-icon,.desktop-link.verify-account-link>span:first-child{color:#2f91ff}
.self-profile-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.self-verified-badge{width:21px;height:21px;color:#2f91ff;display:inline-grid;place-items:center;flex:0 0 auto}.self-verified-badge svg{width:21px;height:21px}.self-verified-badge[hidden]{display:none!important}
.verification-page{padding:18px 16px 110px;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}.verification-hero{border:1px solid rgba(47,145,255,.22);background:linear-gradient(135deg,rgba(47,145,255,.12),rgba(47,145,255,.025) 58%,var(--panel));border-radius:24px;padding:22px;display:flex;align-items:flex-start;gap:16px;margin-bottom:14px}.verification-hero-icon{width:62px;height:62px;flex:0 0 62px;border-radius:20px;background:rgba(47,145,255,.13);color:#2f91ff;display:grid;place-items:center}.verification-hero-icon svg{width:34px;height:34px}.verification-kicker{color:#2f91ff;font-size:11px;font-weight:900}.verification-hero h2{margin:5px 0 7px;font-size:29px}.verification-hero p{margin:0;color:var(--muted);line-height:1.85;max-width:680px;font-size:13px}
.verification-status{border:1px solid var(--line);background:var(--panel);border-radius:19px;padding:15px 17px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:14px}.verification-status-main{display:grid;gap:3px}.verification-status-main>span{font-size:10px;color:var(--muted)}.verification-status-main>strong{font-size:19px;color:#2f91ff}.verification-status-main>small{font-size:10px;color:var(--muted);line-height:1.6}.verification-status-meta{display:flex;align-items:center;gap:10px}.verification-status-meta>div{min-width:120px;padding:9px 11px;border-radius:13px;background:var(--bg);border:1px solid var(--line);display:grid;gap:2px}.verification-status-meta span{font-size:9px;color:var(--muted)}.verification-status-meta b{font-size:12px}
.verification-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px}.verification-card{border:1px solid var(--line);background:var(--panel);border-radius:22px;padding:19px;min-width:0}.verification-men{border-color:rgba(246,200,74,.2)}.verification-women{border-color:rgba(47,145,255,.23)}.verification-card-head{display:flex;align-items:center;gap:12px;margin-bottom:13px}.verification-card-icon{width:44px;height:44px;border-radius:14px;background:rgba(246,200,74,.1);color:var(--coin-gold);display:grid;place-items:center;flex:0 0 44px}.verification-card-icon.women{background:rgba(47,145,255,.12);color:#2f91ff}.verification-card-icon svg{width:24px;height:24px}.verification-card-head small{display:block;color:var(--muted);font-size:9px;margin-bottom:2px}.verification-card h3{margin:0;font-size:19px}.verification-lead{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 14px}.verification-steps{display:grid;gap:8px}.verification-steps>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;padding:9px 10px;background:var(--bg);border:1px solid var(--line);border-radius:13px}.verification-steps>div>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--panel-2);font-size:11px;color:var(--text)}.verification-steps>div>span{font-size:11px;line-height:1.75;color:var(--muted)}.verification-steps strong{color:var(--text)}.verification-clarity,.verification-trust{margin-top:11px;border-radius:14px;padding:11px 12px}.verification-clarity{display:flex;gap:9px;background:rgba(246,200,74,.06);border:1px solid rgba(246,200,74,.15)}.verification-clarity>span{width:20px;height:20px;color:var(--coin-gold);flex:0 0 20px}.verification-clarity p,.verification-trust p{margin:0;font-size:10px;line-height:1.75;color:var(--muted)}.verification-clarity b{color:var(--text)}.verification-trust{background:rgba(47,145,255,.06);border:1px solid rgba(47,145,255,.15)}.verification-trust strong{display:block;color:#65adff;font-size:11px;margin-bottom:5px;line-height:1.6}.verification-cta{margin-top:13px;min-height:46px;display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center}.verification-card .verified-done{background:#168c59;color:#fff}.verification-card .verification-disabled{opacity:.55;cursor:not-allowed}.verification-safety{margin-top:14px;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:14px 16px;display:flex;gap:11px;align-items:flex-start}.verification-safety>span{width:25px;height:25px;color:#2f91ff;flex:0 0 25px}.verification-safety strong{display:block;font-size:12px;margin-bottom:3px}.verification-safety p{margin:0;color:var(--muted);font-size:10px;line-height:1.75}
body.light-mode .verification-hero{background:linear-gradient(135deg,#eaf4ff,#fff)}body.light-mode .verification-card,body.light-mode .verification-status,body.light-mode .verification-safety{background:#fff}
@media(max-width:699px){.verification-page{padding:12px 10px 96px}.verification-hero{padding:17px 15px;border-radius:20px;gap:11px}.verification-hero-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.verification-hero-icon svg{width:27px;height:27px}.verification-hero h2{font-size:24px}.verification-hero p{font-size:11px}.verification-status{grid-template-columns:1fr;gap:11px;padding:13px}.verification-status-meta{display:grid;grid-template-columns:1fr 1fr}.verification-status-meta>div{min-width:0}.verification-paths{grid-template-columns:1fr}.verification-card{padding:16px;border-radius:19px}.verification-card h3{font-size:18px}.verification-safety{padding:12px 13px}}

/* ===== V47: Verification people photos ===== */
.verification-card-head-photo{align-items:center}.verification-person-photo{width:64px;height:64px;flex:0 0 64px;border-radius:18px;object-fit:cover;object-position:center;border:1px solid var(--line);background:var(--panel-2);display:block}.verification-men .verification-person-photo{box-shadow:0 0 0 3px rgba(246,200,74,.06)}.verification-women .verification-person-photo{box-shadow:0 0 0 3px rgba(47,145,255,.06)}
@media(max-width:699px){.verification-person-photo{width:56px;height:56px;flex-basis:56px;border-radius:16px}}


/* ===== V48: stable 8-digit account ID ===== */
.settings-id-card{display:flex;align-items:center;gap:14px;padding:15px 16px}
.settings-id-copy{min-width:0;flex:1}.settings-id-copy span,.settings-id-copy strong,.settings-id-copy small{display:block}
.settings-id-copy span{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.06em}
.settings-id-copy strong{font-size:25px;line-height:1.15;margin:5px 0 6px;letter-spacing:.09em;font-variant-numeric:tabular-nums;color:var(--text)}
.settings-id-copy small{font-size:10.5px;color:var(--muted);line-height:1.6}
.settings-id-copy-btn{flex:0 0 auto;min-width:88px;min-height:42px}
.settings-id-icon{font-size:21px;font-weight:900;color:var(--accent)}
@media(max-width:520px){.settings-id-card{align-items:stretch;flex-direction:column}.settings-id-copy-btn{width:100%}.settings-id-copy strong{font-size:24px}}

/* ===== V50: verification admin by XVFree ID ===== */
.public-profile-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.profile-inline-verified{margin-inline-start:5px}.suggest-name{display:flex;align-items:center;gap:4px}
.verify-admin-page{max-width:780px;margin:0 auto;padding-bottom:110px;width:100%;box-sizing:border-box}.verify-admin-hero{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid rgba(47,145,255,.24);border-radius:22px;background:linear-gradient(135deg,rgba(47,145,255,.10),rgba(47,145,255,.025) 60%,var(--panel));margin-bottom:14px}.verify-admin-hero-icon{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;background:rgba(47,145,255,.13);color:#2f91ff}.verify-admin-hero-icon svg{width:34px;height:34px}.verify-admin-hero>div>span{font-size:10px;font-weight:900;color:#2f91ff}.verify-admin-hero h2{font-size:25px;margin:3px 0 4px}.verify-admin-hero p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.verify-admin-search-card,.verify-admin-result,.verify-admin-empty{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:17px;margin-bottom:14px}.verify-admin-form{display:grid;gap:8px}.verify-admin-form label{font-size:11px;font-weight:800}.verify-admin-input-row{display:grid;grid-template-columns:1fr auto;gap:9px}.verify-admin-input-row input{min-height:48px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:13px;padding:0 14px;font-size:20px;font-weight:900;letter-spacing:2px;outline:none}.verify-admin-input-row input:focus{border-color:#2f91ff;box-shadow:0 0 0 3px rgba(47,145,255,.10)}.verify-admin-input-row button{min-width:115px;display:flex;align-items:center;justify-content:center;gap:7px}.verify-admin-input-row button span{width:19px;height:19px}.verify-admin-current{margin-top:10px;width:100%;min-height:42px}
.verify-admin-empty{text-align:center;display:grid;justify-items:center;gap:5px;color:var(--muted);padding:30px 16px}.verify-admin-empty-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font-size:24px;font-weight:900;color:#2f91ff}.verify-admin-empty strong{color:var(--text);font-size:15px}.verify-admin-empty span:last-child{font-size:10px}
.verify-admin-account-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.verify-admin-avatar{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#1687ff,#2a5cff);font-size:20px;font-weight:900;color:#fff}.verify-admin-account-copy{min-width:0}.verify-admin-name-row{display:flex;align-items:center;gap:6px}.verify-admin-account-copy strong{font-size:17px}.verify-admin-account-copy>span{font-size:10px;color:var(--muted);direction:ltr;display:block;text-align:right}.verify-admin-blue-badge{width:19px;height:19px}.verify-admin-state{min-width:100px;border:1px solid var(--line);background:var(--bg);border-radius:13px;padding:8px 10px;display:grid;gap:2px}.verify-admin-state small{font-size:9px;color:var(--muted)}.verify-admin-state strong{font-size:12px;color:#ff6573}.verify-admin-state strong[data-verified="1"]{color:#3bd58f}
.verify-admin-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.verify-admin-meta>div{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:10px 11px;display:grid;gap:3px}.verify-admin-meta span{font-size:9px;color:var(--muted)}.verify-admin-meta b{font-size:12px}.verify-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.verify-admin-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:7px}.verify-admin-actions button span{width:19px;height:19px}.verify-admin-actions button:disabled{opacity:.38;cursor:not-allowed}.verify-admin-revoke:not(:disabled){border-color:rgba(255,74,91,.38);color:#ff6573}.verify-admin-note{margin:12px 2px 0;color:var(--muted);font-size:9px;line-height:1.75}
body.light-mode .verify-admin-hero{background:linear-gradient(135deg,#eaf4ff,#fff)}body.light-mode .verify-admin-search-card,body.light-mode .verify-admin-result,body.light-mode .verify-admin-empty{background:#fff}
@media(max-width:699px){.verify-admin-page{padding:12px 10px 96px}.verify-admin-hero{padding:15px;border-radius:18px;gap:11px}.verify-admin-hero-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.verify-admin-hero-icon svg{width:28px;height:28px}.verify-admin-hero h2{font-size:21px}.verify-admin-search-card,.verify-admin-result,.verify-admin-empty{padding:13px;border-radius:17px}.verify-admin-input-row{grid-template-columns:1fr}.verify-admin-input-row button{width:100%;min-height:44px}.verify-admin-account-head{grid-template-columns:auto 1fr}.verify-admin-state{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.verify-admin-meta,.verify-admin-actions{grid-template-columns:1fr}.verify-admin-avatar{width:48px;height:48px;border-radius:15px}}

/* ===== V51: support ticket center ===== */
.support-ticket-page{max-width:820px;margin:0 auto;padding-bottom:110px;width:100%;box-sizing:border-box}
.ticket-help-hero{display:flex;align-items:center;gap:15px;margin:4px 0 14px;padding:20px;border:1px solid rgba(17,191,243,.22);border-radius:22px;background:linear-gradient(135deg,rgba(17,191,243,.085),rgba(17,191,243,.018) 55%,var(--panel))}
.ticket-help-icon{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;background:rgba(17,191,243,.12);color:var(--accent)}.ticket-help-icon svg{width:31px;height:31px}
.ticket-help-kicker,.ticket-section-head span,.ticket-list-title span{display:block;color:var(--accent);font-size:10px;font-weight:900;margin-bottom:3px}.ticket-help-hero h2,.ticket-section-head h2,.ticket-list-title h2{margin:0}.ticket-help-hero h2{font-size:25px}.ticket-help-hero p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.8;max-width:600px}
.ticket-compose-card,.ticket-list-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:18px;margin-bottom:14px}.ticket-section-head,.ticket-list-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.ticket-section-head h2,.ticket-list-title h2{font-size:19px}.ticket-lock-mark{width:38px;height:38px;border-radius:13px;border:1px solid var(--line);display:grid;place-items:center;background:var(--bg);color:var(--muted);font-size:18px;font-weight:900}
.ticket-form{display:grid;gap:13px}.ticket-field{display:grid;gap:7px}.ticket-field>span{font-size:11px;font-weight:850}.ticket-field input,.ticket-field select,.ticket-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:13px;padding:12px 13px;font:inherit;font-size:13px;outline:none}.ticket-field input,.ticket-field select{min-height:48px}.ticket-field textarea{resize:vertical;min-height:135px;line-height:1.7}.ticket-field input:focus,.ticket-field select:focus,.ticket-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(17,191,243,.09)}.ticket-field small{font-size:9px;color:var(--muted);text-align:left;direction:ltr}.ticket-field small b{color:var(--text)}.ticket-submit{min-height:50px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900}.ticket-submit svg{width:20px;height:20px}
.ticket-success-card{display:flex;align-items:center;gap:13px;border:1px solid rgba(41,215,121,.26);background:rgba(41,215,121,.065);border-radius:18px;padding:15px 16px;margin-bottom:14px}.ticket-success-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:#29d779;color:#062718;font-size:22px;font-weight:950}.ticket-success-card strong{display:block;font-size:14px}.ticket-success-card p{margin:3px 0;color:var(--muted);font-size:10px}.ticket-success-card span{display:block;margin-top:4px;color:#73e7aa;font-size:10px;direction:rtl}.ticket-success-card b{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}
.ticket-clear{font-size:10px;min-height:34px;padding:0 11px}.support-ticket-list{display:grid;gap:9px}.ticket-empty-state{display:grid;justify-items:center;text-align:center;padding:24px 12px;color:var(--muted);gap:4px}.ticket-empty-state>div{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);color:#29d779;font-size:19px;font-weight:900;margin-bottom:4px}.ticket-empty-state strong{color:var(--text);font-size:13px}.ticket-empty-state span{font-size:10px}.support-ticket-row{border:1px solid var(--line);background:var(--bg);border-radius:14px;padding:12px 13px}.support-ticket-row-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.support-ticket-row-top>div{min-width:0}.support-ticket-row-top b{font-size:9px;color:var(--accent);display:block;direction:ltr;text-align:right;margin-bottom:3px}.support-ticket-row-top strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.ticket-status.waiting{color:#f1bd59;background:rgba(241,189,89,.09);border:1px solid rgba(241,189,89,.20)}.support-ticket-row-meta{display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--muted);font-size:9px}.support-ticket-row-meta span+span:before{content:"•";margin-inline-end:8px}
body.light-mode .ticket-help-hero{background:linear-gradient(135deg,#eafaff,#fff)}body.light-mode .ticket-compose-card,body.light-mode .ticket-list-card{background:#fff}
@media(max-width:699px){.support-ticket-page{padding:12px 10px 96px}.ticket-help-hero{padding:15px;border-radius:18px;gap:11px;align-items:flex-start}.ticket-help-icon{width:48px;height:48px;flex-basis:48px;border-radius:15px}.ticket-help-icon svg{width:27px;height:27px}.ticket-help-hero h2{font-size:21px}.ticket-compose-card,.ticket-list-card{padding:14px;border-radius:17px}.ticket-section-head h2,.ticket-list-title h2{font-size:17px}.ticket-field input,.ticket-field select,.ticket-field textarea{font-size:16px}.ticket-submit{min-height:52px}.ticket-success-card{align-items:flex-start}.support-ticket-row-top{align-items:flex-start}.support-ticket-row-top strong{white-space:normal}.support-ticket-row-meta{flex-wrap:wrap}}


/* ===== V52: VIP video publishing gate ===== */
.vip-video-tool{position:relative}
.vip-tool-badge{display:inline-flex;align-items:center;justify-content:center;height:19px;padding:0 6px;border-radius:999px;background:rgba(255,199,0,.12);border:1px solid rgba(255,199,0,.32);color:#ffd43b;font-size:10px;font-weight:900;line-height:1}
.vip-video-tool.video-ready{border-color:rgba(46,204,113,.55);color:#55e39a}
.vip-video-tier-row,.vip-video-rule{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);margin:0 0 10px}
.vip-video-tier-row span,.vip-video-rule span{color:var(--muted);font-size:13px}
.vip-video-tier-row strong{color:var(--accent);font-size:16px}
.vip-video-rule{align-items:flex-start;flex-direction:column;gap:4px;margin-bottom:16px}
.vip-video-rule b{font-size:14px}
@media(max-width:520px){.vip-video-modal .modal-title-row{gap:10px}.vip-video-modal .modal-title-row h2{font-size:20px}.vip-video-modal .modal-title-row p{font-size:13px}.vip-tool-badge{height:18px;padding:0 5px}}

/* ===== V53: VIP-only 15s video editor ===== */
.vip-video-tool[hidden]{display:none!important}
.vip-video-tool.video-ready{border-color:rgba(46,204,113,.55);color:#55e39a}
.composer-video-draft{margin-top:12px}
.composer-video-preview{display:grid;grid-template-columns:92px minmax(0,1fr) 42px;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}
.composer-video-preview video{width:92px;height:78px;object-fit:cover;border-radius:10px;background:#000}
.composer-video-preview-copy{min-width:0}.composer-video-preview-copy strong,.composer-video-preview-copy span{display:block}.composer-video-preview-copy strong{font-size:13px}.composer-video-preview-copy span{font-size:11px;color:var(--muted);margin-top:4px}
.video-trim-card{width:min(680px,calc(100vw - 28px));max-height:min(88vh,820px);overflow:auto}
.video-trim-player-wrap{position:relative;margin:14px 0 12px;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--line)}
.video-trim-player-wrap video{display:block;width:100%;max-height:420px;background:#000;object-fit:contain}
.video-trim-limit{position:absolute;top:10px;left:10px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
.video-trim-times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.video-trim-times>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.video-trim-times span,.video-trim-times strong{display:block}.video-trim-times span{font-size:10px;color:var(--muted);margin-bottom:4px}.video-trim-times strong{font-size:14px}
.video-trim-control{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.video-trim-control label{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}
.video-trim-control input[type=range]{--trim-position:0%;width:100%;height:5px;appearance:none;border-radius:999px;outline:0;background:linear-gradient(to left,var(--line) 0,var(--line) var(--trim-position),var(--accent) var(--trim-position),var(--accent) 100%)}
.video-trim-control input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);border:4px solid var(--bg);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.video-trim-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid var(--bg);cursor:pointer}
.video-trim-control input[type=range]:disabled{opacity:.45;cursor:not-allowed}
.video-trim-selection{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
.video-trim-progress{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}
.video-trim-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:8px}.video-trim-progress-head span{color:var(--muted)}
.video-trim-progress progress{width:100%;height:8px;border:0;border-radius:999px;overflow:hidden}
.video-trim-actions{margin-top:16px}.video-trim-actions .primary,.video-trim-actions .secondary{min-height:44px}
@media(max-width:560px){.video-trim-card{width:100%;max-height:90vh;border-radius:24px 24px 0 0;margin-top:auto}.video-trim-times{grid-template-columns:1fr 1fr}.video-trim-times>div:first-child{grid-column:1/-1}.video-trim-player-wrap video{max-height:44vh}.composer-video-preview{grid-template-columns:72px minmax(0,1fr) 38px}.composer-video-preview video{width:72px;height:66px}.video-trim-actions{display:grid;grid-template-columns:1fr 1fr}}


/* ===== V54: private chat media / view-once / paid media ===== */
.media-btn{width:44px;height:44px;flex:0 0 44px;border-radius:50%;border:1px solid #2b3037;background:#171b20;color:#d9e0e7;display:grid;place-items:center;transition:.16s ease}.media-btn:hover{background:#1d232a;border-color:#36505e;color:var(--accent)}.media-btn svg{width:21px;height:21px}
.private-media-chooser{max-width:500px}.private-media-choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.private-media-choose-grid button{min-height:135px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2);color:var(--text);display:grid;place-items:center;align-content:center;gap:6px;padding:16px}.private-media-choose-grid button:hover{border-color:#375665;background:#151a20}.private-media-choose-grid svg{width:34px;height:34px;color:var(--accent)}.private-media-choose-grid strong{font-size:16px}.private-media-choose-grid small{color:var(--muted);font-size:11px}
.private-media-editor{width:min(660px,calc(100vw - 28px));max-height:min(90vh,850px);overflow:auto}.private-media-editor-preview{height:min(38vh,330px);border:1px solid var(--line);border-radius:17px;background:#000;display:grid;place-items:center;overflow:hidden;margin-bottom:12px}.private-media-editor-preview img,.private-media-editor-preview video{width:100%;height:100%;object-fit:contain;background:#000}.private-video-trim{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;padding:12px 13px;margin-bottom:12px}.private-video-trim-head,.private-video-trim-copy{display:flex;justify-content:space-between;align-items:center;gap:10px}.private-video-trim-head{font-size:12px;margin-bottom:11px}.private-video-trim-head b{color:var(--accent);font-size:11px}.private-video-trim input[type=range]{width:100%;accent-color:var(--accent)}.private-video-trim-copy{color:var(--muted);font-size:11px;margin-top:8px}.private-video-trim-copy b{color:var(--text)}
.private-media-modes{display:grid;gap:8px;margin:12px 0}.private-media-modes label{display:grid;grid-template-columns:22px 26px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel-2);cursor:pointer}.private-media-modes label:has(input:checked){border-color:rgba(17,191,243,.55);background:rgba(17,191,243,.07)}.private-media-modes input{margin-top:4px;accent-color:var(--accent)}.private-media-modes [data-icon]{color:var(--muted)}.private-media-modes svg{width:22px;height:22px}.private-media-modes strong,.private-media-modes small{display:block}.private-media-modes small{color:var(--muted);font-size:11px;line-height:1.55;margin-top:2px}
.private-media-price-field{display:grid;gap:7px;margin:0 0 10px;font-size:12px}.private-media-price-field>div{height:48px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel-2);border-radius:13px;padding:0 12px}.private-media-price-field [data-icon]{width:24px;height:24px}.private-media-price-field svg{width:24px;height:24px}.private-media-price-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:15px}.private-media-price-field b{color:var(--muted);font-size:12px}.private-media-send-note{font-size:11px;color:var(--muted);line-height:1.65;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--bg);margin:0 0 12px}.private-media-processing{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:12px;font-size:11px}.private-media-processing progress{grid-column:1/-1;width:100%;height:7px}
.private-media-message{max-width:min(82%,430px);border-radius:18px;overflow:hidden}.private-media-message.sent{align-self:flex-end;background:#087aa8;color:#fff;border-bottom-right-radius:5px}.private-media-message.received{align-self:flex-start;background:var(--panel-2);border:1px solid var(--line);border-bottom-left-radius:5px}.private-media-content{min-width:220px;max-width:360px;background:#090a0c}.private-media-content img,.private-media-content video{display:block;width:100%;max-height:360px;object-fit:contain;background:#000}.private-media-caption{padding:8px 11px;font-size:12px}.private-media-placeholder{min-height:170px;min-width:240px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;padding:20px;background:linear-gradient(145deg,#15191f,#0b0d10)}.private-media-placeholder svg{width:35px;height:35px;color:var(--accent)}.private-media-placeholder small{color:var(--muted);max-width:220px;line-height:1.5}
.private-media-once-card,.private-media-locked-card,.private-media-consumed{width:100%;min-width:min(320px,72vw);display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:0;background:transparent;color:inherit;text-align:right}.private-media-open-once{cursor:pointer}.private-media-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.10)}.private-media-icon svg,.private-media-consumed>span svg{width:22px;height:22px}.private-media-once-card strong,.private-media-locked-card strong,.private-media-consumed strong{display:block;font-size:13px}.private-media-once-card small,.private-media-locked-card small,.private-media-consumed small{display:block;margin-top:3px;color:rgba(255,255,255,.72);font-size:10px;line-height:1.45}.private-media-message.received .private-media-once-card small,.private-media-message.received .private-media-locked-card small,.private-media-message.received .private-media-consumed small{color:var(--muted)}.private-media-state{font-size:10px;font-weight:900;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.12)}.private-media-price{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:900;color:#ffd43b}.private-media-price svg{width:20px;height:20px}.private-media-unlock{border:0;border-radius:10px;background:var(--accent);color:#04202a;font-weight:900;padding:9px 10px;white-space:nowrap}.private-media-consumed{grid-template-columns:36px 1fr}.private-media-consumed>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg);color:var(--muted)}
.private-once-viewer{background:#000;z-index:3000;align-items:stretch!important;padding:0}.private-once-stage{width:100%;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:#000;color:#fff;user-select:none;-webkit-user-select:none}.private-once-top{height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:rgba(0,0,0,.92);border-bottom:1px solid #242424}.private-once-top>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900}.private-once-top svg{width:20px;height:20px}.private-once-top button{border:1px solid #333;background:#171717;color:#fff;border-radius:999px;padding:8px 13px}.private-once-media{display:grid;place-items:center;overflow:hidden;background:#000}.private-once-media img,.private-once-media video{display:block;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-drag:none;pointer-events:auto}.private-once-media .private-media-placeholder{width:min(92vw,600px);min-height:52vh}.private-once-note{text-align:center;padding:12px 16px max(12px,env(safe-area-inset-bottom));font-size:11px;color:#aaa;background:#080808}.private-once-open .bottom-nav,.private-once-open .desktop-side,.private-once-open .right-rail{visibility:hidden!important}
.private-media-low-modal{text-align:center;max-width:420px}.private-media-low-icon{width:66px;height:66px;border-radius:20px;background:rgba(255,193,7,.10);color:#ffd43b;display:grid;place-items:center;margin:0 auto 12px}.private-media-low-icon svg{width:31px;height:31px}.private-media-low-modal h2{margin:0 0 6px}.private-media-low-modal p{margin:0 0 16px;color:var(--muted);line-height:1.6}
body.light-mode .media-btn{background:#f2f4f7;border-color:#d9dee4;color:#363c45}body.light-mode .private-media-choose-grid button,body.light-mode .private-media-modes label,body.light-mode .private-video-trim,body.light-mode .private-media-price-field>div{background:#f5f7f9}
@media(max-width:699px){.media-btn,.gift-btn,.send-btn{width:40px;height:40px;flex-basis:40px}.chat-composer{gap:6px;padding-inline:7px}.private-media-chooser,.private-media-editor,.private-media-low-modal{width:100%;max-width:none;border-radius:24px 24px 0 0;margin-top:auto;padding:17px 13px max(17px,env(safe-area-inset-bottom))}.private-media-editor{max-height:92dvh}.private-media-editor-preview{height:min(34vh,280px)}.private-media-choose-grid button{min-height:120px}.private-media-message{max-width:88%}.private-media-once-card,.private-media-locked-card{min-width:min(295px,78vw);grid-template-columns:38px 1fr auto;padding:10px}.private-media-icon{width:38px;height:38px}.private-media-unlock{font-size:10px;padding:8px 7px}}


/* ===== V55: message access pricing + 24h chat hold + video retention ===== */
.message-access-form{display:grid;gap:13px}.message-access-options{display:grid;gap:9px}.message-access-option{display:grid;grid-template-columns:20px 1fr auto;gap:11px;align-items:center;border:1px solid var(--line);background:var(--panel-2);border-radius:15px;padding:13px 14px;cursor:pointer}.message-access-option:has(input:checked){border-color:rgba(17,191,243,.58);background:rgba(17,191,243,.065)}.message-access-option>input{position:absolute;opacity:0;pointer-events:none}.message-access-radio{width:18px;height:18px;border-radius:50%;border:2px solid #56616a;position:relative}.message-access-option:has(input:checked) .message-access-radio{border-color:var(--accent)}.message-access-option:has(input:checked) .message-access-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--accent)}.message-access-option div{min-width:0}.message-access-option strong,.message-access-option small{display:block}.message-access-option small{color:var(--muted);font-size:11px;line-height:1.55;margin-top:3px}.message-access-option>b{color:var(--accent);font-size:11px;white-space:nowrap}.message-access-price{display:grid;gap:7px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.message-access-price>label{font-size:12px;font-weight:850}.message-access-price>small{font-size:10px;color:var(--muted)}.message-access-price-input{height:48px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:0 12px}.message-access-price-input [data-icon],.message-access-price-input svg{width:24px;height:24px}.message-access-price-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-weight:850}.message-access-price-input>b{font-size:11px;color:var(--muted)}.message-access-guarantee{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid rgba(46,204,113,.23);background:rgba(46,204,113,.055);border-radius:13px}.message-access-guarantee>span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(46,204,113,.15);color:#55e39a;font-weight:900;flex:0 0 23px}.message-access-guarantee p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}
.chat-access-banner{margin:8px auto 4px;width:min(94%,560px);border:1px solid var(--line);border-radius:13px;padding:9px 11px;text-align:center;background:var(--panel);display:grid;gap:2px}.chat-access-banner strong{font-size:11px}.chat-access-banner span{font-size:9px;color:var(--muted);line-height:1.5}.chat-access-banner.free,.chat-access-banner.active{border-color:rgba(46,204,113,.25);background:rgba(46,204,113,.045)}.chat-access-banner.free strong,.chat-access-banner.active strong{color:#55e39a}.chat-access-banner.held{border-color:rgba(255,193,7,.28);background:rgba(255,193,7,.05)}.chat-access-banner.held strong{color:#ffd15c}.chat-access-banner.paid{border-color:rgba(17,191,243,.25);background:rgba(17,191,243,.045)}.chat-access-banner.paid strong{color:var(--accent)}
.chat-hold-modal{max-width:470px}.chat-hold-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(17,191,243,.10);color:var(--accent);margin:0 auto 10px}.chat-hold-icon svg{width:28px;height:28px}.chat-hold-modal h2{text-align:center;margin:0 0 14px;font-size:20px}.chat-hold-price{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);margin-bottom:10px}.chat-hold-price>span{font-size:11px;color:var(--muted)}.chat-hold-price strong{display:flex;align-items:center;gap:6px}.chat-hold-price svg{width:24px;height:24px}.chat-hold-guarantee{padding:12px 13px;border-radius:13px;border:1px solid rgba(46,204,113,.25);background:rgba(46,204,113,.055)}.chat-hold-guarantee strong{display:block;color:#55e39a;font-size:12px;margin-bottom:4px}.chat-hold-guarantee p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}.chat-hold-balance{text-align:center;color:var(--muted);font-size:11px;margin:12px 0 0}.chat-hold-balance b{color:var(--text)}
.private-media-expired{min-width:min(310px,72vw);display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;padding:11px 12px}.private-media-expired>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.09);color:var(--muted)}.private-media-expired svg{width:21px;height:21px}.private-media-expired strong,.private-media-expired small{display:block}.private-media-expired strong{font-size:12px}.private-media-expired small{font-size:9px;color:var(--muted);line-height:1.5;margin-top:3px}
body.light-mode .message-access-option,body.light-mode .message-access-price-input{background:#f5f7f9}
@media(max-width:699px){.message-access-option{grid-template-columns:20px 1fr;align-items:start}.message-access-option>b{grid-column:2}.chat-hold-modal{width:100%;max-width:none;border-radius:24px 24px 0 0;margin-top:auto}.chat-access-banner{width:calc(100% - 20px)}}

/* ===== V56: separated usage / earnings / held balances ===== */
.finance-page{display:grid;gap:16px}.finance-balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-balance-card{border:1px solid var(--line);border-radius:18px;padding:18px;background:#0d0f12;display:grid;gap:7px}.finance-balance-card>span{font-size:13px;color:var(--muted)}.finance-balance-card strong{font-size:24px;line-height:1.1}.finance-balance-card small{font-size:12px;color:#9ba5ad;line-height:1.6}.finance-balance-card.spend{background:linear-gradient(135deg,#0d3441,#101519)}.finance-balance-card.earnings{background:linear-gradient(135deg,#2c2810,#17140d);border-color:rgba(224,184,49,.28)}.finance-balance-card.total{background:linear-gradient(135deg,#123529,#0e1814)}.finance-balance-card.held{background:linear-gradient(135deg,#352119,#17110e)}.finance-rule-note{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:14px;background:rgba(255,255,255,.025)}.finance-rule-note>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(17,191,243,.14);color:var(--accent);font-weight:900;flex:0 0 auto}.finance-rule-note p{margin:0;color:#b7c0c7;font-size:13px;line-height:1.8}.withdraw-hero{display:flex;justify-content:space-between;align-items:center;padding:22px;border-radius:20px;background:linear-gradient(135deg,#2c2810,#12100a);border:1px solid rgba(224,184,49,.25)}.withdraw-hero>div{display:grid;gap:5px}.withdraw-hero span{color:#d8c878;font-size:13px}.withdraw-hero strong{font-size:30px}.withdraw-hero small{color:#a7a189}.withdraw-hero-mark{font-size:34px!important;width:58px;height:58px;border-radius:18px;background:rgba(224,184,49,.12);display:grid;place-items:center;font-weight:900}.withdraw-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.withdraw-policy-grid>div{border:1px solid var(--line);border-radius:14px;padding:13px;background:#0d0f12;display:grid;gap:5px}.withdraw-policy-grid span{font-size:11px;color:var(--muted)}.withdraw-policy-grid strong{font-size:15px}.withdraw-preview{border:1px solid var(--line);border-radius:15px;padding:14px;background:#0b0d10;display:grid;gap:10px}.withdraw-preview>div{display:flex;justify-content:space-between;gap:12px;color:#aeb8c0}.withdraw-preview .net{padding-top:10px;border-top:1px solid var(--line)}.withdraw-preview .net strong{color:#fff;font-size:18px}.withdraw-preview small{color:#89949c;line-height:1.6}.withdraw-error{padding:12px 14px;border:1px solid rgba(255,93,93,.28);background:rgba(255,93,93,.07);border-radius:13px;color:#ffaaaa;font-size:13px}.withdraw-history{border-top:1px solid var(--line);padding-top:16px}.withdraw-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.withdraw-history-row>div{display:grid;gap:4px}.withdraw-history-row span,.withdraw-history-row small{font-size:12px;color:var(--muted)}
@media(max-width:700px){.finance-balance-grid{grid-template-columns:1fr}.withdraw-policy-grid{grid-template-columns:1fr 1fr}.withdraw-policy-grid>div:last-child{grid-column:1/-1}.withdraw-hero strong{font-size:24px}}


/* ===== V58: messages earnings guide ===== */
.message-earn-btn{position:relative;color:var(--coin-gold,#f6c84a)!important;background:rgba(246,200,74,.07)!important;border:1px solid rgba(246,200,74,.18)!important}
.message-earn-btn:hover{background:rgba(246,200,74,.13)!important}
.message-earn-btn>span svg{width:23px;height:23px}
.message-earn-btn>i{position:absolute;left:1px;top:0;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#04151d;border:2px solid var(--bg);font-style:normal;font-size:11px;font-weight:1000;line-height:1}
.message-earn-backdrop{z-index:110}
.message-earn-modal{position:relative;max-width:480px;overflow:hidden;padding:26px 24px 22px;text-align:center;background:linear-gradient(180deg,rgba(246,200,74,.045),transparent 34%),var(--panel)}
.message-earn-close{position:absolute;left:10px;top:10px;color:var(--muted)}
.message-earn-hero-icon{width:66px;height:66px;margin:2px auto 10px;border-radius:21px;display:grid;place-items:center;background:rgba(246,200,74,.11);border:1px solid rgba(246,200,74,.2);color:var(--coin-gold,#f6c84a)}
.message-earn-hero-icon svg{width:34px;height:34px}
.message-earn-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(17,191,243,.09);color:var(--accent);font-size:10px;font-weight:900;margin-bottom:7px}
.message-earn-modal h2{margin:0 0 7px;font-size:23px}
.message-earn-intro{max-width:390px;margin:0 auto 16px;color:var(--muted);font-size:13px;line-height:1.75}
.message-earn-steps{display:grid;gap:8px;text-align:right;margin:0 0 12px}
.message-earn-steps>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:var(--bg)}
.message-earn-steps>b{}
.message-earn-steps>div>b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(246,200,74,.1);color:var(--coin-gold,#f6c84a);font-size:12px}
.message-earn-steps p{margin:0;min-width:0}.message-earn-steps strong,.message-earn-steps span{display:block}.message-earn-steps strong{font-size:12px;margin-bottom:2px}.message-earn-steps span{font-size:10px;color:var(--muted);line-height:1.5}
.message-earn-note{display:grid;grid-template-columns:34px 1fr;gap:9px;text-align:right;padding:11px 12px;border-radius:13px;background:rgba(46,204,113,.055);border:1px solid rgba(46,204,113,.20);margin-bottom:14px}
.message-earn-note>span{width:31px;height:31px;color:#55e39a}.message-earn-note>span svg{width:27px;height:27px}
.message-earn-note p{margin:0}.message-earn-note strong,.message-earn-note small{display:block}.message-earn-note strong{font-size:11px;color:#55e39a;margin-bottom:3px}.message-earn-note small{font-size:9.5px;color:var(--muted);line-height:1.55}
.message-earn-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.message-earn-actions .primary,.message-earn-actions .secondary{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;text-decoration:none}
#privateMessageSettings{scroll-margin-top:82px}
#privateMessageSettings:target{border-color:rgba(246,200,74,.42);box-shadow:0 0 0 3px rgba(246,200,74,.06)}
@media(max-width:699px){.message-earn-btn{width:40px!important;height:40px!important}.message-earn-modal{width:100%;max-width:none;border-radius:24px 24px 0 0;margin-top:auto;padding:23px 14px max(18px,env(safe-area-inset-bottom))}.message-earn-modal h2{font-size:21px}.message-earn-hero-icon{width:58px;height:58px;border-radius:18px}.message-earn-hero-icon svg{width:30px;height:30px}.message-earn-intro{font-size:12px;margin-bottom:13px}.message-earn-actions{grid-template-columns:1fr}.message-earn-actions .secondary{min-height:40px}}