/* Hotfix931: access-gate visuals unchanged; qualification is resolved before these styles can activate. */
/* Hotfix830: rejected-email re-entry wall removed; registration verification styles/flow untouched. */
/* Hotfix829: Admin email suppression repair; visual system unchanged from Hotfix828. */
/* Hotfix793: Live Watch presentation/playback restored to the known-good pre-black-screen path; timed payment notice/popup retained. */
/* Hotfix776: profile free/photo visibility + photo import repair; visual system unchanged. */
:root{
  --accent:var(--site-accent);--accent2:var(--site-accent2);--bg:#020306;--surface:#0c1016;--surface2:#121722;
  --text:#f7f8fb;--muted:#9aa2b0;--soft:#151b25;--line:#ffffff14;--danger:#ff4f6d;
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);
  font-family:var(--site-font-family,"Manrope"),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color-scheme:dark
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:#000;color:var(--text);overscroll-behavior-y:none}
body{font-size:15px;line-height:1.35}
button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}img,video,svg{max-width:100%}.ico{width:24px;height:24px;display:block;flex:0 0 auto}
#app{min-height:100dvh;background:radial-gradient(circle at 50% -20%,#101725 0,#04070c 32%,#000 66%);max-width:880px;margin:0 auto;position:relative;overflow-x:hidden}
.boot{height:100dvh;display:flex;align-items:center;justify-content:center;gap:8px}.boot span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));animation:pulse .8s infinite alternate}.boot span:nth-child(2){animation-delay:.15s}.boot span:nth-child(3){animation-delay:.3s}@keyframes pulse{to{opacity:.25;transform:translateY(-6px)}}
#appToast{position:fixed;left:50%;bottom:calc(92px + var(--safe-bottom));transform:translate(-50%,18px);background:#171c25e8;color:#fff;padding:10px 15px;border-radius:999px;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:.18s;z-index:300;backdrop-filter:blur(18px);white-space:nowrap;max-width:calc(100vw - 30px);overflow:hidden;text-overflow:ellipsis}#appToast.show{opacity:1;transform:translate(-50%,0)}

.topbar{height:70px;display:flex;align-items:center;padding:0 22px;gap:12px;position:relative;z-index:20;background:linear-gradient(180deg,#020306f2,#020306d8 70%,transparent);position:sticky;top:0;backdrop-filter:blur(18px)}
.icon-btn{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#f4f6f9}.icon-btn:active{background:#ffffff0d}.top-title{font-weight:800;font-size:22px;letter-spacing:-.04em;flex:1;min-width:0}.brand-title{font-size:26px}.brand-title span{font-weight:900}.brand-title b{color:transparent;background:linear-gradient(135deg,var(--site-accent-bright),var(--site-accent2));background-clip:text;-webkit-background-clip:text;font-weight:900}.top-actions{display:flex;align-items:center;gap:7px}.avatar-btn{width:38px;height:38px;border-radius:50%;overflow:hidden;padding:2px;background:linear-gradient(135deg,var(--accent),var(--accent2))}.avatar-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #05070a}.avatar-btn.fallback{display:grid;place-items:center}.avatar-btn.fallback .ico{width:22px}.notify-btn{position:relative}.notify-btn i{position:absolute;right:1px;top:1px;min-width:18px;height:18px;border-radius:999px;background:var(--accent);display:grid;place-items:center;padding:0 4px;font-style:normal;font-size:10px;font-weight:900}.text-btn{color:var(--site-accent-light);font-size:12px;font-weight:800}

.bottom-nav{position:fixed;z-index:100;left:50%;bottom:0;transform:translateX(-50%);width:min(880px,100%);height:calc(72px + var(--safe-bottom));padding:8px 16px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#040608f3;backdrop-filter:blur(22px);box-shadow:0 -1px #ffffff12}.bottom-nav :is(button,a){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#9aa1aa;min-width:0;text-decoration:none}.bottom-nav .ico{width:25px;height:25px}.bottom-nav span{font-size:11px;white-space:nowrap}.bottom-nav :is(button,a).active{color:var(--site-accent-light)}.bottom-nav :is(button,a).active .ico{fill:currentColor;stroke:currentColor}

.primary{background:linear-gradient(105deg,var(--site-accent2) 0%,var(--site-accent) 100%);color:white;border-radius:12px;height:48px;padding:0 22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 28px color-mix(in srgb,var(--site-accent) 24%,transparent)}.primary:active{transform:translateY(1px)}.compact-btn{height:42px;padding:0 18px;border-radius:10px}.compact-btn .ico{width:18px}.soft-btn{height:42px;border-radius:12px;background:#121722;color:#f2f4f7;padding:0 16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.soft-btn .ico{width:18px}

.home-hero{height:300px;margin:6px 22px 10px;border-radius:20px;background:#111 center/cover no-repeat;position:relative;overflow:hidden;box-shadow:0 18px 42px #0009}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05060bea 4%,#05060ba8 45%,#05060b10 78%),linear-gradient(0deg,#05060b90 0,transparent 48%)}.hero-content{position:absolute;left:28px;bottom:30px;max-width:58%;z-index:2}.hero-content small{color:var(--site-accent-light);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.hero-content h1{font-size:31px;line-height:1.03;margin:9px 0 8px;letter-spacing:-.04em;text-transform:uppercase}.hero-content p{font-size:15px;color:#f1f2f4;line-height:1.35;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide-count{position:absolute;right:14px;bottom:14px;z-index:2;background:#07080cab;padding:7px 12px;border-radius:999px;font-weight:800;font-size:13px;backdrop-filter:blur(10px)}
.home-section{margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;padding:0 24px 11px;gap:12px}.section-title h2{margin:0;font-size:20px;letter-spacing:-.035em}.section-title button{color:var(--site-accent-light);font-size:13px;font-weight:800;white-space:nowrap}.section-title button span{font-size:20px;vertical-align:-1px}.section-title button:disabled{opacity:1}
.category-strip{display:flex;gap:13px;padding:0 22px 4px;overflow-x:auto;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-tile{width:90px;flex:0 0 90px;text-align:center;color:#f7f7fa}.category-tile>span{width:90px;height:90px;border-radius:15px;display:grid;place-items:center;background:#17121f center/cover no-repeat;color:#ad5cff;font-size:30px;box-shadow:none;border:0}.category-tile:first-child>span,.category-tile.active>span{box-shadow:inset 0 0 0 2px var(--accent);background-color:#1b0e30}.category-tile b{display:block;font-size:12px;margin-top:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 22px}.video-card{background:#080b10;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 12px 32px #0007;position:relative}.video-card:active{transform:scale(.992)}.video-thumb{height:188px;background:#111 center/cover no-repeat;position:relative;overflow:hidden}.video-thumb:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#030406d9)}.duration{position:absolute;left:10px;top:10px;z-index:3;background:#05070cc7;border-radius:8px;padding:5px 7px;font-weight:800;font-size:11px}.save-float{position:absolute;right:10px;top:9px;z-index:4;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:white;background:#05070c52;backdrop-filter:blur(8px)}.save-float .ico{width:23px}.save-float.active{color:var(--site-accent-light)}.save-float.active .ico{fill:currentColor}.play-circle{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-45%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#05070c8a;box-shadow:none;border:0;backdrop-filter:blur(6px)}.play-circle .ico{width:25px;height:25px;fill:#fff;stroke:#fff}.video-card-body{padding:12px 13px 14px;min-width:0}.video-card-body>b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-card-body>small{display:block;color:#9ea4ae;font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px}.card-foot span{font-size:12px;color:#c7cbd2;display:flex;align-items:center;gap:4px}.card-foot .rating{color:#f5c04c}.card-foot .ico{width:14px;height:14px}.card-foot strong{font-size:14px;color:var(--site-accent-light);white-space:nowrap}
.filter-chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 22px 12px}.filter-chips::-webkit-scrollbar{display:none}.filter-chips button{height:36px;padding:0 16px;border-radius:999px;background:#090c11;box-shadow:inset 0 0 0 1px #ffffff20;color:#d8dbe1;font-size:12px;white-space:nowrap}.filter-chips button.active{background:linear-gradient(100deg,var(--site-accent),var(--site-accent2));box-shadow:none;color:#fff}.rank-list{margin:0 22px;border-radius:15px;overflow:hidden;background:#07090d;box-shadow:inset 0 0 0 1px #ffffff12}.rank-row{width:100%;height:104px;display:flex;align-items:center;text-align:left;color:#fff;padding:0;background:#07090d}.rank-row+ .rank-row{box-shadow:inset 0 1px #ffffff10}.rank-thumb{width:31%;height:100%;background:#10141a center/cover no-repeat;position:relative;flex:0 0 31%}.rank-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#07090d33)}.rank-thumb i{position:absolute;left:8px;bottom:7px;background:#030408c7;border-radius:6px;padding:3px 5px;font-size:10px;font-style:normal;z-index:2}.rank-copy{min-width:0;flex:1;padding:0 14px}.rank-copy b{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-copy small{display:block;color:#a0a6b0;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-copy em{display:flex;gap:5px;align-items:center;color:#9aa2ad;font-size:11px;font-style:normal;margin-top:7px}.rank-copy .ico{width:15px}.rank-row>strong{font-size:13px;color:var(--site-accent-light);white-space:nowrap}.rank-row>.ico{width:20px;margin:0 12px}

.empty-state{grid-column:1/-1;text-align:center;padding:52px 26px;color:#fff}.empty-symbol{width:58px;height:58px;margin:0 auto 15px;border-radius:18px;background:#121722;display:grid;place-items:center;color:var(--site-accent-light)}.empty-state h2{font-size:19px;margin:0 0 7px}.empty-state p{font-size:13px;color:var(--muted);max-width:340px;margin:0 auto 17px;line-height:1.5}.mini-empty{padding:25px;text-align:center;color:#8e96a2;font-size:12px}

/* Login closely follows the supplied mobile reference while keeping live inputs and API auth. */
.login-screen{min-height:100dvh;background:#010207;position:relative;overflow:hidden;padding-bottom:calc(34px + var(--safe-bottom))}.auth-collage{height:360px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#161b2a,#020307 70%)}.auth-tile{position:absolute;background:#111 center/cover no-repeat;border-radius:14px;filter:saturate(.9) brightness(.68)}.auth-tile.t1{left:-3%;top:43px;width:33%;height:180px;transform:rotate(-5deg)}.auth-tile.t2{left:31%;top:20px;width:37%;height:190px;transform:rotate(2deg)}.auth-tile.t3{right:-7%;top:50px;width:36%;height:170px;transform:rotate(7deg)}.auth-tile.t4{left:-7%;top:220px;width:32%;height:145px;transform:rotate(-6deg)}.auth-tile.t5{left:24%;top:210px;width:42%;height:160px;transform:rotate(4deg)}.auth-tile.t6{right:-5%;top:215px;width:34%;height:150px;transform:rotate(-4deg)}.auth-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#00000014,#010207 92%),radial-gradient(circle at center,#0000 20%,#01020777 80%)}.auth-logo-mark{position:absolute;left:50%;top:182px;transform:translate(-50%,-50%);width:78px;height:78px;display:grid;place-items:center;color:#fff}.auth-logo-mark:before{content:"";position:absolute;inset:0;border-radius:24px;background:conic-gradient(from 215deg,#453cff,#ae34ff,#f143bf,#453cff);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);opacity:.95}.auth-logo-mark .ico{position:relative;width:45px;height:45px;fill:#03040a;stroke:#03040a}.login-content{margin-top:-20px;position:relative;z-index:4;padding:0 42px;text-align:center}.login-content h1{font-size:34px;letter-spacing:-.045em;margin:0 0 7px}.login-content>p{color:#a5acb8;font-size:17px;line-height:1.45;margin:0 auto 25px;max-width:340px}.login-form{display:grid;gap:14px}.login-form>label{height:78px;background:#11151e;box-shadow:inset 0 0 0 1px #ffffff18;border-radius:18px;display:flex;align-items:center;text-align:left;padding:0 20px;gap:17px}.login-form>label>span{color:#a855ff}.login-form>label>span .ico{width:29px;height:29px}.login-form>label>div{min-width:0;flex:1}.login-form b{display:block;font-size:15px;font-weight:500;color:#e4e7ec;margin-bottom:5px}.login-form input{width:100%;border:0;outline:0;background:transparent;color:white;font-size:14px;padding:0}.login-form input::placeholder{color:#858d9a}.password-eye{color:#9ba2ae}.remember-row{display:flex;align-items:center;justify-content:space-between;margin:4px 3px 5px}.remember-row label{display:flex;align-items:center;gap:10px;color:#b6bdc7;font-size:13px}.remember-toggle{cursor:pointer;user-select:none}.remember-toggle>input{position:absolute;opacity:0;pointer-events:none}.remember-toggle>i{width:42px;height:24px;border-radius:999px;background:#252b35;box-shadow:inset 0 0 0 1px #ffffff18;display:flex;align-items:center;padding:3px;transition:.18s ease}.remember-toggle>i>span{width:18px;height:18px;border-radius:50%;background:#a3aab5;box-shadow:0 1px 5px #0008;transform:translateX(0);transition:.18s ease}.remember-toggle>input:checked+i{background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:none}.remember-toggle>input:checked+i>span{background:#fff;transform:translateX(18px)}.remember-toggle>input:focus-visible+i{outline:2px solid color-mix(in srgb,var(--accent) 72%,#fff);outline-offset:2px}.remember-row button{color:#af55ff;font-size:13px}.login-submit{height:56px;border-radius:16px;font-size:18px}.or-line{display:flex;align-items:center;gap:20px;margin:25px 0 18px;color:#9ca3ae}.or-line:before,.or-line:after{content:"";height:1px;background:#ffffff1e;flex:1}.social-stack{display:grid;gap:12px}.social-auth{height:58px;border-radius:16px;background:#11151e;box-shadow:inset 0 0 0 1px #ffffff18;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 18px;color:white;font-size:16px;font-weight:700}.social-auth>b{font-size:27px}.google-g{color:#4285f4}.facebook-f{color:#3e88ff}.apple-a{color:#fff}.signup-link{font-size:14px!important;margin:27px 0!important;color:#9da5b1!important}.signup-link button{color:#b75dff;font-weight:700}.legal-copy{font-size:11px!important;line-height:1.5!important;color:#707986!important;margin-top:33px!important}.legal-copy .ico{display:inline;width:14px;height:14px;vertical-align:-3px;margin-right:5px}.simple-auth{padding:35px 24px;max-width:520px;margin:auto}.simple-auth h1{font-size:30px;margin:12px 0 8px}.simple-auth>p{color:var(--muted);margin:0 0 28px}.simple-form{display:grid;gap:15px}.simple-form label{font-size:12px;color:#adb4bf}.simple-form input,.simple-form select{display:block;width:100%;height:52px;margin-top:7px;border:0;outline:0;border-radius:14px;background:#11151e;box-shadow:inset 0 0 0 1px #ffffff18;padding:0 15px;color:#fff}.simple-form .primary{margin-top:4px}

/* Watch */
.watch-player{position:relative;margin:8px 32px 0;aspect-ratio:16/9;background:#05070a;border-radius:var(--watch-radius,16px);overflow:hidden;box-shadow:0 20px 50px #000b}.watch-video,.watch-poster{width:100%;height:100%;object-fit:contain;display:block;background:#000}.watch-poster{background:center/cover no-repeat}.preview-badge{position:absolute;left:17px;top:15px;background:#11151ec9;backdrop-filter:blur(10px);border-radius:10px;padding:7px 11px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.preview-badge i{width:8px;height:8px;border-radius:50%;background:#8d4cff}.big-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:#05070a99;display:grid;place-items:center;color:#fff;backdrop-filter:blur(8px)}.big-play .ico{width:40px;height:40px;fill:#fff}.player-controls{position:absolute;left:0;right:0;bottom:0;height:61px;padding:0 18px;display:flex;align-items:center;gap:12px;background:linear-gradient(180deg,transparent,#05070aed 33%)}.player-controls button{color:#fff;width:30px;display:grid;place-items:center}.player-controls .ico{width:23px}.player-controls time{font-size:12px;white-space:nowrap}.player-controls input{min-width:0;flex:1;accent-color:#963fff;height:4px}.watch-info{padding:28px 42px 0}.watch-title-line{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.watch-title-line>div{min-width:0}.watch-title-line h1{font-size:29px;letter-spacing:-.04em;line-height:1.08;margin:0 0 10px}.tag-row{display:flex;gap:7px}.tag-row span{background:#281a39;color:#c875ff;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700}.watch-meta{display:flex;align-items:center;gap:10px;margin-top:12px;color:#c3c7ce}.watch-meta span{display:flex;gap:5px;align-items:center;font-size:13px}.watch-meta .ico{width:17px;height:17px}.watch-meta span:first-child{color:#f4c14a}.watch-meta i{color:#606875;font-style:normal}.watch-price{color:#a64cff;font-size:27px;white-space:nowrap}.watch-description{color:#a8afb9;font-size:13px;line-height:1.55;margin:16px 0 0}.creator-row{display:flex;align-items:center;gap:13px;margin-top:20px;padding:4px 0}.creator-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#1a2030;font-weight:900;overflow:hidden;flex:0 0 52px}.creator-avatar img{width:100%;height:100%;object-fit:cover}.creator-row>div{min-width:0;flex:1}.creator-row b{display:block;font-size:16px}.creator-row small{display:block;color:#969da9;font-size:12px;margin-top:3px}.verified{font-style:normal;color:#9e4dff;margin-left:5px}.follow-btn{height:39px;min-width:105px;border-radius:999px;box-shadow:inset 0 0 0 1.5px #a848ff;color:var(--site-accent-light);font-weight:800}.follow-btn.active{background:#24152f}.watch-actions{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;background:#0b0e14;border-radius:14px;overflow:hidden}.watch-actions button{height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#d9dde3;position:relative}.watch-actions button+button:before{content:"";position:absolute;left:0;height:36px;width:1px;background:#ffffff12}.watch-actions .ico{width:25px;height:25px}.watch-actions span{font-size:11px}.watch-actions button.active{color:#bb5dff}.watch-actions button.active .ico{fill:currentColor}.watch-unlock{padding:18px 42px 0}.unlock-btn{width:100%;min-height:58px;border-radius:13px;background:linear-gradient(100deg,#6540ff,#a834f4);display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:850;color:white;padding:0 18px}.unlock-btn .ico{width:21px}.unlock-btn .watch-price{font-size:17px;margin-left:auto;color:#fff}.unlock-btn.owned{background:linear-gradient(100deg,#7040ff,#b633e9)}.preview-note{margin:15px 42px 0;background:#0c1016;border-radius:12px;padding:15px 17px;display:flex;align-items:flex-start;gap:13px}.preview-note>span{font-size:24px;color:#9b4dff}.preview-note p{margin:0;color:#b5bbc4;font-size:12px;line-height:1.5}.watch-related{margin-top:25px}.watch-related .video-thumb{height:155px}


/* Profile / library / discover */
.profile-cover{height:210px;background:linear-gradient(135deg,#13192a,#2a1440) center/cover no-repeat}.profile-head{text-align:center;padding:0 24px 15px}.profile-avatar{width:96px;height:96px;border-radius:50%;margin:-48px auto 11px;background:#171e29;display:grid;place-items:center;overflow:hidden;font-size:35px;font-weight:900;box-shadow:0 0 0 5px #030508}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-head h1{font-size:25px;margin:0}.profile-head>small{display:block;color:#9ca3ad;font-size:12px;margin-top:4px}.profile-stats{display:flex;justify-content:center;gap:44px;margin:22px 0 14px}.profile-stats b,.profile-stats span{display:block}.profile-stats b{font-size:18px}.profile-stats span{font-size:11px;color:#929aa5;margin-top:3px}.profile-head>p{max-width:520px;margin:12px auto 0;color:#b4bac3;font-size:13px;line-height:1.5}.profile-buttons{display:flex;justify-content:center;gap:10px;margin-top:19px}.profile-action{height:42px;min-width:130px}.profile-tabs{height:50px;display:flex;overflow-x:auto;padding:0 20px;box-shadow:inset 0 -1px #ffffff10;scrollbar-width:none}.profile-tabs button{flex:1;min-width:80px;color:#969da8;font-size:13px;font-weight:700;position:relative}.profile-tabs button.active{color:white}.profile-tabs button.active:after{content:"";position:absolute;left:20%;right:20%;bottom:0;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.profile-grid{padding-top:16px}.page-grid{padding-top:8px;padding-bottom:20px}.page-chips{padding-top:10px}
.discover-search{margin:8px 22px 24px;height:50px;border-radius:15px;background:#11151d;display:flex;align-items:center;gap:12px;padding:0 15px;color:#8f97a3}.discover-search .ico{width:21px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 10px;padding:0 22px 24px}.category-grid .category-tile{width:auto;min-width:0}.category-grid .category-tile>span{width:100%;height:auto;aspect-ratio:1;border-radius:15px}.live-search{margin:8px 22px 8px;height:52px;border-radius:15px;background:#11151e;display:flex;align-items:center;padding:0 15px;gap:10px}.live-search>span{color:#8f97a4}.live-search .ico{width:22px}.live-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:14px}.live-search>button{font-size:24px;color:#88909b}.search-status{padding:4px 24px 12px;color:#8f97a3;font-size:11px}
.library-filter{padding-top:10px}.library-list{padding:0 22px}.library-row{display:flex;gap:14px;padding:14px 0;box-shadow:inset 0 -1px #ffffff10}.library-thumb{width:150px;height:92px;border-radius:13px;background:#111 center/cover no-repeat;position:relative;overflow:hidden;flex:0 0 150px}.library-thumb span{position:absolute;left:8px;bottom:7px;background:#05070bc9;border-radius:6px;padding:4px 6px;font-size:10px}.library-row>div{min-width:0;flex:1}.library-row>div>b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-row small{display:block;color:#959da8;font-size:11px;margin-top:4px}.library-row em{display:block;color:#b75cff;font-size:12px;font-style:normal;margin-top:6px;font-weight:700}.library-row>div>div{display:flex;gap:8px;margin-top:10px}.library-row>div>div button{display:flex;gap:5px;align-items:center;background:#131823;border-radius:8px;padding:7px 10px;font-size:10px}.library-row .ico{width:15px;height:15px}
.notification-list{padding:5px 22px}.notification-row{width:100%;display:flex;text-align:left;gap:13px;padding:15px 0;color:#fff;box-shadow:inset 0 -1px #ffffff10}.notification-row.unread:after{content:"";width:8px;height:8px;border-radius:50%;background:#9d45ff;margin:10px 3px 0 auto}.notification-icon{width:42px;height:42px;border-radius:50%;background:#171321;color:#b55cff;display:grid;place-items:center;flex:0 0 42px}.notification-icon .ico{width:21px}.notification-row>div{min-width:0;flex:1}.notification-row b{font-size:13px}.notification-row p{font-size:12px;color:#aab0b9;margin:4px 0}.notification-row small{font-size:10px;color:#7f8792}

.wallet-card{margin:15px 22px 22px;border-radius:22px;padding:24px;background:radial-gradient(circle at 85% 10%,#b23cf766,transparent 40%),linear-gradient(135deg,#20103b,#101522);box-shadow:0 15px 42px #0008}.wallet-card small,.wallet-card span{display:block;color:#c2c4d0}.wallet-card strong{display:block;font-size:34px;margin:8px 0 5px}.wallet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px 25px}.wallet-actions button{height:76px;border-radius:15px;background:#11151e;font-size:20px}.wallet-actions span{display:block;font-size:10px;margin-top:4px;color:#c1c6ce}.transaction-list{padding:0 22px}.transaction-list>div{display:flex;align-items:center;justify-content:space-between;padding:13px 0;box-shadow:inset 0 -1px #ffffff0d}.transaction-list b,.transaction-list small{display:block}.transaction-list b{font-size:12px;text-transform:capitalize}.transaction-list small{font-size:10px;color:#858e99;margin-top:4px}.transaction-list strong{font-size:12px}.transaction-list strong.credit{color:#55d890}.transaction-list strong.debit{color:#f16b7f}
.premium-hero{text-align:center;padding:34px 20px 22px}.premium-hero>span{font-size:44px;color:#c05cff}.premium-hero h1{font-size:30px;margin:7px 0}.premium-hero p{color:#9da5b0;margin:0}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:8px 22px}.plan-grid article{background:#10141c;border-radius:18px;padding:19px}.plan-grid small{color:#a85aff;font-size:10px;font-weight:900}.plan-grid h2{font-size:22px;margin:8px 0 3px}.plan-grid article>b{font-size:13px}.plan-grid ul{list-style:none;padding:0;margin:15px 0;display:grid;gap:7px;color:#acb3bd;font-size:10px}.plan-grid li{display:flex;gap:5px}.plan-grid li .ico{width:14px;color:#9c4cff}.plan-grid .primary{width:100%;height:42px}
.checkout-card{margin:15px 22px;background:#0c1016;border-radius:18px;padding:20px}.checkout-video{display:flex;align-items:center;gap:13px;padding-bottom:18px;box-shadow:inset 0 -1px #ffffff10}.checkout-video>span{width:100px;height:66px;border-radius:10px;background:#111 center/cover no-repeat;flex:0 0 100px}.checkout-video>div{min-width:0;flex:1}.checkout-video b,.checkout-video small{display:block}.checkout-video small{color:#929aa5;font-size:11px;margin-top:3px}.checkout-video>strong{color:var(--site-accent-light);font-size:13px}.checkout-card h2{font-size:16px;margin:21px 0 10px}.payment-options{display:grid;gap:9px}.payment-options button{height:62px;border-radius:13px;background:#131823;display:flex;align-items:center;text-align:left;padding:0 15px;gap:12px}.payment-options button.active{box-shadow:inset 0 0 0 2px #9c45ff;background:#171024}.payment-options button>span{display:block}.payment-options button b,.payment-options button small{display:block}.payment-options button small{font-size:10px;color:#9099a5;margin-top:3px}.payment-options .ico{width:25px;color:var(--site-accent-light)}.payment-options>.mpesa,.payment-options>.paypal{font-size:23px;color:#8d4cff}.checkout-pay{width:100%;margin-top:18px}

/* Drawer */
#drawerRoot{position:fixed;inset:0;z-index:400;pointer-events:none}#drawerRoot.open{pointer-events:auto}#drawerRoot.open:empty{pointer-events:none}.drawer-scrim{position:absolute;inset:0;background:#0000;backdrop-filter:blur(0);transition:.2s}#drawerRoot.open .drawer-scrim{background:#0009;backdrop-filter:blur(3px)}.drawer{position:absolute;left:0;top:0;bottom:0;width:min(330px,86vw);background:#090d13;padding:calc(var(--safe-top) + 24px) 18px calc(var(--safe-bottom) + 18px);transform:translateX(-102%);transition:.22s ease;box-shadow:20px 0 50px #000a;display:flex;flex-direction:column}.open .drawer{transform:none}.drawer-brand{display:flex;align-items:center;gap:10px;font-size:20px;padding:0 8px 20px}.drawer-brand>span{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center}.drawer-brand .ico{width:22px;fill:#fff}.drawer-user{display:flex;align-items:center;text-align:left;padding:12px;border-radius:14px;background:#11161f;margin-bottom:14px}.drawer-user>span{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#202838;display:grid;place-items:center;font-weight:900;margin-right:10px}.drawer-user img{width:100%;height:100%;object-fit:cover}.drawer-user>div{min-width:0}.drawer-user b,.drawer-user small{display:block}.drawer-user small{font-size:10px;color:#8f98a5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-login{width:100%;margin-bottom:15px}.drawer nav{display:grid;gap:2px}.drawer nav button,.drawer-logout{display:flex;align-items:center;gap:13px;height:48px;padding:0 12px;border-radius:11px;color:#d7dbe2;text-align:left}.drawer nav button:active{background:#151a23}.drawer nav .ico,.drawer-logout .ico{width:21px}.drawer-logout{margin-top:auto;color:#f48999}

@media(max-width:680px){
 #app{max-width:none}.topbar{padding-left:16px;padding-right:16px}.home-hero{margin-left:16px;margin-right:16px;height:255px}.hero-content{left:20px;bottom:22px;max-width:68%}.hero-content h1{font-size:25px}.hero-content p{font-size:13px}.section-title{padding-left:17px;padding-right:17px}.category-strip,.video-grid,.filter-chips{padding-left:16px;padding-right:16px}.video-grid{gap:12px}.video-thumb{height:150px}.rank-list{margin-left:16px;margin-right:16px}.watch-player{margin-left:16px;margin-right:16px}.watch-info{padding-left:18px;padding-right:18px}.watch-unlock{padding-left:18px;padding-right:18px}.preview-note{margin-left:18px;margin-right:18px}.watch-title-line h1{font-size:25px}.watch-price{font-size:23px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding-left:16px;padding-right:16px}.login-content{padding-left:28px;padding-right:28px}.library-list,.notification-list,.transaction-list{padding-left:16px;padding-right:16px}.wallet-card{margin-left:16px;margin-right:16px}.wallet-actions{padding-left:16px;padding-right:16px}.plan-grid{padding-left:16px;padding-right:16px}.checkout-card{margin-left:16px;margin-right:16px}
}
@media(max-width:430px){
 body{font-size:14px}.topbar{height:62px}.top-title{font-size:20px}.brand-title{font-size:23px}.icon-btn{width:38px;height:38px}.icon-btn .ico{width:22px}.hide-small{display:none}.home-hero{height:218px;border-radius:17px}.hero-content{max-width:72%}.hero-content small{font-size:10px}.hero-content h1{font-size:22px;margin-top:6px}.hero-content p{font-size:11px;margin-bottom:12px}.compact-btn{height:37px;font-size:12px;padding:0 13px}.section-title h2{font-size:17px}.category-tile{width:76px;flex-basis:76px}.category-tile>span{width:76px;height:76px}.video-thumb{height:126px}.video-card-body{padding:9px 10px 11px}.video-card-body>b{font-size:13px}.video-card-body>small{font-size:10px}.card-foot span,.card-foot strong{font-size:10px}.play-circle{width:42px;height:42px}.duration{font-size:9px}.rank-row{height:88px}.rank-copy b{font-size:13px}.rank-copy small,.rank-copy em{font-size:9px}.rank-row>strong{font-size:11px}.login-content h1{font-size:30px}.login-content>p{font-size:15px}.auth-collage{height:315px}.auth-logo-mark{top:160px}.login-form>label{height:70px;border-radius:16px}.login-form b{font-size:13px}.login-form input{font-size:12px}.login-submit{height:52px;font-size:16px}.social-auth{height:54px;font-size:14px}.watch-player{margin-left:0;margin-right:0;margin-top:0;border-radius:0!important}.watch-info{padding-top:22px}.watch-title-line h1{font-size:22px}.watch-price{font-size:20px}.watch-meta span{font-size:11px}.creator-avatar{width:46px;height:46px;flex-basis:46px}.creator-row b{font-size:14px}.follow-btn{min-width:88px;height:36px;font-size:12px}.watch-actions{margin-top:18px}.watch-actions button{height:66px}.watch-actions .ico{width:22px}.unlock-btn{min-height:54px;font-size:15px}.watch-related .video-thumb{height:126px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-cover{height:170px}.profile-avatar{width:84px;height:84px;margin-top:-42px}.profile-stats{gap:32px}.library-thumb{width:118px;height:78px;flex-basis:118px}.premium-hero h1{font-size:26px}
}
@media(max-width:350px){.video-grid{gap:9px}.video-thumb{height:110px}.home-hero{height:205px}.category-grid{gap:10px 7px}.watch-title-line{display:block}.watch-price{display:block;margin-top:10px}.watch-actions span{font-size:9px}.login-content{padding-left:20px;padding-right:20px}.profile-stats{gap:22px}.plan-grid{grid-template-columns:1fr}}
@media(min-width:881px){.bottom-nav{border-radius:18px 18px 0 0}.screen{box-shadow:0 0 80px #000}.home-hero{height:340px}.video-thumb{height:220px}.watch-player{margin-left:44px;margin-right:44px}.watch-info,.watch-unlock{padding-left:54px;padding-right:54px}.preview-note{margin-left:54px;margin-right:54px}}

/* v3.1 live responsive layout controls */
.home-section{margin-top:var(--home-section-gap,24px)}
.home-section .video-grid{grid-template-columns:repeat(var(--home-cols,2),minmax(0,1fr))}
.video-card{border-radius:var(--home-card-radius,16px)}
.profile-grid{grid-template-columns:repeat(var(--profile-cols,2),minmax(0,1fr))}

.comment-sheet{position:fixed;z-index:131;left:50%;bottom:0;transform:translateX(-50%);width:min(880px,100%);height:min(70dvh,650px);background:#0b0e14;border-radius:22px 22px 0 0;display:grid;grid-template-rows:58px 1fr auto;box-shadow:0 -22px 70px #000b;overflow:hidden}
.comment-sheet>header{display:flex;align-items:center;justify-content:center;padding:0 18px;box-shadow:inset 0 -1px #ffffff0d}.comment-sheet>header b{font-size:16px}.comment-sheet>header button{position:absolute;right:18px;width:36px;height:36px;border-radius:50%;background:#171c25;color:#fff;font-size:23px}
.comment-items{overflow:auto;padding:8px 18px 20px}.comment-item{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px 0}.comment-item>span{width:38px;height:38px;border-radius:50%;background:#1a202b;display:grid;place-items:center;overflow:hidden;font-weight:800}.comment-item img{width:100%;height:100%;object-fit:cover}.comment-item b{font-size:12px}.comment-item p{font-size:13px;line-height:1.45;margin:3px 0;color:#d5d9df}.comment-item small{font-size:9px;color:#7f8793}.comment-empty,.comment-loading{padding:30px;text-align:center;color:#8d949e;font-size:12px}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 14px calc(10px + var(--safe-bottom));background:#090c11;box-shadow:0 -1px #ffffff0d}.comment-form input{height:44px;border:0;outline:0;border-radius:13px;background:#151a22;color:#fff;padding:0 14px;min-width:0}.comment-form button{height:44px;padding:0 18px;border-radius:12px}.comment-login{margin:10px 14px calc(10px + var(--safe-bottom));height:46px}

/* Real home hero carousel */
.home-hero{background:#0c1016}
.hero-slide{position:absolute;inset:0;background:#111 center/cover no-repeat;opacity:0;pointer-events:none;transition:opacity .36s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-dots{position:absolute;z-index:6;left:50%;bottom:-1px;transform:translate(-50%,100%);display:flex;gap:8px;padding-top:9px}.hero-dots button{width:8px;height:8px;border-radius:999px;background:#61656d}.hero-dots button.active{background:var(--accent);transform:scale(1.12)}.home-hero:has(.hero-dots){margin-bottom:25px}
.ai-badge{display:inline-grid;place-items:center;vertical-align:2px;margin-left:6px;padding:2px 6px;border-radius:7px;background:linear-gradient(120deg,#7139ed,#bd3ce4);font-size:9px;letter-spacing:0;font-weight:900;color:#fff}


/* v3.2 production server diagnostics */
.empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.empty-actions .primary,.empty-actions .soft-btn{min-width:128px;width:auto}
.server-settings{padding:18px 18px calc(30px + env(safe-area-inset-bottom));max-width:680px;margin:0 auto}.server-settings>h1{font-size:24px;margin:10px 0 6px}.server-settings>p{color:var(--muted);line-height:1.55;margin:0 0 18px}.server-health{margin-top:18px;padding:16px;background:var(--surface);border-radius:16px}.server-health>div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 0}.server-health span{color:var(--muted);font-size:13px}.server-health b{font-size:13px;overflow-wrap:anywhere}.server-error{margin:12px 0 0;padding:12px;border-radius:12px;background:rgba(255,76,92,.10);color:#ff9aa4;font-size:13px;line-height:1.45}

/* VideoHub v3.3 real account, creator, wallet and support surfaces */
.page-form,.settings-form,.compact-form{padding:18px 18px calc(30px + var(--safe-bottom));display:grid;gap:14px}.page-form>h1,.settings-form>h1{margin:2px 0 0;font-size:24px}.page-form>p,.settings-form>p,.form-note{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid>label,.compact-form>label,.settings-form>label:not(.check-line),.page-form>label:not(.check-line){display:grid;gap:7px;font-size:11px;font-weight:750;color:#aeb5c0}.form-grid input,.form-grid select,.form-grid textarea,.compact-form input,.compact-form select,.compact-form textarea,.settings-form input:not([type=checkbox]):not([type=hidden]),.settings-form select,.settings-form textarea,.page-form input:not([type=checkbox]):not([type=hidden]),.page-form select,.page-form textarea{width:100%;min-height:45px;border:0;outline:0;border-radius:12px;background:#131821;color:#f8f9fb;padding:0 13px;box-shadow:inset 0 0 0 1px #ffffff08}.form-grid textarea,.compact-form textarea,.settings-form textarea,.page-form textarea{padding-top:12px;resize:vertical;line-height:1.45}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.compact-form input:focus,.compact-form textarea:focus,.settings-form input:focus,.settings-form select:focus,.settings-form textarea:focus,.page-form input:focus,.page-form select:focus,.page-form textarea:focus{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent) 72%,#fff0),0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}.form-grid .wide{grid-column:1/-1}.check-line{display:flex!important;align-items:center;gap:10px;min-height:42px;font-size:12px!important;color:#d7dbe2!important;font-weight:700!important}.check-line input{width:19px!important;height:19px!important;accent-color:var(--accent)}.page-form>.primary,.settings-form>.primary,.compact-form>.primary{width:100%;height:48px;border-radius:13px}.form-note{padding:12px 13px;background:#11161e;border-radius:12px}.form-progress{height:8px;background:#171c25;border-radius:999px;overflow:hidden}.form-progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .2s}.form-progress+small{color:var(--muted);font-size:10px}
.upload-intro,.creator-summary,.preference-card,.ticket-head,.playlist-create{margin:14px 18px;padding:16px;border-radius:17px;background:linear-gradient(145deg,#121720,#0d1117);box-shadow:0 8px 30px #0002}.upload-intro{display:flex;align-items:center;gap:13px}.upload-intro>span{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;flex:0 0 auto}.upload-intro .ico{width:24px;fill:#fff}.upload-intro b,.upload-intro small{display:block}.upload-intro b{font-size:15px}.upload-intro small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.45}.upload-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:2px}.upload-mode button{height:42px;border-radius:11px;background:#121720;color:#aab2be}.upload-mode button.active{background:color-mix(in srgb,var(--accent) 18%,#121720);color:#d9b9ff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.upload-url[hidden],.upload-file[hidden]{display:none!important}
.creator-summary{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:8px}.creator-summary b{display:block;font-size:19px}.creator-summary small{font-size:9px;color:var(--muted)}.creator-list,.ticket-list,.playlist-list{padding:0 18px calc(24px + var(--safe-bottom));display:grid;gap:9px}.creator-row{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:11px;align-items:center;background:#10151d;border-radius:15px;padding:9px}.creator-thumb{width:86px;height:64px;border-radius:11px;background:#191f29 center/cover no-repeat;overflow:hidden;position:relative}.creator-thumb img{width:100%;height:100%;object-fit:cover}.creator-row>div:nth-child(2){min-width:0}.creator-row b,.creator-row small{display:block}.creator-row b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-row small{font-size:9px;color:var(--muted);margin-top:4px}.creator-row-actions{display:flex;gap:5px}.creator-row-actions button{height:34px;padding:0 9px;border-radius:9px;background:#1a2029;color:#d6dbe2;font-size:9px}.creator-row-actions .danger-link{color:#ff8290;background:#251318}.mini-link{font-size:10px;color:#bd86ff}.danger-link{color:#ff8796}
.wallet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 18px 16px}.wallet-actions button{min-height:45px;border-radius:12px;background:#141922;color:#e7e9ee;font-size:11px}.wallet-actions button.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.compact-form{margin:0 18px 14px;padding:16px;background:#10151d;border-radius:16px}.compact-form h2{font-size:16px;margin:0 0 2px}.compact-form .form-grid{gap:9px}
.preference-card{margin-bottom:0}.preference-card h2{font-size:15px;margin:0 0 8px}.preference-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:6px 0;box-shadow:inset 0 -1px #ffffff08}.preference-row:last-child{box-shadow:none}.preference-row>div b,.preference-row>div small{display:block}.preference-row>div b{font-size:12px}.preference-row>div small{font-size:9px;color:var(--muted);margin-top:3px}.preference-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.preference-row select{height:37px;border:0;border-radius:10px;background:#1a2029;color:#fff;padding:0 9px}
.ticket-head b,.ticket-head span{display:block}.ticket-head b{font-size:16px}.ticket-head span{font-size:10px;color:var(--muted);margin-top:4px}.ticket-messages{padding:0 18px 12px;display:grid;gap:8px}.ticket-messages article{max-width:88%;padding:11px 13px;border-radius:14px;background:#151a23}.ticket-messages article.mine{margin-left:auto;background:color-mix(in srgb,var(--accent) 22%,#151a23)}.ticket-messages p{margin:0;font-size:12px;line-height:1.45}.ticket-messages small{display:block;margin-top:5px;color:var(--muted);font-size:8px}.ticket-list article,.playlist-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:14px;background:#10151d;border-radius:14px}.ticket-list b,.ticket-list small,.playlist-list b,.playlist-list small{display:block}.ticket-list b,.playlist-list b{font-size:12px}.ticket-list small,.playlist-list small{font-size:9px;color:var(--muted);margin-top:4px}.ticket-list button,.playlist-list button{height:34px;border-radius:9px;padding:0 10px;background:#1a2029;color:#e3e5ea;font-size:9px}.playlist-create{display:grid;grid-template-columns:1fr auto;gap:8px}.playlist-create input{height:43px;border:0;border-radius:11px;background:#191f28;color:#fff;padding:0 12px;outline:0}.playlist-create button{height:43px;padding:0 14px;border-radius:11px}
@media(max-width:520px){.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.creator-row{grid-template-columns:72px minmax(0,1fr)}.creator-thumb{width:72px;height:58px}.creator-row-actions{grid-column:1/-1;justify-content:flex-end}.creator-summary{margin-left:14px;margin-right:14px}.page-form,.settings-form{padding-left:16px;padding-right:16px}.compact-form{margin-left:16px;margin-right:16px}.wallet-actions{padding-left:16px;padding-right:16px}.ticket-list,.playlist-list,.creator-list{padding-left:16px;padding-right:16px}}
.playlist-quick{margin-top:10px;min-height:38px;padding:0 12px;border-radius:10px;background:#141922;color:#cfd4dd;display:inline-flex;align-items:center;gap:7px;font-size:10px}.playlist-quick .ico{width:16px}.playlist-sheet{position:fixed;z-index:131;left:50%;bottom:0;transform:translateX(-50%);width:min(880px,100%);max-height:65dvh;background:#0b0f15;border-radius:20px 20px 0 0;box-shadow:0 -24px 70px #000b;padding-bottom:var(--safe-bottom);overflow:hidden}.playlist-sheet>header{height:56px;padding:0 16px;display:flex;align-items:center;box-shadow:inset 0 -1px #ffffff0d}.playlist-sheet>header b{font-size:15px}.playlist-sheet>header button{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#181e27;color:#fff;font-size:21px}.playlist-sheet>div{max-height:calc(65dvh - 56px);overflow:auto;padding:8px 14px 18px}.playlist-sheet>div>button{width:100%;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;text-align:left;padding:10px;border-radius:12px;color:#e8eaf0}.playlist-sheet>div>button:active{background:#151b24}.playlist-sheet>div>button>span{width:38px;height:38px;border-radius:10px;background:#171d26;display:grid;place-items:center}.playlist-sheet>div>button b,.playlist-sheet>div>button small{display:block}.playlist-sheet>div>button b{font-size:12px}.playlist-sheet>div>button small{font-size:9px;color:var(--muted);margin-top:3px}.playlist-main{border:0;background:none;color:inherit;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;text-align:left;min-width:0}.playlist-description{padding:0 18px;color:var(--muted);font-size:12px}.support-reply{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 16px calc(12px + var(--safe-bottom));position:sticky;bottom:0;background:#090c11}.support-reply textarea{min-height:46px;max-height:120px;border:0;border-radius:12px;background:#161c25;color:#fff;padding:12px;resize:vertical;outline:0}.support-reply button{align-self:end;height:46px;border-radius:12px;padding:0 16px}

/* v3.3 checkout provider state */
#checkoutProviderFields{margin-top:12px}.checkout-phone{display:grid;gap:7px;font-size:.86rem;font-weight:650;color:var(--muted)}.checkout-phone input{width:100%;min-height:44px;border:0;border-radius:12px;background:var(--surface-2);color:var(--text);padding:0 13px;font:inherit;outline:1px solid transparent}.checkout-phone input:focus{outline-color:color-mix(in srgb,var(--accent) 70%,transparent)}.checkout-provider-note,.checkout-status{padding:11px 12px;border-radius:12px;background:var(--surface-2);color:var(--muted);font-size:.82rem;line-height:1.45}.checkout-status{margin-top:10px;color:var(--text)}
.creator-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.creator-quick-actions .playlist-quick{margin-top:0;flex:1 1 150px}.tip-sheet form{display:grid;gap:13px;padding:8px 16px 20px}.tip-sheet label{display:grid;gap:6px;color:var(--muted);font-size:.78rem}.tip-sheet label span{font-weight:400}.tip-sheet input,.tip-sheet textarea{border:0;border-radius:12px;background:var(--surface-2);color:var(--text);padding:12px;font:inherit;outline:0}.tip-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tip-presets button{min-height:38px;border-radius:11px;background:var(--surface-2);color:var(--text);font-size:.76rem}.tip-presets button.active{background:color-mix(in srgb,var(--accent) 25%,var(--surface-2));color:#fff}
@media(max-width:380px){.tip-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v3.3.2 Notifications — dense, professional activity layout based on the supplied reference. */
.notification-screen{background:#000;padding-top:var(--safe-top);}
.notification-topbar{height:70px;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;padding:0 20px;position:sticky;top:0;z-index:80;background:#000e;backdrop-filter:blur(18px);}
.notification-topbar h1{margin:0;text-align:center;font-size:21px;line-height:1;font-weight:850;letter-spacing:-.035em;}
.notification-topbar .icon-btn{width:42px;height:42px;justify-self:start;}
.notification-topbar .notification-settings{justify-self:end;color:#a643ff;}
.notification-topbar .notification-settings .ico{width:26px;height:26px;}
.notification-header-space{width:42px;height:42px;justify-self:end;}
.notification-filters{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:5px 22px 13px;overscroll-behavior-inline:contain;}
.notification-filters::-webkit-scrollbar,.notification-summary::-webkit-scrollbar{display:none}
.notification-filters button{height:47px;min-width:max-content;padding:0 17px;border-radius:13px;background:#0d1015;color:#d5d8df;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:650;box-shadow:inset 0 0 0 1px #ffffff08;white-space:nowrap;}
.notification-filters button .ico{width:19px;height:19px;}
.notification-filters button.active{color:#fff;background:linear-gradient(105deg,#7140f5,#9b3df1);box-shadow:0 8px 24px #773cff26;}
.notification-filters button.active .ico{fill:currentColor;}
.notification-summary{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(104px,1fr);gap:10px;overflow-x:auto;scrollbar-width:none;padding:10px 22px 13px;}
.notification-summary>button{height:96px;border-radius:14px;background:linear-gradient(155deg,#0e1117,#090c11);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#e6e8ed;position:relative;box-shadow:0 9px 24px #0006,inset 0 0 0 1px #ffffff08;}
.notification-summary>button.active{box-shadow:0 10px 30px #7d36ff18,inset 0 0 0 1px #9745ff66;}
.notification-summary>button>span{position:relative;display:grid;place-items:center;width:38px;height:38px;}
.notification-summary>button .ico{width:31px;height:31px;stroke-width:1.7;}
.notification-summary>button em{position:absolute;right:-12px;top:-5px;min-width:21px;height:19px;padding:0 5px;border-radius:999px;background:#c9e8ff;color:#10141a;font-style:normal;font-size:10px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 7px #0008;}
.notification-summary>button b{font-size:13px;font-weight:700;}
.notification-summary .summary-all{color:#a441ff}.notification-summary .summary-unread{color:#168dff}.notification-summary .summary-social{color:var(--site-accent)}.notification-summary .summary-updates{color:#25d878}.notification-summary .summary-offers{color:#ffad24}
.notification-summary>button b{color:#eceef2}
.notifications-body{padding:0 16px 26px;}
.notification-group{margin-top:7px;}
.notification-group+.notification-group{margin-top:18px;}
.notification-group-title{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;gap:12px;}
.notification-group-title h2{margin:0;display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;letter-spacing:-.025em;}
.notification-group-title h2 i{width:7px;height:7px;border-radius:50%;background:#9d43ff;box-shadow:0 0 12px #9d43ffaa;}
.notification-group-title button{color:#b953ff;font-size:13px;font-weight:700;padding:8px 0;white-space:nowrap;}
.notification-card{border-radius:var(--notification-radius,18px);overflow:hidden;background:#080b0f;box-shadow:0 14px 34px #0008,inset 0 0 0 1px #ffffff0a;}
.notification-row{min-height:96px;width:100%;display:grid;grid-template-columns:50px 29px minmax(0,1fr) auto 8px;align-items:center;gap:10px;padding:13px 16px;color:#fff;position:relative;cursor:pointer;transition:background .15s ease;}
.notification-row+.notification-row:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:#ffffff0b;}
.notification-row:active{background:#ffffff05;}
.notification-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;position:relative;padding:2px;background:#10151d;box-shadow:0 0 0 2px #267ee8;overflow:visible;}
.notification-avatar>img,.notification-avatar>span{width:100%;height:100%;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#242a35,#11151d);display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;overflow:hidden;}
.notification-avatar.bucket-likes{box-shadow:0 0 0 2px var(--site-accent)}.notification-avatar.bucket-comments{box-shadow:0 0 0 2px #268cf3}.notification-avatar.bucket-mentions{box-shadow:0 0 0 2px #a13dff}.notification-avatar.bucket-follows{box-shadow:0 0 0 2px #25c978}.notification-avatar.bucket-offers{box-shadow:0 0 0 2px #f06e4a}.notification-avatar.bucket-updates{box-shadow:0 0 0 2px #a43dff}
.notification-avatar>i{position:absolute;right:-2px;bottom:0;width:15px;height:15px;border-radius:50%;background:#1689ff;color:#fff;border:2px solid #080b0f;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:900;z-index:2;}
.notification-type{width:29px;height:38px;display:grid;place-items:center;align-self:start;margin-top:8px;color:#9f46ff;}
.notification-type .ico{width:27px;height:27px;stroke-width:2;}
.notification-type.bucket-likes{color:var(--site-accent)}.notification-type.bucket-likes .ico{fill:currentColor}.notification-type.bucket-comments{color:#168af5}.notification-type.bucket-mentions{color:#b447ff}.notification-type.bucket-follows{color:#2ed373}.notification-type.bucket-offers{color:#ff553f}.notification-type.bucket-updates{color:#ff9b19}
.notification-copy{min-width:0;align-self:center;}
.notification-copy b{display:block;font-size:14.5px;font-weight:760;line-height:1.3;color:#f1f2f5;overflow-wrap:anywhere;}
.notification-copy p{margin:4px 0 0;font-size:12.5px;line-height:1.38;color:#a8aeb8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.notification-copy small{display:block;margin-top:7px;font-size:10.5px;color:#767e89;}
.notification-thumb{width:60px;height:60px;border-radius:8px;background:#151a22 center/cover no-repeat;box-shadow:0 5px 16px #0008;}
.follow-back{min-width:98px;height:35px;padding:0 14px;border-radius:999px;color:#b74cff;font-size:12px;font-weight:750;box-shadow:inset 0 0 0 1.5px #9e3fff;background:#0b0d12;white-space:nowrap;}
.follow-back.following{color:#b8bec8;box-shadow:inset 0 0 0 1px #ffffff1d;background:#11151b;}
.notification-unread-dot{width:7px;height:7px;border-radius:50%;background:#9c3eff;opacity:0;box-shadow:0 0 10px #9c3eff99;}
.notification-row.unread .notification-unread-dot{opacity:1;}
.notification-screen .empty-state{padding-top:54px;}
.drawer-admin-separator{height:1px;background:#ffffff0d;margin:9px 11px;}
.drawer nav button.drawer-admin-link{min-height:58px;height:auto;padding:9px 11px;background:linear-gradient(100deg,#1a112b,#11141b);color:#f4efff;border-radius:13px;}
.drawer nav button.drawer-admin-link>.ico{width:24px;height:24px;color:#a84dff;}
.drawer-admin-link>span{display:flex;min-width:0;flex-direction:column;gap:2px;align-items:flex-start;}
.drawer-admin-link b{font-size:13px;font-weight:800;}.drawer-admin-link small{font-size:9.5px;color:#9e8db5;text-transform:capitalize;}

@media(max-width:520px){
  .notification-topbar{padding-left:12px;padding-right:12px;height:64px}.notification-topbar h1{font-size:19px}
  .notification-filters{padding-left:14px;padding-right:14px;gap:8px}.notification-filters button{height:43px;padding:0 14px;border-radius:12px;font-size:12px}
  .notification-summary{padding-left:14px;padding-right:14px;grid-auto-columns:92px;gap:8px}.notification-summary>button{height:88px;border-radius:13px}.notification-summary>button .ico{width:28px;height:28px}
  .notifications-body{padding-left:10px;padding-right:10px}.notification-group-title{padding:0 5px}.notification-group-title h2{font-size:17px}.notification-group-title button{font-size:12px}
  .notification-row{grid-template-columns:44px 25px minmax(0,1fr) auto 7px;gap:8px;padding:12px 11px;min-height:88px}.notification-avatar{width:42px;height:42px}.notification-type{width:25px}.notification-type .ico{width:23px;height:23px}.notification-copy b{font-size:13px}.notification-copy p{font-size:11.5px}.notification-thumb{width:52px;height:52px}.follow-back{min-width:84px;height:32px;padding:0 11px;font-size:10.5px}
}
@media(max-width:385px){.notification-row{grid-template-columns:42px 23px minmax(0,1fr) auto;}.notification-unread-dot{position:absolute;right:7px;top:44px}.notification-thumb{width:48px;height:48px}.follow-back{min-width:78px;padding:0 9px}.notification-summary{grid-auto-columns:88px}.notification-filters button{padding:0 12px}}


/* === VideoHub 3.4 Commerce Surfaces: Purchases · Wallet · Subscription === */
.purchase-screen,.wallet-screen,.subscription-screen,.receipt-screen{background:radial-gradient(circle at 48% -10%,rgba(111,47,238,.07),transparent 32%),#03040a;color:#f7f7fb;min-height:100dvh;padding-bottom:calc(94px + var(--safe-bottom))}
.commerce-topbar{height:78px;padding:calc(var(--safe-top) + 6px) 20px 0;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;position:relative;z-index:4}.commerce-topbar h1{font-size:27px;line-height:1;font-weight:850;letter-spacing:-.7px;margin:0;display:flex;align-items:center;gap:10px}.commerce-topbar h1 i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#171127;color:#a854ff;border:1px solid #ffffff0b}.commerce-topbar h1 i .ico{width:19px}.commerce-head-space{width:42px}.commerce-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.commerce-head-actions .icon-btn{width:42px;height:42px}.commerce-link{font-size:14px;font-weight:700;color:#ad5bff;padding:10px 4px}.commerce-panel{margin:10px 20px;background:linear-gradient(145deg,#0c0f17,#080a11);border:1px solid #ffffff12;border-radius:18px;box-shadow:0 15px 40px #0005}.commerce-panel>header{height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.commerce-panel>header h2,.commerce-panel>h2{font-size:17px;margin:0;font-weight:800}.commerce-panel>header button,.commerce-panel>header span{display:flex;align-items:center;gap:5px;color:#ae58ff;font-size:12px}.commerce-panel>header .ico{width:14px}.commerce-sync-card{margin:14px 20px 2px;border:1px solid #7f52ff38;background:linear-gradient(120deg,#141128,#0b0d18);border-radius:20px;min-height:102px;display:flex;align-items:center;gap:16px;padding:16px 20px;box-shadow:inset 0 0 40px #7b2cff10}.sync-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#2a1748;color:#a65bff;flex:0 0 56px}.sync-mark .ico{width:31px}.commerce-sync-card>div:first-of-type{min-width:120px;flex:1}.commerce-sync-card b{font-size:16px}.commerce-sync-card p{color:#b2afc1;font-size:11px;line-height:1.45;margin:4px 0 0}.sync-stat{height:58px;padding-left:16px;border-left:1px solid #ffffff15;display:flex;gap:10px;align-items:center;min-width:132px}.sync-stat>i{width:40px;height:40px;border-radius:10px;background:#27233d;display:grid;place-items:center;color:#fff}.sync-stat .ico{width:20px}.sync-stat small,.sync-stat strong{display:block}.sync-stat small{font-size:9px;color:#9d99ae}.sync-stat strong{font-size:17px;margin-top:4px}
/* purchases */
.purchase-tabs{margin:12px 20px 18px;padding:5px;background:#0d101a;border:1px solid #ffffff13;border-radius:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.purchase-tabs button{height:46px;border-radius:12px;color:#b9b6c9;font-size:15px;font-weight:600}.purchase-tabs button.active{background:linear-gradient(110deg,#7442ee,#5227a9);color:#fff;box-shadow:0 5px 18px #6a32e84c}.purchase-list{display:grid;gap:10px;padding:0 20px}.purchase-card{min-height:145px;border-radius:17px;border:1px solid #ffffff14;background:linear-gradient(100deg,#0d1019,#080b13);display:flex;overflow:hidden;box-shadow:0 10px 25px #0004}.purchase-thumb{width:36%;min-width:190px;background:#111 center/cover no-repeat;position:relative;border-radius:14px;margin:7px;overflow:hidden}.purchase-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#080b1329)}.purchase-thumb span{position:absolute;right:7px;bottom:6px;background:#020308dc;border-radius:5px;padding:4px 7px;font-size:11px;z-index:1}.purchase-info{display:flex;flex:1;min-width:0;padding:16px 14px 14px 8px;gap:12px}.purchase-copy{min-width:0;flex:1}.purchase-copy h2{font-size:18px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-copy>b{display:block;color:#a951ff;font-size:13px;font-weight:650}.purchase-copy p{margin:9px 0 0;color:#a9a5b5;font-size:12px}.purchase-copy strong{display:block;font-size:17px;margin-top:10px}.purchase-side{min-width:128px;display:grid;grid-template-columns:1fr 25px;grid-template-rows:auto 1fr;align-items:start;text-align:right}.purchase-side>span{color:#bbb8c6;font-size:15px}.purchase-more{height:25px;display:grid;place-items:center;color:#e8e6f0}.purchase-more .ico{width:20px}.purchase-action{grid-column:1/3;align-self:end;justify-self:end;height:42px;padding:0 16px;border:1px solid #a653ff;border-radius:10px;color:#b967ff;font-weight:750;display:flex;gap:8px;align-items:center;background:#130c211f}.purchase-action .ico{width:19px}.purchase-action.downloaded{background:#171326;border-color:#ffffff0c;color:#b968ff}.purchase-sync{display:grid;grid-template-columns:auto 1.5fr .8fr .8fr;margin-top:14px}
/* wallet */
.wallet-hero{margin:12px 20px 8px;min-height:238px;border-radius:19px;border:1px solid #8e5eff32;background:radial-gradient(circle at 79% 24%,#6521ae45,transparent 30%),linear-gradient(145deg,#161329,#090b15 65%);position:relative;padding:25px 28px;overflow:hidden}.wallet-balance small{color:#b9b5c5;font-size:15px;display:flex;gap:9px;align-items:center}.wallet-balance small .ico{width:19px}.wallet-balance>strong{display:block;font-size:47px;letter-spacing:1px;margin:13px 0 11px}.wallet-balance>span{display:flex;align-items:center;gap:8px;color:#a957ff;font-weight:700}.wallet-balance>span .ico{width:21px}.wallet-art{position:absolute;right:44px;top:30px;width:150px;height:105px;filter:drop-shadow(0 13px 24px #751aff56)}.wallet-art i{position:absolute;width:112px;height:75px;border:2px solid #a23fff;border-radius:15px;background:linear-gradient(145deg,#7633bc,#22133e);transform:rotate(-7deg);right:12px;top:4px;box-shadow:8px 4px 0 #3d1f6d,15px 8px 0 #24143e}.wallet-art b{position:absolute;width:125px;height:75px;border:2px solid #a23fff;border-radius:15px;background:linear-gradient(145deg,#432070,#160d2c);right:0;top:23px;display:grid;place-items:center;color:#c77bff}.wallet-art b .ico{width:31px;fill:#8736dc}.wallet-art span{position:absolute;right:-7px;top:48px;width:39px;height:32px;border:2px solid #a23fff;background:#321359;border-radius:10px}.wallet-art span:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#a555ff;left:9px;top:9px}.wallet-hero-stats{position:absolute;left:28px;right:28px;bottom:19px;border-top:1px solid #ffffff12;padding-top:14px;display:grid;grid-template-columns:1fr 1fr}.wallet-hero-stats>div+div{border-left:1px solid #ffffff19;padding-left:35px}.wallet-hero-stats small{display:block;color:#aaa7b6;font-size:13px}.wallet-hero-stats strong{display:flex;align-items:center;gap:7px;font-size:17px;margin-top:6px}.wallet-hero-stats .ico{width:16px;color:#8a8799}.wallet-action-bar{margin:8px 20px;padding:0 12px;height:70px;border:1px solid #ffffff12;background:linear-gradient(145deg,#11101d,#090b13);border-radius:18px;display:grid;grid-template-columns:repeat(3,1fr)}.wallet-action-bar button{display:flex;gap:10px;align-items:center;justify-content:center;color:#aa55ff;font-weight:750;font-size:14px}.wallet-action-bar button+button{border-left:1px solid #ffffff0e}.wallet-action-bar .ico{width:24px}.payment-method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px 14px}.payment-method-tile{height:70px;border:1px solid #ffffff1b;border-radius:12px;display:flex;align-items:center;text-align:left;gap:11px;padding:0 12px;background:#0b0e16}.provider-logo{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;flex:0 0 36px;font-weight:900}.provider-art,.site-payment-mark,.support-money-icon,.receipt-provider-art{display:inline-grid;place-items:center;overflow:hidden;border-radius:14px;background:transparent!important;color:transparent!important;flex:0 0 auto}.provider-art{width:40px;height:40px}.provider-art img,.site-payment-mark img,.support-money-icon img,.receipt-provider-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.provider-art.fallback,.site-payment-mark .provider-art{width:100%;height:100%}.provider-logo .provider-art{width:36px;height:36px;border-radius:10px}.site-provider-logo .provider-art,.site-payment-mark .provider-art{width:46px;height:46px;border-radius:13px}.support-money-icon .provider-art{width:46px;height:46px;border-radius:14px}.payment-inline-provider{display:inline-flex;align-items:center;gap:8px}.payment-inline-provider .provider-art{width:22px;height:22px;border-radius:999px}.receipt-card dd .payment-inline-provider span:last-child{font-weight:700;color:#fff}.topup-provider .provider-art,.payment-method-tile .provider-art,.saved-methods article .provider-art,.chat-pay-methods .provider-art{width:36px;height:36px;border-radius:10px}.site-payment-method .provider-art{width:46px;height:46px;border-radius:13px}.provider-logo,.site-provider-logo{background:transparent!important;color:transparent!important;font-size:0}.provider-logo>*:not(.provider-art),.site-provider-logo>*:not(.provider-art){display:none!important}.support-money-icon>.provider-art{width:46px;height:46px;border-radius:14px}.site-payment-mark>.provider-art{width:46px;height:46px;border-radius:13px}.provider-logo.tinypesa{border:2px solid #22cf63;color:#ec4753;background:#121b15}.provider-logo.paypal{background:#eef5ff;color:#0d70d9;font-size:23px}.payment-method-tile>span:nth-child(2){min-width:0;flex:1}.payment-method-tile b,.payment-method-tile small{display:block}.payment-method-tile b{font-size:13px}.payment-method-tile small{color:#9b98a6;font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.payment-method-tile>em{font-style:normal;font-size:10px;color:#22dd80;border:1px solid #168649;border-radius:10px;padding:3px 7px}.payment-method-tile>.ico{width:17px;color:#a7a4b2}.add-method{grid-column:1/-1;height:60px;border:1px dashed #ffffff20;border-radius:12px;color:#aa55ff;display:flex;gap:8px;align-items:center;justify-content:center}.wallet-transactions>div{padding:0 14px 10px}.wallet-tx{min-height:58px;display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff09}.wallet-tx:first-child{border-top:0}.tx-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#191024;color:#a64eff;border:1px solid #7339b7}.tx-icon.tip_received{color:#39dd79;background:#0d2618;border-color:#176b38}.tx-icon .ico{width:21px}.tx-copy{min-width:0;flex:1}.tx-copy b{font-size:13px;display:block;text-transform:none}.tx-copy small{display:block;color:#9692a2;font-size:10px;margin-top:3px}.wallet-tx>strong{font-size:13px}.wallet-tx>strong.credit{color:#1fe288}.wallet-tx>strong.debit{color:#f1edf7}.earnings-panel{padding-bottom:12px}.earnings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px}.earnings-grid article{min-height:108px;border:1px solid #ffffff13;border-radius:13px;background:linear-gradient(140deg,#111121,#0b0d16);padding:14px;display:flex;gap:14px;align-items:center}.earnings-grid article>i{width:54px;height:54px;border-radius:50%;background:#281349;color:#b05aff;border:1px solid #7f39c9;display:grid;place-items:center}.earnings-grid article>i .ico{width:26px}.earnings-grid small,.earnings-grid strong,.earnings-grid em{display:block}.earnings-grid small{color:#aaa5b5;font-size:11px}.earnings-grid strong{font-size:21px;margin:4px 0}.earnings-grid em{font-style:normal;font-size:10px;color:#28db7d}.earnings-grid em.down{color:#f27385}.earnings-grid em u{color:#aaa5b5;text-decoration:none}.wallet-sync{min-height:88px}.device-art{width:130px;align-self:stretch;position:relative}.device-art i{position:absolute;right:5px;bottom:5px;width:88px;height:52px;border:2px solid #9b48ff;border-radius:6px;box-shadow:0 0 18px #8736ff66}.device-art b{position:absolute;right:40px;bottom:20px;color:#a64dff}.device-art .ico{width:24px;fill:#6221a6}
/* subscription */
.subscription-screen{background:#020202}.subscription-hero{margin:10px 20px 16px;min-height:184px;border-radius:20px;border:1px solid #ffffff11;background:radial-gradient(circle at 80% 38%,#8f2bd44b,transparent 36%),linear-gradient(120deg,#101020,#090b12);padding:22px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}.subscription-hero>div:first-child{z-index:1}.go-premium{display:inline-flex;align-items:center;gap:6px;background:#211526;border-radius:999px;color:#a956ff;padding:7px 11px;font-size:11px;font-weight:800}.go-premium .ico{width:17px}.subscription-hero h1{font-size:22px;margin:13px 0 6px}.subscription-hero p{color:#aaa6b4;font-size:12px;line-height:1.45;max-width:310px;margin:0 0 15px}.subscription-hero .primary{width:auto;padding:0 19px;height:43px;display:flex;align-items:center;gap:8px}.subscription-hero .primary .ico{width:17px}.crown-art{position:relative;display:grid;place-items:center;color:#bc61ff}.crown-art>.ico{width:110px;height:110px;fill:#7c28ad55;stroke-width:1.2;filter:drop-shadow(0 0 14px #bd46ff)}.crown-art i{position:absolute;bottom:18px;width:118px;height:20px;border-radius:50%;border:2px solid #a843ff;box-shadow:0 0 20px #933cffaa inset,0 0 15px #933cff77}.current-plan{margin:0 20px 16px;padding:18px;border:1px solid #ffffff12;border-radius:17px;background:linear-gradient(145deg,#0d0f14,#090b0f)}.current-plan>small{color:#aa52ff;font-weight:700}.current-plan>div{display:flex;align-items:center;margin-top:13px;gap:13px}.current-plan>div>span{width:52px;height:52px;border-radius:10px;background:linear-gradient(135deg,#7e42cf,#362064);display:grid;place-items:center}.current-plan>div>span .ico{width:29px;fill:#fff3}.current-plan>div>div{flex:1}.current-plan b,.current-plan p{display:block;margin:0}.current-plan b{font-size:15px}.current-plan p{color:#9f9ba9;font-size:11px;margin-top:5px}.current-plan em{font-style:normal;color:#52e878;background:#093318;border-radius:999px;padding:8px 15px;font-size:11px}.choose-plan{padding:0 20px}.choose-plan>h2{font-size:17px;margin:0 0 10px}.subscription-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subscription-plan{min-height:226px;border:1px solid #ffffff12;border-radius:17px;background:linear-gradient(150deg,#0d1015,#080a0e);padding:22px 12px 14px;text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.subscription-plan.featured{border:1.5px solid #a745ff;box-shadow:0 0 18px #7e24d32b}.plan-badge{position:absolute;top:10px;background:#25143c;color:var(--site-accent-light);border-radius:4px;padding:6px 9px;font-size:9px;font-weight:800}.subscription-plan h3{font-size:14px;margin:22px 0 7px}.subscription-plan:not(.featured) h3{margin-top:3px}.subscription-plan p{font-size:11px;color:#c2bec9;margin:0 0 12px}.subscription-plan strong{font-size:19px;color:#a64dff;white-space:nowrap}.subscription-plan del{font-size:11px;color:#a9a5b2;margin-top:6px}.subscription-plan em{font-style:normal;margin-top:8px;background:#3b2060;color:#eee1ff;padding:6px 9px;border-radius:5px;font-size:9px}.plan-spacer{height:18px}.plan-spacer.small{height:28px}.plan-radio{margin-top:auto;width:28px;height:28px;border:2px solid #b8b5c0;border-radius:50%;display:grid;place-items:center}.subscription-plan.featured .plan-radio{border-color:#a745ff}.plan-radio i{width:15px;height:15px;border-radius:50%;background:#8d40e7;box-shadow:0 0 0 3px #1b102c}.moneyback{display:flex;align-items:center;justify-content:center;gap:7px;color:#aaa6b2;font-size:11px;margin:12px 0 15px}.moneyback .ico{width:18px;color:var(--site-accent-light)}.premium-benefits{padding:17px}.premium-benefits>h2{margin-bottom:14px}.premium-benefits>div{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 20px}.premium-benefits article{display:flex;align-items:center;gap:11px}.premium-benefits article>i{width:39px;height:39px;border-radius:8px;background:#241934;color:#a34cff;display:grid;place-items:center}.premium-benefits article>i .ico{width:21px}.premium-benefits b,.premium-benefits small{display:block}.premium-benefits b{font-size:13px}.premium-benefits small{font-size:10px;color:#a6a1af;margin-top:3px}.subscription-history{margin:16px 20px}.subscription-history>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.subscription-history h2{font-size:17px;margin:0}.subscription-history>header button{color:#ad55ff;font-size:11px}.subscription-history>div{border:1px solid #ffffff11;border-radius:15px;background:#0b0d12;overflow:hidden}.subscription-history-row{width:100%;min-height:62px;display:flex;align-items:center;text-align:left;gap:10px;padding:8px 13px;color:#fff;border-top:1px solid #ffffff0c}.subscription-history-row:first-child{border-top:0}.history-crown{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#753ebd,#34205b);display:grid;place-items:center}.history-crown .ico{width:23px}.subscription-history-row>span:nth-child(2){flex:1;min-width:0}.subscription-history-row b,.subscription-history-row small{display:block}.subscription-history-row b{font-size:12px}.subscription-history-row small{font-size:9px;color:#a19da8;margin-top:3px}.subscription-history-row>strong{font-size:11px;font-weight:500}.subscription-history-row>em{font-style:normal;border-radius:8px;background:#18191c;padding:6px 9px;font-size:9px}.subscription-history-row>em.active{background:#0a3218;color:#55e678}.subscription-history-row>.ico{width:17px;color:#aaa5b2}
/* top-up, methods, receipt */
.commerce-form-card,.receipt-card{margin:18px 20px;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(145deg,#10121c,#080a11);padding:22px}.commerce-form-card>h2{text-align:center;font-size:21px;margin:8px 0}.commerce-form-card>p{text-align:center;color:#a6a2b2;font-size:12px;line-height:1.5;max-width:440px;margin:0 auto 20px}.form-hero-icon,.receipt-mark{width:66px;height:66px;margin:auto;border-radius:50%;background:#2c154c;color:#b35eff;display:grid;place-items:center}.form-hero-icon .ico,.receipt-mark .ico{width:32px}.commerce-form{display:grid;gap:13px}.commerce-form>label{display:grid;gap:7px;color:#b8b4c2;font-size:11px}.commerce-form input,.commerce-form select{height:50px;border:1px solid #ffffff17;border-radius:12px;background:#0a0d14;color:#fff;padding:0 14px;font-size:14px}.commerce-form .primary{height:52px;margin-top:3px}.topup-providers{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.topup-provider{min-height:66px;border:1px solid #ffffff17;border-radius:12px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left}.topup-provider.active{border-color:#a54cff;background:#171023}.topup-provider>span:nth-child(2){flex:1}.topup-provider b,.topup-provider small{display:block}.topup-provider b{font-size:11px}.topup-provider small{font-size:9px;color:#9995a4;margin-top:3px}.topup-provider>.ico{width:18px;color:#a853ff;opacity:0}.topup-provider.active>.ico{opacity:1}.check-line{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important}.check-line input{width:18px;height:18px}.method-manager{padding-bottom:13px}.saved-methods{display:grid;gap:8px;padding:0 14px}.saved-methods article{min-height:65px;border:1px solid #ffffff12;border-radius:12px;display:flex;align-items:center;gap:11px;padding:9px 12px}.saved-methods article>div{flex:1}.saved-methods b,.saved-methods small{display:block}.saved-methods small{font-size:10px;color:#9a96a3;margin-top:3px}.saved-methods em,.saved-methods button{font-size:9px;color:#a957ff}.saved-methods em{font-style:normal;color:#3ee67a}.method-delete{font-size:20px!important;color:#e17b8a!important;padding:5px}.receipt-card{text-align:center}.receipt-card h1{margin:13px 0 5px}.receipt-card>p{color:#9e9aa8;margin:0 0 20px}.receipt-video{display:flex;align-items:center;text-align:left;gap:12px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;padding:14px 0}.receipt-video>span{width:90px;height:58px;border-radius:9px;background:#111 center/cover no-repeat}.receipt-video>div{flex:1}.receipt-video b,.receipt-video small{display:block}.receipt-video small{color:#a19daa;font-size:10px;margin-top:4px}.receipt-card dl{margin:10px 0 20px}.receipt-card dl>div{display:flex;justify-content:space-between;text-align:left;padding:10px 0;border-bottom:1px solid #ffffff08}.receipt-card dt{color:#9f9ba8}.receipt-card dd{margin:0}.receipt-paid{color:#40e67b}.receipt-total{font-size:18px;font-weight:800}
@media(max-width:680px){.commerce-topbar{padding-left:16px;padding-right:16px}.purchase-tabs,.purchase-list,.wallet-hero,.wallet-action-bar,.commerce-panel,.commerce-sync-card,.subscription-hero,.current-plan,.choose-plan,.subscription-history,.commerce-form-card,.receipt-card{margin-left:16px;margin-right:16px}.purchase-list{padding:0}.wallet-hero{padding-left:22px;padding-right:22px}.wallet-hero-stats{left:22px;right:22px}.purchase-sync{grid-template-columns:auto 1.2fr .7fr .8fr}.sync-stat{min-width:105px}}
@media(max-width:520px){.commerce-topbar{height:68px}.commerce-topbar h1{font-size:22px}.purchase-tabs{margin-top:8px;margin-bottom:12px}.purchase-tabs button{height:40px;font-size:12px}.purchase-card{min-height:118px}.purchase-thumb{width:38%;min-width:128px;margin:5px}.purchase-info{padding:11px 9px 10px 4px;gap:6px}.purchase-copy h2{font-size:14px;margin-bottom:4px}.purchase-copy>b,.purchase-copy p{font-size:10px}.purchase-copy p{margin-top:6px}.purchase-copy strong{font-size:13px;margin-top:6px}.purchase-side{min-width:91px}.purchase-side>span{font-size:11px}.purchase-action{height:35px;padding:0 10px;font-size:10px}.purchase-action .ico{width:15px}.purchase-sync{display:flex;flex-wrap:wrap;padding:14px}.purchase-sync>div:first-of-type{flex:1}.purchase-sync .sync-stat{width:calc(50% - 8px);min-width:0;border-left:0;border-top:1px solid #ffffff13;padding:10px 0 0;height:auto}.wallet-hero{min-height:216px;padding:20px}.wallet-balance>strong{font-size:38px}.wallet-art{right:20px;top:24px;transform:scale(.82);transform-origin:top right}.wallet-hero-stats{left:20px;right:20px}.wallet-action-bar{height:64px}.wallet-action-bar button{font-size:12px;gap:7px}.wallet-action-bar .ico{width:21px}.payment-method-grid,.earnings-grid{grid-template-columns:1fr}.commerce-sync-card.wallet-sync{padding:14px}.device-art{display:none}.subscription-hero{grid-template-columns:1.35fr .65fr;padding:18px}.subscription-hero h1{font-size:19px}.crown-art>.ico{width:82px}.subscription-plan-grid{gap:7px}.subscription-plan{min-height:210px;padding-left:7px;padding-right:7px}.subscription-plan h3{font-size:12px}.subscription-plan strong{font-size:15px}.premium-benefits{padding:14px}.premium-benefits>div{gap:13px 10px}.premium-benefits b{font-size:11px}.premium-benefits small{font-size:9px}}
@media(max-width:390px){.purchase-thumb{min-width:112px}.purchase-side{min-width:76px}.purchase-action{padding:0 7px}.wallet-art{opacity:.55}.wallet-balance{position:relative;z-index:1}.subscription-plan{min-height:198px}.subscription-plan strong{font-size:13px}.plan-badge{font-size:7px;padding:5px}.subscription-plan h3{font-size:11px}.premium-benefits article>i{width:34px;height:34px}.sync-mark{width:48px;height:48px;flex-basis:48px}}
.purchase-filter-sheet>div{display:grid;gap:5px;padding:8px 14px 18px}.purchase-filter-sheet>div>button{display:flex;align-items:center;gap:12px;text-align:left;min-height:58px;padding:8px 10px;border-radius:12px;color:#f6f4fb}.purchase-filter-sheet>div>button.active{background:#1b1029;color:#b65fff}.purchase-filter-sheet>div>button>span{width:38px;height:38px;border-radius:10px;background:#17131f;display:grid;place-items:center;color:#a953ff}.purchase-filter-sheet>div>button>span .ico{width:20px}.purchase-filter-sheet>div>button>div{min-width:0;flex:1}.purchase-filter-sheet b,.purchase-filter-sheet small{display:block}.purchase-filter-sheet small{font-size:10px;color:#9995a3;margin-top:3px}.purchase-filter-sheet>div>button>.ico{width:18px}

/* === VideoHub 3.4.9 · compact themed upload composer === */
.upload-screen{
  --upload-card:color-mix(in srgb,var(--surface) 92%,var(--bg));
  --upload-card-2:color-mix(in srgb,var(--surface2) 88%,var(--bg));
  --upload-line:color-mix(in srgb,var(--text) 10%,transparent);
  --upload-soft:color-mix(in srgb,var(--accent) 11%,var(--surface2));
  min-height:100dvh;padding:0 0 max(10px,var(--safe-bottom));
  background:var(--bg);color:var(--text);display:flex;flex-direction:column;
  width:100%;max-width:620px;margin:0 auto
}
.upload-compose-header{
  min-height:60px;padding:var(--safe-top) 16px 0;display:grid;
  grid-template-columns:44px minmax(0,1fr) 82px;align-items:center;
  border-bottom:1px solid var(--upload-line);background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(16px);position:sticky;top:0;z-index:20
}
.upload-compose-header h1{margin:0;text-align:center;font-size:18px;line-height:1.1;font-weight:780;letter-spacing:-.02em}
.upload-back{width:38px;height:38px;display:grid;place-items:center;color:var(--text);border-radius:50%}
.upload-back:active{background:color-mix(in srgb,var(--text) 8%,transparent)}
.upload-back .ico{width:23px;height:23px}
.upload-top-publish{justify-self:end;height:36px;padding:0 13px;border-radius:10px;background:linear-gradient(105deg,var(--accent),var(--accent2));color:#fff;font-size:13px;font-weight:760;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 20%,transparent)}
.upload-composer{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--bg)}
.upload-user-row{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--upload-line)}
.upload-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--surface2);display:grid;place-items:center;font-size:17px;font-weight:800;color:var(--text);box-shadow:inset 0 0 0 1px var(--upload-line)}
.upload-avatar img{width:100%;height:100%;object-fit:cover}.upload-user-row strong{display:block;font-size:16px;line-height:1.15;font-weight:760;letter-spacing:-.015em}
.upload-audience-pill{height:31px;margin-top:6px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 28%,transparent);background:var(--surface);color:color-mix(in srgb,var(--text) 88%,var(--muted));display:flex;align-items:center;gap:6px;font-size:12px}
.upload-audience-pill .ico{width:15px;height:15px}.upload-audience-pill .audience-down{font-size:15px;line-height:1;margin-left:1px;transform:translateY(-1px)}
.upload-caption{width:100%;height:124px;min-height:124px;max-height:190px;border:0;border-bottom:1px solid var(--upload-line);border-radius:0;background:var(--bg);color:var(--text);padding:18px 16px;font:inherit;font-size:16px;line-height:1.42;resize:none;overflow-y:auto;outline:0}
.upload-caption::placeholder{color:var(--muted)}.upload-screen.has-media .upload-caption{height:92px;min-height:92px;max-height:150px;padding-top:15px;padding-bottom:15px}
.upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 16px;border-bottom:1px solid var(--upload-line)}
.upload-actions:has(>button:only-child){grid-template-columns:minmax(0,1fr);max-width:50%}
.upload-action{height:54px;min-height:54px;border:1px solid var(--upload-line);border-radius:13px;background:var(--upload-card);color:var(--text);display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;position:relative;box-shadow:inset 0 1px color-mix(in srgb,var(--text) 3%,transparent)}
.upload-action .ico{width:22px;height:22px;color:var(--accent);stroke-width:1.9}.upload-action b{font-weight:680}.upload-action.active{border-color:color-mix(in srgb,var(--accent) 68%,transparent);background:var(--upload-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent)}
.action-check{position:absolute;right:7px;top:7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.action-check .ico{width:11px;height:11px;color:#fff;stroke-width:3}
.upload-import-area{padding:12px 16px 0}.upload-import-input{height:48px;border:1px solid var(--upload-line);border-radius:12px;background:var(--upload-card);display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;padding:0 8px 0 12px;gap:7px}
.upload-import-input>.ico{width:19px;color:var(--muted)}.upload-import-input input{min-width:0;height:100%;border:0;background:transparent;color:var(--text);font-size:13px;outline:0}.upload-import-input input::placeholder{color:var(--muted)}
.upload-import-input button{height:32px;padding:0 11px;border-radius:9px;background:linear-gradient(105deg,var(--accent),var(--accent2));color:#fff;font-size:12px;font-weight:720}.upload-import-ok{width:24px;height:24px;border-radius:50%;background:#63d97d;color:#07120b;display:grid;place-items:center}.upload-import-ok .ico{width:14px;stroke-width:3}
.upload-preview-area{padding:12px 16px 0}.picked-video{aspect-ratio:16/9;height:auto;min-height:0;border-radius:13px;overflow:hidden;background:var(--surface);position:relative;box-shadow:inset 0 0 0 1px var(--upload-line)}.picked-video>img,.picked-video>video{width:100%;height:100%;object-fit:cover;display:block}
.picked-duration{position:absolute;left:9px;bottom:9px;background:#05070bdc;color:#fff;border-radius:6px;padding:4px 7px;font-size:11px}.preview-float{position:absolute;right:9px;height:34px;padding:0 10px;border-radius:10px;background:#10141bc9;border:1px solid #ffffff22;color:#fff;display:flex;align-items:center;gap:6px;font-size:12px;backdrop-filter:blur(8px)}.preview-float .ico{width:16px}.preview-float.remove{top:9px}.preview-float.change{bottom:9px}
.imported-video-card{min-height:108px;border-radius:13px;border:1px solid var(--upload-line);background:var(--upload-card);padding:8px;display:grid;grid-template-columns:42% 1fr;gap:11px;align-items:center}.imported-video-thumb{height:92px;border-radius:10px;overflow:hidden;position:relative;background:var(--surface2)}.imported-video-thumb img,.imported-video-thumb video{width:100%;height:100%;object-fit:cover;display:block}.imported-play{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #fff;background:#0a0d13a8;color:#fff}.imported-play .ico{width:17px;fill:currentColor}.imported-video-copy{min-width:0}.imported-video-copy b{font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.imported-video-copy span{display:flex;align-items:center;gap:5px;margin-top:10px;color:var(--muted);font-size:12px}.imported-video-copy .ico{width:15px}
.upload-gates{display:grid;gap:8px;padding:12px 16px}.upload-setting-row{height:56px;min-height:56px;width:100%;border-radius:12px;border:1px solid var(--upload-line);background:var(--upload-card);color:var(--text);display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;align-items:center;padding:0 12px;gap:8px;text-align:left}.upload-setting-row b{font-size:14px;font-weight:680}.upload-setting-icon{width:32px;height:32px;border-radius:50%;background:var(--upload-soft);display:grid;place-items:center;color:var(--accent)}.upload-setting-icon .ico{width:18px;height:18px}.upload-setting-value{font-size:14px;color:var(--muted)}.upload-setting-row>.ico{width:17px;color:var(--muted)}.upload-setting-row:has(.upload-switch){grid-template-columns:36px minmax(0,1fr) auto}.upload-switch-input{position:absolute;opacity:0;pointer-events:none}.upload-switch{width:46px;height:27px;border-radius:999px;background:color-mix(in srgb,var(--muted) 35%,var(--surface2));padding:3px;transition:.18s;display:flex;align-items:center}.upload-switch i{width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0008;transition:.18s}.upload-switch-input:checked+.upload-switch{background:linear-gradient(105deg,var(--accent),var(--accent2))}.upload-switch-input:checked+.upload-switch i{transform:translateX(19px)}
.upload-import-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 2px 0}.upload-import-track{height:6px;border-radius:999px;background:var(--surface2);overflow:hidden;box-shadow:inset 0 0 0 1px var(--upload-line)}.upload-import-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 14px color-mix(in srgb,var(--accent) 36%,transparent);transition:width .18s ease;position:relative}.upload-import-track i:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 35%,#ffffff55 50%,transparent 65% 100%);transform:translateX(-110%);animation:import-shimmer 1.15s linear infinite}.upload-import-progress b{text-align:right;color:color-mix(in srgb,var(--accent) 60%,#fff);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.upload-import-progress.is-indeterminate .upload-import-track i{width:32%!important;animation:import-indeterminate 1.05s ease-in-out infinite;transition:none}@keyframes import-indeterminate{0%{transform:translateX(-125%)}100%{transform:translateX(330%)}}@keyframes import-shimmer{to{transform:translateX(110%)}}
.picked-file-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--upload-card);color:var(--muted)}.picked-file-fallback .ico{width:34px;height:34px;color:var(--accent)}.picked-file-fallback b{max-width:80%;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upload-composer-progress{height:3px;margin:0 16px;background:var(--surface2);overflow:hidden;border-radius:999px}.upload-composer-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .15s}
.upload-bottom-publish{height:48px;margin:6px 16px 8px;border-radius:12px;background:linear-gradient(105deg,var(--accent),var(--accent2));color:#fff;font-size:15px;font-weight:740;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent)}
.upload-block-popup,.upload-price-sheet{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(620px,100%);background:var(--surface);border:1px solid var(--upload-line);border-bottom:0;border-radius:20px 20px 0 0;padding:20px 16px calc(18px + var(--safe-bottom));box-shadow:0 -22px 70px #000c}.upload-block-popup h2{font-size:18px;margin:0}.upload-block-popup p{margin:8px 0 16px;color:var(--muted);line-height:1.45;font-size:13px}.upload-block-popup .primary{width:100%;height:46px}.upload-price-sheet>header{height:40px;display:flex;align-items:center}.upload-price-sheet>header b{font-size:18px}.upload-price-sheet>header button{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--surface2);color:#fff;font-size:20px}.upload-price-sheet form{display:grid;gap:12px}.price-entry{height:52px;border-radius:12px;background:var(--surface2);border:1px solid var(--upload-line);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:0 12px}.price-entry span{color:var(--muted)}.price-entry input{height:100%;border:0;background:transparent;color:#fff;font-size:19px;outline:0}.upload-price-sheet .primary{height:46px}
@media(max-width:680px){
  .upload-compose-header{--upload-mobile-top:max(var(--safe-top),28px);min-height:calc(56px + var(--upload-mobile-top));padding:var(--upload-mobile-top) 14px 0;grid-template-columns:40px minmax(0,1fr) 76px}
  .upload-compose-header h1{font-size:17px}.upload-back{width:34px;height:34px}.upload-back .ico{width:21px;height:21px}.upload-top-publish{height:34px;padding:0 11px;font-size:12px}
}
@media(max-width:420px){
  .upload-user-row{grid-template-columns:44px 1fr;gap:10px;padding:12px 14px}.upload-avatar{width:44px;height:44px}.upload-user-row strong{font-size:15px}.upload-audience-pill{height:29px;font-size:11px;margin-top:5px}
  .upload-caption{height:112px;min-height:112px;max-height:170px;padding:15px 14px;font-size:15px}.upload-screen.has-media .upload-caption{height:82px;min-height:82px;max-height:130px}
  .upload-actions,.upload-gates,.upload-import-area,.upload-preview-area{padding-left:14px;padding-right:14px}.upload-actions{padding-top:10px;padding-bottom:10px;gap:8px}.upload-action{height:50px;min-height:50px;border-radius:12px;font-size:13px;gap:8px}.upload-action .ico{width:20px;height:20px}
  .upload-setting-row{height:52px;min-height:52px;padding:0 10px}.upload-setting-row b,.upload-setting-value{font-size:13px}.upload-setting-icon{width:30px;height:30px}.upload-setting-icon .ico{width:17px}
  .upload-bottom-publish{height:46px;margin-left:14px;margin-right:14px;font-size:14px}
}
.screen.upload-shell{padding:0;background:var(--bg);box-shadow:none;min-height:100dvh}
.screen.upload-shell>.upload-screen{width:100%}


/* === VideoHub 3.4.9-hotfix13 · production compact upload composer === */
.upload-screen{max-width:540px;--upload-card:color-mix(in srgb,var(--surface) 96%,var(--bg));--upload-line:color-mix(in srgb,var(--text) 9%,transparent);--upload-soft:color-mix(in srgb,var(--accent) 9%,var(--surface));}
.upload-compose-header{min-height:52px;grid-template-columns:36px minmax(0,1fr) 68px;padding-left:12px;padding-right:12px;background:var(--bg);backdrop-filter:none}
.upload-compose-header h1{font-size:16px;font-weight:750}.upload-back{width:32px;height:32px}.upload-back .ico{width:20px;height:20px}.upload-top-publish{height:31px;padding:0 10px;border-radius:8px;font-size:11px;box-shadow:none}
.upload-user-row{grid-template-columns:40px 1fr;gap:9px;padding:10px 13px}.upload-avatar{width:40px;height:40px;font-size:14px}.upload-user-row strong{font-size:14px}.upload-audience-pill{height:26px;margin-top:4px;padding:0 8px;font-size:10px;gap:5px}.upload-audience-pill .ico{width:13px;height:13px}
.upload-caption{height:82px;min-height:82px;max-height:142px;padding:13px;font-size:14px;line-height:1.4}.upload-screen.has-media .upload-caption{height:64px;min-height:64px;max-height:112px;padding:11px 13px}
.upload-actions{gap:8px;padding:9px 13px}.upload-action{height:44px;min-height:44px;border-radius:10px;gap:7px;font-size:12px;box-shadow:none}.upload-action .ico{width:18px;height:18px}.action-check{right:6px;top:6px;width:15px;height:15px}.action-check .ico{width:9px;height:9px}
.upload-import-area{padding:9px 13px 0}.upload-import-input{height:42px;border-radius:10px;grid-template-columns:23px minmax(0,1fr) auto auto;padding:0 7px 0 10px}.upload-import-input>.ico{width:16px}.upload-import-input input{font-size:12px}.upload-import-input button{height:28px;padding:0 9px;border-radius:7px;font-size:10px}.upload-import-ok{width:20px;height:20px}.upload-import-progress{padding-top:7px;grid-template-columns:minmax(0,1fr) auto}.upload-import-track{height:5px}.upload-import-progress b{font-size:10px}
.upload-preview-area{padding:9px 13px 0}.picked-video{border-radius:11px;max-height:238px}.picked-duration{left:7px;bottom:7px;padding:3px 6px;font-size:10px}.preview-float{right:7px;height:29px;padding:0 8px;border-radius:8px;gap:5px;font-size:10px}.preview-float .ico{width:14px}.preview-float.remove{top:7px}.preview-float.change{bottom:7px}
.imported-video-card{min-height:92px;border-radius:11px;padding:7px;grid-template-columns:39% 1fr;gap:9px}.imported-video-thumb{height:78px;border-radius:8px}.imported-play{width:31px;height:31px}.imported-video-copy b{font-size:12px}.imported-video-copy span{margin-top:7px;font-size:10px}
.upload-gates{gap:7px;padding:9px 13px}.upload-setting-row{height:46px;min-height:46px;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto auto;padding:0 10px;gap:7px}.upload-setting-row:has(.upload-switch){grid-template-columns:30px minmax(0,1fr) auto}.upload-setting-row b,.upload-setting-value{font-size:12px}.upload-setting-icon{width:27px;height:27px}.upload-setting-icon .ico{width:15px;height:15px}.upload-setting-row>.ico{width:15px}.upload-switch{width:40px;height:24px;padding:3px}.upload-switch i{width:18px;height:18px}.upload-switch-input:checked+.upload-switch i{transform:translateX(16px)}
.upload-composer-progress{margin:0 13px;height:3px}.upload-bottom-publish{height:42px;margin:5px 13px 7px;border-radius:10px;font-size:13px;font-weight:730;box-shadow:none}
.upload-block-popup,.upload-price-sheet{width:min(540px,100%);padding-left:14px;padding-right:14px}.upload-block-popup .primary,.upload-price-sheet .primary{height:42px}.price-entry{height:46px}.price-entry input{font-size:17px}
@media(max-width:680px){.upload-compose-header{--upload-mobile-top:max(var(--safe-top),22px);min-height:calc(48px + var(--upload-mobile-top));padding:var(--upload-mobile-top) 12px 0;grid-template-columns:34px minmax(0,1fr) 66px}.upload-compose-header h1{font-size:16px}.upload-back{width:30px;height:30px}.upload-top-publish{height:30px;padding:0 9px;font-size:11px}}
@media(max-width:420px){.upload-user-row{grid-template-columns:38px 1fr;gap:8px;padding:9px 12px}.upload-avatar{width:38px;height:38px}.upload-user-row strong{font-size:13px}.upload-audience-pill{height:25px;font-size:10px}.upload-caption{height:82px;min-height:82px;max-height:142px;padding:12px;font-size:14px}.upload-screen.has-media .upload-caption{height:64px;min-height:64px;max-height:112px}.upload-actions,.upload-gates,.upload-import-area,.upload-preview-area{padding-left:12px;padding-right:12px}.upload-actions{padding-top:8px;padding-bottom:8px;gap:7px}.upload-action{height:43px;min-height:43px;border-radius:10px;font-size:12px}.upload-action .ico{width:18px;height:18px}.upload-setting-row{height:45px;min-height:45px;padding:0 9px}.upload-setting-row b,.upload-setting-value{font-size:12px}.upload-setting-icon{width:26px;height:26px}.upload-bottom-publish{height:41px;margin-left:12px;margin-right:12px;font-size:13px}}

/* === VideoHub 3.4.9 · final mobile density === */
.upload-screen{background:var(--bg);min-height:100dvh;color:var(--text);}
.upload-composer{background:var(--bg);}
.upload-compose-header{border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent);}
.upload-user-row{border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent);}
.upload-actions{border-top:0;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent);}
.upload-action{background:color-mix(in srgb,var(--surface) 96%,var(--bg));border:1px solid color-mix(in srgb,var(--text) 8%,transparent);}
.upload-action:hover,.upload-action:focus-visible{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:color-mix(in srgb,var(--accent) 36%,transparent);}
.upload-gates{padding-top:8px;padding-bottom:8px;}
.upload-setting-row{background:color-mix(in srgb,var(--surface) 96%,var(--bg));border-color:color-mix(in srgb,var(--text) 8%,transparent);box-shadow:none;}
.upload-setting-icon{background:color-mix(in srgb,var(--accent) 10%,var(--surface2));}
.upload-bottom-publish{position:sticky;bottom:calc(6px + var(--safe-bottom));z-index:4;}
@media(max-width:420px){.upload-screen{max-width:none}.upload-caption{height:72px;min-height:72px;max-height:128px}.upload-screen.has-media .upload-caption{height:56px;min-height:56px;max-height:100px}.upload-actions{padding-top:7px;padding-bottom:7px}.upload-action{height:40px;min-height:40px}.upload-setting-row{height:42px;min-height:42px}.upload-bottom-publish{height:40px}}

/* === VideoHub 3.4.9 · compact production upload + reliable progress === */
.upload-screen{max-width:520px;background:var(--bg);color:var(--text)}
.upload-compose-header{min-height:48px;grid-template-columns:32px minmax(0,1fr) 64px;padding-left:10px;padding-right:10px;background:var(--bg)}
.upload-compose-header h1{font-size:15px;font-weight:760}.upload-back{width:29px;height:29px}.upload-back .ico{width:19px;height:19px}.upload-top-publish{height:28px;padding:0 9px;border-radius:7px;font-size:10.5px}
.upload-user-row{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:8px 11px}.upload-avatar{width:36px;height:36px;font-size:13px}.upload-user-row strong{font-size:13px}.upload-audience-pill{height:24px;margin-top:3px;padding:0 7px;font-size:9.5px;gap:4px}.upload-audience-pill .ico{width:12px;height:12px}
.upload-caption{height:68px;min-height:68px;max-height:118px;padding:10px 11px;font-size:13.5px;line-height:1.42}.upload-screen.has-media .upload-caption{height:50px;min-height:50px;max-height:92px;padding:9px 11px}
.upload-actions{gap:7px;padding:7px 11px}.upload-action{height:38px;min-height:38px;border-radius:9px;gap:6px;font-size:11.5px}.upload-action .ico{width:17px;height:17px}.upload-actions:has(>button:only-child){max-width:50%}
.upload-import-area{padding:7px 11px 0}.upload-import-input{height:38px;border-radius:9px;grid-template-columns:20px minmax(0,1fr) auto auto;padding:0 6px 0 9px}.upload-import-input>.ico{width:15px}.upload-import-input input{font-size:11.5px}.upload-import-input button{height:26px;padding:0 8px;border-radius:7px;font-size:9.5px}.upload-import-progress{padding-top:6px;grid-template-columns:minmax(0,1fr) auto}.upload-import-track{height:4px}.upload-import-progress b{font-size:9.5px}
.upload-preview-area{padding:7px 11px 0}.picked-video{border-radius:10px;max-height:210px}.picked-duration{left:6px;bottom:6px;padding:2px 5px;font-size:9.5px}.preview-float{right:6px;height:27px;padding:0 7px;border-radius:7px;gap:4px;font-size:9.5px}.preview-float .ico{width:13px}.preview-float.remove{top:6px}.preview-float.change{bottom:6px}.imported-video-card{min-height:82px;border-radius:10px;padding:6px;grid-template-columns:38% 1fr;gap:8px}.imported-video-thumb{height:68px;border-radius:7px}.imported-play{width:28px;height:28px}.imported-video-copy b{font-size:11.5px}.imported-video-copy span{margin-top:6px;font-size:9.5px}
.upload-gates{gap:6px;padding:7px 11px}.upload-setting-row{height:40px;min-height:40px;border-radius:9px;grid-template-columns:27px minmax(0,1fr) auto auto;padding:0 9px;gap:6px}.upload-setting-row:has(.upload-switch){grid-template-columns:27px minmax(0,1fr) auto}.upload-setting-row b,.upload-setting-value{font-size:11.5px}.upload-setting-icon{width:25px;height:25px}.upload-setting-icon .ico{width:14px;height:14px}.upload-setting-row>.ico{width:14px}.upload-switch{width:37px;height:22px;padding:3px}.upload-switch i{width:16px;height:16px}.upload-switch-input:checked+.upload-switch i{transform:translateX(15px)}
.upload-composer-progress{height:auto;margin:1px 11px 0;display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:7px;align-items:center;background:transparent;overflow:visible}.upload-composer-progress[hidden]{display:none}.upload-composer-progress>div{height:4px;border-radius:999px;background:color-mix(in srgb,var(--text) 9%,var(--surface2));overflow:hidden}.upload-composer-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .12s linear}.upload-composer-progress b{font-size:9.5px;color:var(--muted);font-weight:680;text-align:right}
.upload-bottom-publish{height:38px;margin:5px 11px 6px;border-radius:9px;font-size:12px;font-weight:740;box-shadow:none;position:sticky;bottom:calc(5px + var(--safe-bottom))}
@media(max-width:680px){.upload-compose-header{--upload-mobile-top:max(var(--safe-top),18px);min-height:calc(44px + var(--upload-mobile-top));padding:var(--upload-mobile-top) 10px 0;grid-template-columns:31px minmax(0,1fr) 62px}.upload-compose-header h1{font-size:15px}.upload-top-publish{height:27px;font-size:10px}}
@media(max-width:420px){.upload-user-row{grid-template-columns:35px minmax(0,1fr);padding:7px 10px}.upload-avatar{width:35px;height:35px}.upload-caption{height:64px;min-height:64px;max-height:112px;padding:9px 10px;font-size:13px}.upload-screen.has-media .upload-caption{height:48px;min-height:48px;max-height:86px}.upload-actions,.upload-gates,.upload-import-area,.upload-preview-area{padding-left:10px;padding-right:10px}.upload-action{height:37px;min-height:37px}.upload-setting-row{height:39px;min-height:39px}.upload-bottom-publish{height:37px;margin-left:10px;margin-right:10px}.upload-composer-progress{margin-left:10px;margin-right:10px}}

/* === VideoHub 3.4.9 · viewport video playback === */
.video-thumb>.feed-autoplay-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;background:#05070a;z-index:1}
.video-thumb>.feed-autoplay-video~.duration,.video-thumb>.feed-autoplay-video~.save-float,.video-thumb>.feed-autoplay-video~.play-circle{z-index:4}
.video-thumb.is-playing .play-circle{opacity:0;transform:translate(-50%,-45%) scale(.82);pointer-events:none}
.video-thumb .play-circle{transition:opacity .16s ease,transform .16s ease}
.rank-thumb>.rank-preview,.purchase-thumb>.purchase-preview{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;background:#050608;z-index:1}
.rank-thumb>i,.purchase-thumb>span{position:relative;z-index:4}
/* === VideoHub 3.4.9 · unified player + verified badge === */
.verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1877f2;color:#fff!important;font-style:normal;font-size:11px;font-weight:950;line-height:1;margin-left:5px;vertical-align:1px;box-shadow:0 0 0 1px #ffffff20}.verified-mini{width:13px;height:13px;font-size:9px;margin-left:3px;vertical-align:-1px}
.watch-player:fullscreen,.watch-player:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border-radius:0!important;aspect-ratio:auto!important;background:#000}.watch-player:fullscreen .watch-video,.watch-player:-webkit-full-screen .watch-video{width:100%;height:100%;object-fit:contain}.watch-player:fullscreen .player-controls,.watch-player:-webkit-full-screen .player-controls{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}

/* === VideoHub 3.4.9 hotfix 1 · never render a black processing player === */
.watch-processing{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:10px;background:linear-gradient(180deg,#07090d66,#050608cc);color:#fff;text-align:center;pointer-events:none}
.watch-processing span{width:30px;height:30px;border-radius:50%;border:3px solid #ffffff2b;border-top-color:var(--accent);animation:vh-media-spin .75s linear infinite}
.watch-processing b{font-size:12px;font-weight:760;text-shadow:0 1px 4px #000}
@keyframes vh-media-spin{to{transform:rotate(360deg)}}

/* === VideoHub 3.4.9 hotfix 2 · multi-category upload === */
.upload-category-control{position:relative;padding:0 11px 7px}
.upload-category-control>.upload-setting-row{width:100%}
.upload-category-dropdown{position:absolute;left:11px;right:11px;top:43px;z-index:18;max-height:260px;overflow:auto;border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 98%,var(--bg));box-shadow:0 14px 34px #0008;padding:6px}
.upload-category-dropdown[hidden]{display:none}
.upload-category-options{display:grid;gap:2px}
.upload-category-options label{min-height:38px;border-radius:8px;display:grid;grid-template-columns:22px minmax(0,1fr) 20px;align-items:center;gap:7px;padding:4px 7px;cursor:pointer}
.upload-category-options label:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.upload-category-options input{width:16px;height:16px;accent-color:var(--accent)}
.upload-category-options span b,.upload-category-options span small{display:block}.upload-category-options span b{font-size:11.5px}.upload-category-options span small{font-size:9px;color:var(--muted);margin-top:1px}
.upload-category-options label>.ico{width:14px;height:14px;color:var(--accent);opacity:0}.upload-category-options label:has(input:checked)>.ico{opacity:1}
.upload-category-done{width:100%;height:32px;margin-top:5px;border-radius:8px;background:color-mix(in srgb,var(--accent) 14%,var(--surface2));color:var(--text);font-size:11px;font-weight:760}
.upload-category-empty{padding:16px 10px;color:var(--muted);font-size:11px;text-align:center}
@media(max-width:420px){.upload-category-control{padding-left:10px;padding-right:10px}.upload-category-dropdown{left:10px;right:10px}}


/* VideoHub 3.4.9 hotfix4 — screenshot-matched Cart / Watch / Profile */
.bottom-nav :is(button,a){position:relative}.nav-count{position:absolute;top:2px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-style:normal;font-size:9px;font-weight:900;line-height:17px;text-align:center;box-shadow:0 0 0 2px #05070a}.nav-count[hidden]{display:none!important}
.cart-float,.rank-cart,.cart-rec-add{display:grid;place-items:center;color:#f2f4f7;transition:.16s ease}.cart-float{position:absolute;right:10px;bottom:9px;z-index:5;width:34px;height:34px;border-radius:10px;background:#080b10b8;box-shadow:inset 0 0 0 1px #ffffff24;backdrop-filter:blur(8px)}.cart-float .ico,.rank-cart .ico,.cart-rec-add .ico{width:20px;height:20px}.cart-float.active,.rank-cart.active,.cart-rec-add.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,#0a0d12);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}.cart-float.active .ico,.rank-cart.active .ico,.cart-rec-add.active .ico{fill:color-mix(in srgb,var(--accent) 22%,transparent)}
.rank-row{position:relative}.rank-cart{width:38px;height:38px;border-radius:10px;margin-right:11px;background:#121722;box-shadow:inset 0 0 0 1px #ffffff12;flex:0 0 auto}.rank-row>strong{margin-right:7px}

/* Cart */
.cart-screen{background:#020306}.cart-screen .commerce-topbar{background:#020306f2}.cart-clear{display:flex;align-items:center;gap:5px;color:#ff5662;font-size:12px;font-weight:750}.cart-clear .ico{width:18px}.cart-secure{display:flex;justify-content:center;align-items:center;gap:8px;color:#aeb4be;font-size:12px;padding:0 18px 14px}.cart-secure .ico{width:18px;color:var(--accent);fill:color-mix(in srgb,var(--accent) 18%,transparent)}.cart-list{display:grid;gap:11px;padding:0 18px}.cart-item-card{display:grid;grid-template-columns:190px minmax(0,1fr) auto;gap:14px;align-items:stretch;padding:11px;border:1px solid #ffffff14;background:linear-gradient(145deg,#0a0e14,#07090d);border-radius:16px;min-height:148px}.cart-thumb{border-radius:12px;background:#10141b center/cover no-repeat;position:relative;overflow:hidden}.cart-thumb:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#000a)}.cart-thumb>span{position:absolute;right:7px;bottom:6px;z-index:2;padding:3px 6px;border-radius:6px;background:#040609c9;font-size:10px;font-weight:800}.cart-item-main{min-width:0;padding:4px 0}.cart-item-head{display:flex;align-items:flex-start;gap:9px}.cart-item-head h2{margin:0;min-width:0;flex:1;font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-remove{color:#ff4e59;width:31px;height:31px;display:grid;place-items:center;border-radius:8px}.cart-remove .ico{width:19px}.cart-badges{display:flex;gap:5px;margin-top:9px}.cart-badges span{padding:4px 7px;border-radius:6px;background:#1b1429;color:#b966ff;font-size:10px;font-weight:800}.cart-badges span+span{background:#1a1c21;color:#c4c8cf}.cart-creator{display:flex;align-items:center;gap:7px;margin-top:11px;color:#b5bbc5}.mini-avatar{width:26px;height:26px;border-radius:50%;background:#202634;display:grid;place-items:center;overflow:hidden;font-size:10px;font-weight:800;box-shadow:0 0 0 1px #ffffff24}.mini-avatar img{width:100%;height:100%;object-fit:cover}.cart-creator b{font-size:12px;font-weight:600}.cart-license{display:flex;align-items:center;gap:7px;margin-top:9px;color:#a7adb7;font-size:11px}.cart-license .ico{width:17px}.cart-item-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;min-width:112px;padding:5px 3px}.cart-item-side>strong{color:var(--site-accent-light);font-size:21px;white-space:nowrap;margin:auto 0 17px}.cart-qty{height:39px;min-width:112px;border:1px solid #ffffff18;border-radius:9px;display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center}.cart-qty span,.cart-qty b{font-size:14px}.cart-coupon{margin:13px 18px 0;min-height:62px;border:1px solid #ffffff13;background:#0b0e13;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:8px 10px 8px 15px}.cart-coupon>span{color:var(--accent)}.cart-coupon .ico{width:24px}.cart-coupon input{min-width:0;height:42px;border:0;background:transparent;outline:0;color:#fff}.cart-coupon button{height:42px;min-width:115px;border-radius:9px;background:linear-gradient(110deg,#6740ef,#9d35ef);font-weight:800}.cart-summary{margin:13px 18px 0;padding:16px 17px 13px;border:1px solid #ffffff14;background:#080b10;border-radius:15px}.cart-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0;color:#c7cbd2;font-size:13px}.cart-summary>div b{font-weight:600;color:#e8eaf0}.cart-summary .discount b{color:#36df82}.cart-summary hr{height:1px;border:0;background:#ffffff16;margin:8px 0}.cart-summary .cart-total{font-size:18px;font-weight:800}.cart-summary .cart-total strong{font-size:21px;color:#a948ff}.cart-checkout{width:100%;height:56px;margin-top:13px;border-radius:12px;background:linear-gradient(100deg,#5d3dff,#a635ee);display:flex;align-items:center;justify-content:center;gap:12px;font-size:17px;font-weight:850;color:#fff}.cart-checkout .ico{width:19px}.cart-checkout .ico:last-child{margin-left:3px}.cart-summary>p{margin:11px 0 0;display:flex;justify-content:center;align-items:center;gap:7px;color:#aeb4bd;font-size:10px}.cart-summary>p .ico{width:15px;color:#39db84}.cart-recommended{margin-top:23px}.cart-rec-strip{display:flex;gap:11px;padding:0 18px 5px;overflow-x:auto;scrollbar-width:none}.cart-rec-card{width:176px;flex:0 0 176px;border:1px solid #ffffff13;background:#090c11;border-radius:12px;overflow:hidden;padding-bottom:10px}.cart-rec-thumb{height:105px;background:#111 center/cover no-repeat;position:relative}.cart-rec-thumb span{position:absolute;right:6px;bottom:6px;background:#05070bcc;border-radius:6px;padding:3px 5px;font-size:9px}.cart-rec-card>b{display:block;font-size:12px;margin:8px 9px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-rec-card>div:last-child{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 9px}.cart-rec-card strong{color:#b450ff;font-size:12px}.cart-rec-add{width:31px;height:31px;border-radius:8px;border:1px solid #ffffff1b;background:#0c1016}.cart-rec-add .ico{width:17px}.cart-empty{padding:30px 0}

/* Watch screenshot proportions */
.watch-screen{background:#020306}.watch-screen .topbar{background:#020306f0}.watch-player{margin:9px 30px 0;border:1px solid #ffffff1d;border-radius:var(--watch-radius,18px);box-shadow:none}.watch-quality{position:absolute;right:16px;top:15px;z-index:5;width:42px;height:42px;border-radius:9px;border:1px solid #ffffff98;background:#1118205c;backdrop-filter:blur(8px);display:grid;place-items:center;font-size:14px;font-weight:850}.watch-info{padding:26px 34px 0}.watch-title-line h1{font-size:28px;margin-bottom:10px}.tag-row{gap:7px}.tag-row span{background:#241532;color:#c565ff;font-size:12px;padding:5px 12px}.watch-price{font-size:28px}.watch-meta{margin-top:12px}.watch-meta .watch-rating{color:#ffd05a}.watch-info .creator-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:12px;margin-top:22px;padding:0;background:transparent;border-radius:0}.creator-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-align:left}.creator-main>span:last-child{min-width:0}.creator-main b,.creator-main small{display:block}.creator-main b{font-size:16px}.creator-main small{font-size:11px;color:#9aa1ac;margin-top:3px}.watch-actions{border:1px solid #ffffff14;background:#0a0d12;border-radius:13px}.watch-actions button{height:73px}.action-lock{position:absolute;right:7px;top:7px;font-size:9px;font-style:normal}.watch-unlock{padding:16px 34px 0}.unlock-btn{min-height:56px;border-radius:11px}.preview-note{margin:14px 34px 0;border:1px solid #ffffff14;background:#080b10}.watch-related{margin-top:23px;padding-bottom:16px}.watch-related .video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Profile screenshot composition */
.profile-screen-ref{background:#020306}.profile-showcase{padding-bottom:12px}.profile-hero{height:330px;background:#111 center/cover no-repeat;position:relative;border-radius:0 0 32px 32px}.profile-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0001 32%,#030508 97%),linear-gradient(90deg,#0003,#0000)}.profile-hero-back,.profile-hero-actions button{position:relative;z-index:3;width:47px;height:47px;border-radius:50%;background:#05070bb8;display:grid;place-items:center;color:#fff;backdrop-filter:blur(10px)}.profile-hero-back{position:absolute;left:28px;top:calc(var(--safe-top) + 25px)}.profile-hero-back .ico,.profile-hero-actions .ico{width:25px}.profile-hero-actions{position:absolute;right:27px;top:calc(var(--safe-top) + 25px);z-index:3;display:flex;gap:8px}.profile-identity{position:relative;margin-top:-95px;padding:0 34px;display:grid;grid-template-columns:190px minmax(0,1fr) minmax(300px,auto);align-items:end;gap:18px;z-index:4}.profile-avatar-ring{width:180px;height:180px;border-radius:50%;padding:5px;background:linear-gradient(135deg,#fff,#7a3cff 55%,#fff);position:relative}.profile-avatar-xl{width:100%;height:100%;border-radius:50%;background:#171c27;border:5px solid #05070a;display:grid;place-items:center;overflow:hidden;font-size:48px;font-weight:900}.profile-avatar-xl img{width:100%;height:100%;object-fit:cover}.profile-name-block{padding-bottom:18px}.profile-name-block h1{margin:0;font-size:34px;line-height:1.05;letter-spacing:-.04em;display:flex;align-items:center;gap:8px}.profile-verified{width:24px;height:24px;border-radius:50%;background:#2b87ef;color:#fff;display:inline-grid;place-items:center;font-style:normal;font-size:15px}.profile-name-block>div{display:flex;align-items:center;gap:10px;margin-top:12px;color:#bbbfc7}.profile-plan{font-size:9px;padding:4px 7px;border-radius:7px;background:linear-gradient(100deg,#7140e9,#a542f0);color:#fff}.profile-stats-wide{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:16px}.profile-stats-wide>div{text-align:center;padding:0 28px}.profile-stats-wide>div+div{border-left:1px solid #ffffff28}.profile-stats-wide b,.profile-stats-wide span{display:block}.profile-stats-wide b{font-size:28px}.profile-stats-wide span{font-size:13px;color:#d1d4da;margin-top:3px}.profile-headline,.profile-bio,.profile-link,.profile-main-buttons,.profile-quick-grid{margin-left:34px;margin-right:34px}.profile-headline{font-size:16px;font-weight:700;margin-top:18px;margin-bottom:2px}.profile-bio{max-width:670px;font-size:15px;line-height:1.48;color:#e0e2e6;margin-top:0;margin-bottom:0;white-space:pre-line}.profile-link{display:flex;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 68px);margin-top:17px;color:var(--site-accent-light);font-weight:750;text-decoration:none}.profile-link .ico{width:18px}.profile-main-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.profile-primary,.profile-secondary{height:56px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:17px;font-weight:800}.profile-primary{background:linear-gradient(100deg,#603cff,#9a36ed)}.profile-secondary{border:1px solid #ffffff35;background:#090c10}.profile-secondary.active{border-color:#a447ff}.profile-primary .ico,.profile-secondary .ico{width:23px}.profile-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border:1px solid #ffffff15;background:#090c11;border-radius:14px;overflow:hidden}.profile-quick-grid button{height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#eee}.profile-quick-grid button+button{border-left:1px solid #ffffff12}.profile-quick-grid .ico{width:27px;color:#a94cff}.profile-quick-grid span{font-size:13px}.profile-tabs-ref{margin-top:23px;padding:0 22px;height:61px}.profile-tabs-ref button{font-size:15px;min-width:105px}.profile-tabs-ref button.active:after{left:8%;right:8%;height:3px}.profile-filters{display:flex;align-items:center;gap:10px;padding:18px 34px 15px;overflow-x:auto;scrollbar-width:none}.profile-filters button{height:38px;padding:0 17px;border-radius:999px;background:#14171c;border:1px solid #ffffff15;color:#d1d4da;white-space:nowrap}.profile-filters button.active{background:linear-gradient(100deg,#6940f2,#8b36e7);color:#fff}.profile-filter-more{margin-left:auto!important;display:flex;align-items:center;gap:7px}.profile-filter-more .ico{width:18px}.profile-screen-ref .profile-grid{padding-top:0;padding-left:34px;padding-right:34px;gap:14px}.profile-screen-ref .video-thumb{height:210px}.profile-about-card{margin:18px 34px;padding:18px;border:1px solid #ffffff13;background:#090c11;border-radius:14px}.profile-about-card h2{margin:0 0 12px}.profile-about-card p{color:#c1c6ce;line-height:1.5}.profile-about-card a{color:#aa4cff}.profile-tab-empty{padding:30px 34px}

@media(max-width:600px){
 .cart-list{padding-left:13px;padding-right:13px;gap:10px}.cart-item-card{grid-template-columns:145px minmax(0,1fr);padding:9px;gap:11px;min-height:133px}.cart-item-side{grid-column:2;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:center;padding:0;margin-top:-41px}.cart-item-side>strong{font-size:17px;margin:0}.cart-qty{min-width:105px;height:35px}.cart-item-head h2{font-size:14px}.cart-badges{margin-top:7px}.cart-creator{margin-top:8px}.cart-license{margin-top:6px}.cart-coupon,.cart-summary{margin-left:13px;margin-right:13px}.cart-rec-strip{padding-left:13px;padding-right:13px}.cart-rec-card{width:146px;flex-basis:146px}.cart-rec-thumb{height:91px}
 .watch-player{margin:7px 16px 0!important;border-radius:18px!important}.watch-info{padding:21px 18px 0}.watch-unlock{padding:15px 18px 0}.preview-note{margin:14px 18px 0}.watch-title-line h1{font-size:22px}.watch-price{font-size:22px}.watch-quality{right:12px;top:11px;width:36px;height:36px;font-size:12px}.preview-badge{left:12px;top:11px}.watch-info .creator-row{margin-top:19px}.watch-actions button{height:66px}
 .profile-hero{height:260px;border-radius:0 0 24px 24px}.profile-hero-back{left:16px}.profile-hero-actions{right:16px}.profile-hero-actions button:nth-child(1){display:none}.profile-identity{margin-top:-67px;padding:0 18px;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:end}.profile-avatar-ring{width:118px;height:118px;padding:3px}.profile-avatar-xl{border-width:3px;font-size:34px}.profile-name-block{padding-bottom:7px}.profile-name-block h1{font-size:25px}.profile-verified{width:20px;height:20px;font-size:12px}.profile-name-block>div{margin-top:7px;font-size:12px}.profile-stats-wide{grid-column:1/-1;padding:18px 0 0}.profile-stats-wide>div{padding:0 12px}.profile-stats-wide b{font-size:20px}.profile-stats-wide span{font-size:11px}.profile-headline,.profile-bio,.profile-link,.profile-main-buttons,.profile-quick-grid{margin-left:18px;margin-right:18px}.profile-headline{margin-top:17px;font-size:14px}.profile-bio{font-size:13px}.profile-link{font-size:13px}.profile-main-buttons{gap:9px;margin-top:18px}.profile-primary,.profile-secondary{height:46px;border-radius:11px;font-size:13px}.profile-quick-grid{margin-top:16px}.profile-quick-grid button{height:72px}.profile-quick-grid .ico{width:22px}.profile-quick-grid span{font-size:10px}.profile-tabs-ref{margin-top:17px;height:50px;padding:0 10px}.profile-tabs-ref button{font-size:12px;min-width:72px}.profile-filters{padding:13px 16px 12px;gap:7px}.profile-filters button{height:34px;padding:0 13px;font-size:11px}.profile-screen-ref .profile-grid{padding-left:16px;padding-right:16px;gap:12px}.profile-screen-ref .video-thumb{height:150px}.profile-about-card{margin:14px 16px}
}
.cart-screen .commerce-topbar{grid-template-columns:1fr auto 1fr}.cart-screen .commerce-topbar>.icon-btn{justify-self:start}.cart-screen .commerce-topbar h1{justify-self:center}.cart-screen .commerce-head-actions{justify-self:end}
/* VideoHub 3.4.9-hotfix13 · screenshot-matched profile cards */
.profile-video-card{min-width:0;border:1px solid #ffffff18;background:#0a0d11;border-radius:13px;overflow:hidden;cursor:pointer}.profile-video-thumb{height:200px;background:#111 center/cover no-repeat;position:relative;overflow:hidden}.profile-video-thumb:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.profile-card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.profile-video-thumb .duration{position:absolute;right:8px;bottom:8px;z-index:4;padding:4px 7px;border-radius:6px;background:#05070bcc;font-size:10px;font-weight:800}.profile-video-thumb .play-circle{position:absolute;left:50%;top:50%;inset:auto;z-index:3;margin:0;width:42px;height:42px;opacity:0;display:grid;place-items:center;border:0;border-radius:50%;background:#05070aaa;box-shadow:none;transform:translate(-50%,-50%);transition:.16s ease}.profile-video-card:hover .play-circle{opacity:1}.profile-video-copy{padding:10px 12px 11px;min-width:0}.profile-video-copy b,.profile-video-copy small{display:block}.profile-video-copy b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-video-copy small{margin-top:4px;color:#aeb4bd;font-size:11px}.profile-cart-action{position:absolute;right:8px;bottom:8px;z-index:6;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#07090dc7;border:1px solid #ffffff2a;color:#f2f4f7;backdrop-filter:blur(8px)}.profile-cart-action .ico{width:17px}.profile-cart-action.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 16%,#080a0e)}.profile-cart-action.active .ico{fill:color-mix(in srgb,var(--accent) 22%,transparent)}
@media(max-width:600px){
 .profile-hero{height:205px}.profile-identity{margin-top:-54px;padding:0 18px;grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto auto;gap:8px 13px;align-items:end}.profile-avatar-ring{width:92px;height:92px;grid-row:1/3;align-self:start}.profile-avatar-xl{font-size:28px}.profile-name-block{grid-column:2;grid-row:1;padding-bottom:0}.profile-name-block h1{font-size:23px}.profile-stats-wide{grid-column:2;grid-row:2;padding:6px 0 0;align-self:start}.profile-stats-wide>div{padding:0 7px}.profile-stats-wide b{font-size:17px}.profile-stats-wide span{font-size:9px}.profile-headline{margin-top:15px}.profile-video-thumb{height:125px}.profile-video-copy{padding:8px 9px 9px}.profile-video-copy b{font-size:12px}.profile-video-copy small{font-size:9px}.profile-cart-action{width:29px;height:29px}.profile-video-thumb .duration{font-size:9px;right:6px;bottom:6px}
}
.profile-video-thumb .profile-cart-action{top:8px;bottom:auto}.profile-video-thumb .duration{right:8px;left:auto}

/* 3.4.9 hotfix 6: generic payment channels and creator subscriptions */
.wallet-action-bar{grid-template-columns:repeat(2,1fr)!important}.profile-main-buttons:has(.profile-subscribe){grid-template-columns:1fr 1fr;flex-wrap:wrap}.profile-subscribe{grid-column:1/-1;min-height:44px;border:1px solid var(--accent);border-radius:14px;color:var(--accent);font-weight:800}.profile-subscribe.active{border-color:#ffffff24;color:#aaa;pointer-events:none}.monetization-off [data-cart],.monetization-off [data-cart-count],.monetization-off .price,.monetization-off .watch-price,.monetization-off [data-buy],.monetization-off [data-creator-subscribe],.monetization-off [data-tip-video],.monetization-off [data-route="subscription"],.monetization-off [data-route="wallet-topup"],.monetization-off .subscription-plan{display:none!important}


/* VideoHub 3.4.9-hotfix13 · duration, navigation, drawer and profile polish */
.bottom-nav{isolation:isolate;contain:layout paint;touch-action:manipulation}
.bottom-nav :is(button,a){position:relative;z-index:2;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;min-height:52px}
.bottom-nav :is(button,a)>.ico,.bottom-nav :is(button,a)>span,.bottom-nav :is(button,a)>.nav-count{pointer-events:none}
.bottom-nav :is(button,a):active,.bottom-nav :is(button,a).nav-pressed{transform:scale(.96);transition:transform .08s ease}
.bottom-nav .nav-count{z-index:3}
.drawer{overflow:hidden;border-right:1px solid #ffffff12;background:linear-gradient(180deg,#0b1017,#070a0f 72%);}
.drawer nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px 4px 10px 0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 55%,#2a3038) transparent}
.drawer nav::-webkit-scrollbar{width:5px}.drawer nav::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 55%,#2a3038);border-radius:99px}
.drawer nav button{flex:0 0 auto;transition:background .12s ease,color .12s ease,transform .08s ease}.drawer nav button:hover{background:#121821}.drawer nav button:active{transform:scale(.985);background:#171e29}
.drawer-logout{flex:0 0 auto;border-top:1px solid #ffffff0d;margin-top:7px;padding-top:8px}
/* Full video duration labels, including Top Picks. */
.video-thumb>.duration{margin:0;left:10px;top:10px;line-height:1;box-shadow:0 2px 8px #0007}
.rank-thumb i{left:10px;bottom:10px;margin:0;padding:4px 6px;line-height:1;border-radius:6px;box-shadow:0 2px 8px #0008}
/* Profile cards: remove the unfinished translucent block effect and keep actions compact. */
.profile-screen-ref .profile-grid{align-items:start}
.profile-video-card{background:#080b10;border-color:#ffffff14;box-shadow:0 8px 22px #0005}
.profile-video-thumb{background-color:#0b0e13}
.profile-video-thumb:after{display:none}
.profile-video-copy{background:#090c11;border-top:1px solid #ffffff0b}
.profile-video-thumb .profile-cart-action{top:8px;right:8px;bottom:auto;left:auto;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important;padding:0!important;border-radius:10px!important;background:#080b10dc!important;box-shadow:0 5px 14px #0008;display:grid!important;place-items:center!important}
.profile-video-thumb .profile-cart-action .ico{width:18px;height:18px}
.profile-video-thumb .duration{right:8px;bottom:8px;top:auto;left:auto;padding:4px 6px;line-height:1;background:#05070cdb}
.profile-action-sheet>div>button,.profile-filter-sheet>div>button{width:100%;min-height:52px;display:flex;align-items:center;gap:12px;padding:0 14px;text-align:left;border-radius:11px;color:#e5e8ed}
.profile-action-sheet>div>button:active,.profile-filter-sheet>div>button:active{background:#151a23}.profile-action-sheet .ico,.profile-filter-sheet .ico{width:21px;color:var(--accent)}
.profile-filter-sheet button.active{background:color-mix(in srgb,var(--accent) 12%,#11151d)}
@media(max-width:600px){
  .rank-thumb i{left:8px;bottom:8px;padding:4px 6px}
  .video-thumb>.duration{left:9px;top:9px;padding:5px 7px}
  .profile-video-card{border-radius:12px}.profile-video-copy{padding:9px 10px 10px}
  .profile-video-thumb .profile-cart-action{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important}
}

.watch-player:fullscreen,.watch-player.vh-fullscreen{width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;border-radius:0!important;aspect-ratio:auto!important;background:#000!important}
.watch-player:fullscreen .watch-video,.watch-player.vh-fullscreen .watch-video{width:100%!important;height:100%!important;object-fit:contain!important}
.watch-player:fullscreen .player-controls,.watch-player.vh-fullscreen .player-controls{padding-left:max(18px,var(--safe-left));padding-right:max(18px,var(--safe-right));padding-bottom:var(--safe-bottom);height:calc(66px + var(--safe-bottom))}
.watch-player:fullscreen .preview-badge,.watch-player.vh-fullscreen .preview-badge{top:max(15px,var(--safe-top));left:max(17px,var(--safe-left))}
html.vh-player-fullscreen,body.vh-player-fullscreen{overflow:hidden!important}.watch-player.vh-fullscreen{position:fixed!important;inset:0!important;z-index:1000!important}

.profile-video-copy{position:relative;padding-right:38px}.profile-video-more{position:absolute;right:7px;bottom:7px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#d8dce2}.profile-video-more .ico{width:18px;height:18px}.profile-video-more:active{background:#171c24}

/* VideoHub 3.4.9-hotfix13 · Top Picks duration spacing + reliable mobile Cart navigation */
.bottom-nav{z-index:10000;pointer-events:auto!important;overflow:visible!important;contain:layout style;}
.bottom-nav :is(button,a){pointer-events:auto!important;position:relative;isolation:isolate;cursor:pointer;}
.bottom-nav :is(button,a)>.ico,.bottom-nav :is(button,a)>span{pointer-events:none!important;}
.bottom-nav [data-cart-nav].has-count::after{content:attr(data-count);position:absolute;top:0;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-size:9px;font-weight:900;line-height:17px;text-align:center;box-shadow:0 0 0 2px #05070a;z-index:5;pointer-events:none;}
.rank-thumb>i{top:8px!important;bottom:auto!important;left:8px!important;margin:0!important;padding:4px 6px!important;line-height:1!important;transform:none!important;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:600px){.rank-thumb>i{top:7px!important;left:7px!important;padding:4px 6px!important}}

/* VideoHub 3.4.9-hotfix13 · adaptive video/thumbnail fitting */
.media-fit-contain{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#000!important}
.media-fit-cover{background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}
video.media-fit-contain{object-fit:contain!important;background:#000!important}
video.media-fit-cover{object-fit:cover!important}

@media(min-width:768px){
}
/* Watch fullscreen keeps tall media in its native portrait framing. Landscape/smaller-height media may lock the device landscape via JS. */
.watch-player:fullscreen .watch-video,.watch-player.vh-fullscreen .watch-video{object-fit:contain!important;background:#000!important}


/* VideoHub 3.4.9-hotfix13 · definitive Hotfix 11 repair */
.rank-thumb>.rank-duration{position:absolute!important;top:8px!important;right:auto!important;bottom:auto!important;left:8px!important;margin:0!important;padding:4px 6px!important;line-height:1!important;transform:none!important;z-index:8!important;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#030408d9;border-radius:6px;box-shadow:0 2px 8px #0008;font-style:normal;}
.bottom-nav>a{position:relative;pointer-events:auto!important;z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none;}
.bottom-nav>a>*{pointer-events:none!important;}
.bottom-nav [data-cart-nav].has-count::after{pointer-events:none!important;}
@media(max-width:600px){.rank-thumb>.rank-duration{top:7px!important;left:7px!important;}}

/* VideoHub 3.4.9-hotfix16 · smart Watch player control auto-hide */
.watch-player .big-play,.watch-player .player-controls,.watch-player .preview-badge,.watch-player .watch-quality{transition:opacity .18s ease,visibility .18s ease}
.watch-player.controls-hidden .big-play,.watch-player.controls-hidden .player-controls,.watch-player.controls-hidden .watch-quality,.watch-player.controls-hidden .full-video-badge{opacity:0;visibility:hidden;pointer-events:none}
.watch-player.controls-hidden .preview-only-badge{opacity:1!important;visibility:visible!important;pointer-events:none!important}
.watch-player:not(.controls-hidden) .big-play,.watch-player:not(.controls-hidden) .player-controls,.watch-player:not(.controls-hidden) .preview-badge,.watch-player:not(.controls-hidden) .watch-quality{opacity:1;visibility:visible}
/* Hotfix 15: reusable payment picker for site/creator subscriptions. */
.payment-choice-sheet{max-width:520px}.payment-choice-list{display:grid;gap:10px;padding:8px 0}.payment-choice-list>button{width:100%;min-height:64px;display:grid;grid-template-columns:48px 1fr 24px;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);border-radius:16px;background:var(--surface2);color:var(--text);padding:10px 12px}.payment-choice-list>button:active{transform:scale(.99);border-color:var(--accent)}.payment-choice-list>button>div{min-width:0;display:grid;gap:3px}.payment-choice-list>button b{font-size:15px}.payment-choice-list>button small{font-size:12px;color:var(--muted)}.payment-choice-sheet footer{display:flex;justify-content:flex-end;padding-top:6px;color:var(--accent)}.payment-choice-sheet .provider-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);font-weight:800}.payment-choice-sheet .provider-logo .ico{width:22px;height:22px}

/* VideoHub 3.4.9-hotfix16 · bottom Cart tap target + restore cover on standard video surfaces */
.bottom-nav{pointer-events:auto!important;overflow:visible!important;contain:none!important}
.bottom-nav>button{appearance:none;-webkit-appearance:none;border:0;background:transparent;width:100%;height:100%;min-width:0;min-height:52px;padding:0;margin:0;position:relative;z-index:2;pointer-events:auto!important;touch-action:manipulation;cursor:pointer;color:#9aa1aa}
.bottom-nav>button.active{color:var(--site-accent-light)}
.bottom-nav>button>.ico,.bottom-nav>button>span,.bottom-nav>button>.nav-count{pointer-events:none!important}
.bottom-nav [data-cart-nav].has-count::after{content:none!important;display:none!important}
.bottom-nav .nav-count{position:absolute;top:2px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--accent);color:#fff;font-style:normal;font-size:9px;font-weight:900;line-height:17px;text-align:center;box-shadow:0 0 0 2px #05070a;z-index:6;pointer-events:none!important}
/* Standard Home/Discover/Profile/Related/Top Picks media fitting. */
.video-card .video-thumb,.rank-row .rank-thumb,.profile-video-thumb,.cart-thumb,.cart-rec-thumb{background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#0b0e13!important}
.video-card .feed-autoplay-video,.rank-row .rank-preview,.profile-card-preview{object-fit:cover!important;background:#0b0e13!important}


/* VideoHub 3.4.9-hotfix20 · M-Pesa/UI repair */
#drawerRoot{z-index:20000!important}
.drawer{padding-bottom:max(calc(var(--safe-bottom) + 16px),20px)!important}
.drawer nav{padding-bottom:14px!important}
.drawer-logout{min-height:52px;background:#0a0d12;position:relative;z-index:2}
.bottom-nav .nav-cart-icon{fill:none!important;stroke:currentColor!important;stroke-width:2!important;overflow:visible}
.bottom-nav>button.active .nav-cart-icon{fill:none!important;stroke:currentColor!important;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 50%,transparent))}
.discover-categories{position:relative;margin:0 0 22px}
.discover-categories>header{height:44px;padding:0 22px 8px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:12}
.discover-categories>header h2{font-size:18px;letter-spacing:-.025em;margin:0}
.discover-category-scroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 22px 9px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.discover-category-scroll::-webkit-scrollbar{display:none}
.discover-category-chip{flex:0 0 auto;min-width:116px;max-width:170px;height:48px;padding:5px 13px 5px 6px;display:flex;align-items:center;gap:9px;border-radius:14px;background:linear-gradient(145deg,#15111d,#0d1017);border:1px solid #ffffff14;color:#f2f4f7;scroll-snap-align:start;box-shadow:0 7px 18px #0003}
.discover-category-chip>span{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;background:#20112e center/cover no-repeat;color:#b95dff;font-size:17px}
.discover-category-chip>b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}
.discover-category-chip:active{transform:scale(.985);border-color:color-mix(in srgb,var(--accent) 55%,#ffffff14)}
.discover-category-dropdown{position:relative;flex:0 0 auto}
.discover-category-dropdown>summary{list-style:none;height:34px;padding:0 10px 0 12px;display:flex;align-items:center;gap:5px;border-radius:11px;background:#121722;border:1px solid #ffffff15;color:#c6cbd3;font-size:11px;font-weight:760;cursor:pointer;white-space:nowrap}
.discover-category-dropdown>summary::-webkit-details-marker{display:none}.discover-category-dropdown>summary .ico{width:14px;height:14px;transition:transform .15s}.discover-category-dropdown[open]>summary .ico{transform:rotate(90deg)}
.discover-category-menu{position:absolute;right:0;top:41px;width:min(310px,calc(100vw - 32px));max-height:min(58dvh,430px);overflow-y:auto;padding:7px;border:1px solid #ffffff17;border-radius:15px;background:#0d1118f8;backdrop-filter:blur(22px);box-shadow:0 20px 55px #000c;z-index:30}
.discover-category-menu>button{width:100%;min-height:48px;padding:6px 8px;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:9px;text-align:left;border-radius:10px;color:#eef1f5}
.discover-category-menu>button:active{background:#171d27}.discover-category-menu>button>span{width:34px;height:34px;border-radius:9px;background:#1b1126;display:grid;place-items:center;color:#b65aff}.discover-category-menu>button i{width:34px;height:34px;border-radius:9px;background:center/cover no-repeat;display:grid;place-items:center;font-style:normal}.discover-category-menu>button b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-category-menu>button>.ico{width:15px;color:#858d99}
@media(max-width:680px){.discover-categories>header{padding-left:16px;padding-right:16px}.discover-category-scroll{padding-left:16px;padding-right:16px}.discover-category-chip{min-width:108px;height:46px}.discover-category-chip>span{width:34px;height:34px;flex-basis:34px}.discover-category-menu{right:0}}


/* VideoHub 3.4.9-hotfix22 · mobile-only high-quality suggestions below Top Picks */
.mobile-suggestions-section{display:none}
@media(max-width:767px){
  .mobile-suggestions-section{display:block;padding-bottom:18px}
  .mobile-suggestion-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:0 16px}
  .mobile-suggestion-card{min-width:0;overflow:hidden;border-radius:17px;background:#080b10;border:1px solid #ffffff14;box-shadow:0 10px 30px #0008;cursor:pointer}
  .mobile-suggestion-card:active{transform:scale(.995)}
  .mobile-suggestion-media{width:100%;height:auto;min-height:0;position:relative;overflow:hidden;background-color:#05070b;background-repeat:no-repeat;background-position:center;background-size:contain;transition:height .12s ease}
  .mobile-suggestion-media.is-capped{background-size:cover}
  .mobile-suggestion-media:after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,#030406b8);pointer-events:none;z-index:2}
  .mobile-suggestion-preview{position:absolute;inset:0;width:100%;height:100%;z-index:1;background:#05070b;object-position:center}
  .mobile-suggestion-preview.media-fit-contain{object-fit:contain!important}
  .mobile-suggestion-preview.media-fit-cover,.mobile-suggestion-media.is-capped .mobile-suggestion-preview{object-fit:cover!important}
  .mobile-suggestion-media .duration{z-index:5;top:10px;left:10px}
  .mobile-suggestion-media .play-circle{z-index:5;transition:opacity .16s ease,transform .16s ease}
  .mobile-suggestion-media.is-playing .play-circle{opacity:0;transform:translate(-50%,-45%) scale(.82);pointer-events:none}
  .mobile-suggestion-copy{padding:12px 13px 13px}
  .mobile-suggestion-title-row{display:flex;align-items:flex-start;gap:10px}
  .mobile-suggestion-title-row>div{min-width:0;flex:1}
  .mobile-suggestion-title-row b{display:block;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-suggestion-title-row small{display:block;margin-top:4px;color:#a4aab4;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-suggestion-save{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;color:#f4f6f8;background:#111722;border:1px solid #ffffff16}
  .mobile-suggestion-save .ico{width:20px;height:20px}
  .mobile-suggestion-save.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:color-mix(in srgb,var(--accent) 14%,#111722)}
  .mobile-suggestion-save.active .ico{fill:color-mix(in srgb,var(--accent) 20%,transparent)}
  .mobile-suggestion-foot{min-height:36px;margin-top:10px;display:flex;align-items:center;gap:9px;color:#aeb4bd}
  .mobile-suggestion-foot>span{display:flex;align-items:center;gap:5px;font-size:11px;min-width:0;flex:1}
  .mobile-suggestion-foot>span .ico{width:15px;height:15px}
  .mobile-suggestion-foot>strong{font-size:13px;color:var(--site-accent-light);white-space:nowrap}
  .mobile-suggestion-cart{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center;color:#f2f4f7;background:#121722;box-shadow:inset 0 0 0 1px #ffffff12}
  .mobile-suggestion-cart .ico{width:19px;height:19px}
  .mobile-suggestion-cart.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,#0a0d12);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}
  .mobile-suggestion-cart.active .ico{fill:color-mix(in srgb,var(--accent) 22%,transparent)}
}
@media(min-width:768px){.mobile-suggestions-section{display:none!important}}


/* VideoHub 3.4.9-hotfix22 · Premium download entitlement UI */
.purchase-action.premium-download{color:#c970ff;border-color:color-mix(in srgb,var(--accent) 55%,#ffffff18);background:color-mix(in srgb,var(--accent) 10%,#0d1118)}
.premium-download-sheet{position:fixed;z-index:80;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(520px,calc(100% - 24px));padding:26px 20px 20px;border:1px solid #ffffff1c;border-radius:24px;background:linear-gradient(180deg,#14101d,#090c12 46%);box-shadow:0 28px 80px #000d;text-align:center;color:var(--text)}
.premium-download-close{position:absolute;right:13px;top:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ffffff0b;color:#d9dde4;font-size:24px}
.premium-download-crown{width:68px;height:68px;margin:0 auto 12px;border-radius:22px;display:grid;place-items:center;color:#d78cff;background:linear-gradient(145deg,var(--site-accent)2\65 ,var(--site-accent2)1c);box-shadow:inset 0 0 0 1px #ba63ff4a,0 12px 34px var(--site-accent)25}.premium-download-crown .ico{width:34px;height:34px}
.premium-download-sheet>small{display:block;color:#bd6dff;font-size:10px;font-weight:900;letter-spacing:.16em}.premium-download-sheet h2{margin:7px 0 8px;font-size:24px;letter-spacing:-.03em}.premium-download-sheet>p{margin:0 auto;color:#aeb4be;line-height:1.5;font-size:13px;max-width:390px}
.premium-download-plans{display:grid;gap:8px;margin:17px 0 14px}.premium-download-plans button{min-height:54px;padding:10px 13px;border:1px solid #ffffff16;border-radius:14px;background:#11151d;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.premium-download-plans b{font-size:13px}.premium-download-plans span{color:#b8bec7;font-size:11px;text-align:right}.premium-download-cta{width:100%;min-height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px}.premium-download-cta .ico{width:18px}.premium-download-sheet>em{display:block;margin-top:11px;color:#747b86;font-size:10px;font-style:normal}
.plan-downloads{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px;color:#b9c0ca;font-size:10px;font-weight:700}.plan-downloads .ico{width:13px;height:13px;color:#b760ff}

/* Hotfix22 media interaction hardening: frontend deterrent only; authorization remains server-side. */
video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}

/* 3.4.9-hotfix23 · Direct Messages */
.message-top-btn .ico{width:23px;height:23px}.profile-message-main{height:56px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #8f45ff66;background:#100b18;color:#d9c0ff;font-size:16px;font-weight:800}.profile-message-main .ico{width:22px;color:#b45dff}.messages-screen,.direct-screen{background:#05070b}.messages-inbox{padding:18px 22px 28px}.messages-search{height:48px;border:1px solid #ffffff12;background:#0d1118;border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 14px}.messages-search .ico{width:21px;color:#7f8793}.messages-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.messages-inbox-summary{display:flex;justify-content:space-between;align-items:end;padding:20px 4px 10px}.messages-inbox-summary b{display:block;font-size:20px}.messages-inbox-summary small{display:block;color:#8c95a2;margin-top:3px;font-size:11px}.message-conversation-list{display:grid;gap:2px}.message-conversation{width:100%;min-height:78px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;text-align:left;padding:9px 7px;border-radius:15px}.message-conversation:active{background:#111722}.message-conversation.unread{background:#0d111a}.message-avatar-wrap{position:relative;width:52px;height:52px}.message-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#1b2230,#2c203e);font-weight:900;font-size:18px;color:#fff}.message-avatar.small{width:39px;height:39px;font-size:14px;flex:0 0 39px}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-premium-dot{position:absolute;right:-1px;bottom:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#8e40ff;border:2px solid #05070b;font-size:8px;color:#fff}.message-conversation-copy{min-width:0}.message-conversation-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.message-conversation-copy small{display:block;margin-top:5px;color:#8f98a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.message-conversation.unread .message-conversation-copy small{color:#d7dce3}.message-conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.message-conversation-meta time{font-size:9px;color:#777f8a}.message-conversation-meta i{min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:900}.messages-popup{position:absolute;right:12px;top:calc(var(--safe-top) + 58px);width:min(390px,calc(100vw - 24px));max-height:min(610px,calc(100dvh - var(--safe-top) - 84px));display:flex;flex-direction:column;background:#080b10;border:1px solid #ffffff18;border-radius:22px;box-shadow:0 24px 80px #000d;overflow:hidden;transform:translateY(-8px) scale(.98);opacity:0;transition:.18s ease}.open .messages-popup{transform:none;opacity:1}.messages-popup>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 12px;border-bottom:1px solid #ffffff0f}.messages-popup>header b{font-size:19px}.messages-popup>header small{display:block;color:#8f97a3;font-size:10px;margin-top:2px}.messages-popup>header button{width:34px;height:34px;border-radius:50%;background:#121720;font-size:20px}.messages-popup-list{overflow-y:auto;padding:7px 8px;overscroll-behavior:contain}.messages-popup .message-conversation{min-height:70px;grid-template-columns:46px minmax(0,1fr) auto}.messages-popup .message-avatar,.messages-popup .message-avatar-wrap{width:46px;height:46px}.messages-popup>footer{padding:10px 13px 13px;border-top:1px solid #ffffff0f}.messages-popup>footer button{width:100%;height:43px;border-radius:12px;background:#121722;color:#bc6cff;font-weight:850}.direct-header{position:sticky;top:0;z-index:40;height:calc(64px + var(--safe-top));padding:var(--safe-top) 14px 0;display:flex;align-items:center;gap:10px;background:#070a0ff5;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff10}.direct-header>.icon-btn{flex:0 0 42px}.direct-user{min-width:0;flex:1;text-align:left}.direct-user b,.direct-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-user b{font-size:14px}.direct-user small{font-size:10px;color:#89919c;margin-top:2px}.direct-rate-note{position:sticky;top:calc(64px + var(--safe-top));z-index:35;min-height:52px;margin:0;padding:7px 15px;display:flex;align-items:center;gap:9px;background:#0b0f16ee;border-bottom:1px solid #ffffff0e;backdrop-filter:blur(15px)}.direct-rate-note>.ico{width:20px;color:#b55cff}.direct-rate-note>span{min-width:0;flex:1}.direct-rate-note b,.direct-rate-note small{display:block}.direct-rate-note b{font-size:11px}.direct-rate-note small{font-size:9px;color:#858e99;margin-top:2px}.direct-rate-note button{height:32px;padding:0 12px;border-radius:999px;background:var(--site-accent)1f;border:1px solid #9347ff6b;color:#bd78ff;font-size:10px;font-weight:800}.direct-thread{height:calc(100dvh - var(--safe-top) - 128px);overflow-y:auto;padding:20px 15px 105px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}.direct-screen:has(.direct-rate-note) .direct-thread{height:calc(100dvh - var(--safe-top) - 180px)}.direct-message{display:flex;width:100%}.direct-message.outgoing{justify-content:flex-end}.direct-bubble{max-width:min(80%,520px);padding:10px 12px 7px;border-radius:18px 18px 18px 5px;background:#111722;border:1px solid #ffffff0d;box-shadow:0 8px 22px #0003}.direct-message.outgoing .direct-bubble{border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,#6835d8,#8d3dde);border-color:#aa6cff55}.direct-message.automatic .direct-bubble{max-width:min(88%,560px);background:#0c1119;border-color:#8345ff42}.direct-message.outgoing.automatic .direct-bubble{background:#1b1130}.direct-bubble>p{margin:0;color:#eef1f5;font-size:13px;line-height:1.45;white-space:pre-wrap}.direct-bubble>footer{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:6px;color:#a4acb6;font-size:8px}.direct-bubble>footer span{font-size:8px}.direct-status{color:#d9c2ff;font-weight:900}.direct-video-card{margin-top:10px;border-radius:14px;overflow:hidden;background:#070a0f;border:1px solid #ffffff14}.direct-video-thumb{height:190px;position:relative;overflow:hidden;background:#111 center/cover no-repeat}.direct-locked-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.direct-video-thumb.is-playing .direct-video-play{opacity:0}.direct-video-thumb.is-playing .direct-video-lock{background:#07090da8;transform:translate(-50%,-50%) scale(.9)}.direct-video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0001,#000b)}.direct-video-lock,.direct-video-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;background:#07090dcc;box-shadow:none;backdrop-filter:blur(8px)}.direct-video-lock .ico,.direct-video-play .ico{width:25px}.direct-video-duration{position:absolute;z-index:2;left:8px;bottom:8px;padding:4px 6px;border-radius:7px;background:#050609d9;font-size:9px}.direct-video-copy{padding:10px 11px 11px}.direct-video-copy>b,.direct-video-copy>small{display:block}.direct-video-copy>b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-video-copy>small{font-size:10px;color:#aaafb8;margin-top:3px}.direct-video-copy>button{width:100%;height:39px;margin-top:9px;border-radius:10px;background:linear-gradient(100deg,#6539ec,#a63cec);font-weight:850;font-size:11px}.direct-reminder-link{width:100%;display:flex;align-items:center;gap:9px;margin-top:9px;padding:9px;border-radius:11px;background:#080c12;border:1px solid #ffffff12;text-align:left}.direct-reminder-link>.ico{width:25px;color:#b65cff}.direct-reminder-link span{min-width:0}.direct-reminder-link b,.direct-reminder-link small{display:block}.direct-reminder-link b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.direct-reminder-link small{font-size:9px;color:#8d95a0;margin-top:2px}.direct-start{margin:auto;text-align:center;color:#89919b;display:grid;justify-items:center;gap:6px}.direct-start>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#10151e;color:#a956ff}.direct-start .ico{width:27px}.direct-start b{color:#d9dce2}.direct-start small{font-size:10px}.direct-composer{position:fixed;z-index:60;left:50%;bottom:0;transform:translateX(-50%);width:min(880px,100%);min-height:76px;padding:10px 12px calc(10px + var(--safe-bottom));display:grid;grid-template-columns:36px minmax(0,1fr) 42px;align-items:end;gap:8px;background:#070a0ff5;border-top:1px solid #ffffff10;backdrop-filter:blur(22px)}.direct-composer textarea{min-height:43px;max-height:120px;resize:none;border:1px solid #ffffff14;background:#11161f;border-radius:18px;padding:12px 13px;color:#fff;outline:0;font:inherit;font-size:13px}.direct-emoji{height:38px;border-radius:50%;color:#aeb5be;font-size:18px}.direct-send{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#683cff,#a33cec);display:grid;place-items:center}.direct-send .ico{width:20px;transform:rotate(90deg)}.chat-credit-popup{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%) scale(.98);width:min(360px,calc(100vw - 28px));padding:27px 22px 20px;border-radius:24px;background:#0a0e14;border:1px solid #ffffff18;box-shadow:0 25px 80px #000e;text-align:center;opacity:0;transition:.18s}.open .chat-credit-popup{transform:translate(-50%,-50%) scale(1);opacity:1}.chat-credit-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:#151a23;font-size:20px}.chat-credit-icon{width:62px;height:62px;border-radius:20px;margin:2px auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#6d3df3,#a73eed)}.chat-credit-icon .ico{width:29px}.chat-credit-popup h2{margin:0;font-size:20px}.chat-credit-popup p{margin:8px 0 18px;color:#aab1bb;font-size:12px;line-height:1.45}.chat-credit-popup>div{display:flex;justify-content:space-between;padding:12px 13px;margin-bottom:13px;border-radius:12px;background:#111720;color:#9ba4af;font-size:11px}.chat-credit-popup>div strong{color:#fff}.chat-credit-popup>.primary{width:100%;height:48px}.chat-purchase-popup{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);width:min(520px,100%);max-height:88dvh;overflow:auto;background:#090d13;border:1px solid #ffffff17;border-radius:24px 24px 0 0;padding:17px 17px calc(18px + var(--safe-bottom));box-shadow:0 -30px 80px #000c;transition:.22s ease}.open .chat-purchase-popup{transform:translate(-50%,0)}.chat-purchase-popup>header{display:flex;justify-content:space-between;align-items:center}.chat-purchase-popup>header b{font-size:18px}.chat-purchase-popup>header small{display:block;color:#9098a3;font-size:10px;margin-top:3px;max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-purchase-popup>header button{width:36px;height:36px;border-radius:50%;background:#141922;font-size:20px}.chat-purchase-video{height:150px;margin:14px 0;border-radius:15px;position:relative;overflow:hidden;background:#10141b}.chat-purchase-video>span{position:absolute;inset:0;background:center/cover no-repeat}.chat-purchase-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#000d)}.chat-purchase-video strong{position:absolute;z-index:2;right:12px;bottom:10px;color:#c15dff;font-size:18px}.chat-pay-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chat-pay-methods>button{min-height:74px;padding:9px;border:1px solid #ffffff15;border-radius:13px;background:#0e131b;text-align:left;display:flex;align-items:center;gap:8px}.chat-pay-methods>button.active{border-color:#a54cff;background:#171022}.chat-pay-methods>.active>.ico{color:#bd6bff}.chat-pay-methods .ico{width:22px}.chat-pay-methods .mpesa{width:24px;height:24px;border-radius:7px;background:#2fbd66;display:grid;place-items:center;color:#fff}.chat-pay-methods span{min-width:0}.chat-pay-methods b,.chat-pay-methods small{display:block}.chat-pay-methods b{font-size:10px}.chat-pay-methods small{font-size:8px;color:#8c95a0;margin-top:2px}.chat-mpesa-phone{display:grid;gap:6px;margin-top:12px;font-size:10px;color:#9ca5b0}.chat-mpesa-phone input{height:43px;border:1px solid #ffffff16;border-radius:11px;background:#10151d;color:#fff;padding:0 12px;outline:0}.chat-purchase-submit{width:100%;height:50px;margin-top:13px}.chat-mpesa-phone[hidden]{display:none!important}
@media(max-width:640px){.profile-message-main{height:46px;border-radius:11px;font-size:12px}.messages-inbox{padding:14px 12px 24px}.message-conversation{grid-template-columns:48px minmax(0,1fr) auto;padding-left:4px;padding-right:4px}.message-avatar,.message-avatar-wrap{width:48px;height:48px}.direct-video-thumb{height:165px}.direct-bubble{max-width:86%}.direct-message.automatic .direct-bubble{max-width:94%}.chat-pay-methods{grid-template-columns:1fr}.chat-pay-methods>button{min-height:58px}.messages-popup{right:8px;width:calc(100vw - 16px)}}

/* 3.4.9-hotfix24 polished creator commerce + native sheets */
.profile-quick-grid{grid-template-columns:repeat(3,1fr)}
.profile-main-buttons.compact{align-items:stretch}
.profile-main-buttons.compact .profile-primary{background:linear-gradient(100deg,var(--accent),var(--accent2));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 22%,transparent)}
.polished-payment-sheet{padding-bottom:calc(18px + var(--safe-bottom));overflow:hidden}.polished-payment-sheet>header{display:flex;align-items:center;justify-content:space-between;padding:15px 2px 14px;border-bottom:1px solid #ffffff10}.polished-payment-sheet>header>div{display:grid;gap:3px}.polished-payment-sheet>header b{font-size:20px}.polished-payment-sheet>header small{font-size:11px;color:var(--muted)}.polished-payment-sheet>header>button,.support-money-sheet>header>button,.creator-subscribe-sheet>header>button,.creator-plan-editor>header>button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#151a22;color:#fff;font-size:22px}.polished-payment-sheet .payment-choice-list{padding:14px 0 8px}.polished-payment-sheet .payment-choice-list>button{min-height:76px;grid-template-columns:52px minmax(0,1fr) 34px;background:#111722;border-color:#ffffff12}.polished-payment-sheet .payment-choice-list>button.active{border-color:color-mix(in srgb,var(--accent) 82%,#fff);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 12%,#10151e),#111722)}.payment-toggle{width:26px;height:26px;border-radius:50%;border:2px solid #69717e;display:grid;place-items:center;justify-self:end}.payment-choice-list>button.active .payment-toggle{border-color:var(--accent)}.payment-toggle span{width:13px;height:13px;border-radius:50%;background:transparent}.payment-choice-list>button.active .payment-toggle span{background:linear-gradient(135deg,var(--accent),var(--accent2))}.payment-mpesa-inline{display:grid;gap:7px;margin:8px 0 4px;padding:14px;border:1px solid #ffffff12;border-radius:15px;background:#0e141d;color:#dfe4eb}.payment-mpesa-inline[hidden]{display:none!important}.payment-mpesa-inline>span{font-size:12px;font-weight:800}.payment-mpesa-inline input{height:48px;border:1px solid #ffffff17;border-radius:12px;background:#080c12;color:#fff;padding:0 14px;font:inherit;outline:none}.payment-mpesa-inline input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.payment-mpesa-inline small{font-size:10px;color:var(--muted)}.polished-payment-sheet footer{display:grid;grid-template-columns:1fr auto;align-items:end;gap:15px;margin-top:10px;padding:14px 0 0;border-top:1px solid #ffffff10}.polished-payment-sheet footer>div{display:grid;gap:2px}.polished-payment-sheet footer small{font-size:10px;color:var(--muted)}.polished-payment-sheet footer strong{font-size:20px;color:#fff}.polished-payment-sheet footer .primary{min-width:150px;height:48px;border-radius:13px}
.support-money-sheet,.creator-plan-editor,.creator-subscribe-sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);width:min(560px,100%);max-height:92dvh;overflow:auto;background:#090d13;border:1px solid #ffffff17;border-radius:26px 26px 0 0;padding:18px 18px calc(20px + var(--safe-bottom));box-shadow:0 -30px 80px #000c;transition:.22s ease}.open .support-money-sheet,.open .creator-plan-editor,.open .creator-subscribe-sheet{transform:translate(-50%,0)}.support-money-sheet>header,.creator-plan-editor>header,.creator-subscribe-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.support-money-sheet>header>div,.creator-plan-editor>header>div{display:flex;align-items:center;gap:11px}.support-money-sheet header small,.creator-plan-editor header small,.creator-subscribe-sheet header small{display:block;color:#b97aff;font-size:9px;font-weight:900;letter-spacing:.13em}.support-money-sheet h2,.creator-plan-editor h2,.creator-subscribe-sheet h2{margin:2px 0 0;font-size:21px}.support-money-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 25%,#111620),color-mix(in srgb,var(--accent2) 20%,#111620));color:#c67cff}.support-money-icon .ico{width:24px}.support-balance{margin:17px 0 13px;padding:13px 14px;border-radius:14px;background:#111720;border:1px solid #ffffff0e;display:flex;align-items:center;justify-content:space-between}.support-balance span{font-size:11px;color:var(--muted)}.support-balance strong{font-size:15px}.support-money-sheet form{display:grid;gap:13px}.support-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.support-presets button{min-height:66px;border-radius:14px;border:1px solid #ffffff12;background:#0f141c;color:#fff;display:grid;place-items:center;gap:2px}.support-presets button b{font-size:13px}.support-presets button span{font-size:9px;color:var(--muted)}.support-presets button.active{border-color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,#0f141c),#121722)}.support-amount,.support-message{display:grid;gap:7px}.support-amount>span,.support-message>span{font-size:11px;font-weight:800;color:#dce1e8}.support-message small{font-weight:500;color:var(--muted)}.support-amount>div{height:50px;border-radius:13px;border:1px solid #ffffff13;background:#0e141c;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 13px}.support-amount>div>b{font-size:11px;color:#b7bec8}.support-amount input{min-width:0;border:0;background:transparent;color:#fff;font-size:18px;font-weight:800;outline:0}.support-message textarea{resize:none;border:1px solid #ffffff13;border-radius:13px;background:#0e141c;color:#fff;padding:12px;font:inherit;outline:0}.support-money-sheet .primary{height:50px;border-radius:13px}

/* hotfix25: stable notification rows and compact checkout sheet */
.notification-row.unread:after{content:none!important;display:none!important}
.notification-row{grid-template-columns:50px 29px minmax(0,1fr) auto!important;padding-right:18px!important}
.notification-unread-dot{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%);width:7px!important;height:7px!important;margin:0!important;pointer-events:none}
.notification-row.unread{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 44%)}
.notification-row.unread .notification-copy b{color:#fff}
.notification-row:not(.unread) .notification-unread-dot{display:none}
@media(max-width:640px){.notification-row{grid-template-columns:42px 25px minmax(0,1fr) auto!important;gap:8px!important;padding:11px 14px 11px 10px!important;min-height:82px!important}.notification-unread-dot{right:5px!important}.notification-thumb{width:48px;height:48px}.notification-copy{min-width:0}.notification-copy b,.notification-copy p{overflow:hidden;text-overflow:ellipsis}.notification-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}

.site-payment-sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);width:min(540px,100%);max-height:92dvh;overflow:auto;background:linear-gradient(180deg,#0c1119,#070a0f);border:1px solid #ffffff18;border-radius:26px 26px 0 0;padding:16px 17px calc(18px + var(--safe-bottom));box-shadow:0 -28px 90px #000d;transition:.22s ease}
.open .site-payment-sheet{transform:translate(-50%,0)}
.site-payment-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:1px 1px 15px;border-bottom:1px solid #ffffff0e}
.site-payment-sheet>header>div{display:flex;align-items:center;gap:11px;min-width:0}.site-payment-sheet>header>button{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#151a22;color:#fff;font-size:22px}.site-payment-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 30%,#151a22),color-mix(in srgb,var(--accent2) 20%,#151a22));color:#d4a2ff}.site-payment-mark .ico{width:23px}.site-payment-sheet header small{display:block;color:#b967ff;font-size:9px;font-weight:900;letter-spacing:.13em}.site-payment-sheet header h2{margin:2px 0 0;font-size:20px}
.site-payment-methods{display:grid;gap:9px;padding:14px 0 2px}.site-payment-method{width:100%;min-height:70px;display:grid;grid-template-columns:48px minmax(0,1fr) 26px;align-items:center;gap:12px;padding:10px 12px;text-align:left;color:#fff;background:#101620;border:1px solid #ffffff12;border-radius:16px;transition:.15s ease}.site-payment-method:active{transform:scale(.995)}.site-payment-method.active{border-color:color-mix(in srgb,var(--accent) 70%,#fff);background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 13%,#101620),#101620)}.site-provider-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#161d28;color:#c36cff}.site-provider-logo.mpesa{background:linear-gradient(145deg,#25143d,#181d29);color:#bf63ff}.site-provider-logo.mpesa b{font-size:21px}.site-provider-logo .ico{width:23px}.site-payment-copy{min-width:0}.site-payment-copy b,.site-payment-copy small{display:block}.site-payment-copy b{font-size:14px}.site-payment-copy small{margin-top:4px;color:#939ca8;font-size:10px;line-height:1.3}.site-payment-radio{width:24px;height:24px;border-radius:50%;border:2px solid #65707e;display:grid;place-items:center}.site-payment-radio span{width:12px;height:12px;border-radius:50%;background:transparent}.site-payment-method.active .site-payment-radio{border-color:var(--accent)}.site-payment-method.active .site-payment-radio span{background:linear-gradient(135deg,var(--accent),var(--accent2))}
.site-mpesa-field{display:grid;gap:7px;margin:0 0 2px;padding:12px 13px 13px;border:1px solid color-mix(in srgb,var(--accent) 25%,#ffffff12);border-radius:14px;background:#0b1017}.site-mpesa-field[hidden]{display:none!important}.site-mpesa-field>span{font-size:11px;font-weight:800;color:#dfe4eb}.site-mpesa-field>div{height:47px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:0 12px;border:1px solid #ffffff16;border-radius:12px;background:#070a0f}.site-mpesa-field>div .ico{width:19px;color:#a95aff}.site-mpesa-field input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:14px}.site-mpesa-field small{font-size:9px;color:#858f9b}
.site-payment-sheet>footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:12px;padding-top:14px;border-top:1px solid #ffffff0e}.site-payment-sheet>footer>span{display:grid;gap:2px}.site-payment-sheet>footer small{font-size:9px;color:#89929d}.site-payment-sheet>footer strong{font-size:19px}.site-payment-sheet>footer .primary{min-width:172px;height:47px;border-radius:13px;padding:0 18px}
@media(max-width:420px){.site-payment-sheet{padding-left:14px;padding-right:14px}.site-payment-method{min-height:66px;grid-template-columns:44px minmax(0,1fr) 24px}.site-provider-logo{width:42px;height:42px}.site-payment-sheet>footer{grid-template-columns:1fr}.site-payment-sheet>footer .primary{width:100%;min-width:0}.site-payment-sheet>footer>span{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}.site-payment-sheet>footer>span strong{justify-self:end}}
.creator-subscribe-sheet>header{align-items:flex-start}.creator-subscribe-sheet>header>div{min-width:0}.creator-subscribe-sheet>header p{margin:4px 0 0;color:var(--muted);font-size:11px}.creator-subscribe-plans{display:grid;gap:12px;margin-top:17px}.creator-subscribe-plan{padding:16px;border:1px solid #ffffff12;border-radius:18px;background:#0f141c}.creator-subscribe-plan.featured{border-color:color-mix(in srgb,var(--accent) 55%,#ffffff16);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,#0f141c),#0f141c)}.creator-plan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.creator-plan-top>div{display:grid;gap:3px}.creator-plan-top b{font-size:16px}.creator-plan-top small{font-size:10px;color:var(--muted)}.creator-plan-top strong{font-size:19px;color:#c565ff}.creator-subscribe-plan ul{list-style:none;padding:0;margin:14px 0;display:grid;gap:9px}.creator-subscribe-plan li{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;color:#d8dde4;font-size:11px}.creator-subscribe-plan li .ico{width:17px;color:#b85cff}.creator-subscribe-plan>.primary{width:100%;height:45px;border-radius:12px}.creator-download-note{margin:13px 2px 0;color:#7f8792;font-size:9px;line-height:1.45}
.creator-plan-settings{margin:18px 18px 95px;padding:16px;border:1px solid #ffffff12;border-radius:18px;background:#0b1017}.creator-plan-settings>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.creator-plan-settings h2{margin:0;font-size:17px}.creator-plan-settings p{margin:3px 0 0;color:var(--muted);font-size:10px}.creator-plan-settings>header>button{height:38px;padding:0 13px;border-radius:11px;background:#181024;color:#c76fff;border:1px solid #8f44ff55;font-weight:800}.creator-plan-list{display:grid;gap:9px;margin-top:13px}.creator-plan-manage{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #ffffff0f;border-radius:13px;background:#0f151e}.creator-plan-manage>div{min-width:0;display:grid;gap:3px}.creator-plan-manage b{font-size:13px}.creator-plan-manage small,.creator-plan-manage span{font-size:9px;color:var(--muted)}.creator-plan-manage button{height:34px;padding:0 12px;border-radius:10px;background:#181023;color:#bd6cff;font-weight:800}.creator-plan-empty{padding:18px;text-align:center;color:var(--muted);font-size:11px}.creator-plan-editor form{display:grid;gap:13px;margin-top:17px}.creator-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creator-plan-grid label,.creator-plan-features{display:grid;gap:6px}.creator-plan-grid label:first-child{grid-column:1/-1}.creator-plan-grid label>span,.creator-plan-features>span{font-size:10px;font-weight:800;color:#dce1e8}.creator-plan-grid input,.creator-plan-grid select,.creator-plan-features textarea,.benefit-step input{width:100%;border:1px solid #ffffff13;border-radius:12px;background:#0f151e;color:#fff;padding:0 12px;outline:0;font:inherit}.creator-plan-grid input,.creator-plan-grid select{height:45px}.creator-plan-features textarea{min-height:92px;padding-top:11px;resize:vertical}.creator-benefit-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creator-benefit-controls>label{padding:12px;border:1px solid #ffffff11;border-radius:14px;background:#0f151d;display:grid;gap:9px}.creator-benefit-controls>label>span{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:850}.creator-benefit-controls .ico{width:17px;color:#bd64ff}.benefit-step{display:grid;gap:5px}.benefit-step input{height:43px;font-weight:800}.benefit-step small{font-size:8px;color:var(--muted);line-height:1.35}.creator-plan-active{min-height:58px;padding:10px 12px;border:1px solid #ffffff11;border-radius:14px;background:#0f151d;display:grid;grid-template-columns:1fr 46px;align-items:center;gap:10px;position:relative}.creator-plan-active>span{display:grid;gap:2px}.creator-plan-active b{font-size:11px}.creator-plan-active small{font-size:8px;color:var(--muted)}.creator-plan-active input{position:absolute;opacity:0;pointer-events:none}.creator-plan-active i{width:44px;height:25px;border-radius:999px;background:#303641;position:relative}.creator-plan-active i:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.creator-plan-active input:checked+i{background:linear-gradient(90deg,var(--accent),var(--accent2))}.creator-plan-active input:checked+i:after{left:22px}.creator-plan-editor .primary{height:49px;border-radius:13px}.creator-plan-disable{height:44px;border-radius:12px;border:1px solid #ff5b6b55;color:#ff7e8b;background:#ff46550d;font-weight:800}
.modern-confirm-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-47%) scale(.98);width:min(390px,calc(100vw - 28px));padding:25px 20px 18px;border-radius:24px;background:#0b0f15;border:1px solid #ffffff17;box-shadow:0 25px 90px #000e;text-align:center;opacity:0;transition:.18s}.open .modern-confirm-sheet{opacity:1;transform:translate(-50%,-50%) scale(1)}.modern-sheet-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:#171c24;color:#fff;font-size:20px}.modern-confirm-icon{width:58px;height:58px;margin:2px auto 13px;border-radius:18px;display:grid;place-items:center;background:#171124;color:#bd65ff}.modern-confirm-icon.danger{background:#2a1014;color:#ff6e7d}.modern-confirm-icon .ico{width:27px}.modern-confirm-sheet h2{margin:0;font-size:20px}.modern-confirm-sheet p{margin:8px auto 18px;max-width:310px;color:var(--muted);font-size:11px;line-height:1.5}.modern-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modern-confirm-actions button{height:45px;border-radius:12px;background:#151a22;font-weight:800}.modern-confirm-actions .primary{background:linear-gradient(100deg,var(--accent),var(--accent2))}.modern-confirm-actions .danger{background:#e84555;color:#fff}
@media(max-width:640px){.support-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-plan-grid,.creator-benefit-controls{grid-template-columns:1fr}.creator-plan-grid label:first-child{grid-column:auto}.polished-payment-sheet footer{grid-template-columns:1fr}.polished-payment-sheet footer .primary{width:100%}.creator-plan-settings{margin-left:14px;margin-right:14px}}

.wallet-funds-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-47%) scale(.98);width:min(390px,calc(100vw - 28px));padding:27px 20px 20px;border-radius:24px;background:#0b0f15;border:1px solid #ffffff17;box-shadow:0 25px 90px #000e;text-align:center;opacity:0;transition:.18s}.open .wallet-funds-sheet{opacity:1;transform:translate(-50%,-50%) scale(1)}.wallet-funds-icon{width:58px;height:58px;margin:2px auto 11px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,#141923),color-mix(in srgb,var(--accent2) 20%,#141923));color:var(--site-accent-light)}.wallet-funds-icon .ico{width:28px}.wallet-funds-sheet>small{display:block;color:#b76bff;font-size:9px;font-weight:900;letter-spacing:.13em}.wallet-funds-sheet h2{margin:4px 0 0;font-size:21px}.wallet-funds-sheet p{margin:8px auto 15px;max-width:310px;color:var(--muted);font-size:11px;line-height:1.5}.wallet-funds-balance{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;padding:13px 14px;border-radius:13px;background:#111720;border:1px solid #ffffff0e}.wallet-funds-balance span{font-size:10px;color:var(--muted)}.wallet-funds-balance b{font-size:15px}.wallet-funds-sheet>.primary{width:100%;height:48px;border-radius:13px}

/* 3.4.9-hotfix27 · polished money/action/profile media sheets */
.profile-quick-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.profile-quick-grid.two button{min-width:0}

.pro-action-sheet{width:min(520px,calc(100% - 24px));bottom:12px;max-height:min(76dvh,620px);border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(180deg,#0d121a,#080b10);box-shadow:0 -26px 90px #000e;padding:0 12px calc(12px + var(--safe-bottom));overflow:auto}
.pro-action-sheet>header{height:auto;min-height:70px;padding:14px 4px 13px;border-bottom:1px solid #ffffff10;box-shadow:none;display:flex;align-items:center;gap:12px}
.pro-action-sheet>header>div{display:grid;gap:3px;min-width:0}.pro-action-sheet>header small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#b96dff}.pro-action-sheet>header b{font-size:20px;letter-spacing:-.02em}.pro-action-sheet>header>button{margin-left:auto;width:39px;height:39px;flex:0 0 39px;border-radius:50%;background:#171d26;color:#fff;font-size:22px}
.pro-action-sheet>.pro-action-list{display:grid;gap:9px;max-height:none;padding:12px 0 2px;overflow:visible}
.pro-action-sheet>.pro-action-list>button{min-height:72px;width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:10px 12px;border:1px solid #ffffff10;border-radius:16px;background:#101620;color:#fff;text-align:left;transition:transform .14s,border-color .14s,background .14s}
.pro-action-sheet>.pro-action-list>button:active{transform:scale(.993);background:#141b26;border-color:#ffffff1c}.pro-action-sheet>.pro-action-list>button>i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 21%,#161d28),#171d27);color:var(--site-accent-light);font-style:normal}.pro-action-sheet>.pro-action-list>button>i .ico{width:23px;height:23px}.pro-action-sheet>.pro-action-list>button>span{min-width:0}.pro-action-sheet>.pro-action-list>button b,.pro-action-sheet>.pro-action-list>button small{display:block}.pro-action-sheet>.pro-action-list>button b{font-size:14px}.pro-action-sheet>.pro-action-list>button small{font-size:10px;line-height:1.35;color:#949da9;margin-top:4px}.pro-action-sheet>.pro-action-list>button>em{justify-self:end;color:#7f8997;font-style:normal;font-size:24px;line-height:1}

.wallet-funds-sheet{width:min(410px,calc(100vw - 28px));padding:26px 20px 20px;border-radius:25px;background:linear-gradient(180deg,#0d121a,#080b10);border-color:#ffffff1a}
.wallet-funds-sheet h2{font-size:22px;letter-spacing:-.025em}.wallet-funds-sheet p{font-size:12px;max-width:320px;margin-bottom:16px}.wallet-funds-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 16px}.wallet-funds-breakdown>span{min-height:66px;border-radius:15px;border:1px solid #ffffff0f;background:#111720;display:grid;align-content:center;gap:4px;padding:10px 13px;text-align:left}.wallet-funds-breakdown>span:only-child{grid-column:1/-1}.wallet-funds-breakdown small{font-size:9px;color:#8f98a4}.wallet-funds-breakdown b{font-size:15px;color:#fff}.wallet-funds-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px}.wallet-funds-actions button{height:49px;border-radius:14px;border:1px solid #ffffff16;background:#121821;color:#dce1e8;font-weight:800}.wallet-funds-actions .primary{border:0;background:linear-gradient(100deg,var(--accent),var(--accent2));color:#fff}

.site-payment-sheet{width:min(540px,calc(100% - 24px));bottom:12px;max-height:calc(100dvh - max(28px,var(--safe-top)));border-radius:25px;padding:17px 17px calc(17px + var(--safe-bottom));background:linear-gradient(180deg,#0d121a,#080b10);border-color:#ffffff1a;box-shadow:0 -30px 100px #000e}
.site-payment-sheet>header{padding:2px 1px 15px}.site-payment-sheet>header h2{font-size:21px}.site-payment-methods{gap:10px;padding:14px 0 4px}.site-payment-method{min-height:76px;padding:11px 13px;border-radius:17px;background:#111722}.site-payment-method.active{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent) inset}.site-payment-copy b{font-size:14px}.site-payment-copy small{font-size:10px}.site-mpesa-field{margin:0 0 3px;padding:14px;border-radius:16px;background:#0c121a;border:1px solid #ffffff11}.site-payment-sheet>footer{margin-top:13px;padding-top:15px}.site-payment-sheet>footer .primary{height:50px;border-radius:14px}

.profile-image-pickers{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(150px,.75fr);gap:12px;margin:4px 0 2px}.profile-image-picker{display:grid;gap:7px;cursor:pointer}.profile-image-picker>span{font-size:11px;font-weight:800;color:#dce1e8}.profile-image-picker>div{position:relative;overflow:hidden;border:1px dashed #ffffff25;background:#10151d center/cover no-repeat;display:grid;place-items:center;align-content:center;gap:5px;color:#c8ced7;transition:border-color .15s,transform .15s}.profile-image-picker>div:active{transform:scale(.995);border-color:var(--accent)}.profile-image-picker.cover>div{height:150px;border-radius:17px}.profile-image-picker.avatar>div{height:150px;border-radius:50%;aspect-ratio:1/1;justify-self:center;width:150px}.profile-image-picker i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#090d13d9;color:var(--site-accent-light);font-style:normal;backdrop-filter:blur(8px)}.profile-image-picker i .ico{width:22px}.profile-image-picker b{font-size:12px;background:#080b10c7;padding:4px 8px;border-radius:8px;backdrop-filter:blur(6px)}.profile-image-picker small{font-size:9px;color:#b2bac5;background:#080b10b8;padding:3px 7px;border-radius:7px}.profile-image-picker>div.has-image i{opacity:.92}

@media(max-width:640px){
 .pro-action-sheet,.site-payment-sheet{width:calc(100% - 20px);bottom:10px;border-radius:23px}
 .pro-action-sheet>.pro-action-list>button{min-height:68px;grid-template-columns:44px minmax(0,1fr) 20px}.pro-action-sheet>.pro-action-list>button>i{width:43px;height:43px;border-radius:13px}
 .site-payment-sheet{padding-left:14px;padding-right:14px}.site-payment-method{min-height:72px;grid-template-columns:44px minmax(0,1fr) 24px}.site-provider-logo{width:43px;height:43px}
 .profile-image-pickers{grid-template-columns:1fr}.profile-image-picker.cover>div{height:148px}.profile-image-picker.avatar{max-width:160px}.profile-image-picker.avatar>div{width:132px;height:132px;justify-self:start}
}

/* 3.4.9-hotfix28 · clear cart state + quieter professional sign-in */
.cart-float.active,.rank-cart.active,.cart-rec-add.active,.profile-cart-action.active,.mobile-suggestion-cart.active{color:#fff!important;background:linear-gradient(135deg,var(--accent),var(--accent2))!important;border-color:transparent!important;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 0 0 1px #ffffff24!important}
.cart-float.active .ico,.rank-cart.active .ico,.cart-rec-add.active .ico,.profile-cart-action.active .ico,.mobile-suggestion-cart.active .ico{stroke:#fff!important;color:#fff!important}

.auth-logo-mark{width:64px;height:64px;top:176px}
.auth-logo-mark:before{inset:4px;border-radius:18px;opacity:.82;filter:saturate(.9)}
.auth-logo-mark .ico{width:31px;height:31px;stroke-width:1.6}
.login-form>label{background:#080b10;box-shadow:inset 0 0 0 1px #ffffff0d;height:72px;border-radius:16px;transition:box-shadow .16s,background .16s}
.login-form>label:focus-within{background:#090d13;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,#ffffff10),0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}
.login-form>label>span{color:var(--site-accent-light)}.login-form input{color:#f7f8fb}.login-form input::placeholder{color:#737b87}
@media(max-width:640px){.auth-logo-mark{width:58px;height:58px;top:154px}.auth-logo-mark .ico{width:28px;height:28px}.login-form>label{height:66px;border-radius:15px}}

/* 3.4.9-hotfix29 · instant cached route transitions */
.screen{transition:opacity .14s ease,transform .14s ease}
html.route-changing .screen{opacity:.985;transform:translateY(1px)}
[data-video-views]>i{font-style:normal}
.profile-video-views{display:flex!important;align-items:center;gap:5px}.profile-video-views .ico{width:14px;height:14px;flex:0 0 14px}

/* 3.4.9-hotfix30 · clean Cart cards + strict preview scheduler surfaces */
.cart-item-card{
  grid-template-columns:180px minmax(0,1fr)!important;
  gap:14px!important;
  min-height:0!important;
  padding:11px!important;
  align-items:stretch!important;
}
.cart-thumb{
  width:100%;
  aspect-ratio:4/3;
  height:auto!important;
  min-height:0;
  border:0;
  padding:0;
  display:block;
  position:relative;
  overflow:hidden;
}
.cart-thumb>.cart-item-preview,.cart-rec-thumb>.cart-rec-preview{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover!important;
  object-position:center;
  background:#05070a;
  z-index:1;
}
.cart-thumb>span,.cart-rec-thumb>span{z-index:4!important}
.cart-item-main{display:flex;flex-direction:column;min-width:0;padding:2px 1px!important}
.cart-item-head{gap:8px!important;align-items:flex-start!important}
.cart-item-head h2{font-size:16px!important;line-height:1.25!important;padding-top:3px}
.cart-remove{flex:0 0 36px;width:36px!important;height:36px!important;border-radius:10px!important;background:#ff4f5c12}
.cart-badges{margin-top:10px!important}
.cart-creator{margin-top:11px!important}
.cart-line-price{display:block;margin-top:auto;padding-top:12px;color:#b34fff;font-size:18px;line-height:1;font-weight:900;white-space:nowrap}
.cart-license,.cart-item-side,.cart-qty{display:none!important}
.cart-rec-thumb{overflow:hidden}
.profile-video-thumb.is-playing .play-circle{opacity:0!important;pointer-events:none!important}
@media(max-width:680px){
  .cart-list{padding-left:14px!important;padding-right:14px!important;gap:11px!important}
  .cart-item-card{grid-template-columns:minmax(124px,42%) minmax(0,1fr)!important;gap:11px!important;padding:9px!important;border-radius:17px!important}
  .cart-thumb{aspect-ratio:1/1.12;border-radius:13px!important}
  .cart-item-head h2{font-size:14px!important;line-height:1.25!important}
  .cart-remove{width:32px!important;height:32px!important;flex-basis:32px}
  .cart-badges{margin-top:8px!important}
  .cart-creator{margin-top:9px!important}
  .cart-line-price{font-size:17px;padding-top:10px}
}

/* Hotfix32: compact profile/video action sheets; icon + one clear label only. */
.pro-action-sheet.compact-actions .pro-action-list>button{min-height:70px;grid-template-columns:54px minmax(0,1fr) 24px;align-items:center;padding:10px 14px}
.pro-action-sheet.compact-actions .pro-action-list>button>span{display:flex;align-items:center;min-width:0}
.pro-action-sheet.compact-actions .pro-action-list>button>span>b{font-size:16px;line-height:1.15;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-action-sheet.compact-actions .pro-action-list>button>span>small{display:none!important}
.pro-action-sheet.compact-actions>header small{display:none!important}
.pro-action-sheet.compact-actions>header{padding-bottom:15px}

.drawer-wallet-link .provider-art{width:24px;height:24px;border-radius:7px}.profile-quick-grid .provider-art{width:28px;height:28px;border-radius:9px}.direct-rate-note>.provider-art{width:30px;height:30px;border-radius:9px}.chat-credit-icon>.provider-art,.wallet-funds-icon>.provider-art{width:52px;height:52px;border-radius:16px}.payment-image-stat .provider-art{width:38px;height:38px;border-radius:10px}.wallet-balance>span .provider-art{width:24px;height:24px;border-radius:7px}.payment-options>button>.provider-art{width:46px;height:46px;border-radius:13px}.chat-pay-methods>button>.provider-art{width:42px;height:42px;border-radius:12px}.topup-provider>.provider-art{width:50px;height:50px;border-radius:14px}.site-payment-method>.provider-art{width:50px;height:50px;border-radius:14px}.site-payment-mark>.provider-art{width:46px;height:46px;border-radius:13px}

.wallet-art.wallet-art-image{display:grid;place-items:center;filter:none}.wallet-art.wallet-art-image .provider-art{width:116px;height:116px;border-radius:28px;filter:drop-shadow(0 14px 28px #0008)}.wallet-art.wallet-art-image i,.wallet-art.wallet-art-image b,.wallet-art.wallet-art-image>span:not(.provider-art){display:none}.purchase-payment-line{display:flex!important;align-items:center;gap:7px}.purchase-payment-line .provider-art{width:22px;height:22px;border-radius:7px}.purchase-payment-line>span{min-width:0}

/* Hotfix36: compact, background-free payment artwork. Provider art belongs only to its provider row. */
.provider-art,.provider-art img,.site-payment-mark,.support-money-icon{background:transparent!important;box-shadow:none!important;border:0!important}
.provider-art{width:30px!important;height:30px!important;border-radius:8px!important}
.provider-art img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
.site-payment-method>.provider-art{width:34px!important;height:34px!important;border-radius:8px!important}
.topup-provider>.provider-art{width:32px!important;height:32px!important;border-radius:8px!important}
.chat-pay-methods>button>.provider-art,.payment-options>button>.provider-art{width:32px!important;height:32px!important;border-radius:8px!important}
.payment-method-tile>.provider-art,.saved-methods article>.provider-art{width:30px!important;height:30px!important;border-radius:7px!important}
.payment-inline-provider .provider-art,.purchase-payment-line .provider-art{width:19px!important;height:19px!important;border-radius:5px!important}
.drawer-wallet-link .provider-art{width:21px!important;height:21px!important;border-radius:6px!important}
.profile-quick-grid .provider-art{width:24px!important;height:24px!important;border-radius:6px!important}
.direct-rate-note>.provider-art{width:26px!important;height:26px!important;border-radius:7px!important}
.chat-credit-icon>.provider-art,.wallet-funds-icon>.provider-art{width:40px!important;height:40px!important;border-radius:10px!important}
.payment-image-stat .provider-art{width:30px!important;height:30px!important;border-radius:7px!important}
.wallet-balance>span .provider-art{width:20px!important;height:20px!important;border-radius:5px!important}
.support-money-icon{width:38px!important;height:38px!important;border-radius:10px!important}
.support-money-icon>.provider-art{width:30px!important;height:30px!important;border-radius:7px!important}
.site-payment-mark{display:none!important}
.site-payment-sheet>header .site-payment-heading{display:flex;align-items:center;min-width:0}
.wallet-art.wallet-art-image .provider-art{width:82px!important;height:82px!important;border-radius:18px!important;filter:none!important}
@media(max-width:420px){.site-payment-method>.provider-art{width:32px!important;height:32px!important}.topup-provider>.provider-art{width:30px!important;height:30px!important}}

/* Hotfix37: subscriber access actions */
.subscribe-float,.rank-subscribe,.profile-subscribe-action,.mobile-suggestion-subscribe,.cart-rec-subscribe{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7b35ff,#c036ec);border:1px solid #ffffff20;box-shadow:0 7px 20px #0008;z-index:7}.subscribe-float{position:absolute;right:50px;bottom:9px;width:34px;height:34px;border-radius:10px;backdrop-filter:blur(8px)}.subscribe-float .ico,.rank-subscribe .ico,.profile-subscribe-action .ico,.mobile-suggestion-subscribe .ico,.cart-rec-subscribe .ico{width:18px;height:18px}.rank-subscribe{width:38px;height:38px;border-radius:10px;margin-right:7px;flex:0 0 auto}.profile-video-thumb .profile-subscribe-action{position:absolute;top:8px;right:50px;width:34px;height:34px;border-radius:10px}.mobile-suggestion-subscribe{width:36px;height:36px;flex:0 0 36px;border-radius:10px}.cart-rec-actions{display:flex;gap:6px;align-items:center}.cart-rec-subscribe{width:31px;height:31px;border-radius:8px}.subscriber-label{color:#bd67ff!important;font-size:11px!important;white-space:nowrap}.watch-unlock.multi-access{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.watch-unlock.multi-access .unlock-btn{margin:0;min-width:0}.watch-unlock .limit-choice{grid-column:1/-1;opacity:.72;background:#111722;color:#aeb5c0;border:1px solid #ffffff15;cursor:not-allowed}.watch-unlock .subscribe-choice{background:linear-gradient(110deg,#7d39ff,#c334e8)}.watch-unlock .purchase-choice{background:linear-gradient(110deg,#5c3cff,#a62fed)}
@media(max-width:560px){.watch-unlock.multi-access{grid-template-columns:1fr}.profile-video-thumb .profile-subscribe-action{right:46px}.subscribe-float{right:48px}}

.cart-item-subscribe{width:31px;height:31px;flex:0 0 31px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#7b35ff,#c036ec);border:1px solid #ffffff20}.cart-item-subscribe .ico{width:17px;height:17px}

/* Hotfix38: real payment artwork is limited to actual checkout/payment-choice sheets. */
.topup-provider-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px;background:#151a24;color:var(--accent);font-size:17px;font-weight:900}.topup-provider-icon .ico{width:21px;height:21px}.topup-provider.active .topup-provider-icon{background:color-mix(in srgb,var(--accent) 14%,#151a24);color:#c979ff}

/* Hotfix39: clean card play controls + category tiles. Main Watch player intentionally excluded. */
.video-card .play-circle,.mobile-suggestion-media .play-circle,.profile-video-thumb .play-circle,.direct-video-play,.cart-rec-thumb .play-circle,.purchase-thumb .play-circle{border:0!important;box-shadow:none!important;outline:0!important}
.category-tile>span{border:0!important;box-shadow:none!important}.category-tile:first-child>span,.category-tile.active>span{box-shadow:inset 0 0 0 2px var(--accent)!important}
.profile-video-thumb .play-circle{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;margin:0!important;transform:translate(-50%,-50%)!important}

/* VideoHub 3.4.9-hotfix41 · responsive X-style shell + full media cards */
:root{--vh-sidebar-tablet:82px;--vh-sidebar-desktop:248px}
.desktop-sidebar{display:none}
.mobile-shell-menu{display:none}
.top-leading,.commerce-leading{display:flex;align-items:center;gap:4px;min-width:max-content}
.profile-hero-menu{position:absolute;z-index:7;left:26px;top:24px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#05070dcc;color:#fff;backdrop-filter:blur(10px)}
.profile-hero-menu .ico{width:23px}
.direct-menu{display:grid}
.trend-card-rank{display:none}

/* Full-frame media: no crop on standard recommendation/trending/profile/related cards. */
.video-card .video-thumb,.profile-video-thumb,.mobile-suggestion-media,.watch-related .video-thumb{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;background-color:#000!important}
.video-card .feed-autoplay-video,.profile-card-preview,.mobile-suggestion-preview,.watch-related .feed-autoplay-video{object-fit:contain!important;object-position:center!important;background:#000!important}

@media(max-width:767px){
  #app{max-width:none;width:100%;margin:0;background:#000}
  .screen{padding-bottom:calc(78px + var(--safe-bottom));background:#000}
  .topbar{height:68px;padding:0 14px;gap:8px;background:#030509f6;border-bottom:1px solid #ffffff10;backdrop-filter:blur(20px)}
  .top-leading{gap:0}.top-leading .icon-btn{width:39px;height:39px}.top-leading [data-back]{margin-left:1px}
  .top-title{font-size:20px}.brand-title{font-size:23px}.top-actions{gap:3px}
  .commerce-topbar{height:68px;padding:calc(var(--safe-top) + 4px) 14px 0;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;background:#030509f6;border-bottom:1px solid #ffffff10;position:sticky;top:0;z-index:75;backdrop-filter:blur(20px)}
  .commerce-leading{gap:0}.commerce-leading .icon-btn{width:38px;height:38px}.commerce-topbar h1{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-shell-menu{display:grid;place-items:center;position:fixed;z-index:94;left:10px;top:calc(var(--safe-top) + 9px);width:41px;height:41px;border-radius:50%;background:#070a0ee8;color:#fff;box-shadow:0 5px 18px #0008;backdrop-filter:blur(16px)}
  .mobile-shell-menu .ico{width:22px}
  .screen.has-shell-menu .notification-topbar{padding-left:58px}
  .screen.has-shell-menu .upload-compose-header{padding-left:58px}
  .screen.has-shell-menu .direct-header{padding-left:58px}
  .profile-hero-menu{left:16px;top:18px;width:40px;height:40px}.profile-hero-back{left:62px!important}
  .direct-header{grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:5px;padding-left:8px;padding-right:10px}.direct-menu{width:38px!important;height:38px!important}

  /* One vertical feed line on phones. */
  .home-section .video-grid,.watch-related .video-grid,.profile-grid.video-grid,.page-grid.video-grid{grid-template-columns:1fr!important;gap:0!important;padding-left:0!important;padding-right:0!important;padding-bottom:0!important}
  .home-section:has(.video-grid),.watch-related{margin-left:0;margin-right:0}
  .video-card,.profile-video-card,.mobile-suggestion-card{border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;border-bottom:1px solid #ffffff12!important;box-shadow:none!important;background:#0b0714!important;margin:0!important}
  .video-card:active,.profile-video-card:active,.mobile-suggestion-card:active{transform:none!important}
  .video-thumb,.profile-video-thumb,.mobile-suggestion-media{width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:16/9!important;border-radius:0!important;background-color:#000!important}
  .mobile-suggestion-media.is-capped{height:auto!important;max-height:none!important;background-size:contain!important}
  .video-card-body,.profile-video-copy,.mobile-suggestion-copy{min-height:78px;padding:12px 16px 13px!important;background:#0c0715!important;border-radius:0!important}
  .video-card-body>b,.profile-video-copy>b,.mobile-suggestion-title-row b{font-size:17px!important;line-height:1.2;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .video-card-body>small,.profile-video-copy>small,.mobile-suggestion-title-row small{font-size:12px!important;color:#9e98aa!important;margin-top:5px!important}
  .card-foot,.mobile-suggestion-foot{margin-top:8px!important}
  .section-title{padding:0 16px 11px}.section-title h2{font-size:21px}
  .home-section{margin-top:22px}
  .watch-related{margin-top:24px}.watch-related .section-title{padding-left:16px;padding-right:16px}
  .watch-related .video-thumb{height:auto!important;aspect-ratio:16/9!important}
  .profile-grid{padding-top:10px!important}
  .profile-video-thumb .play-circle{opacity:1}

  /* Suggested For You becomes the same one-column full-frame feed card. */
  .mobile-suggestions-section{display:block!important}
  .mobile-suggestion-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:0!important}
  .mobile-suggestion-title-row{padding:0!important}.mobile-suggestion-title-row>div{min-width:0}
  .mobile-suggestion-save{width:38px;height:38px}

  /* Trending numbering, inspired by the supplied ranked feed reference.
     Refined so the number supports the title instead of competing with it. */
  .trending-card .video-card-body{position:relative;padding-left:74px!important;min-height:84px}
  .trend-card-rank{display:block;position:absolute;left:14px;top:10px;color:#8f899d;font-size:34px;line-height:1;font-weight:900;font-style:italic;letter-spacing:-.055em;opacity:.72}

  /* Categories remain horizontal; inactive boxes have no visible border. */
  .category-tile>span{border:0!important;box-shadow:none!important}
  .category-tile:first-child>span,.category-tile.active>span,.all-category>span{box-shadow:inset 0 0 0 2px var(--accent)!important}
  .discover-category-chip{border:0!important;box-shadow:none!important}
  .discover-category-chip.active{box-shadow:inset 0 0 0 2px var(--accent)!important}

}

@media(min-width:768px){
  html,body,#app{width:100%;max-width:none;margin:0;background:#000}
  #app{overflow:visible}
  .screen{width:100%;max-width:none;padding-left:var(--vh-sidebar-tablet);padding-bottom:24px;background:#000}
  .bottom-nav{display:none!important}
  .desktop-sidebar{position:fixed;z-index:130;left:0;top:0;bottom:0;width:var(--vh-sidebar-tablet);display:flex;flex-direction:column;align-items:center;padding:10px 10px 12px;background:#020306;border-right:1px solid #ffffff10}
  .desktop-side-brand{height:52px;width:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:8px}.desktop-side-brand>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2))}.desktop-side-brand .ico{width:23px;fill:#fff}.desktop-side-brand>b{display:none}
  .desktop-sidebar>nav{width:100%;display:grid;gap:2px}
  .desktop-side-item{position:relative;width:100%;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#d6dae1;transition:.14s ease}.desktop-side-item .ico{width:25px;height:25px}.desktop-side-item>span{display:none}.desktop-side-item:hover{background:#ffffff0b}.desktop-side-item.active{color:#fff;background:#ffffff0d}.desktop-side-item.active .ico{stroke:var(--accent)}.desktop-side-item>em{position:absolute;right:8px;top:4px;min-width:17px;height:17px;border-radius:999px;background:var(--accent);font-size:9px;font-style:normal;display:grid;place-items:center;padding:0 4px}
  .desktop-more-wrap{position:relative;width:100%;margin-top:4px}.desktop-more-button{margin-top:0}
  .desktop-more-popover{display:none;position:absolute;z-index:150;left:58px;bottom:0;width:248px;padding:8px;border-radius:18px;background:rgba(10,13,18,.98);border:1px solid #ffffff1f;box-shadow:0 18px 54px #0009;overflow:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.desktop-more-wrap.open .desktop-more-popover{display:grid}.desktop-more-popover button{min-height:46px;padding:0 12px;border-radius:12px;display:flex;align-items:center;gap:11px;text-align:left;color:#eef1f5;font-weight:750}.desktop-more-popover button:hover{background:#171b22;border-color:#ffffff12}.desktop-more-popover .ico{width:20px}.desktop-more-popover span{font-size:13px;font-weight:700}.desktop-more-signout{color:#ff8695!important;border-top:1px solid #ffffff0e;margin-top:4px}
  .desktop-side-user{width:52px;height:52px;margin-top:auto;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#121722}.desktop-side-user>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#171d28;font-weight:900}.desktop-side-user img{width:100%;height:100%;object-fit:cover}.desktop-side-user>div,.desktop-side-user>.ico{display:none}

  /* Full-width professional headers inside the content column. */
  .topbar,.commerce-topbar,.notification-topbar,.direct-header{width:100%;max-width:none;position:sticky;top:0;background:#030509f2;border-bottom:1px solid #ffffff10;backdrop-filter:blur(22px)}
  .topbar{height:72px;padding:0 24px}.top-leading [data-menu],.commerce-leading [data-menu],.direct-header [data-menu],.profile-hero-menu,.mobile-shell-menu{display:none!important}
  .top-title{font-size:22px}.brand-title{font-size:26px}
  .commerce-topbar{height:72px;padding:0 24px;grid-template-columns:auto minmax(0,1fr) auto}.commerce-topbar h1{font-size:25px}

  /* Content really uses the tablet/desktop width left after the sidebar. */
  .home-hero{margin-left:20px;margin-right:20px}
  .section-title{padding-left:20px;padding-right:20px}
  .category-strip,.filter-chips{padding-left:20px;padding-right:20px}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-left:20px;padding-right:20px}
  .video-card,.profile-video-card,.mobile-suggestion-card{border-radius:8px!important;box-shadow:none!important;border:1px solid #ffffff10!important;background:#090b10!important;overflow:hidden}
  .video-thumb,.profile-video-thumb,.mobile-suggestion-media{height:auto!important;max-height:none!important;aspect-ratio:16/9!important;border-radius:0!important}
  .video-card-body,.profile-video-copy,.mobile-suggestion-copy{padding:12px 13px 13px!important}
  .video-card-body>b,.profile-video-copy>b{font-size:15px}
  .watch-related .video-thumb{height:auto!important;aspect-ratio:16/9!important}
  .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-left:20px!important;padding-right:20px!important}

  /* Suggested For You is no longer a phone-only surface on larger screens. */
  .mobile-suggestions-section{display:block!important}
  .mobile-suggestion-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 20px}
  .mobile-suggestion-media.is-capped{height:auto!important;max-height:none!important;background-size:contain!important}

  .trending-card .video-card-body{position:relative;padding-left:62px!important;min-height:74px}.trend-card-rank{display:block;position:absolute;left:12px;top:10px;color:#817b8c;font-size:28px;font-style:italic;font-weight:900;line-height:1;letter-spacing:-.055em;opacity:.68}

  /* Keep fixed chat composer aligned with the content column. */
  .direct-composer{left:var(--vh-sidebar-tablet);transform:none;width:calc(100% - var(--vh-sidebar-tablet));max-width:none}
  .direct-thread{padding-left:24px;padding-right:24px}.direct-bubble{max-width:min(72%,680px)}
}

@media(min-width:1100px){
  .screen{padding-left:var(--vh-sidebar-desktop)}
  .desktop-sidebar{width:var(--vh-sidebar-desktop);align-items:stretch;padding:10px 14px 12px}
  .desktop-side-brand{width:100%;height:50px;justify-content:flex-start;gap:11px;padding:0 12px}.desktop-side-brand>b{display:block;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .desktop-side-item{height:48px;justify-content:flex-start;gap:15px;padding:0 13px;border-radius:999px}.desktop-side-item>span{display:block;font-size:15.5px;font-weight:680}.desktop-side-item>em{right:12px;top:7px}
  .desktop-more-popover{left:calc(100% + 10px);bottom:0;width:272px}
  .desktop-side-user{width:100%;height:62px;border-radius:999px;grid-template-columns:44px minmax(0,1fr) 24px;gap:10px;padding:0 10px;overflow:visible;text-align:left}.desktop-side-user>span{width:44px;height:44px}.desktop-side-user>div{display:block;min-width:0}.desktop-side-user b,.desktop-side-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-side-user b{font-size:13px}.desktop-side-user small{font-size:10px;color:#8f97a2;margin-top:2px}.desktop-side-user>.ico{display:block;width:18px}
  .video-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
  .profile-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
  .mobile-suggestion-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
  .direct-composer{left:var(--vh-sidebar-desktop);width:calc(100% - var(--vh-sidebar-desktop))}
}

/* VideoHub 3.4.9-hotfix47 · adaptive full-frame feed media without black sidebars */
.adaptive-feed-media{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  height:var(--adaptive-media-height,auto)!important;
  max-height:var(--adaptive-media-max,560px)!important;
  aspect-ratio:auto!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-color:#0a0c11!important;
}
.adaptive-feed-media::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-22px;
  background-image:var(--adaptive-poster);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:blur(22px) saturate(.9) brightness(.55);
  transform:scale(1.08);
  opacity:.78;
  pointer-events:none;
}
.adaptive-feed-media::after{z-index:2!important;pointer-events:none}
.adaptive-feed-media>.feed-autoplay-video,
.adaptive-feed-media>.profile-card-preview,
.adaptive-feed-media>.mobile-suggestion-preview{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
.adaptive-feed-media>.duration,.adaptive-feed-media>.save-float,.adaptive-feed-media>.play-circle,.adaptive-feed-media>.cart-float,.adaptive-feed-media>.subscribe-float,.adaptive-feed-media>.profile-cart-action,.adaptive-feed-media>.profile-subscribe-action{z-index:5!important}
.adaptive-feed-media.media-fit-cover,.adaptive-feed-media.is-capped{background-size:contain!important}
.adaptive-feed-media.media-fit-cover>.feed-autoplay-video,.adaptive-feed-media.is-capped>.feed-autoplay-video{object-fit:contain!important}
@media(max-width:767px){
  .adaptive-feed-media{max-height:var(--adaptive-media-max,560px)!important;border-radius:0!important}
  .video-thumb.adaptive-feed-media,.profile-video-thumb.adaptive-feed-media,.mobile-suggestion-media.adaptive-feed-media,.watch-related .video-thumb.adaptive-feed-media{height:var(--adaptive-media-height,auto)!important;aspect-ratio:auto!important;max-height:var(--adaptive-media-max,560px)!important}
  .mobile-suggestion-media.is-capped{height:var(--adaptive-media-height,auto)!important;max-height:var(--adaptive-media-max,560px)!important;background-size:contain!important}
}
@media(min-width:768px) and (max-width:1099px){
  .adaptive-feed-media{max-height:var(--adaptive-media-max,520px)!important}
  .video-thumb.adaptive-feed-media,.profile-video-thumb.adaptive-feed-media,.mobile-suggestion-media.adaptive-feed-media,.watch-related .video-thumb.adaptive-feed-media{height:var(--adaptive-media-height,auto)!important;aspect-ratio:auto!important;max-height:var(--adaptive-media-max,520px)!important}
}
@media(min-width:1100px){
  .adaptive-feed-media{max-height:var(--adaptive-media-max,560px)!important}
  .video-thumb.adaptive-feed-media,.profile-video-thumb.adaptive-feed-media,.mobile-suggestion-media.adaptive-feed-media,.watch-related .video-thumb.adaptive-feed-media{height:var(--adaptive-media-height,auto)!important;aspect-ratio:auto!important;max-height:var(--adaptive-media-max,560px)!important}
}

@media (min-width:900px){
  .auth-screen{padding:0!important;max-width:none!important;margin:0!important}
  .auth-screen>.desktop-sidebar{display:none!important}
  .login-screen{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);align-items:stretch;padding:0;background:#010207}
  .login-screen .auth-collage{height:100dvh;min-height:720px;position:relative;overflow:hidden;border-right:1px solid #ffffff0d;background:radial-gradient(circle at 50% 42%,#171c2a,#020307 72%)}
  .login-screen .auth-tile{border-radius:18px;filter:saturate(.92) brightness(.56);box-shadow:0 18px 50px #0007}
  .login-screen .auth-tile.t1{left:-4%;top:10%;width:34%;height:30%;transform:rotate(-6deg)}
  .login-screen .auth-tile.t2{left:31%;top:7%;width:38%;height:34%;transform:rotate(2deg)}
  .login-screen .auth-tile.t3{right:-5%;top:12%;width:35%;height:29%;transform:rotate(6deg)}
  .login-screen .auth-tile.t4{left:-4%;top:58%;width:34%;height:28%;transform:rotate(-5deg)}
  .login-screen .auth-tile.t5{left:31%;top:55%;width:39%;height:31%;transform:rotate(3deg)}
  .login-screen .auth-tile.t6{right:-5%;top:59%;width:35%;height:27%;transform:rotate(-4deg)}
  .login-screen .auth-vignette{background:radial-gradient(circle at 50% 50%,#0002 8%,#0102079e 72%),linear-gradient(180deg,#0002,#01020766)}
  .login-screen .auth-logo-mark{left:50%;top:50%;width:138px;height:138px;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 44px #000a)}
  .login-screen .auth-logo-mark:before{border-radius:38px}
  .login-screen .auth-logo-mark .ico{width:76px;height:76px}
  .login-screen .login-content{margin:0;align-self:center;justify-self:center;width:min(520px,100%);padding:58px 54px;text-align:left}
  .login-screen .login-content h1{font-size:46px;line-height:1.05;margin-bottom:12px}
  .login-screen .login-content>p{margin:0 0 32px;max-width:none;font-size:17px}
  .login-screen .login-form{gap:15px}
  .login-screen .login-form>label{height:72px;border-radius:16px;padding:0 18px}
  .login-screen .remember-row{margin:6px 2px 6px}
  .login-screen .login-submit{height:54px;border-radius:999px}
  .login-screen .or-line{margin:26px 0 18px}
  .login-screen .social-auth{border-radius:999px}
  .login-screen .signup-link,.login-screen .legal-copy{text-align:left}
}
@media (min-width:1280px){
  .login-screen{grid-template-columns:minmax(0,1.18fr) minmax(500px,.82fr)}
  .login-screen .login-content{width:min(560px,100%);padding-left:68px;padding-right:68px}
}

/* VideoHub 3.4.9-hotfix47 · tablet/desktop media geometry restored to Hotfix41.
   IMPORTANT: mobile (<768px) is intentionally untouched. */
@media(min-width:768px){
  /* Keep every tablet/desktop card media box uniform exactly like Hotfix41. */
  .video-thumb.adaptive-feed-media,
  .profile-video-thumb.adaptive-feed-media,
  .mobile-suggestion-media.adaptive-feed-media,
  .watch-related .video-thumb.adaptive-feed-media{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
  /* No blurred/alternate background on tablet or desktop. */
  .adaptive-feed-media::before{display:none!important;content:none!important}
  .adaptive-feed-media.media-fit-cover,
  .adaptive-feed-media.is-capped{background-size:cover!important}
  /* Actual preview fills the same fixed Hotfix41 media box. */
  .adaptive-feed-media>.feed-autoplay-video,
  .adaptive-feed-media>.profile-card-preview,
  .adaptive-feed-media>.mobile-suggestion-preview,
  .video-card .feed-autoplay-video,
  .profile-card-preview,
  .watch-related .feed-autoplay-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    background:transparent!important;
  }
  .mobile-suggestion-media.is-capped{
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    background-size:cover!important;
  }
}


/* VideoHub 3.4.9-hotfix47 · profile feed media uses the same player-button route as Home cards. */
.profile-video-thumb.video-thumb .play-circle{
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  opacity:1!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  z-index:6!important;
}
.profile-video-thumb.video-thumb.is-playing .play-circle{
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.82)!important;
  pointer-events:none!important;
}

/* VideoHub 3.4.9-hotfix47 · mobile profile controls align with fixed menu; Home hero full bleed. */
@media(max-width:767px){
  /* Keep the existing side-menu opener exactly where it is; align Back, Share and More to its row. */
  .profile-hero-back{top:18px!important;width:40px!important;height:40px!important}
  .profile-hero-actions{top:18px!important}
  .profile-hero-actions button{width:40px!important;height:40px!important}
  .profile-hero-back .ico,.profile-hero-actions .ico{width:22px!important;height:22px!important}

  /* Mobile Home hero is edge-to-edge with square corners. */
  .home-hero{margin-left:0!important;margin-right:0!important;border-radius:0!important;width:100%!important}
  .home-hero .hero-slide{border-radius:0!important}
}


/* VideoHub 3.4.9-hotfix47 · Profile feeds use the exact Home feed media/player route. */
.profile-feed-card .video-thumb:after{content:""!important;inset:40% 0 0!important;background:linear-gradient(transparent,#030406d9)!important;pointer-events:none!important}
.profile-feed-card .feed-autoplay-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-position:center!important;z-index:1!important}
.profile-feed-card .play-circle{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;margin:0!important;transform:translate(-50%,-45%)!important;opacity:1!important;z-index:6!important;border:0!important;outline:0!important;box-shadow:none!important}
.profile-feed-card .video-thumb.is-playing .play-circle{opacity:0!important;transform:translate(-50%,-45%) scale(.82)!important;pointer-events:none!important}
.profile-feed-card .video-card-body{position:relative!important;padding-right:44px!important}
.profile-feed-card .profile-video-more{right:8px!important;bottom:8px!important}
/* Kill the old profile-only media layer so it cannot darken/inset the preview. */
.profile-video-thumb:after{pointer-events:none}


/* VideoHub 3.4.9-hotfix48 · hard-fix Profile feed preview player control. */
.profile-feed-card .profile-feed-player{position:relative!important;overflow:hidden!important}
.profile-feed-card .profile-feed-player>.feed-autoplay-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;z-index:1!important;pointer-events:none!important;-webkit-appearance:none!important}
.profile-feed-card .profile-feed-player>.feed-autoplay-video::-webkit-media-controls,
.profile-feed-card .profile-feed-player>.feed-autoplay-video::-webkit-media-controls-enclosure,
.profile-feed-card .profile-feed-player>.feed-autoplay-video::-webkit-media-controls-panel,
.profile-feed-card .profile-feed-player>.feed-autoplay-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}
.profile-feed-card .profile-feed-play{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#05070c8a!important;color:#fff!important;display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;z-index:20!important;box-shadow:none!important;outline:0!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.profile-feed-card .profile-feed-play .ico{width:25px!important;height:25px!important;display:block!important;fill:#fff!important;stroke:#fff!important;transform:none!important;margin:0!important}
.profile-feed-card .profile-feed-player.is-playing>.profile-feed-play{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-50%) scale(.86)!important}
.profile-feed-card .profile-feed-player:not(.is-playing)>.profile-feed-play{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
@media(max-width:767px){.profile-feed-card .profile-feed-play{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}.profile-feed-card .profile-feed-play .ico{width:27px!important;height:27px!important}}

/* VideoHub 3.4.9-hotfix50 · compact native PWA install trigger. */
.pwa-install-banner{position:fixed;z-index:20050;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translateX(-50%);width:auto;max-width:calc(100vw - 28px);min-height:42px;padding:0 18px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font:800 14px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;box-shadow:0 12px 32px #0008;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pwa-install-banner:active{transform:translateX(-50%) scale(.98)}
@media(min-width:768px){.pwa-install-banner{bottom:22px;min-height:44px;padding:0 20px}}
@media(display-mode:standalone){.pwa-install-banner{display:none!important}}

/* VideoHub 3.4.9-hotfix50 · Profile feed player uses the exact Home play-overlay route. */
.profile-feed-card .profile-feed-player>.play-circle{
  position:absolute!important;
  left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;
  width:48px!important;height:48px!important;margin:0!important;padding:0!important;
  transform:translate(-50%,-45%)!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;outline:0!important;
  background:#05070c8a!important;color:#fff!important;
  opacity:1!important;visibility:visible!important;pointer-events:none!important;z-index:20!important;
  backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;
}
.profile-feed-card .profile-feed-player>.play-circle .ico{width:25px!important;height:25px!important;fill:#fff!important;stroke:#fff!important;margin:0!important;transform:none!important}
.profile-feed-card .profile-feed-player.is-playing>.play-circle{opacity:0!important;visibility:hidden!important;transform:translate(-50%,-45%) scale(.82)!important}
@media(max-width:767px){.profile-feed-card .profile-feed-player>.play-circle{width:48px!important;height:48px!important}}

.confirmation-form .confirm-pair{display:grid;gap:10px}.confirmation-form .confirm-pair>small{min-height:16px;margin-top:-4px;padding-left:3px;font-size:11px;color:var(--muted)}.confirmation-form .confirm-pair.matched>small{color:#55d98a}.confirmation-form .confirm-pair.mismatch>small{color:#ff6f7d}.confirmation-form .confirm-pair.matched input{box-shadow:inset 0 0 0 1px #55d98a66}.confirmation-form .confirm-pair.mismatch input{box-shadow:inset 0 0 0 1px #ff6f7d75}.confirmation-form .confirm-pair input[type=password]{letter-spacing:.14em}.confirmation-form .confirm-pair input:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 58%,#fff)}


/* Bottom navigation stability + instant Library route */
.screen{transition:none!important}
html.route-changing .screen{opacity:1!important;transform:none!important}
.bottom-nav,.bottom-nav>button,.bottom-nav>button:active,.bottom-nav>button.nav-pressed{transform:none!important;transition:none!important}
.bottom-nav{transform:translateX(-50%)!important;will-change:auto!important}
.bottom-nav>button{contain:layout paint;backface-visibility:hidden;-webkit-backface-visibility:hidden}

.purchase-loading{display:grid;gap:12px;padding:6px 0 18px}
.purchase-loading article{display:grid;grid-template-columns:130px minmax(0,1fr);gap:13px;min-height:88px;padding:10px 0;border-bottom:1px solid #ffffff0b}
.purchase-loading article>i,.purchase-loading article span>b,.purchase-loading article span>em{display:block;border-radius:10px;background:linear-gradient(90deg,#11151c 20%,#1a2029 50%,#11151c 80%);background-size:220% 100%;animation:purchaseLoading 1.15s linear infinite}
.purchase-loading article>i{height:78px}.purchase-loading article span>b{height:16px;width:72%;margin:8px 0 12px}.purchase-loading article span>em{height:11px;width:52%;margin:8px 0}.purchase-loading article span>em:last-child{width:34%}
@keyframes purchaseLoading{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.purchase-loading article>i,.purchase-loading article span>b,.purchase-loading article span>em{animation:none}}


/* VideoHub 3.4.9-hotfix54 · purchase balance, auth shell, watch mobile, interaction response */
.purchase-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.auth-screen>.desktop-sidebar,.auth-screen>.mobile-shell-menu,.auth-screen [data-menu]{display:none!important}
.route-progress{position:fixed;z-index:30000;left:0;top:0;width:0;height:2px;opacity:0;pointer-events:none;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent);transition:width .28s ease,opacity .12s ease}.route-progress.active{width:76%;opacity:1}.route-progress.done{width:100%;opacity:0;transition:width .12s ease,opacity .16s ease .04s}
@media(max-width:767px){
  .watch-screen{padding-bottom:calc(88px + var(--safe-bottom))!important}
  .watch-screen .watch-player{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
  .watch-screen .watch-player .watch-video,.watch-screen .watch-player .watch-poster{border-radius:0!important}
  .watch-screen .bottom-nav{display:grid!important}
}


/* VideoHub 3.4.9-hotfix55 · account-country category + stable Profile feed play control */
.country-category>span{background-color:#131821!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.country-category .country-flag-emoji{font-style:normal;font-size:38px;line-height:1;filter:saturate(1.05)}
.profile-feed-card .profile-feed-player>.profile-feed-play{position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;background:#05070c8a!important;color:#fff!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;z-index:30!important;box-shadow:none!important;outline:0!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.profile-feed-card .profile-feed-player>.profile-feed-play .ico{display:block!important;width:27px!important;height:27px!important;margin:0!important;transform:none!important;fill:#fff!important;stroke:#fff!important}
.profile-feed-card .profile-feed-player.is-playing>.profile-feed-play{opacity:0!important;visibility:hidden!important;transform:translate(-50%,-50%) scale(.84)!important}
@media(max-width:767px){.country-category .country-flag-emoji{font-size:34px}.profile-feed-card .profile-feed-player>.profile-feed-play{left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}}

/* VideoHub 3.4.9-hotfix56 · identity verification */
.verification-tablet-link{display:none!important}.verification-desktop-more{display:none!important}
.verification-screen{--verification-card:#0d1118;--verification-line:#ffffff14}.verification-page{width:min(760px,calc(100% - 28px));margin:0 auto;padding:18px 0 calc(110px + env(safe-area-inset-bottom))}.verification-loading{min-height:55vh;display:grid;place-items:center;align-content:center;gap:13px;color:#a7afba}.verification-loading>span{width:32px;height:32px;border-radius:50%;border:3px solid #ffffff15;border-top-color:var(--accent);animation:spin .8s linear infinite}.verification-loading b{font-size:13px}.verification-progress{display:flex;align-items:center;gap:12px;margin:2px 2px 14px}.verification-progress-line{height:5px;flex:1;background:#ffffff10;border-radius:99px;overflow:hidden}.verification-progress-line>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .2s ease}.verification-progress>span{font-size:11px;font-weight:800;color:#9ba4b1;white-space:nowrap}.verification-step-card{border:1px solid var(--verification-line);border-radius:24px;background:linear-gradient(180deg,#10151d,#090d13);padding:20px;overflow:hidden}.verification-step-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.verification-step-head>span{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,#131722),color-mix(in srgb,var(--accent2) 18%,#10141b));display:grid;place-items:center;color:#c674ff}.verification-step-head>span .ico{width:25px;height:25px}.verification-step-head small,.verification-status-page>small,.verification-submit-step>small{display:block;color:var(--site-accent-light);font-size:10px;font-weight:900;letter-spacing:.11em;margin-bottom:4px}.verification-step-head h1,.verification-submit-step h1{font-size:25px;line-height:1.08;letter-spacing:-.035em;margin:0}.verification-step-head p,.verification-submit-step p{margin:7px 0 0;color:#a2a9b5;font-size:13px;line-height:1.55}.verification-requirements{display:grid;gap:9px}.verification-requirement{min-height:66px;border:1px solid #ffffff10;border-radius:16px;padding:10px 11px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;background:#090d13}.verification-requirement>i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#171d26;color:#a7b0bd}.verification-requirement.done>i{background:#123122;color:#68e69b}.verification-requirement .ico{width:21px}.verification-requirement b,.verification-requirement small{display:block}.verification-requirement b{font-size:13px}.verification-requirement small{font-size:11px;color:#8f98a6;margin-top:3px;overflow-wrap:anywhere}.verification-requirement em{font-style:normal;font-size:10px;font-weight:850;color:#8e97a4}.verification-requirement.done em{color:#64dc95}.verification-requirement>button{border:0;border-radius:9px;background:#202633;color:#fff;padding:8px 10px;font-size:10px;font-weight:800}.verification-email-panel{margin-top:12px;padding:13px;border:1px solid #6f3ea855;border-radius:15px;background:#130e1d}.verification-email-panel>p{margin:0 0 10px;color:#b3bac5;font-size:12px;line-height:1.5}.verification-email-panel>button{min-height:38px}.verification-email-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.verification-email-form input,.verification-details-form input,.verification-details-form select{width:100%;min-width:0;border:1px solid #ffffff18;border-radius:13px;background:#080c12;color:#fff;min-height:46px;padding:0 13px;outline:0}.verification-email-form input:focus,.verification-details-form input:focus,.verification-details-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.verification-details-form{display:grid;gap:13px}.verification-details-form label{display:grid;gap:7px;font-size:12px;font-weight:800}.verification-details-form select{appearance:auto}.verification-photo-box{width:100%;aspect-ratio:1.55/1;border:1px dashed #ffffff24;border-radius:18px;background:#070a0f;display:grid;place-items:center;overflow:hidden;margin:4px 0 12px}.verification-photo-box>div{display:grid;place-items:center;gap:8px;color:#939da9;text-align:center;padding:22px}.verification-photo-box>div .ico{width:36px;height:36px;color:#a85cff}.verification-photo-box>div b{font-size:13px;color:#dce0e6}.verification-photo-box>div small{font-size:11px}.verification-photo-box img{display:block;width:100%;height:100%;object-fit:contain;background:#05070a}.verification-file-input{display:none}.verification-upload-button{width:100%;min-height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.verification-upload-button .ico{width:20px}.verification-upload-button:disabled{opacity:.6}.verification-photo-tips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.verification-photo-tips>span{display:flex;align-items:center;gap:5px;border:1px solid #ffffff0e;border-radius:999px;background:#0a0f15;padding:7px 9px;color:#9ca5b1;font-size:10px}.verification-photo-tips .ico{width:14px;color:#57da8e}.verification-step-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.verification-step-actions>button{min-height:44px;padding:0 17px}.verification-step-actions .primary{display:flex;align-items:center;justify-content:center;gap:5px}.verification-step-actions button:disabled{opacity:.42;cursor:not-allowed}.verification-review-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.verification-review-details article{padding:12px;border:1px solid #ffffff10;border-radius:14px;background:#090d13;min-width:0}.verification-review-details span,.verification-review-details b{display:block}.verification-review-details span{font-size:10px;color:#8f98a6}.verification-review-details b{font-size:12px;margin-top:5px;overflow-wrap:anywhere}.verification-review-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.verification-review-images article{border:1px solid #ffffff10;border-radius:15px;background:#090d13;padding:8px}.verification-review-images article>div{aspect-ratio:1.55/1;border-radius:10px;background:#05080d;display:grid;place-items:center;overflow:hidden}.verification-review-images img{width:100%;height:100%;object-fit:contain}.verification-review-images .ico{width:28px;color:#7e8794}.verification-review-images b{display:block;font-size:11px;margin:8px 2px 2px}.verification-confirm-note,.verification-consent{margin-top:12px;padding:11px 12px;border-radius:13px;border:1px solid #ffffff10;background:#0a0f15;color:#a4acb7;font-size:11px;line-height:1.45;display:flex;align-items:flex-start;gap:8px}.verification-confirm-note .ico,.verification-consent .ico{width:18px;flex:0 0 18px;color:var(--site-accent-light)}.verification-submit-step{text-align:center}.verification-submit-step>svg{display:block;width:min(330px,92%);height:auto;margin:0 auto 5px}.verification-submit-step>p{max-width:540px;margin:8px auto 0}.verification-final-submit{min-width:190px}.verification-status-page{width:min(650px,calc(100% - 28px));margin:0 auto;padding:28px 20px calc(110px + env(safe-area-inset-bottom));min-height:72vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.verification-status-page>svg{width:min(350px,96%);height:auto;margin-bottom:10px}.verification-status-page h1{font-size:31px;letter-spacing:-.045em;margin:2px 0 7px}.verification-status-page>p{max-width:520px;margin:0;color:#a3abb7;font-size:13px;line-height:1.6}.verification-status-chip{margin:17px 0;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #57d98b40;border-radius:999px;background:#0e291b;color:#6be49a;font-weight:900;font-size:12px}.verification-status-chip .ico{width:19px}.verification-review-note,.verification-reapply-card{width:min(470px,100%);margin:17px 0;padding:13px;border:1px solid #ffffff11;border-radius:15px;background:#0a0f15;display:flex;align-items:center;gap:11px;text-align:left}.verification-review-note>span,.verification-reapply-card>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#171c26;color:var(--site-accent-light)}.verification-review-note b,.verification-review-note small,.verification-reapply-card b,.verification-reapply-card small{display:block}.verification-review-note b,.verification-reapply-card b{font-size:12px}.verification-review-note small,.verification-reapply-card small{margin-top:3px;font-size:10px;color:#929ba7}.verification-status-page>.primary,.verification-status-page>.soft-btn{min-width:160px}.verification-status-page.rejected>small{color:#ff7586}.verification-status-page.approved>small{color:#5fdf94}
@media(min-width:768px) and (max-width:1099px){.verification-tablet-link{display:flex!important}.verification-desktop-more{display:none!important}.verification-page,.verification-status-page{padding-bottom:36px}}
@media(min-width:1100px){.verification-tablet-link{display:none!important}.verification-desktop-more{display:flex!important}.verification-page,.verification-status-page{padding-bottom:40px}}
@media(max-width:560px){.verification-page{width:calc(100% - 20px);padding-top:12px}.verification-step-card{border-radius:19px;padding:15px}.verification-step-head{gap:11px}.verification-step-head>span{width:43px;height:43px;flex-basis:43px}.verification-step-head h1,.verification-submit-step h1{font-size:22px}.verification-review-details{grid-template-columns:1fr}.verification-email-form{grid-template-columns:1fr}.verification-photo-box{border-radius:14px}.verification-review-images{gap:7px}.verification-status-page{width:calc(100% - 20px);padding-left:12px;padding-right:12px}.verification-status-page h1{font-size:28px}}
.verification-email-box{margin-top:12px;padding:13px;border:1px solid #6f3ea855;border-radius:15px;background:#130e1d;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.verification-email-box b,.verification-email-box small{display:block}.verification-email-box b{font-size:12px}.verification-email-box small{margin-top:3px;color:#9aa3af;font-size:10px}.verification-email-box>.soft-btn{min-height:38px}.verification-email-code{grid-column:1/-1;display:none;grid-template-columns:minmax(0,1fr) auto;gap:8px}.verification-email-code.show{display:grid}.verification-email-code input{width:100%;min-width:0;border:1px solid #ffffff18;border-radius:12px;background:#080c12;color:#fff;min-height:42px;padding:0 12px;outline:0}.verification-email-code input:focus{border-color:var(--accent)}
@media(max-width:480px){.verification-email-box{grid-template-columns:1fr}.verification-email-box>.soft-btn{width:100%}.verification-email-code{grid-column:1;grid-template-columns:1fr}.verification-email-code .primary{min-height:42px}}

/* VideoHub 3.4.9-hotfix65 · instant individual listing filters */
.listing-filter-shell{position:relative;width:100%;padding:12px 0 6px;background:#020306;overflow:hidden}
.listing-filter-rail{display:flex;align-items:center;gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 22px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.listing-filter-rail::-webkit-scrollbar{display:none}
.listing-filter-rail button{flex:0 0 auto;height:38px;padding:0 16px;border:1px solid #ffffff18;border-radius:999px;background:#11151c;color:#b9bec7;font-size:12px;font-weight:750;white-space:nowrap;scroll-snap-align:start;transition:background-color .12s,border-color .12s,color .12s;transform:none!important}
.listing-filter-rail button:hover{border-color:#ffffff2d;color:#fff}
.listing-filter-rail button:active{transform:none!important}
.listing-filter-rail button.active{border-color:transparent;background:linear-gradient(105deg,#713cff,#b638ed);color:#fff;box-shadow:0 7px 20px #7437e52b}
.listing-video-grid{padding-top:10px}
.category-subcategory-rail{padding-top:7px;padding-bottom:6px}
@media(max-width:767px){
  .listing-filter-shell{padding-top:10px;padding-bottom:3px}
  .listing-filter-rail{gap:8px;padding-left:16px;padding-right:16px;padding-bottom:7px}
  .listing-filter-rail button{height:36px;padding:0 14px;font-size:11px}
  .listing-video-grid{padding-top:7px!important}
}


/* VideoHub 3.4.9-hotfix65 · enabled social sign-in providers on registration. */
.simple-auth .signup-social-divider{margin:24px 0 18px}
.simple-auth .signup-social-stack{margin-bottom:4px}
.simple-auth .signup-social-stack .social-auth{width:100%;border:0;cursor:pointer}

/* VideoHub 3.4.9-hotfix65 · keep filtered category/country media visible before JS sizing. */
@media(max-width:767px){
  .listing-video-grid .video-thumb.adaptive-feed-media:not([style*="--adaptive-media-height"]){
    height:min(56.25vw,var(--adaptive-media-max,560px))!important;
    min-height:180px!important;
  }
}

/* VideoHub 3.4.9-hotfix65 · Live */
.live-category-tile>span,.live-discover-chip>span{position:relative}.live-category-tile>span{display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent2));color:#fff}.live-category-tile>span>i{position:absolute;inset:8px;border:2px solid rgba(255,255,255,.58);border-radius:50%;animation:livePulseRing 1.8s ease-out infinite}.live-category-tile small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.live-menu-dot,.live-discover-chip span{font-style:normal;background:#e7193e!important;color:#fff!important;font-size:10px!important;font-weight:950!important;letter-spacing:.04em}.home-live-section,.discover-live{overflow:hidden}.home-live-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 18px 5px;scrollbar-width:none}.home-live-strip::-webkit-scrollbar{display:none}.live-home-card{flex:0 0 clamp(170px,42vw,245px);scroll-snap-align:start;border:0;background:transparent;color:inherit;text-align:left;min-width:0}.live-home-media{position:relative;aspect-ratio:4/5;border-radius:16px;background:#10131a center/cover no-repeat;overflow:hidden;border:1px solid rgba(255,255,255,.09)}.live-home-media:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none}.live-pill{position:absolute;z-index:2;left:9px;top:9px;border-radius:6px;padding:5px 7px;background:#ed173d;color:#fff;font-size:10px;font-weight:950;letter-spacing:.05em;box-shadow:0 6px 18px rgba(237,23,61,.3)}.live-pill:before{content:"";display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#fff;animation:liveBlink 1.2s infinite}.live-pill.paused{background:#2d3139;box-shadow:none}.live-viewers{position:absolute;z-index:2;right:9px;top:9px;display:flex;align-items:center;gap:4px;border-radius:999px;background:rgba(0,0,0,.58);padding:5px 7px;color:#fff;font-size:10px}.live-viewers svg{width:13px;height:13px}.live-card-paused{position:absolute;z-index:2;inset:0;display:grid;place-items:center;text-align:center;background:rgba(4,5,8,.5);backdrop-filter:blur(2px)}.live-card-paused b{padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.56);font-size:11px}.live-card-paused i{position:absolute;width:78px;height:78px;border:2px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:50%;animation:livePulseRing 1.8s ease-out infinite}.live-home-copy{display:flex;align-items:center;gap:8px;padding:9px 2px 0}.live-card-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#1c2230;font-weight:850}.live-card-avatar img{width:100%;height:100%;object-fit:cover}.live-home-copy>div{min-width:0}.live-home-copy b,.live-home-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-home-copy b{font-size:13px}.live-home-copy small{margin-top:2px;color:var(--muted);font-size:11px}.lives-index{padding:4px 18px 105px}.live-index-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.live-index-head h1,.live-index-head p{margin:0}.live-index-head h1{font-size:26px}.live-index-head p{margin-top:4px;color:var(--muted);font-size:13px}.live-index-dot{width:15px;height:15px;border-radius:50%;background:#ee173b;box-shadow:0 0 0 7px rgba(238,23,59,.12);animation:liveBlink 1.2s infinite}.live-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.live-index-grid .live-home-card{width:auto;flex:auto}.live-room{min-height:calc(100vh - var(--bottom-nav-h,78px));background:#030407;padding-bottom:94px}.live-stage{position:relative;width:100%;height:min(76vh,820px);min-height:520px;background:#050608;overflow:hidden}.live-media-slot,.live-video,.live-embed,.live-paused-stage,.live-source-poster{position:absolute;inset:0;width:100%;height:100%;border:0}.live-media-slot{overflow:hidden;background:#050608}.live-video,.live-embed,.live-paused-stage{object-fit:contain;background:#000}.live-source-poster{background:#090b10 center/cover no-repeat;transform:translateZ(0)}.live-paused-stage{display:grid;place-items:center;background:#090b10 center/cover no-repeat}.live-paused-stage:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px)}.live-paused-stage>div{position:relative;z-index:1;text-align:center}.live-paused-stage span{display:block;width:90px;height:90px;margin:0 auto 16px;border:3px solid var(--accent);border-radius:50%;animation:livePulseRing 1.8s infinite}.live-paused-stage b,.live-paused-stage small{display:block}.live-paused-stage b{font-size:24px}.live-paused-stage small{margin-top:6px;color:#c3c6cc}.live-stage-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(rgba(0,0,0,.42) 0,transparent 27%,transparent 55%,rgba(0,0,0,.7) 100%);pointer-events:none}.live-overlay-top{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:center;gap:8px;padding:max(14px,env(safe-area-inset-top)) 12px 10px;color:#fff}.live-back,.live-share,.live-like-top{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.38);color:#fff;backdrop-filter:blur(8px)}.live-creator{display:flex;align-items:center;gap:7px;min-width:0;max-width:42%;color:#fff;text-align:left}.live-creator>span{width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#222838;border:2px solid #ff3152}.live-creator img{width:100%;height:100%;object-fit:cover}.live-creator>div{min-width:0}.live-creator b,.live-creator small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-creator b{font-size:12px}.live-creator small{font-size:9px;color:#ddd}.live-follow{height:30px;padding:0 11px;border-radius:7px;background:#ed1740;color:#fff;font-size:10px;font-weight:850}.live-follow.following{background:rgba(255,255,255,.15);backdrop-filter:blur(6px)}.live-count{margin-left:auto;display:flex;align-items:center;border-radius:7px;overflow:hidden;background:rgba(0,0,0,.42);height:30px}.live-count i,.live-count b{height:30px;display:grid;place-items:center;padding:0 7px;font-size:9px;font-style:normal}.live-count i{background:#e9183d;font-weight:950}.live-count b{font-weight:800}.live-comments{position:absolute;z-index:5;left:12px;bottom:74px;width:min(78%,430px);max-height:42%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;mask-image:linear-gradient(transparent,#000 22%,#000)}.live-comment{display:flex;align-items:flex-start;gap:7px;animation:liveCommentIn .22s ease-out}.live-comment>span{width:27px;height:27px;flex:0 0 27px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#2a3040;font-size:9px}.live-comment img{width:100%;height:100%;object-fit:cover}.live-comment p{margin:0;padding:5px 8px;border-radius:11px;background:rgba(0,0,0,.38);color:#fff;font-size:12px;line-height:1.35;backdrop-filter:blur(5px)}.live-comment p b{margin-right:4px}.live-gift-stream{position:absolute;z-index:6;left:12px;top:92px;display:grid;gap:6px;width:min(78%,390px)}.live-gift-bubble{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#090a0e),rgba(0,0,0,.28));color:#fff;animation:liveGiftIn .36s cubic-bezier(.2,.8,.2,1)}.live-gift-bubble>span{width:25px;height:25px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff1}.live-gift-bubble img{width:100%;height:100%;object-fit:cover}.live-gift-bubble p{margin:0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-reactions{position:absolute;z-index:7;right:10px;bottom:80px;width:80px;height:50%;pointer-events:none;overflow:hidden}.live-reactions i{position:absolute;bottom:-28px;font-style:normal;font-size:28px;animation:liveFloatHeart 1.8s ease-out forwards;filter:drop-shadow(0 3px 5px #0006)}.live-stage.locked .live-video,.live-stage.locked .live-embed{filter:blur(18px) brightness(.55);transform:scale(1.04);pointer-events:none}.live-paywall{position:absolute;z-index:10;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:rgba(0,0,0,.38);color:#fff;backdrop-filter:blur(2px)}.live-paywall[hidden]{display:none}.live-paywall>span{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:color-mix(in srgb,var(--accent) 30%,#101118)}.live-paywall>span svg{width:28px}.live-paywall h2,.live-paywall p,.live-paywall small{margin:0}.live-paywall h2{font-size:24px}.live-paywall p{margin-top:6px;font-size:14px}.live-paywall>div{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:15px}.live-paywall button{min-height:43px;border-radius:12px;padding:0 14px;background:var(--accent);color:#fff;font-weight:850}.live-paywall small{margin-top:10px;color:#d4d6dc;font-size:10px}.live-info{display:flex;align-items:center;gap:12px;padding:13px 15px;border-bottom:1px solid #ffffff0c}.live-info>div{min-width:0;flex:1}.live-info h1,.live-info span{display:block;margin:0}.live-info h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-info span{margin-top:4px;color:var(--muted);font-size:11px}.live-info>button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#151820;color:#fff}.live-info>button svg{width:23px}.live-composer{position:fixed;z-index:24;left:50%;transform:translateX(-50%);bottom:calc(var(--bottom-nav-h,78px) + env(safe-area-inset-bottom));width:min(760px,100%);display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(7,8,12,.94);border-top:1px solid #ffffff12;backdrop-filter:blur(16px)}.live-composer>button{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#171b24;color:#fff}.live-composer>button:first-child{color:var(--accent)}.live-composer input{min-width:0;flex:1;height:42px;border:1px solid #ffffff18;border-radius:999px;background:#10131a;color:#fff;padding:0 15px;outline:none}.live-composer input:focus{border-color:var(--accent)}.live-comments-off{min-width:0;flex:1;color:var(--muted);font-size:12px;padding:0 6px}.live-gift-sheet,.live-topup-sheet{position:fixed;z-index:2;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);border-radius:22px 22px 0 0;background:#0c1017;color:#fff;border:1px solid #ffffff12;padding:15px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.live-gift-sheet header,.live-topup-sheet header{display:flex;align-items:center;justify-content:space-between}.live-gift-sheet header b,.live-gift-sheet header small,.live-topup-sheet header b,.live-topup-sheet header small{display:block}.live-gift-sheet header small,.live-topup-sheet header small{margin-top:3px;color:var(--muted);font-size:10px}.live-gift-sheet header>button,.live-topup-sheet header>button{width:38px;height:38px;border-radius:50%;background:#181d27;color:#fff}.live-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.live-gift-grid button{padding:14px 8px;border:1px solid #ffffff10;border-radius:14px;background:#121722;color:#fff}.live-gift-grid span,.live-gift-grid b{display:block}.live-gift-grid span{font-size:29px}.live-gift-grid b{margin-top:7px;font-size:10px}.live-topup-sheet form{display:grid;gap:10px;margin-top:14px}.live-topup-sheet label{display:grid;gap:6px;font-size:10px;font-weight:800}.live-topup-sheet input{height:44px;border:1px solid #ffffff18;border-radius:11px;background:#111620;color:#fff;padding:0 12px}.live-topup-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.live-topup-methods button{height:45px;border-radius:11px;background:var(--accent);color:#fff;font-weight:850}.live-topup-sheet p{min-height:17px;margin:0;color:var(--muted);font-size:10px}/* Hotfix306: Live is attached to the avatar, never rendered as a skeleton-style profile action row. */
@keyframes liveBlink{0%,100%{opacity:1}50%{opacity:.48}}@keyframes livePulseRing{0%{transform:scale(.82);opacity:.9}100%{transform:scale(1.24);opacity:0}}@keyframes liveCommentIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes liveGiftIn{from{opacity:0;transform:translateX(-22px) scale(.92)}to{opacity:1;transform:none}}@keyframes liveFloatHeart{0%{opacity:0;transform:translateY(0) scale(.55) rotate(-10deg)}15%{opacity:1}100%{opacity:0;transform:translateY(-330px) translateX(16px) scale(1.35) rotate(18deg)}}
@media(min-width:900px){.live-room{max-width:1040px;margin:0 auto}.live-stage{border-radius:0 0 18px 18px}.live-composer{bottom:0}.live-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-live-strip{padding-left:0;padding-right:0}.live-home-card{flex-basis:220px}}
@media(max-width:560px){.live-stage{height:calc(100vh - 165px);min-height:500px}.live-overlay-top{gap:6px;padding-left:8px;padding-right:8px}.live-back,.live-share,.live-like-top{width:34px;height:34px}.live-creator{max-width:38%}.live-creator>span{width:34px;height:34px;flex-basis:34px}.live-follow{padding:0 8px}.live-count i{padding:0 5px}.live-count b{padding:0 5px}.live-comments{bottom:70px;left:8px}.live-gift-stream{left:8px;top:82px}.live-index-grid{gap:12px}.lives-index{padding-top:4px;padding-left:12px;padding-right:12px}.live-gift-grid{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.live-pill:before,.live-index-dot,.live-card-paused i,.live-paused-stage span,.profile-avatar-live-badge,.reel-avatar-live-badge{animation:none}.live-comment,.live-gift-bubble,.live-reactions i{animation:none}}
.live-card-follow{margin-left:auto;flex:0 0 auto;height:29px;border-radius:8px;padding:0 9px;background:var(--accent);color:#fff;font-size:9px;font-weight:850}.live-card-follow.following{background:#171b24;color:#c4cad3;border:1px solid #ffffff12}

/* VideoHub 3.4.9-hotfix75 · wallet top-up provider artwork */
.topup-provider>.provider-art{flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:10px!important}.topup-provider>.provider-art img{width:100%!important;height:100%!important;object-fit:contain!important}.topup-provider-icon{display:none!important}

/* VideoHub 3.4.9-hotfix75 · compact professional authentication forms */
.login-form>label,.simple-form input,.simple-form select{box-shadow:inset 0 0 0 1px #ffffff14!important}
.login-form>label:focus-within,.simple-form input:focus,.simple-form select:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,#ffffff1a)!important}
.login-form>label{height:60px;border-radius:14px;padding:0 16px;gap:13px}
.login-form>label>span .ico{width:24px;height:24px}.login-form b{font-size:13px;margin-bottom:2px}.login-form input{font-size:13px}.login-submit{height:49px;border-radius:14px;font-size:16px}
.simple-auth{padding:28px 22px;max-width:500px}.simple-auth h1{font-size:27px}.simple-auth>p{margin-bottom:22px}.simple-form{gap:12px}.simple-form label{font-size:12px}.simple-form input,.simple-form select{height:46px;margin-top:6px;border-radius:12px;padding:0 14px;font-size:14px}.simple-form .primary{min-height:49px;border-radius:14px;font-size:15px}
.social-auth{height:50px;border-radius:14px;font-size:14px;padding:0 16px;grid-template-columns:32px 1fr 32px;box-shadow:inset 0 0 0 1px #ffffff14}.social-auth>b{font-size:22px}.google-auth{background:#fff!important;color:#1f1f1f!important;box-shadow:inset 0 0 0 1px #747775!important;font-weight:600}.google-auth:hover{background:#f8faff!important}.google-auth:active{background:#eef3fb!important}.google-logo{width:20px;height:20px;display:block;justify-self:center}.or-line{margin:21px 0 15px}.signup-link{margin:22px 0!important}
.confirmation-form .confirm-pair{gap:8px}.auth-validation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:17px;padding:0 2px}.auth-progress{height:4px;border-radius:999px;background:#ffffff0d;overflow:hidden}.auth-progress>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .22s ease,filter .22s ease}.auth-validation small{min-width:68px;text-align:right;font-size:10px;color:var(--muted);white-space:nowrap}.confirm-pair.typing .auth-progress>i,.password-strength.typing .auth-progress>i{filter:brightness(1.18)}.confirmation-form .confirm-pair.matched .auth-progress>i,.password-strength.strong .auth-progress>i{background:#55d98a}.confirmation-form .confirm-pair.mismatch .auth-progress>i,.password-strength.weak .auth-progress>i{background:#ff6f7d}.confirmation-form .confirm-pair.matched .auth-validation small,.password-strength.strong small{color:#55d98a}.confirmation-form .confirm-pair.mismatch .auth-validation small,.password-strength.weak small{color:#ff6f7d}.confirmation-form .confirm-pair.matched input,.confirmation-form .confirm-pair.mismatch input{box-shadow:inset 0 0 0 1px #ffffff14!important}.password-strength{margin-top:-4px}
@media(min-width:641px){.login-form>label{height:62px}.login-submit,.social-auth{height:50px}.simple-auth{padding:32px 28px}.simple-form input,.simple-form select{height:48px}.simple-form .primary{min-height:50px}}
@media(min-width:1024px){.login-screen .login-form>label{height:60px!important;border-radius:14px!important}.login-screen .login-content{padding-top:46px;padding-bottom:46px}.simple-auth{max-width:520px;padding-top:34px;padding-bottom:34px}.simple-form input,.simple-form select{height:48px}.social-auth{height:50px!important;border-radius:14px!important}}
@media(max-width:420px){.login-content{padding-left:24px;padding-right:24px}.login-form>label{height:58px}.simple-auth{padding-left:20px;padding-right:20px}.simple-form input,.simple-form select{height:45px}.simple-form .primary{min-height:48px}.social-auth{height:49px}}


/* VideoHub 3.4.9-hotfix75 · inline login field labels */
.login-form>label>.login-inline-field{display:flex;align-items:center;min-width:0;flex:1;gap:0}
.login-form>label>.login-inline-field>b{display:block;flex:0 0 auto;margin:0;font-size:13px;font-weight:400;line-height:1;color:#a6adb8;white-space:nowrap;opacity:.88;max-width:170px;overflow:hidden;transition:opacity .14s ease,max-width .18s ease}
.login-form>label>.login-inline-field>input{min-width:0;flex:1;width:auto;margin:0;padding:0;font-size:14px;line-height:1.2}
.login-form>label>.login-inline-field:has(input:not(:placeholder-shown))>b,.login-form>label>.login-inline-field:focus-within>b{opacity:0;max-width:0;pointer-events:none}
.login-form>label>.login-inline-field>input::placeholder{color:transparent}
.login-form>label>.login-inline-field:focus-within>b{color:#b7bdc7}
@media(max-width:420px){.login-form>label>.login-inline-field>b{font-size:12.5px;font-weight:400}.login-form>label>.login-inline-field>input{font-size:13.5px}}

/* VideoHub 3.4.9-hotfix75 · consistent authenticated mobile header actions */
.mobile-global-actions{display:none}
@media(max-width:767px){
  .mobile-global-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex:0 0 auto;margin-left:auto}
  .mobile-global-actions .icon-btn{width:35px!important;height:35px!important;flex:0 0 35px!important}
  .mobile-global-actions .ico{width:20px;height:20px}
  .mobile-global-actions .avatar-btn{width:32px;height:32px;flex:0 0 32px;padding:2px}
  .mobile-global-actions .notify-btn i{right:-1px;top:-1px;min-width:16px;height:16px;padding:0 3px;font-size:8px;border:2px solid #030509}
  .topbar .top-actions>.mobile-global-actions,.commerce-head-actions>.mobile-global-actions{margin-left:0}
  .notification-topbar{grid-template-columns:42px minmax(0,1fr) auto;column-gap:5px}
  .notification-topbar h1{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .notification-topbar>.notification-settings,.notification-topbar>.notification-header-space{display:none}
  .notification-topbar>.mobile-global-actions{justify-self:end}
  .direct-header>.mobile-global-actions{margin-left:2px}
  .direct-header>.icon-btn:last-of-type:not(.direct-menu){display:none}
  .direct-header .direct-user{min-width:52px}
  .upload-compose-header{grid-template-columns:32px minmax(0,1fr) auto auto!important;gap:4px}
  .upload-compose-header>.mobile-global-actions{grid-column:3;grid-row:1}
  .upload-compose-header>.upload-top-publish{grid-column:4;grid-row:1}
  .upload-compose-header h1{text-align:left;padding-left:4px}
}
@media(max-width:390px){
  .mobile-global-actions{gap:0}
  .mobile-global-actions .icon-btn{width:32px!important;height:32px!important;flex-basis:32px!important}
  .mobile-global-actions .avatar-btn{width:30px;height:30px;flex-basis:30px}
  .mobile-global-actions .ico{width:19px;height:19px}
  .direct-header{gap:3px!important}
  .direct-header .message-avatar.small{display:none}
  .upload-compose-header>.mobile-global-actions .icon-btn{width:30px!important;height:30px!important;flex-basis:30px!important}
}
/* hotfix75: Trending shows ten cards on mobile only; tablet/desktop keep six. */
@media (min-width:768px){.home-trending-grid .trending-card:nth-child(n/**/+7){display:none}}

/* XMEGRAM 3.4.9-hotfix77 · mobile Discover masonry feed */
.discover-mobile-grid{display:none}
.discover-infinite-sentinel{height:2px;width:100%;pointer-events:none}
.discover-infinite-sentinel.done{display:none}
@media(max-width:767px){
  .discover-desktop-grid{display:none!important}
  .discover-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 7px 96px;align-items:start}
  .discover-mobile-column{display:flex;flex-direction:column;gap:6px;min-width:0}
  .discover-mobile-card{min-width:0;overflow:hidden;border-radius:8px;background:#080a0e;border:1px solid #ffffff10;box-shadow:none;color:#fff;break-inside:avoid;content-visibility:auto;contain-intrinsic-size:170px 300px}
  .discover-mobile-media{position:relative;width:100%;aspect-ratio:var(--discover-ratio,4/5);min-height:0;overflow:hidden;border-radius:7px 7px 0 0;background:#101216 center/cover no-repeat}
  .discover-mobile-media>.discover-autoplay-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#080a0e}
  .discover-duration{position:absolute;z-index:4;left:7px;top:7px;padding:4px 6px;border-radius:7px;background:#05070cc9;color:#fff;font-size:10px;font-weight:800;line-height:1;backdrop-filter:blur(6px)}
  .discover-mobile-copy{padding:8px 9px 9px;min-width:0}
  .discover-mobile-copy>b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
  .discover-mobile-copy>small{display:block;margin-top:4px;color:#9da4ae;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .discover-mobile-copy>div{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px;min-width:0}
  .discover-mobile-copy>div>span{display:flex;align-items:center;gap:4px;color:#aab1bb;font-size:10px;min-width:0;white-space:nowrap}
  .discover-mobile-copy>div>span .ico{width:14px;height:14px}
  .discover-mobile-copy>div>span i{font-style:normal}
  .discover-mobile-copy>div>strong{font-size:10px;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .discover-mobile-media.is-playing:after{content:"";position:absolute;z-index:3;right:7px;bottom:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);animation:discoverSoundPulse 1s ease-in-out infinite alternate}
  .discover-mobile-card:active{background:#0b0e13}
  .discover-categories{margin-bottom:14px}
  .discover-search{margin-bottom:17px}
  .discover-live{margin-top:16px}
  .discover-mobile-grid+.discover-desktop-grid+.discover-infinite-sentinel{margin-top:1px}
}
@media(min-width:768px){.discover-mobile-grid{display:none!important}.discover-desktop-grid{display:grid!important}}
@keyframes discoverSoundPulse{to{transform:scale(.65);opacity:.55}}
@media(prefers-reduced-motion:reduce){.discover-mobile-media.is-playing:after{animation:none}}

/* XMEGRAM 3.4.9-hotfix77 · stable Top Picks, clean registration validation and responsive live search */
.confirmation-form .confirm-pair:not(.has-value)>.auth-validation,
.confirmation-form .password-strength:not(.has-value){display:none!important}

.home-live-search{position:relative;z-index:70}
.home-header-search{display:none;align-items:center;width:min(330px,30vw);height:42px;border:1px solid #ffffff12;border-radius:13px;background:#0d1118;padding:0 10px 0 12px;gap:8px;transition:border-color .16s ease,background .16s ease}
.home-header-search:focus-within{border-color:color-mix(in srgb,var(--accent) 48%,#ffffff16);background:#10151e}
.home-header-search>.ico,.home-mobile-search>.ico{width:19px;height:19px;color:#8d96a3;flex:0 0 auto}
.home-header-search input,.home-mobile-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--text);box-shadow:none!important;padding:0!important;margin:0!important;font:inherit}
.home-header-search input{font-size:12px}
.home-header-search input::placeholder,.home-mobile-search input::placeholder{color:#7f8792}
.home-header-search>[data-home-search-clear],.home-mobile-search>[data-home-search-clear]{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#9ba3ae;background:#ffffff0a;font-size:17px;line-height:1;flex:0 0 25px}
.home-header-search>[data-home-search-clear][hidden],.home-mobile-search>[data-home-search-clear][hidden]{display:none}
.home-tablet-search{display:none}
.home-mobile-search{display:none}
.home-search-suggestions{position:absolute;top:calc(100% + 8px);right:0;width:min(430px,92vw);max-height:min(66vh,570px);overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff14;border-radius:15px;background:#090d13f8;box-shadow:0 18px 54px #000b;backdrop-filter:blur(22px);padding:6px;z-index:120}
.home-mobile-search .home-search-suggestions{left:0;right:0;width:100%;top:calc(100% + 7px)}
.home-search-suggestion-list{display:grid;gap:2px}
.home-search-result{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:76px;padding:6px;border-radius:11px;text-align:left;color:var(--text)}
.home-search-result:active{background:#141923}
.home-search-result-media{position:relative;width:72px;height:62px;overflow:hidden;border-radius:9px;background:#111 center/cover no-repeat;display:block}
.home-search-result-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}
.home-search-result-media>i{position:absolute;left:5px;top:5px;z-index:2;padding:3px 5px;border-radius:6px;background:#03050acb;color:#fff;font-size:8px;font-style:normal;font-weight:800}
.home-search-result-copy{min-width:0;display:grid;gap:2px}
.home-search-result-copy>b{font-size:10px;color:#a8b0bc;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-search-result-copy>strong{font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-search-result-copy>small{font-size:9px;line-height:1.25;color:#858e9b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-search-result-actions{display:flex;align-items:center;gap:3px;flex:0 0 auto}
.home-search-result-actions button{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#131923;border:1px solid #ffffff0f;color:#c3cad4}
.home-search-result-actions button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,#ffffff0f)}
.home-search-result-actions .ico{width:17px;height:17px}
.home-search-result-actions .search-subscribe{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-color:transparent}
.home-search-all{width:100%;height:38px;margin-top:5px;border-radius:10px;background:#111722;color:var(--accent);font-size:11px;font-weight:800}
.home-search-loading,.home-search-empty{padding:22px 12px;text-align:center;color:#8e97a4;font-size:11px}

.search-results-page{padding-bottom:90px}
.search-results-page>.empty-state{margin-top:20px}
.search-page-bar{position:sticky;top:70px;z-index:18}
.search-desktop-grid{padding-bottom:92px}

@media(min-width:1024px){
  .home-header-search{display:flex}
  .home-tablet-search,.home-mobile-search{display:none!important}
  .home-screen .topbar .top-actions{flex:0 1 auto}
}
@media(min-width:768px) and (max-width:1023px){
  .home-header-search,.home-mobile-search{display:none!important}
  .home-tablet-search{display:grid}
}
@media(max-width:767px){
  .home-header-search,.home-tablet-search{display:none!important}
  .home-mobile-search{display:flex;margin:8px 14px 12px;height:44px;border:1px solid #ffffff12;border-radius:13px;background:#0d1118;align-items:center;padding:0 11px;gap:9px;z-index:64}
  .home-mobile-search:focus-within{border-color:color-mix(in srgb,var(--accent) 45%,#ffffff15);background:#10151d}
  .home-mobile-search input{font-size:12px}
  .home-search-suggestions{max-height:min(62vh,520px)}
  .home-search-result{grid-template-columns:66px minmax(0,1fr) auto;gap:8px;min-height:71px;padding:5px}
  .home-search-result-media{width:66px;height:58px}
  .home-search-result-actions button{width:29px;height:29px;border-radius:8px}
  .home-search-result-actions .ico{width:16px;height:16px}
  .search-page-bar{top:62px;margin-left:10px;margin-right:10px}
  .search-status{padding-left:14px;padding-right:14px}
  .search-results-page .discover-mobile-grid{padding-bottom:96px}
}
@media(max-width:390px){
  .home-mobile-search{margin-left:10px;margin-right:10px}
  .home-search-result{grid-template-columns:61px minmax(0,1fr) auto}
  .home-search-result-media{width:61px;height:55px}
  .home-search-result-actions{gap:2px}
  .home-search-result-actions button{width:28px;height:28px}
}


/* hotfix77 correction: mobile Home keeps its existing header; live search uses Discover's existing search bar */
.discover-live-search{position:relative;cursor:text}
.discover-live-search>.ico{width:21px;height:21px;color:#8f97a3;flex:0 0 auto}
.discover-live-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--text);padding:0!important;margin:0!important;font:inherit;font-size:14px}
.discover-live-search input::placeholder{color:#8f97a3}
.discover-live-search>[data-home-search-clear]{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;flex:0 0 25px;background:#ffffff0a;color:#9ba3ae;font-size:17px;line-height:1}
.discover-live-search>[data-home-search-clear][hidden]{display:none}
.discover-live-search .home-search-suggestions{left:0;right:0;top:calc(100% + 7px);width:100%}
@media(max-width:767px){
  .home-mobile-search{display:none!important}
  .discover-live-search{margin-left:14px;margin-right:14px;height:46px}
  .discover-live-search input{font-size:13px}
}
@media(max-width:390px){
  .discover-live-search{margin-left:10px;margin-right:10px}
}

/* XMEGRAM 3.4.9-hotfix87 · mobile-only Discover card system across feeds */
.shared-desktop-video-grid{display:grid}
@media(max-width:767px){
  .shared-desktop-video-grid{display:none!important}
  .shared-mobile-masonry{display:grid!important}

  /* Keep the exact Discover gutter/column geometry on all requested mobile surfaces. */
  .home-recommended-section>.shared-mobile-masonry,
  .mobile-suggestions-section>.shared-mobile-masonry,
  .watch-related>.shared-mobile-masonry,
  .profile-video-listing>.shared-mobile-masonry,
  .responsive-listing-grid>.shared-mobile-masonry{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding-left:7px!important;
    padding-right:7px!important;
    align-items:start!important;
  }
  .home-recommended-section>.shared-mobile-masonry,
  .mobile-suggestions-section>.shared-mobile-masonry{padding-bottom:2px!important}
  .watch-related>.shared-mobile-masonry,
  .profile-video-listing>.shared-mobile-masonry,
  .responsive-listing-grid>.shared-mobile-masonry{padding-bottom:96px!important}

  .home-recommended-section{margin-left:0!important;margin-right:0!important}
  .home-recommended-section .section-title,
  .mobile-suggestions-section .section-title{padding-left:16px!important;padding-right:16px!important}
  .mobile-suggestions-section{display:block!important;padding-bottom:0!important}
  .mobile-suggestions-section .mobile-suggestion-list{display:none!important}

  .watch-related{margin-left:0!important;margin-right:0!important;padding-bottom:0!important}
  .watch-related .section-title{padding-left:16px!important;padding-right:16px!important}

  .profile-screen-ref .profile-video-listing{
    display:block!important;
    padding:0!important;
    margin:0!important;
  }
  .profile-screen-ref .profile-video-listing>.shared-mobile-masonry{padding-top:7px!important}

  .responsive-listing-grid{
    display:block!important;
    padding:0!important;
    margin:0!important;
  }
  .responsive-listing-grid>.shared-mobile-masonry{padding-top:7px!important}

  /* Shared mobile card: natural media ratio, compact copy, no forced matching height. */
  .shared-mobile-video-card{
    border-radius:8px!important;
    border:1px solid #ffffff10!important;
    background:#080a0e!important;
    overflow:hidden!important;
    min-width:0!important;
    box-shadow:none!important;
  }
  .shared-mobile-video-card .discover-mobile-media{
    border-radius:7px 7px 0 0!important;
    aspect-ratio:var(--discover-ratio,4/5)!important;
    height:auto!important;
    min-height:0!important;
  }
  .shared-mobile-video-card .discover-autoplay-video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }

  /* Duration top-left. Cart + Subscribe stay on the media top-right. */
  .discover-card-top-actions{
    position:absolute;
    z-index:6;
    right:7px;
    top:7px;
    display:flex;
    align-items:center;
    gap:4px;
  }
  .discover-card-top-actions>button{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    padding:0!important;
    margin:0!important;
    position:static!important;
    border-radius:9px!important;
    display:grid!important;
    place-items:center!important;
    color:#fff!important;
    background:#090c12d9!important;
    border:1px solid #ffffff1a!important;
    backdrop-filter:blur(8px);
    box-shadow:0 3px 12px #0005!important;
  }
  .discover-card-top-actions>button.active{color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 55%,#ffffff1a)!important}
  .discover-card-top-actions>.discover-card-subscribe{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;border-color:transparent!important}
  .discover-card-top-actions .ico{width:18px!important;height:18px!important}

  /* Price first, bookmark second on one stable footer line. */
  .discover-mobile-copy>.discover-mobile-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    margin-top:7px!important;
    min-width:0!important;
  }
  .discover-price-bookmark{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    min-width:0!important;
    margin-left:auto!important;
    color:inherit!important;
  }
  .discover-price-bookmark>strong{
    color:var(--accent)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
    max-width:92px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .discover-card-bookmark{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    background:#121720!important;
    border:1px solid #ffffff13!important;
    color:#bdc5cf!important;
    padding:0!important;
    margin:0!important;
  }
  .discover-card-bookmark.active{color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 48%,#ffffff13)!important;background:color-mix(in srgb,var(--accent) 12%,#121720)!important}
  .discover-card-bookmark .ico{width:15px!important;height:15px!important}
  .discover-mobile-copy>.discover-mobile-foot>span:first-child{display:flex!important;align-items:center!important;gap:4px!important;color:#aab1bb!important;font-size:10px!important;min-width:0!important;white-space:nowrap!important}
  .discover-mobile-copy>.discover-mobile-foot>span:first-child .ico{width:14px!important;height:14px!important}
  .discover-mobile-copy>.discover-mobile-foot>span:first-child i{font-style:normal!important}
}
@media(min-width:768px){
  .shared-mobile-masonry{display:none!important}
  .shared-desktop-video-grid{display:grid!important}
}

.cart-summary [data-cart-summary-count]{font-style:normal}

/* Hotfix96 Live presence/alignment */
.category-strip{align-items:flex-start;flex-wrap:nowrap}.live-category-tile>span{position:relative}.live-like-top{flex:0 0 auto}.live-like-top svg{width:20px;height:20px}.live-info{padding-right:15px}.live-info>div{width:100%}
@media(max-width:560px){.live-overlay-top .live-creator{max-width:34%}.live-like-top svg{width:18px;height:18px}}

.live-overlay-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}.live-overlay-actions .live-count{margin-left:0}.live-overlay-actions .live-like-top,.live-overlay-actions .live-share{position:relative;z-index:1}
@media(max-width:430px){.live-overlay-actions{gap:4px}.live-count i{display:none}.live-count{min-width:32px;justify-content:center}.live-creator{max-width:31%!important}.live-follow{padding:0 6px;font-size:9px}}

/* Hotfix99 · compact Live player controls and connection state */
.live-player-tools{position:absolute;z-index:8;right:12px;top:64px;display:flex;gap:7px;align-items:center}
.live-player-tools button{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;background:rgba(5,7,11,.55);color:#fff;backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.2)}
.live-player-tools button .ico{width:17px;height:17px}
.live-stage.locked .live-player-tools{opacity:.38;pointer-events:none}
.live-player-status{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;max-width:calc(100% - 48px);padding:9px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(5,7,11,.62);color:#fff;backdrop-filter:blur(8px);box-shadow:0 8px 26px rgba(0,0,0,.22);pointer-events:none}
.live-player-status[hidden]{display:none!important}
.live-player-status span{width:16px;height:16px;flex:0 0 16px;border:2px solid rgba(255,255,255,.25);border-top-color:var(--accent);border-radius:50%;animation:liveStatusSpin .9s linear infinite}
.live-player-status b{font-size:12px;line-height:1.15;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-player-status.offline span{border:0;background:#ed2948;box-shadow:0 0 0 5px rgba(237,41,72,.13);animation:liveBlink 1.25s ease-in-out infinite}
.live-player-status.paused span{border:0;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 16%,transparent);animation:liveBlink 1.35s ease-in-out infinite}
@keyframes liveStatusSpin{to{transform:rotate(360deg)}}
@media(max-width:480px){.live-player-tools{right:9px;top:61px}.live-player-tools button{width:32px;height:32px}.live-player-tools button .ico{width:16px;height:16px}.live-player-status{padding:8px 11px}.live-player-status b{font-size:11px}}

/* XMEGRAM 3.4.9-hotfix106 · route/account/media stability */
.live-pill.offline{background:#2a2d34!important;color:#fff!important;box-shadow:none!important}
.live-pill.offline:before{background:#8d949f!important;animation:none!important}
.live-pill.verifying{background:#5b4617!important;color:#ffe4a1!important}
.live-pill.verifying:before{background:#ffbd3f!important}
.live-home-card.is-offline .live-home-media{filter:saturate(.72) brightness(.78)}
.live-home-card.is-offline .live-viewers{opacity:.65}
.live-card-paused.offline{background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.live-card-paused.offline b{color:#e4e7ec}
/* Keep every media shell painted while an image is decoding/revalidating and prevent old
   backgrounds from bleeding through when SPA cards are recycled. */
.home-hero,.hero-slide,.video-thumb,.discover-mobile-media,.live-home-media,.rank-thumb,.profile-video-thumb,.cart-thumb,.cart-rec-thumb,.purchase-thumb{background-color:#090c11;background-position:center;background-repeat:no-repeat;transform:translateZ(0);backface-visibility:hidden}
.live-media-slot,.live-video,.live-embed{contain:layout paint;background:#050608}
.live-video{object-fit:contain!important;object-position:center!important}

/* XMEGRAM 3.4.9-hotfix106 · immersive Live UI cloned from approved mockups */
.live-screen{width:100%;max-width:none!important;min-height:100dvh;background:#020306;overflow:hidden;box-shadow:none!important}
.live-screen>.desktop-sidebar,.live-screen>.mobile-shell-menu,.live-screen>.bottom-nav{display:none!important}
.live-room{position:relative;width:100%;max-width:none!important;min-height:100dvh;padding:0!important;background:#020306;color:#fff;overflow:hidden}
.live-layout{width:100%;min-height:100dvh;background:#020306}
.live-main{position:relative;min-width:0;background:#020306}
.live-stage{position:relative;width:100%;margin:0!important;background:#030509;overflow:hidden;border-radius:0!important}
.live-media-slot{background:#030509}
.live-video,.live-embed{object-fit:contain!important;background:#000!important}
.live-stage-shade{background:linear-gradient(180deg,rgba(0,0,0,.58),transparent 22%,transparent 58%,rgba(0,0,0,.72) 100%)}
.live-overlay-top{z-index:12;gap:10px;padding:calc(14px + env(safe-area-inset-top)) clamp(14px,2.2vw,28px) 12px;background:linear-gradient(180deg,rgba(1,3,7,.78),rgba(1,3,7,0));pointer-events:none}
.live-overlay-top>*{pointer-events:auto}
.live-back{width:46px;height:46px;flex:0 0 46px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(6,8,13,.62);backdrop-filter:blur(14px)}
.live-back .ico{width:24px;height:24px}
.live-creator{max-width:min(34vw,300px);gap:10px}
.live-creator>span{width:46px;height:46px;flex-basis:46px;border-width:2px;background:#151a25}
.live-creator b{font-size:15px;font-weight:850;line-height:1.15}.live-creator small{margin-top:3px;font-size:11px;color:#d4d7df}
.live-follow{height:40px;padding:0 16px;border-radius:10px;background:#ee1745;font-size:13px;font-weight:850}
.live-overlay-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.live-count,.live-like-top,.live-share{height:42px;min-width:42px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(4,6,11,.58);backdrop-filter:blur(12px);color:#fff}
.live-count{margin:0;display:flex;gap:7px;padding:0 12px;align-items:center;justify-content:center;overflow:visible}.live-count .ico{width:17px;height:17px}.live-count b{display:block;height:auto;padding:0;font-size:13px}.live-like-top,.live-share{width:42px;display:grid;place-items:center}.live-like-top .ico,.live-share .ico{width:22px;height:22px}
.live-player-tools{z-index:13;right:clamp(14px,2.2vw,28px);top:calc(72px + env(safe-area-inset-top));gap:8px}
.live-player-tools button{width:42px;height:42px;border:1px solid rgba(255,255,255,.14);background:rgba(5,7,12,.58);box-shadow:none;backdrop-filter:blur(12px)}
.live-player-tools button .ico{width:19px;height:19px}
.live-player-status{z-index:14;padding:9px 14px;border-color:rgba(255,255,255,.15);background:rgba(6,8,13,.72);box-shadow:0 12px 34px rgba(0,0,0,.28)}
.live-meta-overlay{position:absolute;z-index:7;left:clamp(20px,3vw,36px);bottom:clamp(150px,18vh,210px);max-width:min(68%,620px);text-shadow:0 2px 18px rgba(0,0,0,.78)}
.live-meta-state{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:#ff3154;font-size:11px;font-weight:900;letter-spacing:.05em}.live-meta-state:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 12%,transparent)}.live-meta-state.offline{color:#a9adb6}.live-meta-state.paused{color:#a855ff}
.live-meta-overlay h1{margin:0;font-size:clamp(22px,2.3vw,34px);line-height:1.08;font-weight:900;letter-spacing:-.025em}.live-meta-overlay small{display:block;margin-top:7px;color:#e3e5ea;font-size:clamp(12px,1.2vw,16px)}
.live-gift-stream{z-index:10;left:auto;right:clamp(24px,6vw,92px);top:auto;bottom:33%;width:min(230px,30vw);gap:8px;pointer-events:none}
.live-gift-bubble{width:max-content;max-width:100%;margin-left:auto;padding:9px 14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(100deg,#7036dc,#a63de6);box-shadow:0 10px 30px rgba(44,12,84,.24);backdrop-filter:blur(10px)}
.live-gift-bubble:nth-last-child(even){background:linear-gradient(100deg,#dd2f57,#f13b65)}.live-gift-bubble b{font-size:12px;white-space:nowrap}.live-gift-bubble i{font-style:normal;font-size:14px}
.live-reactions{z-index:9;right:clamp(18px,3vw,40px);bottom:17%;width:82px;height:40%}
.live-comments-mobile{left:clamp(16px,3vw,30px);bottom:74px;width:min(86%,560px);max-height:150px;gap:6px;mask-image:linear-gradient(transparent,#000 28%,#000)}
.live-comments-mobile .live-comment p{background:rgba(6,8,12,.58);border:1px solid rgba(255,255,255,.08)}
.live-side-panel{display:none}
.live-paywall{z-index:20;background:rgba(0,0,0,.46);backdrop-filter:blur(7px);padding:20px}
.live-paywall-card{width:min(560px,100%);margin:auto;text-align:center;color:#fff}
.live-paywall-lock{width:86px;height:86px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#7342b8,#351768);border:1px solid rgba(190,94,255,.58);box-shadow:0 0 0 10px rgba(152,65,236,.07),0 0 36px rgba(152,65,236,.28)}
.live-paywall-lock .ico{width:36px;height:36px}.live-paywall-card h2{margin:0;font-size:clamp(30px,4vw,44px);line-height:1;font-weight:900;letter-spacing:-.035em}.live-paywall-card>p{margin:16px 0 0;font-size:clamp(16px,2vw,22px);color:#e0e2e8}.live-paywall-card>p strong{color:#a951ff;font-size:1.08em}
.live-price-pills{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin-top:30px!important;align-items:stretch}
.live-price-pills button{position:relative;min-height:126px!important;padding:16px 12px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:23px!important;background:linear-gradient(155deg,rgba(23,26,34,.96),rgba(9,11,16,.96))!important;color:#fff!important;box-shadow:0 14px 40px rgba(0,0,0,.24);overflow:hidden;animation:livePriceGlow 3.6s ease-in-out infinite}
.live-price-pills button:first-child{border-color:var(--site-accent)!important;background:radial-gradient(circle at 70% 90%,color-mix(in srgb,var(--site-accent2) 32%,transparent),transparent 48%),linear-gradient(155deg,#191921,#0b0d13)!important}.live-price-pills button:nth-child(2){animation-delay:.3s}.live-price-pills button:nth-child(3){animation-delay:.6s}
.live-price-pills button span,.live-price-pills button b{display:block}.live-price-pills button span{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:800}.live-price-pills button span .ico{width:17px;height:17px}.live-price-pills button b{margin-top:18px;color:#a958ff;font-size:clamp(18px,2.2vw,26px);white-space:nowrap}.live-price-pills button:first-child b{color:var(--site-accent-bright)}
.live-paywall-card>small{margin:25px auto 0!important;display:flex;align-items:flex-start;justify-content:center;gap:10px;max-width:500px;color:#c3c7d0!important;font-size:12px!important;line-height:1.55}.live-paywall-card>small .ico{width:21px;height:21px;flex:0 0 21px}
@keyframes livePriceGlow{0%,100%{box-shadow:0 14px 40px rgba(0,0,0,.24)}50%{box-shadow:0 14px 46px rgba(117,45,198,.16)}}

.live-composer{z-index:35;display:flex;align-items:center;gap:10px;background:rgba(4,6,10,.94);border-top:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px)}
.live-composer>button{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#171b25;border:1px solid rgba(255,255,255,.08)}.live-composer>button:first-child{background:linear-gradient(145deg,#7332dd,#9c3ef1);color:#fff}.live-composer>button:last-child{background:linear-gradient(145deg,#7430d8,#8f38ee)}.live-composer>button .ico{width:23px;height:23px}.live-composer>button:disabled{opacity:.35}
.live-composer input{height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:#11151d;padding:0 18px;color:#fff;font-size:14px}.live-composer input::placeholder{color:#7f8490}
.live-composer-mobile{position:fixed;left:0;right:0;bottom:0;transform:none;width:100%;padding:10px max(14px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom));}
.live-composer-desktop{display:none}

.live-side-panel{background:linear-gradient(180deg,#0a0d13,#080a0f);border-left:1px solid rgba(255,255,255,.09);min-width:0;color:#fff}
.live-side-tabs{height:70px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;border-bottom:1px solid rgba(255,255,255,.08);padding:0 16px}.live-side-tabs button{height:52px;position:relative;color:#a9adb7;font-size:13px;font-weight:800}.live-side-tabs button.active{color:#fff}.live-side-tabs button.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:999px;background:#9e45ff}
.live-side-view{display:none;min-height:0;overflow:hidden}.live-side-view.active{display:flex;flex-direction:column}
.live-side-comments{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.live-side-comments .live-comment{gap:10px}.live-side-comments .live-comment>span{width:34px;height:34px;flex-basis:34px}.live-side-comments .live-comment p{padding:0;background:none;backdrop-filter:none;font-size:13px;line-height:1.45;color:#eee}.live-side-comments .live-comment p b{display:block;color:var(--site-accent-light);font-size:12px;margin-bottom:2px}
.live-tip-feed,.live-top-fans{padding:14px;display:flex;flex-direction:column;gap:10px;overflow:auto}.live-tip-activity{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:11px;border-radius:14px;background:rgba(121,52,196,.14);border:1px solid rgba(161,71,255,.14)}.live-tip-activity>span{width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#202531}.live-tip-activity img{width:100%;height:100%;object-fit:cover}.live-tip-activity b,.live-tip-activity p,.live-tip-activity small{margin:0}.live-tip-activity b{font-size:12px;color:#bf70ff}.live-tip-activity b small{color:#9ba0aa}.live-tip-activity p{margin-top:3px;font-size:11px;color:#d9dce2}.live-tip-activity strong{font-size:11px;color:#c36eff;white-space:nowrap}
.live-side-empty{padding:24px;color:#838995;text-align:center;font-size:12px}.live-top-fan{display:grid;grid-template-columns:22px 40px 1fr;align-items:center;gap:8px;padding:9px;border-radius:12px}.live-top-fan em{font-style:normal;color:#f0b430;font-weight:900;text-align:center}.live-top-fan>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#202531}.live-top-fan img{width:100%;height:100%;object-fit:cover}.live-top-fan b,.live-top-fan small{display:block}.live-top-fan b{font-size:12px}.live-top-fan small{margin-top:3px;color:var(--site-accent-light);font-size:11px}
.live-top-tippers-card{margin:0 14px 12px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}.live-top-tippers-card>b{display:block;margin-bottom:8px;font-size:12px}.live-top-tippers-card>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.live-top-tippers-card .live-top-fan{display:flex;flex-direction:column;text-align:center;padding:4px}.live-top-tippers-card .live-top-fan em{font-size:10px}.live-top-tippers-card .live-top-fan>span{width:38px;height:38px}.live-top-tippers-card .live-top-fan b{font-size:10px}.live-top-tippers-card .live-top-fan small{font-size:9px}
.live-reaction-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:10px 14px 14px;border-top:1px solid rgba(255,255,255,.08)}.live-reaction-strip button{height:42px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#11151d;font-size:18px}
.live-side-quick-tips{display:none;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}.live-side-quick-tips>b{display:block;margin-bottom:8px;font-size:11px}.live-side-quick-tips>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.live-side-quick-tips button{height:38px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#151821;color:#fff;font-size:11px;font-weight:800}.live-side-quick-tips button:first-child{background:linear-gradient(135deg,#6e32dd,#9b41ef)}.live-side-quick-tips button:nth-child(2){background:linear-gradient(135deg,#d82f57,#ee3e68)}.live-side-quick-tips i{font-style:normal}

/* Live tip sheet cloned from mobile/tablet/desktop approved states */
.live-tip-scrim{background:rgba(0,0,0,.22)!important;backdrop-filter:blur(1px)!important}.live-tip-sheet{position:absolute;z-index:5;left:50%;bottom:0;transform:translateX(-50%);width:min(620px,100%);padding:18px 22px max(18px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.13);border-radius:24px 24px 0 0;background:linear-gradient(160deg,#141820,#0b0e14);box-shadow:0 -28px 80px rgba(0,0,0,.45);color:#fff}.live-tip-handle{display:block;width:54px;height:5px;margin:-4px auto 13px;border-radius:999px;background:#666c77}.live-tip-sheet header{display:flex;align-items:center;gap:12px}.live-tip-sheet header>div{min-width:0;flex:1}.live-tip-sheet header b,.live-tip-sheet header small{display:block}.live-tip-sheet header b{font-size:23px}.live-tip-sheet header small{margin-top:4px;color:#b3b8c2}.live-tip-sheet header>button{width:36px;height:36px;border-radius:50%;background:#1a1f29;color:#fff}.live-tip-balance{display:flex;align-items:center;gap:5px;color:#d4d7de;font-size:12px}.live-tip-balance .ico{width:18px;height:18px;color:#f2b533}
.live-tip-sheet form{margin-top:18px}.live-tip-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.live-tip-presets button{height:54px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--site-accent);border-radius:999px;background:#10131a;color:#fff}.live-tip-presets button.active{border-color:#a34cff;background:linear-gradient(135deg,#6931d5,#9b42e6);box-shadow:0 0 0 2px rgba(154,67,235,.12)}.live-tip-presets .ico{width:18px;height:18px}.live-tip-presets b{font-size:12px;white-space:nowrap}
.live-tip-custom{height:54px;margin-top:14px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0d1016}.live-tip-custom>span .ico{width:20px;color:#a8adb6}.live-tip-custom input{min-width:0;flex:1;height:100%;border:0;background:transparent;color:#fff;outline:none}.live-tip-custom>b{font-size:11px;color:#d2d5dc}.live-tip-message{display:grid;gap:6px;margin-top:12px;color:#c4c8d0;font-size:11px}.live-tip-message span small{color:#7f8590}.live-tip-message textarea{resize:none;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#0d1016;color:#fff;padding:11px;outline:none}.live-tip-submit{width:100%;height:52px;margin-top:14px;border-radius:14px;background:linear-gradient(100deg,#6b32ed,#aa34e7,var(--site-accent));color:#fff;font-size:16px;font-weight:850}.live-tip-secure{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:7px;color:#8f959f;font-size:10px}.live-tip-secure .ico{width:17px;height:17px}

/* Live insufficient-balance modal */
.live-balance-scrim{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(5px)!important}.live-balance-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 28px));padding:28px 24px 20px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(155deg,#171a21,#0c0f15);color:#fff;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.62)}.live-balance-alert{width:44px;height:44px;margin:0 auto 13px;display:grid;place-items:center;border:3px solid #f54166;border-radius:50%;color:#f54166;font-size:23px;font-weight:900}.live-balance-modal h2{margin:0;font-size:25px}.live-balance-modal>p{margin:9px 0 17px;color:#b8bdc6;line-height:1.45;font-size:13px}.live-balance-current{text-align:left;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}.live-balance-current small,.live-balance-current b{display:block}.live-balance-current small{color:#b5bac4;font-size:11px}.live-balance-current b{margin-top:6px;font-size:22px}.live-balance-tip{margin:15px 0 14px;color:#a9aeb7;font-size:11px}.live-balance-tip strong{display:inline-block;margin-left:5px;padding:7px 10px;border-radius:999px;background:#6134a7;color:#fff}.live-balance-modal>label{display:block;text-align:left;margin:0 0 8px;color:#c4c8d0;font-size:11px}.live-balance-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.live-balance-options button{height:66px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#151820;color:#fff}.live-balance-options button.active{border-color:#9e47ff;box-shadow:0 0 0 2px rgba(158,71,255,.14)}.live-balance-options b{font-size:11px}.live-balance-topup{width:100%;height:50px;margin-top:16px;border-radius:14px!important}.live-balance-cancel{width:100%;height:48px;margin-top:8px;border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;background:#10131a}

@media(max-width:699px){
  .live-room,.live-layout,.live-main{height:100dvh;min-height:100dvh}
  .live-stage{height:calc(100dvh - 70px);min-height:0}
  .live-overlay-top{gap:7px;padding:calc(11px + env(safe-area-inset-top)) 11px 8px}
  .live-back{width:40px;height:40px;flex-basis:40px}.live-back .ico{width:21px}
  .live-creator{max-width:35%;gap:7px}.live-creator>span{width:39px;height:39px;flex-basis:39px}.live-creator b{font-size:12px}.live-creator small{font-size:9px}.live-follow{height:34px;padding:0 10px;font-size:10px}
  .live-overlay-actions{gap:5px}.live-count,.live-like-top,.live-share{height:36px;min-width:36px;border-radius:10px}.live-count{padding:0 9px;gap:4px}.live-count b{font-size:11px}.live-count .ico{width:14px}.live-like-top,.live-share{width:36px}.live-like-top .ico,.live-share .ico{width:19px}
  .live-player-tools{right:11px;top:calc(62px + env(safe-area-inset-top));gap:7px}.live-player-tools button{width:36px;height:36px}.live-player-tools button .ico{width:17px}
  .live-meta-overlay{left:18px;bottom:185px;max-width:72%}.live-meta-overlay h1{font-size:19px}.live-meta-overlay small{font-size:11px}.live-meta-state{font-size:9px}
  .live-comments-mobile{left:12px;bottom:70px;max-height:108px;width:82%}.live-comments-mobile .live-comment:nth-last-child(-n/**/+3){display:flex}.live-comments-mobile .live-comment{display:none}.live-comment>span{width:25px;height:25px;flex-basis:25px}.live-comment p{font-size:10px;padding:5px 7px}
  .live-gift-stream{right:12px;bottom:31%;width:180px}.live-gift-bubble{padding:8px 11px}.live-gift-bubble b{font-size:10px}.live-reactions{right:3px;bottom:18%;width:65px;height:35%}
  .live-paywall{padding:18px 12px}.live-paywall-card{width:100%}.live-paywall-lock{width:72px;height:72px;margin-bottom:17px}.live-paywall-lock .ico{width:30px}.live-paywall-card h2{font-size:31px}.live-paywall-card>p{margin-top:13px;font-size:16px}.live-price-pills{gap:8px!important;margin-top:24px!important;padding:0 5px}.live-price-pills button{min-height:104px!important;border-radius:19px!important;padding:13px 6px!important}.live-price-pills button span{font-size:10px}.live-price-pills button span .ico{width:15px}.live-price-pills button b{margin-top:15px;font-size:16px}.live-paywall-card>small{margin-top:21px!important;font-size:10px!important;padding:0 8px}.live-paywall-card>small .ico{width:18px;height:18px;flex-basis:18px}
  .live-stage.locked .live-meta-overlay,.live-stage.locked .live-comments-mobile,.live-stage.locked .live-gift-stream,.live-stage.locked .live-reactions{filter:blur(5px);opacity:.38}
  .live-tip-message{display:none}.live-tip-sheet{padding-left:16px;padding-right:16px}.live-tip-sheet header b{font-size:22px}.live-tip-balance{font-size:10px}.live-tip-presets{gap:6px}.live-tip-presets button{height:49px;padding:0 5px}.live-tip-presets b{font-size:10px}.live-tip-custom{height:50px}.live-tip-submit{height:50px}
  .live-balance-modal{padding:24px 18px 17px}.live-balance-options{gap:6px}.live-balance-options button{height:60px}.live-balance-options b{font-size:9px}
}

@media(min-width:700px) and (max-width:1099px){
  .live-room,.live-layout{height:100dvh;min-height:100dvh}.live-layout{display:grid;grid-template-columns:minmax(0,68%) minmax(280px,32%);padding-bottom:68px}.live-main{height:calc(100dvh - 68px)}.live-stage{height:100%;min-height:0}.live-side-panel{display:flex;height:calc(100dvh - 68px);flex-direction:column}.live-side-view{flex:1}.live-side-comments{max-height:48vh}.live-composer-mobile{height:68px}.live-comments-mobile{display:none}.live-meta-overlay{bottom:34px}.live-side-panel .live-composer-desktop{display:none}.live-side-quick-tips{display:none}.live-tip-sheet{left:67%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(460px,44vw);max-height:84vh;overflow:auto;border-radius:20px}.live-tip-handle{display:none}.live-tip-message{display:grid}.live-balance-modal{width:min(480px,52vw)}
}

@media(min-width:1100px){
  .live-room,.live-layout{height:100dvh;min-height:100dvh}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,27vw,440px)}.live-main,.live-stage{height:100dvh;min-height:0}.live-side-panel{display:flex;height:100dvh;flex-direction:column}.live-side-view{flex:1;min-height:0}.live-side-view.active{overflow:hidden}.live-side-comments{height:100%;max-height:none}.live-comments-mobile{display:none}.live-meta-overlay{bottom:42px}.live-composer-mobile{display:none}.live-composer-desktop{display:flex;position:relative;left:auto;right:auto;bottom:auto;transform:none;width:100%;padding:10px 14px max(10px,env(safe-area-inset-bottom));flex:0 0 auto}.live-composer-desktop>button{width:42px;height:42px;flex-basis:42px}.live-composer-desktop input{height:42px}.live-side-quick-tips{display:block}.live-top-tippers-card,.live-reaction-strip{display:none}.live-tip-sheet{left:auto;right:calc(clamp(340px,27vw,440px) + 28px);top:50%;bottom:auto;transform:translateY(-50%);width:390px;max-height:86vh;overflow:auto;border-radius:20px}.live-tip-handle{display:none}.live-tip-message{display:grid}.live-balance-modal{left:calc((100vw - clamp(340px,27vw,440px))/2);width:min(500px,42vw)}
}
#app:has(.live-screen){max-width:none!important;width:100%;margin:0;background:#020306}
.live-side-lock-note{margin:auto 22px 24px;text-align:center;color:#858a95}.live-side-lock-note .ico{width:20px;height:20px;margin:0 auto 7px}.live-side-lock-note b,.live-side-lock-note small{display:block}.live-side-lock-note b{font-size:12px}.live-side-lock-note small{margin-top:6px;font-size:10px;line-height:1.45}.live-side-panel.locked .live-side-comments{opacity:.28;filter:blur(.2px)}.live-side-panel.locked .live-side-quick-tips,.live-side-panel.locked .live-top-tippers-card,.live-side-panel.locked .live-reaction-strip{opacity:.25;pointer-events:none}
@media(max-width:430px){
  .live-overlay-top{gap:5px;padding-left:8px;padding-right:8px}
  .live-back{width:36px;height:36px;flex-basis:36px}.live-back .ico{width:19px}
  .live-creator{max-width:28%;gap:5px}.live-creator>span{width:36px;height:36px;flex-basis:36px}.live-creator b{font-size:11px}.live-creator small{font-size:8px}
  .live-follow{height:32px;padding:0 8px;font-size:9px}
  .live-overlay-actions{gap:4px}.live-count,.live-like-top,.live-share{height:34px;min-width:34px}.live-count{padding:0 7px}.live-like-top,.live-share{width:34px}
}
.live-paywall-cta{display:none;width:100%;height:52px;margin-top:18px;border-radius:14px;background:linear-gradient(100deg,#6b34f1,#a738ea);color:#fff;font-size:15px;font-weight:850;align-items:center;justify-content:center;gap:8px}.live-paywall-cta .ico{width:18px;height:18px}.live-price-pills button.selected{border-color:#a94cff!important;box-shadow:0 0 0 2px rgba(169,76,255,.12),0 14px 44px rgba(81,28,145,.2)}
.live-composer>button:first-child:disabled{opacity:1;filter:saturate(.72)}
@media(min-width:700px){.live-paywall-cta{display:flex}}

/* XMEGRAM 3.4.9-hotfix106 · Live screenshot parity + viewport stability */
html.live-route-active,body.live-route-active{overflow:hidden!important;overscroll-behavior:none!important;height:100%!important;background:#020306!important}
html.live-route-active body{touch-action:pan-x pan-y}
.live-screen.live-immersive{position:fixed!important;z-index:50!important;left:0!important;right:0!important;top:var(--live-vvoffset,0px)!important;height:var(--live-vvh,100dvh)!important;min-height:0!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#020306!important;box-shadow:none!important;transform:none!important}
.live-screen.live-immersive>.mobile-shell-menu,.live-screen.live-immersive>.desktop-sidebar,.live-screen.live-immersive>.bottom-nav{display:none!important}
.live-screen.live-immersive .live-room,.live-screen.live-immersive .live-layout,.live-screen.live-immersive .live-main{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#020306!important}
.live-screen.live-immersive .live-stage{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;overflow:hidden!important;background:#020306!important;border:0!important;border-radius:0!important}
.live-stage-bg{position:absolute;z-index:0;inset:-5%;background:#05070b center/cover no-repeat;filter:blur(30px) saturate(.92) brightness(.48);transform:scale(1.08);opacity:.82;pointer-events:none}
.live-stage-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,3,6,.72) 0%,rgba(1,3,6,.18) 19%,rgba(1,3,6,.1) 54%,rgba(1,3,6,.74) 89%,#020306 100%)}
.live-media-slot{position:absolute!important;z-index:1!important;inset:0!important;display:grid!important;place-items:center!important;background:transparent!important;overflow:hidden!important}
.live-video,.live-embed,.live-source-poster{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
.live-source-poster{background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important}
.live-stage-shade{z-index:3!important;background:linear-gradient(180deg,rgba(2,4,8,.72) 0,rgba(2,4,8,.14) 20%,rgba(2,4,8,.02) 48%,rgba(2,4,8,.24) 66%,rgba(2,4,8,.84) 100%)!important}

/* Top row: one stable composition, never underneath the player/browser viewport. */
.live-overlay-top{position:absolute!important;z-index:30!important;top:0!important;left:0!important;right:0!important;display:flex!important;align-items:center!important;gap:8px!important;padding:12px max(14px,env(safe-area-inset-left)) 10px!important;background:linear-gradient(180deg,rgba(2,4,8,.92),rgba(2,4,8,.54) 54%,transparent)!important;pointer-events:none!important;min-height:70px!important}
.live-overlay-top>*{pointer-events:auto!important}
.live-back{width:44px!important;height:44px!important;flex:0 0 44px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;background:rgba(7,9,15,.74)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important;backdrop-filter:blur(16px)!important}
.live-back .ico{width:23px!important;height:23px!important}
.live-creator{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:none!important;flex:1 1 auto!important;color:#fff!important;text-align:left!important}
.live-creator>span{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:50%!important;border:2px solid #f12551!important;background:#151923!important;overflow:hidden!important}
.live-creator>div{min-width:0!important}.live-creator b,.live-creator small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.live-creator b{font-size:13px!important;line-height:1.1!important;font-weight:900!important}.live-creator small{margin-top:3px!important;font-size:10px!important;color:#c9cdd5!important}
.live-follow{height:36px!important;flex:0 0 auto!important;padding:0 12px!important;border-radius:9px!important;background:#ed1947!important;color:#fff!important;font-size:11px!important;font-weight:900!important;box-shadow:none!important}
.live-overlay-actions{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;margin-left:2px!important}
.live-count,.live-like-top,.live-share{height:38px!important;min-width:38px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px!important;background:rgba(5,7,12,.72)!important;color:#fff!important;backdrop-filter:blur(14px)!important}
.live-count{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 9px!important;margin:0!important;overflow:visible!important}.live-count .ico{width:15px!important;height:15px!important}.live-count b{height:auto!important;padding:0!important;font-size:11px!important;line-height:1!important}.live-like-top,.live-share{width:38px!important;display:grid!important;place-items:center!important}.live-like-top .ico,.live-share .ico{width:20px!important;height:20px!important}
.live-player-tools{position:absolute!important;z-index:31!important;top:72px!important;right:max(14px,env(safe-area-inset-right))!important;display:flex!important;gap:7px!important}.live-player-tools button{width:38px!important;height:38px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:50%!important;background:rgba(7,9,15,.68)!important;color:#fff!important;backdrop-filter:blur(14px)!important}.live-player-tools button .ico{width:18px!important;height:18px!important}

/* Professional lower gradient and title positioning. */
.live-meta-overlay{position:absolute!important;z-index:12!important;left:22px!important;bottom:168px!important;max-width:min(70%,620px)!important;text-shadow:0 2px 18px rgba(0,0,0,.78)!important}.live-meta-state{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-bottom:7px!important;font-size:10px!important;font-weight:950!important}.live-meta-overlay h1{margin:0!important;font-size:24px!important;line-height:1.08!important;font-weight:900!important}.live-meta-overlay small{display:block!important;margin-top:6px!important;color:#dddfe5!important;font-size:12px!important}
.live-gift-stream{position:absolute!important;z-index:16!important;left:auto!important;right:18px!important;top:auto!important;bottom:31%!important;width:190px!important;display:grid!important;gap:7px!important;pointer-events:none!important}.live-gift-bubble{width:max-content!important;max-width:100%!important;margin-left:auto!important;padding:9px 13px!important;border:0!important;border-radius:999px!important;background:linear-gradient(95deg,#7134dc,#9b42e7)!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.22)!important}.live-gift-bubble:nth-child(even){background:linear-gradient(95deg,#db2d58,#f43b68)!important}.live-gift-bubble b{font-size:11px!important}.live-gift-bubble i{font-size:13px!important}
.live-reactions{z-index:15!important;right:2px!important;bottom:16%!important;width:76px!important;height:42%!important}
.live-tip-fab{position:absolute!important;z-index:18!important;right:28px!important;bottom:205px!important;width:48px!important;height:48px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 35% 30%,#a650ff,#6b2fce)!important;color:#fff!important;box-shadow:0 10px 28px rgba(77,30,157,.35)!important;animation:liveTipFabPulse 2.4s ease-in-out infinite!important}.live-tip-fab .ico{width:23px!important;height:23px!important}@keyframes liveTipFabPulse{0%,100%{transform:scale(1);box-shadow:0 10px 28px rgba(77,30,157,.35)}50%{transform:scale(1.04);box-shadow:0 10px 34px rgba(140,66,238,.5)}}

/* Comment bubbles cloned from approved mobile/side screenshots. */
.live-comments-mobile{position:absolute!important;z-index:14!important;left:14px!important;bottom:76px!important;width:min(82%,520px)!important;max-height:142px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:6px!important;overflow:hidden!important;mask-image:linear-gradient(transparent,#000 18%,#000)!important}
.live-comments-mobile .live-comment{display:flex!important;align-items:flex-start!important;gap:8px!important}.live-comments-mobile .live-comment:nth-child(-n/**/+6){display:flex!important}.live-comment>span{width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:50%!important;overflow:hidden!important;background:#222838!important}.live-comment p{min-width:0!important;margin:0!important;padding:6px 9px!important;border:0!important;border-radius:11px!important;background:rgba(7,9,14,.66)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)!important;color:#f4f4f6!important;font-size:11px!important;line-height:1.28!important;backdrop-filter:blur(12px)!important}.live-comment-head{display:flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important}.live-comment-head b{color:#a850ff!important;font-size:10px!important;font-weight:900!important}.live-comment-head small{color:#8e949e!important;font-size:8px!important}.live-comment p>em{display:block!important;margin-top:2px!important;font-style:normal!important;color:#f4f4f6!important}

/* Locked state: explicitly defeat legacy .live-paywall>div flex rule. */
.live-stage.locked .live-video,.live-stage.locked .live-embed{filter:blur(14px) brightness(.38)!important;transform:scale(1.025)!important}.live-stage.locked .live-stage-bg{filter:blur(34px) brightness(.32)!important}.live-stage.locked .live-stage-shade{background:linear-gradient(180deg,rgba(2,4,8,.79),rgba(2,4,8,.58) 34%,rgba(2,4,8,.72) 100%)!important}.live-paywall{position:absolute!important;z-index:40!important;inset:0!important;display:grid!important;place-items:center!important;padding:96px 18px 88px!important;background:rgba(2,4,8,.28)!important;backdrop-filter:blur(4px)!important;color:#fff!important;overflow:auto!important}.live-paywall[hidden]{display:none!important}.live-paywall>.live-paywall-card{display:block!important;flex:none!important;width:min(550px,100%)!important;max-width:550px!important;margin:0 auto!important;padding:0!important;text-align:center!important;background:transparent!important}.live-paywall-lock{display:grid!important;width:92px!important;height:92px!important;margin:0 auto 24px!important;border-radius:50%!important;place-items:center!important;background:radial-gradient(circle at 38% 32%,#8f48de,#4d1f88 68%,#31145e)!important;border:1px solid rgba(203,113,255,.7)!important;box-shadow:0 0 0 11px rgba(136,56,228,.07),0 0 38px rgba(158,66,239,.34)!important}.live-paywall-lock .ico{width:38px!important;height:38px!important}.live-paywall-card h2{display:block!important;margin:0!important;font-size:40px!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-.04em!important}.live-paywall-card>p{display:block!important;margin:24px 0 0!important;color:#e7e8ec!important;font-size:20px!important}.live-paywall-card>p strong{color:var(--site-accent-light)!important;font-size:1em!important}.live-price-pills{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;margin:34px 0 0!important;padding:0!important}.live-price-pills button{display:block!important;min-width:0!important;min-height:128px!important;height:auto!important;margin:0!important;padding:17px 9px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:24px!important;background:linear-gradient(155deg,#171a22,#0b0e14)!important;color:#fff!important;box-shadow:0 16px 48px rgba(0,0,0,.28)!important}.live-price-pills button.selected,.live-price-pills button:first-child{border-color:#ae4fff!important;background:radial-gradient(circle at 78% 88%,rgba(117,37,126,.35),transparent 52%),linear-gradient(155deg,#171820,#0b0d13)!important;box-shadow:0 0 0 1px rgba(174,79,255,.18),0 16px 48px rgba(0,0,0,.28)!important}.live-price-pills button span{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#fff!important;font-size:12px!important;font-weight:900!important}.live-price-pills button span .ico{width:17px!important;height:17px!important}.live-price-pills button b{display:block!important;margin-top:19px!important;color:#a850ff!important;font-size:22px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important}.live-price-pills button:first-child b{color:var(--site-accent-bright)!important}.live-paywall-card>small{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:10px!important;max-width:480px!important;margin:28px auto 0!important;padding:0!important;color:#c5c9d1!important;font-size:12px!important;line-height:1.55!important}.live-paywall-card>small .ico{width:20px!important;height:20px!important;flex:0 0 20px!important}.live-paywall-cta{display:none!important}

/* Sticky composer is part of Live, never site navigation. */
.live-composer-mobile{position:absolute!important;z-index:45!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;height:70px!important;padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;display:flex!important;align-items:center!important;gap:10px!important;background:linear-gradient(180deg,rgba(4,6,10,.72),rgba(4,6,10,.98))!important;border-top:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(22px)!important}.live-composer>button{width:48px!important;height:48px!important;flex:0 0 48px!important;border:none!important;border-radius:50%!important;background:#151923!important;color:#fff!important}.live-composer>button:first-child{background:linear-gradient(145deg,#7131db,#9840ef)!important;color:#fff!important}.live-composer>button:last-child{background:linear-gradient(145deg,#7131db,#9840ef)!important;color:#fff!important}.live-composer>button .ico{width:23px!important;height:23px!important}.live-composer input{height:48px!important;min-width:0!important;flex:1!important;padding:0 18px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;background:#11151e!important;color:#fff!important;font-size:14px!important;outline:0!important}.live-composer input::placeholder{color:#7f8590!important}.live-composer input:focus{border-color:#7f42dd!important;box-shadow:0 0 0 2px rgba(127,66,221,.12)!important}

/* Tip panel: exactly one obvious entry point plus screenshot-style drawer/modal. */
.live-tip-scrim{background:rgba(0,0,0,.38)!important;backdrop-filter:blur(4px)!important}.live-tip-sheet{z-index:3!important;background:linear-gradient(160deg,#151921,#0b0e14)!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important}.live-tip-sheet header b{font-weight:950!important}.live-tip-presets button{border-color:color-mix(in srgb,var(--site-accent) 72%,transparent)!important;background:#10141b!important}.live-tip-presets button.active{border-color:#a44cff!important;background:linear-gradient(135deg,#6a31d6,#9b42e7)!important}.live-tip-submit{background:linear-gradient(95deg,#6d31e8,#ae31dc,var(--site-accent))!important}

/* Tablet and desktop use dedicated right panel; no mobile comment layer underneath. */
@media(min-width:700px){
  .live-screen.live-immersive .live-layout{display:grid!important;grid-template-columns:minmax(0,68%) minmax(290px,32%)!important}
  .live-screen.live-immersive .live-main{height:100%!important}.live-screen.live-immersive .live-stage{height:100%!important}
  .live-side-panel{display:flex!important;position:relative!important;z-index:50!important;height:100%!important;min-height:0!important;flex-direction:column!important;background:linear-gradient(180deg,#0a0d13,#07090e)!important;border-left:1px solid rgba(255,255,255,.08)!important}
  .live-comments-mobile{display:none!important}.live-tip-fab{display:none!important}.live-composer-mobile{display:none!important}.live-composer-desktop{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;height:68px!important;display:flex!important;flex:0 0 68px!important;padding:10px 14px!important}
  .live-side-view{flex:1!important;min-height:0!important}.live-side-view.active{display:flex!important;flex-direction:column!important;overflow:hidden!important}.live-side-comments{flex:1!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:auto!important}
  .live-meta-overlay{bottom:34px!important}.live-gift-stream{right:30px!important;bottom:26%!important}.live-reactions{bottom:12%!important}.live-paywall{padding:86px 28px 30px!important}.live-paywall>.live-paywall-card{padding:26px 28px 24px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(18,21,28,.96),rgba(8,11,16,.96))!important;box-shadow:0 28px 90px rgba(0,0,0,.48)!important}.live-paywall-lock{width:70px!important;height:70px!important;margin-bottom:14px!important}.live-paywall-lock .ico{width:29px!important;height:29px!important}.live-paywall-card h2{font-size:29px!important}.live-paywall-card>p{margin-top:9px!important;font-size:16px!important}.live-price-pills{margin-top:22px!important;gap:10px!important}.live-price-pills button{min-height:104px!important;border-radius:16px!important}.live-price-pills button b{font-size:18px!important;margin-top:13px!important}.live-paywall-card>small{margin-top:18px!important;font-size:11px!important}.live-paywall-cta{display:flex!important;height:50px!important;margin-top:18px!important;border-radius:13px!important;background:linear-gradient(95deg,#6b31e7,#9d35e4)!important;color:#fff!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-weight:900!important}
  .live-tip-sheet{left:67%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(450px,42vw)!important;max-height:84vh!important;overflow:auto!important;border-radius:20px!important}.live-tip-handle{display:none!important}.live-tip-message{display:grid!important}
}
@media(min-width:1100px){
  .live-screen.live-immersive .live-layout{grid-template-columns:minmax(0,1fr) clamp(350px,27vw,440px)!important}.live-overlay-top{padding-left:24px!important;padding-right:24px!important}.live-creator{flex:0 1 310px!important}.live-meta-overlay{left:30px!important;bottom:36px!important}.live-tip-sheet{left:auto!important;right:calc(clamp(350px,27vw,440px) + 28px)!important;top:50%!important;transform:translateY(-50%)!important;width:390px!important}.live-side-quick-tips{display:block!important}.live-top-tippers-card,.live-reaction-strip{display:none!important}.live-balance-modal{left:calc((100vw - clamp(350px,27vw,440px))/2)!important}
}

/* Mobile exact proportions from approved 9:16 screenshots. */
@media(max-width:699px){
  .live-screen.live-immersive .live-layout{display:block!important}.live-side-panel{display:none!important}
  .live-overlay-top{gap:6px!important;padding:10px 10px 9px!important;min-height:66px!important}.live-back{width:40px!important;height:40px!important;flex-basis:40px!important}.live-back .ico{width:21px!important;height:21px!important}.live-creator{gap:6px!important;flex:1 1 auto!important}.live-creator>span{width:38px!important;height:38px!important;flex-basis:38px!important}.live-creator b{font-size:11px!important}.live-creator small{font-size:8.5px!important}.live-follow{height:34px!important;padding:0 9px!important;border-radius:8px!important;font-size:9px!important}.live-overlay-actions{gap:4px!important}.live-count,.live-like-top,.live-share{height:34px!important;min-width:34px!important;border-radius:9px!important}.live-count{padding:0 7px!important;gap:4px!important}.live-count b{font-size:10px!important}.live-count .ico{width:14px!important}.live-like-top,.live-share{width:34px!important}.live-like-top .ico,.live-share .ico{width:18px!important}
  .live-player-tools{top:60px!important;right:10px!important;gap:6px!important}.live-player-tools button{width:34px!important;height:34px!important}.live-player-tools button .ico{width:16px!important;height:16px!important}
  .live-meta-overlay{left:18px!important;bottom:165px!important;max-width:70%!important}.live-meta-overlay h1{font-size:20px!important}.live-meta-overlay small{font-size:10px!important}.live-meta-state{font-size:9px!important}
  .live-tip-fab{right:21px!important;bottom:188px!important;width:44px!important;height:44px!important}.live-tip-fab .ico{width:21px!important;height:21px!important}
  .live-comments-mobile{left:12px!important;bottom:70px!important;width:78%!important;max-height:120px!important}.live-comment>span{width:26px!important;height:26px!important;flex-basis:26px!important}.live-comment p{padding:5px 8px!important;font-size:10px!important}.live-comment-head b{font-size:9.5px!important}.live-comment-head small{font-size:7.5px!important}
  .live-gift-stream{right:11px!important;bottom:30%!important;width:170px!important}.live-gift-bubble{padding:8px 11px!important}.live-gift-bubble b{font-size:10px!important}.live-reactions{right:0!important;bottom:17%!important;width:60px!important;height:34%!important}
  .live-paywall{padding:82px 14px 78px!important}.live-paywall>.live-paywall-card{width:100%!important}.live-paywall-lock{width:74px!important;height:74px!important;margin-bottom:20px!important}.live-paywall-lock .ico{width:31px!important;height:31px!important}.live-paywall-card h2{font-size:32px!important}.live-paywall-card>p{margin-top:20px!important;font-size:16px!important}.live-price-pills{gap:8px!important;margin-top:27px!important}.live-price-pills button{min-height:112px!important;padding:14px 5px!important;border-radius:19px!important}.live-price-pills button span{gap:5px!important;font-size:10px!important}.live-price-pills button span .ico{width:15px!important;height:15px!important}.live-price-pills button b{margin-top:16px!important;font-size:16px!important}.live-paywall-card>small{margin-top:24px!important;font-size:10px!important;line-height:1.45!important}.live-paywall-card>small .ico{width:18px!important;height:18px!important;flex-basis:18px!important}
  .live-tip-sheet{position:absolute!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;width:100%!important;max-height:min(74vh,620px)!important;overflow:auto!important;padding:16px 16px max(18px,env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important}.live-tip-sheet header b{font-size:22px!important}.live-tip-sheet header small{font-size:11px!important}.live-tip-balance{font-size:10px!important}.live-tip-presets{gap:6px!important}.live-tip-presets button{height:49px!important;padding:0 5px!important}.live-tip-presets b{font-size:10px!important}.live-tip-custom{height:50px!important}.live-tip-message{display:none!important}.live-tip-submit{height:50px!important}
  .live-balance-modal{width:calc(100% - 28px)!important;max-height:calc(var(--live-vvh,100dvh) - 28px)!important;overflow:auto!important;padding:23px 18px 17px!important;border-radius:22px!important}.live-balance-options{gap:6px!important}.live-balance-options button{height:60px!important}.live-balance-options b{font-size:9px!important}
}
@media(max-width:390px){
  .live-overlay-top{gap:4px!important;padding-left:8px!important;padding-right:8px!important}.live-back{width:37px!important;height:37px!important;flex-basis:37px!important}.live-creator>span{width:35px!important;height:35px!important;flex-basis:35px!important}.live-creator b{font-size:10px!important}.live-creator small{font-size:7.5px!important}.live-follow{height:31px!important;padding:0 7px!important;font-size:8px!important}.live-count,.live-like-top,.live-share{height:31px!important;min-width:31px!important}.live-like-top,.live-share{width:31px!important}.live-count{padding:0 6px!important}.live-count b{font-size:9px!important}.live-paywall-card h2{font-size:29px!important}.live-price-pills button b{font-size:15px!important}
}

/* XMEGRAM 3.4.9-hotfix106 · lightweight category art */
.category-tile>span,.discover-category-chip>span,.discover-category-menu>button i{position:relative;overflow:hidden}
.category-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;border:0;border-radius:inherit}

/* 3.4.9-hotfix106 · Live identity is informational only on the watch route. */
.live-room .live-creator,
.live-room .live-comment>span,
.live-room .live-comment-head>b,
.live-room .live-tip-activity>span,
.live-room .live-tip-activity b,
.live-room .live-top-fan>span,
.live-room .live-top-fan b{cursor:default!important}


/* XMEGRAM 3.4.9-hotfix108 · Live UI/thumbnail patch */
.live-category-tile>span{overflow:visible!important;isolation:isolate}
.live-category-tile .category-art{overflow:hidden;border-radius:inherit}
.live-stage-shade{background:linear-gradient(180deg,rgba(2,4,8,.64) 0%,rgba(2,4,8,.12) 18%,rgba(2,4,8,.015) 40%,rgba(2,4,8,.015) 61%,rgba(2,4,8,.18) 75%,rgba(2,4,8,.76) 100%)!important}
.live-stage:after{content:"";position:absolute;z-index:4;left:0;right:0;bottom:0;height:27%;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(2,4,8,.08) 34%,rgba(2,4,8,.48) 78%,rgba(2,4,8,.82) 100%)}
.live-stage.locked:after{display:none}

/* XMEGRAM 3.4.9-hotfix108 · Live continue-watching price card width fix */
.live-price-pills,.live-price-pills button{box-sizing:border-box!important}
@media(max-width:699px){
  .live-paywall{padding-left:10px!important;padding-right:10px!important}
  .live-paywall>.live-paywall-card{width:calc(100vw - 20px)!important;max-width:none!important}
  .live-price-pills{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:0!important}
  .live-price-pills button{width:100%!important;min-width:0!important;min-height:118px!important;padding:15px 7px!important;border-radius:20px!important}
  .live-price-pills button span{font-size:11px!important;gap:5px!important;white-space:nowrap!important}
  .live-price-pills button b{font-size:clamp(15px,4.35vw,19px)!important;letter-spacing:-.02em!important;white-space:nowrap!important}
}
@media(min-width:700px) and (max-width:1099px){
  .live-paywall>.live-paywall-card{width:min(680px,calc(100vw - 48px))!important;max-width:680px!important}
  .live-price-pills button{min-height:116px!important;padding-left:12px!important;padding-right:12px!important}
  .live-price-pills button b{font-size:clamp(18px,2.5vw,23px)!important}
}

/* XMEGRAM 3.4.9-hotfix109 · compact Live directory cards + Live-online alerts */
.live-home-card{position:relative!important;min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.live-home-media{position:relative!important;aspect-ratio:4/3!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#080a0f center/cover no-repeat!important;isolation:isolate!important}
.live-home-media:after{content:""!important;position:absolute!important;z-index:2!important;inset:45% 0 0!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))!important;pointer-events:none!important}
.live-card-fallback{position:absolute!important;z-index:0!important;inset:0!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;filter:blur(2px) brightness(.82)!important;transform:scale(1.02)!important;pointer-events:none!important}.live-card-blur{position:absolute!important;z-index:1!important;inset:-12%!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;filter:blur(20px) brightness(.7) saturate(1.04)!important;transform:scale(1.12)!important;pointer-events:none!important}.live-card-poster{position:absolute!important;z-index:2!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:center!important;background:transparent!important;opacity:0!important;transition:opacity .16s ease!important}.live-card-poster.is-ready{opacity:1!important}.live-home-media.thumbnail-failed .live-card-blur{opacity:.35!important}
.live-pill{z-index:5!important;left:8px!important;top:8px!important;border-radius:6px!important;padding:5px 7px!important;font-size:10px!important}
.live-card-alert{position:absolute!important;z-index:6!important;right:8px!important;top:8px!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:7px!important;background:rgba(8,10,15,.78)!important;color:#fff!important;box-shadow:0 4px 14px rgba(0,0,0,.24)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.live-card-alert .ico{width:19px!important;height:19px!important}
.live-card-alert.active{background:var(--accent)!important;border-color:transparent!important;color:#fff!important}
.live-card-alert.active .ico{fill:currentColor!important}
.live-card-alert:disabled{opacity:.62!important}
.live-card-name{position:absolute!important;z-index:5!important;left:10px!important;right:54px!important;bottom:9px!important;color:#fff!important;font-size:14px!important;line-height:18px!important;font-weight:800!important;text-shadow:0 2px 8px rgba(0,0,0,.78)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.live-card-flag{position:absolute!important;z-index:5!important;right:9px!important;bottom:9px!important;width:27px!important;height:18px!important;display:block!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:2px!important;background:#111!important;box-shadow:0 2px 8px rgba(0,0,0,.42)!important}
.live-card-flag img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.live-card-paused{z-index:3!important;border-radius:0!important}
.live-home-card .live-home-copy,.live-home-card .live-card-avatar,.live-home-card .live-card-follow{display:none!important}
.home-live-strip{gap:8px!important;padding:0 12px 4px!important}
.live-index-grid{gap:8px!important}
.lives-index{padding-left:12px!important;padding-right:12px!important}
.live-index-grid .live-home-card{width:100%!important}

@media(max-width:767px){
  .home-live-section{overflow:visible!important}
  .home-live-section .home-live-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0 12px 4px!important}
  .home-live-section .live-home-card{display:block!important;width:100%!important;flex:none!important;scroll-snap-align:none!important}
  .home-live-section .live-home-card:nth-child(n/**/+9){display:none!important}
  .live-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .live-card-name{left:8px!important;right:47px!important;bottom:7px!important;font-size:12px!important;line-height:16px!important}
  .live-card-flag{right:7px!important;bottom:7px!important;width:24px!important;height:16px!important}
  .live-pill{left:6px!important;top:6px!important;padding:4px 6px!important;font-size:9px!important}
  .live-card-alert{right:6px!important;top:6px!important;width:31px!important;height:31px!important;border-radius:6px!important}
  .live-card-alert .ico{width:17px!important;height:17px!important}
}
@media(min-width:768px){
  .home-live-strip{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;padding:0 12px 5px!important}
  .home-live-strip .live-home-card{flex:0 0 240px!important;width:240px!important}
  .live-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(min-width:1100px){
  .home-live-strip .live-home-card{flex-basis:260px!important;width:260px!important}
  .live-index-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
}


/* XMEGRAM 3.4.9-hotfix113 UI patch · compact Home category chips + refined Live alerts */
.home-categories-section{margin-top:22px!important}
.home-category-strip{align-items:center!important;gap:9px!important;padding-left:22px!important;padding-right:22px!important;padding-top:1px!important;padding-bottom:7px!important;scroll-padding-left:22px!important;scroll-padding-right:22px!important;scroll-snap-type:x proximity!important}
.home-category-chip{flex:0 0 auto!important;min-width:104px!important;max-width:168px!important;height:46px!important;padding:5px 12px 5px 6px!important;display:flex!important;align-items:center!important;gap:9px!important;border:none!important;border-radius:14px!important;background:linear-gradient(145deg,#15111d,#0d1017)!important;color:#f3f4f7!important;text-align:left!important;scroll-snap-align:start!important;box-shadow:0 6px 16px rgba(0,0,0,.22)!important;transition:background .16s ease,border-color .16s ease,transform .12s ease,color .16s ease!important}
.home-category-chip:first-child{margin-left:0!important}
.home-category-chip:last-child{margin-right:0!important}
.home-category-chip>span{position:relative!important;overflow:hidden!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#1d1128 center/cover no-repeat!important;color:#bd65ff!important}
.home-category-chip>span>.ico{width:18px!important;height:18px!important}
.home-category-chip>b{display:block!important;max-width:112px!important;margin:0!important;font-size:12px!important;line-height:1.1!important;font-weight:760!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.home-category-chip.active{border-color:color-mix(in srgb,var(--accent) 66%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,#15111d),#10131b)!important;color:#fff!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent),0 7px 20px rgba(0,0,0,.24)!important}
.home-category-chip.active>span{background:color-mix(in srgb,var(--accent) 24%,#1b1027)!important;color:#d7a4ff!important}
.home-category-chip:active{transform:scale(.985)!important}
.home-country-category>span{background:#151019!important}
.home-country-category .home-country-flag-img{display:block!important;width:26px!important;height:20px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:2px!important}
.home-country-category .country-flag-emoji{font-style:normal!important;font-size:22px!important;line-height:1!important}
.home-live-category-icon{overflow:visible!important;background:#151019!important}
.home-live-category-dot{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;margin:auto!important;width:10px!important;height:10px!important;border-radius:50%!important;background:var(--site-accent)!important;border:2px solid #ff6a87!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--site-accent) 10%,transparent),0 0 10px color-mix(in srgb,var(--site-accent) 28%,transparent)!important;animation:vhHomeLiveDot 1.15s ease-in-out infinite!important}
.home-live-category-dot:after{content:""!important;position:absolute!important;inset:-5px!important;border:1px solid color-mix(in srgb,var(--site-accent) 48%,transparent)!important;border-radius:50%!important;animation:vhHomeLivePulse 1.55s ease-out infinite!important}
@keyframes vhHomeLivePulse{0%{opacity:.78;transform:scale(.68)}70%,100%{opacity:0;transform:scale(1.35)}}
@keyframes vhHomeLiveDot{0%,100%{transform:scale(.92);box-shadow:0 0 0 3px color-mix(in srgb,var(--site-accent) 8%,transparent),0 0 8px color-mix(in srgb,var(--site-accent) 24%,transparent)}50%{transform:scale(1.08);box-shadow:0 0 0 4px color-mix(in srgb,var(--site-accent) 13%,transparent),0 0 13px color-mix(in srgb,var(--site-accent) 38%,transparent)}}
@media(max-width:680px){.home-category-strip{gap:8px!important;padding-left:20px!important;padding-right:20px!important;scroll-padding-left:20px!important;scroll-padding-right:20px!important}.home-category-chip{min-width:100px!important;height:44px!important;padding-right:10px!important}.home-category-chip>span{width:32px!important;height:32px!important;flex-basis:32px!important}.home-category-chip>b{font-size:11.5px!important}}
@media(prefers-reduced-motion:reduce){.home-live-category-dot,.home-live-category-dot:after{animation:none!important}}

/* Live alert heart: borderless and lighter so the thumbnail remains dominant. */
.live-card-alert{border:0!important;background:rgba(7,9,13,.42)!important;box-shadow:0 3px 10px rgba(0,0,0,.15)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
.live-card-alert.active{border:0!important;background:color-mix(in srgb,var(--accent) 72%,rgba(8,10,15,.32))!important}
.live-card-alert .ico{stroke-width:1.7!important}

/* Navigation-only SVG polish. */
.drawer nav button>.ico,.drawer-logout>.ico{width:21px!important;height:21px!important;stroke-width:1.75!important;flex:0 0 21px!important}
.desktop-more-popover .ico{width:20px!important;height:20px!important;stroke-width:1.75!important;flex:0 0 20px!important}
.hero-content .compact-btn .ico{width:19px!important;height:19px!important;stroke-width:1.9!important}

/* Hotfix113 targeted Home category alignment + compact View-all glyph */
.home-section-title .home-all-button{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;color:var(--site-accent-light)!important;border:0!important;background:transparent!important;border-radius:11px!important}
.home-section-title .home-all-button .home-all-dots{width:24px!important;height:30px!important;display:block!important;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--site-accent-light) 38%,transparent))!important}
.home-section-title .home-all-button:active{background:color-mix(in srgb,var(--site-accent-light) 12%,transparent)!important;transform:scale(.96)}

/* Hotfix113 targeted login/live watch refinement */
.live-room .live-creator.avatar-only{flex:0 0 auto!important;width:auto!important;max-width:none!important;gap:0!important}
.live-room .live-creator.avatar-only>span{margin:0!important}
.live-room .live-meta-state{min-width:52px!important;justify-content:flex-start!important;padding-right:5px!important}

/* XMEGRAM hotfix113 · Live watch top-bar balance + professional LIVE pill */
.live-room .live-overlay-actions{margin-left:auto!important}
.live-room .live-player-tools{flex-direction:column!important;align-items:center!important;gap:8px!important}
.live-room .live-meta-state{min-width:76px!important;min-height:28px!important;justify-content:center!important;gap:8px!important;padding:5px 12px!important;border:1px solid rgba(255,49,84,.38)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(38,8,16,.82),rgba(16,5,10,.72))!important;box-shadow:0 6px 18px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.025)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;letter-spacing:.055em!important}
.live-room .live-meta-state:before{width:8px!important;height:8px!important;flex:0 0 8px!important;box-shadow:0 0 0 0 rgba(255,49,84,.34)!important;animation:vhLiveWatchPulse 1.55s cubic-bezier(.4,0,.2,1) infinite!important}
@keyframes vhLiveWatchPulse{0%{transform:scale(.92);box-shadow:0 0 0 0 rgba(255,49,84,.42)}55%{transform:scale(1.05);box-shadow:0 0 0 7px rgba(255,49,84,0)}100%{transform:scale(.92);box-shadow:0 0 0 0 rgba(255,49,84,0)}}
@media(max-width:767px){
  .live-room .live-overlay-actions{margin-left:auto!important}
  .live-room .live-player-tools{top:78px!important;right:12px!important;flex-direction:column!important}
  .live-room .live-meta-state{min-width:72px!important;min-height:27px!important;padding:5px 10px!important;font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.live-room .live-meta-state:before{animation:none!important}}

/* XMEGRAM 3.4.9-hotfix116 · compact mobile Home category/recommendation spacing */
.home-category-chip{
  border-radius:2px!important;
}
.home-category-chip.active{
  border-color:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.07))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,#15111d),#10131b)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent),0 5px 14px rgba(0,0,0,.20)!important;
}
.home-category-chip.active>span{
  background:color-mix(in srgb,var(--accent) 13%,#1b1027)!important;
  color:#c986ff!important;
}
.home-category-chip.all-category>span{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
@media(max-width:767px){
  .home-categories-section{
    margin-top:3px!important;
    margin-bottom:0!important;
  }
  .home-category-strip{
    gap:8px!important;
    padding:1px 7px 2px!important;
    scroll-padding-left:7px!important;
    scroll-padding-right:7px!important;
  }
  .home-recommended-section{
    margin-top:3px!important;
  }
}


/* XMEGRAM 3.4.9-hotfix117 · portrait video full-height contain with blurred side fill */
.watch-player{isolation:isolate}
.watch-video-backdrop{
  position:absolute;
  z-index:0;
  inset:-28px;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:blur(28px) saturate(1.08) brightness(.72);
  transform:scale(1.09);
  opacity:0;
  pointer-events:none;
  transition:opacity .16s ease;
}
.watch-player.portrait-source .watch-video-backdrop{opacity:1}
.watch-player.portrait-source .watch-video{
  position:relative;
  z-index:1;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
.watch-player.portrait-source .watch-poster{position:relative;z-index:1;background-size:contain!important;background-color:transparent!important}
.watch-player .big-play,.watch-player .player-controls,.watch-player .preview-badge,.watch-player .watch-quality{z-index:6}
.live-stage.portrait-source .live-media-slot{background:transparent!important}
.live-stage.portrait-source .live-video{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
}
.live-stage.portrait-source .live-stage-bg{
  inset:-7%!important;
  background-position:center!important;
  background-size:cover!important;
  filter:blur(24px) saturate(1.08) brightness(.78)!important;
  transform:scale(1.12)!important;
  opacity:1!important;
}
.live-stage.portrait-source .live-stage-bg:after{
  background:linear-gradient(180deg,rgba(1,3,6,.36) 0%,rgba(1,3,6,.07) 20%,rgba(1,3,6,.04) 60%,rgba(1,3,6,.42) 100%)!important;
}
@media(max-width:767px){
  .watch-player.portrait-source{background:#050608!important}
  .live-stage.portrait-source .live-video{max-width:100%!important;max-height:100%!important}
}

/* hotfix124: Live fullscreen works even when the browser exposes Fullscreen API but rejects it. */
html.vh-live-fullscreen,body.vh-live-fullscreen{overflow:hidden!important;overscroll-behavior:none!important}
.live-stage:fullscreen,.live-stage:-webkit-full-screen,.live-stage.vh-live-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;border-radius:0!important;z-index:2200!important;background:#000!important}
.live-stage:fullscreen .live-media-slot,.live-stage:-webkit-full-screen .live-media-slot,.live-stage.vh-live-fullscreen .live-media-slot,.live-stage:fullscreen .live-video,.live-stage:-webkit-full-screen .live-video,.live-stage.vh-live-fullscreen .live-video,.live-stage:fullscreen .live-embed,.live-stage:-webkit-full-screen .live-embed,.live-stage.vh-live-fullscreen .live-embed{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
.live-stage:fullscreen .live-video,.live-stage:-webkit-full-screen .live-video,.live-stage.vh-live-fullscreen .live-video{object-fit:contain!important;object-position:center!important}

/* VideoHub 3.4.9-hotfix130 · instant header routes and narrower mobile drawer */
.route-instant-loading{display:grid;gap:10px;padding:10px 0}.route-instant-loading>i{display:block;height:68px;border-radius:13px;background:linear-gradient(90deg,#10151d 20%,#171e28 50%,#10151d 80%);background-size:220% 100%;animation:vhRoutePulse 1.05s linear infinite}.notification-instant-loading{padding:12px 14px}.notification-instant-loading>i{height:82px}.message-instant-loading>i{height:72px}@keyframes vhRoutePulse{to{background-position:-220% 0}}
@media(max-width:767px){.drawer{width:min(290px,78vw)!important}}


/* XMEGRAM 3.4.9-hotfix130 · Creator Studio responsive content manager */
.creator-studio-screen{--studio-line:#ffffff12;--studio-card:#0e131b;--studio-card-2:#111720;background:#05070a}.creator-studio-screen>.topbar{position:sticky;top:0;z-index:30;background:#070a0ee8;border-bottom:1px solid var(--studio-line);backdrop-filter:blur(18px)}.creator-studio-screen .creator-studio-page{width:min(1280px,calc(100% - 34px));margin:0 auto;padding:22px 0 calc(92px + var(--safe-bottom))}.creator-studio-screen .creator-studio-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:3px 0 18px}.creator-studio-screen .creator-studio-heading>div{min-width:0}.creator-studio-screen .creator-studio-heading small{display:block;color:#9f6bff;font-size:10px;font-weight:900;letter-spacing:.14em}.creator-studio-screen .creator-studio-heading h1{margin:4px 0 5px;font-size:30px;line-height:1.08;letter-spacing:-.035em}.creator-studio-screen .creator-studio-heading p{margin:0;color:#929aa6;font-size:12px;line-height:1.5}.creator-studio-screen .creator-upload-main,.creator-studio-screen .creator-upload-head{display:inline-flex;align-items:center;justify-content:center;gap:8px}.creator-studio-screen .creator-upload-main{height:44px;padding:0 16px;border-radius:10px;white-space:nowrap}.creator-studio-screen .creator-upload-main .ico{width:19px}.creator-studio-screen .creator-upload-head{height:38px;padding:0 12px;border-radius:9px;background:#171d26;color:#fff;font-weight:800}.creator-studio-screen .creator-upload-head .ico{width:17px}.creator-studio-screen .creator-summary{margin:0 0 16px!important;padding:0!important;background:transparent!important;box-shadow:none!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px;text-align:left!important}.creator-studio-screen .creator-summary article{min-height:94px;border:1px solid var(--studio-line);border-radius:14px;background:linear-gradient(145deg,var(--studio-card-2),#0b1016);padding:15px;display:flex;align-items:center;gap:12px}.creator-studio-screen .creator-stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#171d27;color:#b46aff;flex:0 0 42px}.creator-studio-screen .creator-stat-icon .ico{width:20px}.creator-studio-screen .creator-summary article>div{min-width:0}.creator-studio-screen .creator-summary small{display:block!important;color:#8e97a4!important;font-size:10px!important;font-weight:700}.creator-studio-screen .creator-summary b{display:block!important;margin-top:4px;font-size:22px!important;letter-spacing:-.025em}.creator-studio-screen .creator-studio-toolbar{border:1px solid var(--studio-line);border-radius:14px 14px 0 0;background:#0b1017;padding:12px;display:flex;align-items:center;gap:12px}.creator-studio-screen .creator-studio-search{height:40px;min-width:260px;max-width:440px;flex:1;border:1px solid #ffffff18;border-radius:9px;background:#070b10;display:flex;align-items:center;gap:8px;padding:0 10px;color:#8d96a3}.creator-studio-screen .creator-studio-search:focus-within{border-color:#8f54e6;box-shadow:0 0 0 2px #8f54e617}.creator-studio-screen .creator-studio-search .ico{width:18px;flex:0 0 18px}.creator-studio-screen .creator-studio-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:12px}.creator-studio-screen .creator-studio-search input::placeholder{color:#737c88}.creator-studio-screen .creator-studio-search button{width:24px;height:24px;border-radius:50%;color:#a6adb7;font-size:18px}.creator-studio-screen .creator-studio-filters{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.creator-studio-screen .creator-studio-filters::-webkit-scrollbar{display:none}.creator-studio-screen .creator-studio-filters button{height:34px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:#141a23;color:#aab2bd;font-size:10px;font-weight:800;white-space:nowrap}.creator-studio-screen .creator-studio-filters button.active{background:#241535;color:#d8b4ff;border-color:#8d4bd255}.creator-studio-screen .creator-list{padding:0 0 calc(24px + var(--safe-bottom))!important;display:block!important;border:1px solid var(--studio-line);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;background:#090d13}.creator-studio-screen .creator-table-head,.creator-studio-screen .creator-row{display:grid;grid-template-columns:minmax(310px,2.3fr) minmax(90px,.75fr) minmax(110px,.9fr) minmax(70px,.55fr) minmax(70px,.55fr) minmax(90px,.7fr) 112px;align-items:center;column-gap:14px}.creator-studio-screen .creator-table-head{min-height:44px;padding:0 14px;border-bottom:1px solid var(--studio-line);color:#7f8995;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.creator-studio-screen .creator-row{margin:0!important;padding:11px 14px!important;border-radius:0!important;border-bottom:1px solid #ffffff0d;background:transparent!important;min-height:88px}.creator-studio-screen .creator-row:last-child{border-bottom:0}.creator-studio-screen .creator-row:hover{background:#0e141c!important}.creator-studio-screen .creator-video-cell{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.creator-studio-screen .creator-thumb{width:112px!important;height:63px!important;border-radius:7px!important;background:#151b24 center/cover no-repeat!important;position:relative;overflow:hidden}.creator-studio-screen .creator-thumb>img{width:100%;height:100%;object-fit:cover;display:block}.creator-studio-screen .creator-thumb:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0e;pointer-events:none}.creator-studio-screen .creator-thumb>i{position:absolute;right:4px;bottom:4px;padding:2px 5px;border-radius:4px;background:#05070ad9;color:#fff;font-size:8px;font-style:normal;font-weight:850}.creator-studio-screen .creator-video-copy{min-width:0}.creator-studio-screen .creator-video-copy>b{display:block;font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-studio-screen .creator-video-copy>small{display:block;margin-top:5px!important;color:#818a96!important;font-size:9px!important}.creator-studio-screen .creator-mobile-meta{display:none}.creator-studio-screen .creator-col{font-size:10px;color:#c3c9d1;min-width:0}.creator-studio-screen .creator-status-col{display:grid;justify-items:start;gap:4px}.creator-studio-screen .creator-status-col>small{font-size:8px;color:#7e8793}.creator-studio-screen .creator-status{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 8px;border-radius:999px;background:#141a22;color:#aeb6c1;font-size:8px;font-weight:850;white-space:nowrap}.creator-studio-screen .creator-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#7c8590}.creator-studio-screen .creator-status.published{background:#10231a;color:#70daa0}.creator-studio-screen .creator-status.published:before{background:#46d184}.creator-studio-screen .creator-status.processing{background:#241d0d;color:#e7c45c}.creator-studio-screen .creator-status.processing:before{background:#efbe3f}.creator-studio-screen .creator-status.private,.creator-studio-screen .creator-status.unlisted{background:#161b25;color:#aeb8c6}.creator-studio-screen .creator-status.rejected{background:#2a1218;color:#ff8d9a}.creator-studio-screen .creator-status.rejected:before{background:#ff6072}.creator-studio-screen .creator-number{font-variant-numeric:tabular-nums;color:#d4d8de}.creator-studio-screen .creator-price{font-weight:800;color:#d9dde4;white-space:nowrap}.creator-studio-screen .creator-row-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:4px!important}.creator-studio-screen .creator-icon-action{width:34px!important;height:34px!important;padding:0!important;border-radius:8px!important;display:grid!important;place-items:center;background:#141a23!important;color:#b8c0cb!important}.creator-studio-screen .creator-icon-action:hover{background:#1b2330!important;color:#fff!important}.creator-studio-screen .creator-icon-action .ico{width:17px}.creator-studio-screen .creator-icon-action.danger-link{background:#211218!important;color:#ff8290!important}.creator-studio-screen .creator-studio-no-results{min-height:260px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;color:#7f8894}.creator-studio-screen .creator-studio-no-results .ico{width:32px;margin-bottom:4px}.creator-studio-screen .creator-studio-no-results b{color:#d7dce3;font-size:13px}.creator-studio-screen .creator-studio-no-results span{font-size:10px}.creator-studio-screen .empty-state{margin:20px}
@media (min-width:641px) and (max-width:1050px){.creator-studio-screen .creator-studio-page{width:min(920px,calc(100% - 28px));padding-top:17px}.creator-studio-screen .creator-studio-heading h1{font-size:26px}.creator-studio-screen .creator-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.creator-studio-screen .creator-summary article{min-height:82px}.creator-studio-screen .creator-studio-toolbar{align-items:stretch;flex-direction:column}.creator-studio-screen .creator-studio-search{max-width:none;min-width:0;width:100%}.creator-studio-screen .creator-table-head{display:none}.creator-studio-screen .creator-list{padding:10px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.creator-studio-screen .creator-row{display:block!important;min-height:0!important;padding:0!important;border:1px solid #ffffff10!important;border-radius:12px!important;overflow:hidden;background:#0e141c!important}.creator-studio-screen .creator-video-cell{display:block}.creator-studio-screen .creator-thumb{width:100%!important;height:auto!important;aspect-ratio:16/9;border-radius:0!important}.creator-studio-screen .creator-video-copy{padding:11px}.creator-studio-screen .creator-video-copy>b{font-size:13px}.creator-studio-screen .creator-mobile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;color:#89929e;font-size:9px}.creator-studio-screen .creator-col{display:none}.creator-studio-screen .creator-row-actions{padding:0 10px 10px!important;justify-content:flex-start!important}.creator-studio-screen .creator-icon-action{width:36px!important;height:36px!important}}
@media (max-width:640px){.creator-studio-screen .creator-studio-page{width:100%;padding:10px 0 calc(88px + var(--safe-bottom))}.creator-studio-screen>.topbar{border-bottom-color:#ffffff0d}.creator-studio-screen .creator-studio-heading{padding:0 14px;margin:4px 0 13px;align-items:flex-start}.creator-studio-screen .creator-studio-heading small{font-size:8px}.creator-studio-screen .creator-studio-heading h1{font-size:23px;margin-top:3px}.creator-studio-screen .creator-studio-heading p{font-size:10px;max-width:280px}.creator-studio-screen .creator-upload-main{display:none}.creator-studio-screen .creator-upload-head span{display:none}.creator-studio-screen .creator-upload-head{width:38px;padding:0}.creator-studio-screen .creator-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 14px 12px!important}.creator-studio-screen .creator-summary article{min-height:72px;padding:11px;border-radius:11px}.creator-studio-screen .creator-stat-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}.creator-studio-screen .creator-stat-icon .ico{width:17px}.creator-studio-screen .creator-summary b{font-size:17px!important}.creator-studio-screen .creator-summary small{font-size:8px!important}.creator-studio-screen .creator-studio-toolbar{margin:0 14px;border-radius:12px;background:#0b1017;padding:8px;display:block}.creator-studio-screen .creator-studio-search{width:100%;max-width:none;min-width:0;height:38px}.creator-studio-screen .creator-studio-filters{margin-top:8px;padding-bottom:1px}.creator-studio-screen .creator-studio-filters button{height:31px;padding:0 10px;font-size:9px}.creator-studio-screen .creator-list{margin-top:10px;border:0;border-radius:0;background:transparent;padding:0 14px calc(18px + var(--safe-bottom))!important;display:grid!important;gap:9px!important}.creator-studio-screen .creator-table-head{display:none}.creator-studio-screen .creator-row{display:block!important;min-height:0!important;padding:0!important;border:1px solid #ffffff10!important;border-radius:12px!important;overflow:hidden;background:#0e141c!important}.creator-studio-screen .creator-video-cell{display:grid;grid-template-columns:118px minmax(0,1fr);gap:0}.creator-studio-screen .creator-thumb{width:118px!important;height:78px!important;border-radius:0!important}.creator-studio-screen .creator-video-copy{padding:9px 10px;align-self:center}.creator-studio-screen .creator-video-copy>b{font-size:11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.creator-studio-screen .creator-video-copy>small{font-size:8px!important;margin-top:4px!important}.creator-studio-screen .creator-mobile-meta{display:flex;align-items:center;gap:6px;margin-top:7px;overflow:hidden}.creator-studio-screen .creator-mobile-meta>span:not(.creator-status){font-size:8px;color:#858e99;white-space:nowrap}.creator-studio-screen .creator-mobile-price{display:inline!important;color:#dce2ea;font-size:inherit;font-weight:850}.creator-studio-screen .creator-mobile-meta>span:nth-of-type(3){display:none}.creator-studio-screen .creator-status{min-height:20px;padding:0 6px;font-size:7px}.creator-studio-screen .creator-status:before{width:5px;height:5px}.creator-studio-screen .creator-col{display:none}.creator-studio-screen .creator-row-actions{padding:7px 9px!important;border-top:1px solid #ffffff0b;justify-content:flex-end!important}.creator-studio-screen .creator-icon-action{width:32px!important;height:32px!important;border-radius:7px!important}.creator-studio-screen .creator-icon-action .ico{width:15px}}


/* hotfix132: professional upload/import preview player — UI only */
.upload-pro-player{position:relative;width:100%;height:100%;min-height:0;background:#05070a;overflow:hidden;border-radius:inherit;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.upload-pro-player video{width:100%;height:100%;display:block;object-fit:contain;background:#05070a;cursor:pointer}
.upload-pro-player:before{content:"";position:absolute;inset:auto 0 0;height:42%;z-index:1;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.78))}
.upload-pro-center{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.32);background:rgba(7,10,15,.68);color:#fff;box-shadow:0 10px 32px rgba(0,0,0,.3);backdrop-filter:blur(10px);transition:.18s ease}
.upload-pro-center .ico{width:27px;height:27px;fill:currentColor;stroke-width:1.5}
.upload-pro-player.is-playing .upload-pro-center{opacity:0;transform:translate(-50%,-50%) scale(.88);pointer-events:none}
.upload-pro-controls{position:absolute;z-index:4;left:10px;right:10px;bottom:9px;min-height:42px;padding:7px 9px;border-radius:12px;display:grid;grid-template-columns:32px auto minmax(70px,1fr) auto 32px 32px;align-items:center;gap:7px;background:rgba(7,10,15,.72);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 26px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.upload-pro-controls button{width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#fff}
.upload-pro-controls button:hover,.upload-pro-controls button:focus-visible{background:rgba(255,255,255,.12)}
.upload-pro-controls .ico{width:19px;height:19px}
.upload-pro-time{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.upload-pro-seek{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer}
.upload-pro-seek::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0,var(--accent) calc(var(--upload-preview-progress,0)*1%),rgba(255,255,255,.32) calc(var(--upload-preview-progress,0)*1%),rgba(255,255,255,.32) 100%)}
.upload-pro-seek::-moz-range-track{height:3px;border-radius:999px;background:rgba(255,255,255,.32)}
.upload-pro-seek::-moz-range-progress{height:3px;border-radius:999px;background:var(--accent)}
.upload-pro-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4.5px;box-shadow:0 0 0 3px rgba(0,0,0,.25)}
.upload-pro-seek::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.picked-video{aspect-ratio:16/9;background:#05070a}
.picked-video>.upload-pro-player{width:100%;height:100%}
.upload-preview-actions{position:absolute;z-index:6;right:9px;top:9px;display:flex;gap:7px}
.upload-preview-actions .preview-float{position:static;height:34px;background:rgba(9,12,18,.78)}
.imported-video-card.professional{display:block;padding:0;overflow:hidden;background:var(--upload-card)}
.imported-video-card.professional .imported-video-thumb{height:auto;aspect-ratio:16/9;border-radius:0;background:#05070a}
.imported-video-card.professional .imported-video-copy{padding:11px 13px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.imported-video-card.professional .imported-video-copy b{font-size:13px;-webkit-line-clamp:1}
.imported-video-card.professional .imported-video-copy span{margin:0;white-space:nowrap}
html.vh-upload-preview-fullscreen,body.vh-upload-preview-fullscreen{overflow:hidden!important}
.upload-pro-player.vh-upload-preview-fullscreen{position:fixed!important;z-index:2147483000!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border-radius:0!important;background:#000!important}
.upload-pro-player.vh-upload-preview-fullscreen video{width:100%!important;height:100%!important;object-fit:contain!important}
.upload-pro-player.vh-upload-preview-fullscreen .upload-pro-controls{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
@media(max-width:520px){
 .upload-pro-center{width:50px;height:50px}.upload-pro-center .ico{width:23px;height:23px}
 .upload-pro-controls{left:7px;right:7px;bottom:7px;min-height:38px;padding:5px 6px;gap:4px;grid-template-columns:28px auto minmax(48px,1fr) auto 28px 28px;border-radius:10px}
 .upload-pro-controls button{width:28px;height:28px}.upload-pro-controls .ico{width:17px;height:17px}.upload-pro-time{font-size:9.5px}
 .upload-preview-actions{right:7px;top:7px;gap:5px}.upload-preview-actions .preview-float{height:29px;padding:0 8px;font-size:10px}
 .imported-video-card.professional .imported-video-copy{padding:8px 10px 9px}
}

/* hotfix134 · compact wallet and wider subscription plans */
.wallet-screen{background:radial-gradient(circle at 85% 3%,rgba(151,58,255,.08),transparent 28%),#04050a}
.wallet-screen .commerce-topbar h1 i{border:0;background:#181126}
.wallet-hero-modern{min-height:206px;margin-top:8px;padding:22px 24px;border:0!important;border-radius:24px;background:radial-gradient(circle at 82% 20%,rgba(166,76,255,.30),transparent 30%),linear-gradient(145deg,#17122d 0%,#0c0d17 58%,#090b12 100%);box-shadow:0 18px 45px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)}
.wallet-hero-modern:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-105px;background:rgba(171,77,255,.13);filter:blur(6px);pointer-events:none}
.wallet-hero-modern .wallet-balance>strong{font-size:42px;line-height:1.05;margin:10px 0 8px;letter-spacing:-1.2px}
.wallet-hero-modern .wallet-balance small{font-size:13px}.wallet-hero-modern .wallet-balance>span{font-size:12px}
.wallet-hero-modern .wallet-art{right:30px;top:25px;transform:scale(.76);transform-origin:top right;opacity:.86;animation:walletFloat 5s ease-in-out infinite}
.wallet-hero-modern .wallet-hero-stats{left:24px;right:24px;bottom:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}
.wallet-hero-modern .wallet-hero-stats>div+div{border-left:0;padding-left:28px}.wallet-hero-modern .wallet-hero-stats small{font-size:11px}.wallet-hero-modern .wallet-hero-stats strong{font-size:15px;margin-top:4px}
.wallet-quick-actions{height:auto;min-height:78px;margin-top:10px;padding:0;border:0!important;background:transparent!important;border-radius:0;gap:10px;display:grid;grid-template-columns:1fr 1fr!important}
.wallet-quick-actions .wallet-quick-action{min-width:0;height:78px;border:0!important;border-radius:20px;padding:0 15px;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;justify-content:initial;color:#fff;background:linear-gradient(145deg,#151823,#0d1018);box-shadow:0 12px 28px rgba(0,0,0,.22);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.wallet-quick-actions .wallet-quick-action.topup{background:linear-gradient(135deg,#7d31e8,#a93bf1 56%,#cc37d3);box-shadow:0 14px 32px rgba(139,61,255,.23)}
.wallet-quick-actions .wallet-quick-action.withdraw{background:linear-gradient(145deg,#171b27,#10131d)}
.wallet-quick-actions .wallet-quick-action>i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-style:normal}
.wallet-quick-actions .wallet-quick-action.withdraw>i{background:#222838;color:#c786ff}.wallet-quick-actions .wallet-quick-action>i .ico{width:23px;height:23px}
.wallet-quick-actions .wallet-quick-action>span{min-width:0}.wallet-quick-actions .wallet-quick-action b,.wallet-quick-actions .wallet-quick-action small{display:block}.wallet-quick-actions .wallet-quick-action b{font-size:14px}.wallet-quick-actions .wallet-quick-action small{font-size:10px;margin-top:4px;color:rgba(255,255,255,.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wallet-quick-actions .wallet-quick-action>.ico{width:17px;color:rgba(255,255,255,.65)}
.wallet-quick-actions .wallet-quick-action:active{transform:scale(.975)}
.wallet-panel-modern{border:0!important;border-radius:22px;background:linear-gradient(145deg,#0f121b,#0a0c12);box-shadow:0 14px 34px rgba(0,0,0,.20)}
.wallet-panel-modern>header{height:48px}.wallet-panel-modern>header h2{font-size:16px}
.wallet-transactions>div{padding:0 14px 8px}.wallet-tx{min-height:54px;border-top:1px solid rgba(255,255,255,.055)}.tx-icon{width:36px;height:36px;border:0!important;background:#1a1126}.tx-icon.tip_received,.tx-icon.tip{background:#10251a}.wallet-tx>strong{font-size:12px}
.wallet-panel-modern .earnings-grid{gap:9px;padding:0 12px 12px}.wallet-panel-modern .earnings-grid article{min-height:92px;border:0!important;border-radius:16px;padding:12px;background:#11141e}.wallet-panel-modern .earnings-grid article>i{width:46px;height:46px;border:0;background:#24153b}.wallet-panel-modern .earnings-grid strong{font-size:18px}
.payout-available{margin:10px 20px 4px;padding:16px 18px;border-radius:20px;background:linear-gradient(135deg,#17122b,#0d1018);display:flex;align-items:center;gap:13px;box-shadow:0 14px 32px rgba(0,0,0,.22)}.payout-available>i{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#8039dc,#b44ee8);font-style:normal}.payout-available>i .ico{width:24px}.payout-available small,.payout-available strong{display:block}.payout-available small{font-size:11px;color:#aaa7b5}.payout-available strong{font-size:22px;margin-top:3px}.payout-available>.payout-held{margin-left:auto;text-align:right}.payout-available>.payout-held strong{font-size:16px}
.subscription-hero,.current-plan,.subscription-plan,.premium-benefits,.subscription-history>div{border:0!important}.subscription-hero{box-shadow:0 18px 42px rgba(0,0,0,.24)}.subscription-plan{background:linear-gradient(150deg,#11141b,#090b10);box-shadow:0 12px 28px rgba(0,0,0,.22)}.subscription-plan.featured,.subscription-plan.selected{border:0!important;background:radial-gradient(circle at 50% -8%,rgba(166,71,255,.22),transparent 36%),linear-gradient(150deg,#171126,#0a0c12);box-shadow:0 14px 34px rgba(111,44,210,.20)}
@keyframes walletFloat{0%,100%{transform:scale(.76) translateY(0) rotate(0)}50%{transform:scale(.76) translateY(-5px) rotate(-1deg)}}
@media(max-width:680px){.payout-available{margin-left:16px;margin-right:16px}.choose-plan{padding-left:16px;padding-right:16px}.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subscription-plan{min-width:0;min-height:218px;padding:20px 12px 14px;border-radius:20px}.subscription-plan h3{font-size:13px}.subscription-plan strong{font-size:18px}.subscription-plan .plan-radio{width:32px;height:32px}}
@media(max-width:520px){.wallet-hero-modern{min-height:194px;padding:18px}.wallet-hero-modern .wallet-balance>strong{font-size:34px}.wallet-hero-modern .wallet-art{right:12px;top:18px;transform:scale(.62);opacity:.7}.wallet-hero-modern .wallet-hero-stats{left:18px;right:18px;bottom:14px}.wallet-hero-modern .wallet-hero-stats>div+div{padding-left:14px}.wallet-quick-actions{min-height:72px;gap:8px}.wallet-quick-actions .wallet-quick-action{height:72px;border-radius:18px;padding:0 12px;grid-template-columns:38px minmax(0,1fr) 15px;gap:8px}.wallet-quick-actions .wallet-quick-action>i{width:38px;height:38px;border-radius:13px}.wallet-panel-modern{margin-top:8px;margin-bottom:8px}.wallet-panel-modern .earnings-grid{grid-template-columns:1fr 1fr}.wallet-panel-modern .earnings-grid article{display:block;min-height:108px}.wallet-panel-modern .earnings-grid article>i{width:38px;height:38px;margin-bottom:8px}.wallet-panel-modern .earnings-grid strong{font-size:16px}.subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subscription-plan{min-height:212px;padding:18px 10px 13px}.subscription-plan strong{font-size:17px}.subscription-plan h3{font-size:12px}}
@media(max-width:370px){.subscription-plan-grid{grid-template-columns:1fr}.subscription-plan{min-height:190px}.wallet-quick-actions .wallet-quick-action small{display:none}}
@media(prefers-reduced-motion:reduce){.wallet-hero-modern .wallet-art{animation:none}.wallet-quick-actions .wallet-quick-action{transition:none}}

/* 3.4.9-hotfix135 · professional borderless Cart */
.cart-screen{
  background:
    radial-gradient(circle at 88% -8%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 28%),
    #030509!important;
}
.cart-screen .commerce-topbar{
  border-bottom:0!important;
  box-shadow:none!important;
  background:color-mix(in srgb,#030509 94%,transparent)!important;
}
.cart-screen .commerce-topbar h1{letter-spacing:-.55px}
.cart-clear{
  min-height:38px;padding:0 11px!important;border:0!important;border-radius:12px!important;
  background:#ff4f5c12!important;color:#ff6671!important;white-space:nowrap;
  display:inline-flex!important;align-items:center;justify-content:center;gap:6px!important;
  transition:transform .16s ease,background .16s ease,color .16s ease;
}
.cart-clear:active{transform:scale(.96);background:#ff4f5c20!important;color:#ff7b84!important}
.cart-clear .ico{width:17px!important;height:17px!important}
.cart-secure{
  width:max-content;max-width:calc(100% - 32px);margin:3px auto 13px;padding:8px 12px!important;
  border:0!important;border-radius:999px;background:#ffffff08;color:#9ca5b1!important;
  font-size:11px!important;line-height:1;box-shadow:none!important;
}
.cart-secure .ico{width:16px!important;height:16px!important}
.cart-list{gap:12px!important}
.cart-item-card{
  border:0!important;
  background:linear-gradient(145deg,#111720 0%,#0b1017 62%,#090d13 100%)!important;
  box-shadow:0 14px 32px #00000042!important;
  border-radius:20px!important;
  overflow:hidden;
}
.cart-thumb{
  border:0!important;border-radius:15px!important;background-color:#0b1017!important;
  box-shadow:none!important;
}
.cart-thumb:after{background:linear-gradient(transparent 58%,#000000b8)!important}
.cart-thumb>span{
  right:7px!important;bottom:7px!important;padding:4px 7px!important;border-radius:7px!important;
  background:#05070bd9!important;box-shadow:0 3px 10px #0008;font-size:10px!important;
}
.cart-item-main{padding:4px 3px 3px!important}
.cart-item-head h2{
  font-weight:850!important;letter-spacing:-.22px;color:#f7f9fc!important;
  display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important;
  overflow:hidden;text-overflow:ellipsis;
}
.cart-remove{
  border:0!important;border-radius:12px!important;background:#ff4c5910!important;color:#ff6672!important;
  box-shadow:none!important;transition:transform .15s ease,background .15s ease;
}
.cart-remove:active{transform:scale(.94);background:#ff4c5920!important}
.cart-remove .ico{width:18px!important;height:18px!important}
.cart-badges{gap:6px!important}
.cart-badges span{
  border:0!important;border-radius:8px!important;padding:5px 8px!important;
  background:color-mix(in srgb,var(--accent) 12%,#11151c)!important;
  color:color-mix(in srgb,var(--accent) 72%,#fff)!important;font-size:10px!important;
}
.cart-badges span+span{background:#ffffff0b!important;color:#bbc2cc!important}
.cart-creator{color:#aab2bd!important;min-width:0}
.cart-creator .mini-avatar{border:0!important;box-shadow:none!important}
.cart-creator b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-line-price{
  color:color-mix(in srgb,var(--accent) 78%,#fff)!important;font-size:20px!important;
  letter-spacing:-.35px!important;padding-top:13px!important;
}
.cart-coupon{
  border:0!important;border-radius:16px!important;background:#0d1219!important;
  box-shadow:0 10px 28px #0003!important;padding-left:14px!important;
}
.cart-coupon input{font-size:13px!important}
.cart-coupon button{
  border:0!important;border-radius:12px!important;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 18%,transparent)!important;
}
.cart-summary{
  border:0!important;border-radius:19px!important;
  background:linear-gradient(145deg,#10151d,#0b0f16)!important;
  box-shadow:0 16px 34px #0004!important;padding:17px 17px 15px!important;
}
.cart-summary>div{padding:6px 1px!important;color:#9fa8b4!important}
.cart-summary>div b{color:#e5e9ef!important}
.cart-summary hr{background:#ffffff0c!important;margin:9px 0!important}
.cart-summary .cart-total{padding-top:8px!important;color:#eef1f5!important}
.cart-summary .cart-total strong{font-size:23px!important;color:color-mix(in srgb,var(--accent) 78%,#fff)!important}
.cart-checkout{
  border:0!important;border-radius:15px!important;height:58px!important;margin-top:15px!important;
  background:linear-gradient(105deg,var(--accent),var(--accent2))!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 24%,transparent)!important;
  transition:transform .16s ease,filter .16s ease;
}
.cart-checkout:active{transform:scale(.985);filter:brightness(.96)}
.cart-summary>p{color:#929ba7!important}
.cart-rec-card{
  border:0!important;border-radius:16px!important;background:#0d1218!important;
  box-shadow:0 10px 25px #0003!important;
}
.cart-rec-thumb{border:0!important;border-radius:0!important}
.cart-rec-add,.cart-rec-subscribe{border:0!important;box-shadow:none!important}

@media(max-width:680px){
  .cart-screen .commerce-topbar{padding-left:12px!important;padding-right:12px!important}
  .cart-screen .commerce-topbar h1{font-size:23px!important}
  .cart-clear{min-height:36px;padding:0 9px!important;font-size:11px!important;border-radius:11px!important}
  .cart-secure{margin-bottom:11px!important}
  .cart-list{padding-left:13px!important;padding-right:13px!important;gap:12px!important}
  .cart-item-card{
    grid-template-columns:minmax(118px,40%) minmax(0,1fr)!important;
    gap:12px!important;padding:8px!important;border-radius:19px!important;
  }
  .cart-thumb{aspect-ratio:1/1.08!important;border-radius:14px!important}
  .cart-item-main{padding:5px 2px 4px!important}
  .cart-item-head h2{font-size:14px!important;line-height:1.28!important;padding-top:1px!important}
  .cart-remove{width:34px!important;height:34px!important;flex-basis:34px!important}
  .cart-badges{margin-top:9px!important}
  .cart-creator{margin-top:10px!important}
  .cart-line-price{font-size:18px!important;padding-top:11px!important}
  .cart-coupon,.cart-summary{margin-left:13px!important;margin-right:13px!important}
  .cart-coupon{min-height:58px!important}
  .cart-summary{padding:15px!important}
  .cart-checkout{height:55px!important;font-size:15px!important}
}
@media(max-width:390px){
  .cart-item-card{grid-template-columns:minmax(110px,39%) minmax(0,1fr)!important;gap:10px!important}
  .cart-line-price{font-size:17px!important}
  .cart-badges span{padding:4px 6px!important;font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.cart-clear,.cart-remove,.cart-checkout{transition:none!important}}

/* XMEGRAM 3.4.9-hotfix166 · maroon Home category tabs + tighter cards + balanced headers */
:root{
  --home-tab-maroon:#31151e;
  --home-tab-maroon-soft:#401b28;
  --home-tab-maroon-active:#6a3045;
  --home-tab-maroon-active-icon:#7b3952;
  --home-tab-maroon-text:#e9bcc8;
  --home-tab-maroon-active-text:#fff2f5;
}
.home-category-chip{
  border:0!important;
  background:var(--home-tab-maroon)!important;
  color:var(--home-tab-maroon-text)!important;
  box-shadow:none!important;
}
.home-category-chip>span,
.home-country-category>span,
.home-live-category-icon{
  background:var(--home-tab-maroon-soft)!important;
  color:#f1c3cf!important;
  box-shadow:none!important;
}
.home-category-chip.active{
  border:0!important;
  background:var(--home-tab-maroon-active)!important;
  color:var(--home-tab-maroon-active-text)!important;
  box-shadow:none!important;
}
.home-category-chip.active>span,
.home-category-chip.all-category.active>span{
  background:var(--home-tab-maroon-active-icon)!important;
  color:#ffe7ee!important;
  box-shadow:none!important;
}
.home-category-chip.all-category>span{box-shadow:none!important}

@media(max-width:767px){
  .home-category-strip{
    gap:5px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .home-recommended-section>.shared-mobile-masonry,
  .mobile-suggestions-section>.shared-mobile-masonry,
  .watch-related>.shared-mobile-masonry{
    gap:4px!important;
  }

  /* Keep the main application headers on one visual scale. */
  .topbar,
  .commerce-topbar,
  .notification-topbar{
    height:68px!important;
    min-height:68px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    align-items:center!important;
  }
  .topbar .icon-btn,
  .commerce-topbar .icon-btn,
  .notification-topbar .icon-btn,
  .direct-header>.icon-btn{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .topbar .icon-btn .ico,
  .commerce-topbar .icon-btn .ico,
  .notification-topbar .icon-btn .ico,
  .direct-header>.icon-btn .ico{
    width:22px!important;
    height:22px!important;
  }
  .top-title,
  .commerce-topbar h1,
  .notification-topbar h1{
    font-size:21px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.035em!important;
  }
  .brand-title{font-size:23px!important}
  .notification-topbar{grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important}
  .direct-header{
    height:calc(68px + var(--safe-top))!important;
    min-height:calc(68px + var(--safe-top))!important;
    padding-top:var(--safe-top)!important;
    align-items:center!important;
  }
}

@media(min-width:768px){
  .topbar,.commerce-topbar,.notification-topbar,.direct-header{min-height:72px!important}
  .notification-topbar{height:72px!important;padding-left:24px!important;padding-right:24px!important}
  .notification-topbar h1{font-size:22px!important}
}

/* XMEGRAM 3.4.9-hotfix166 · conversion-focused Instagram palette system */
:root{
  --accent:#FD1D1D;
  --accent2:#833AB4;
  --accent3:#FCB045;
  --brand-red:#FD1D1D;
  --brand-purple:#833AB4;
  --brand-gold:#FCB045;
  --tab-maroon:#321117;
  --tab-maroon-2:#441821;
  --tab-maroon-active:#6f2633;
  --tab-maroon-text:#e7aeb5;
  --tab-maroon-active-text:#fff6f7;
  --conversion-gradient:linear-gradient(110deg,#833AB4 0%,#FD1D1D 56%,#FCB045 100%);
  --conversion-gradient-soft:linear-gradient(135deg,rgba(131,58,180,.24),rgba(253,29,29,.18) 58%,rgba(252,176,69,.14));
}

/* Brand and global action hierarchy */
.brand-title b,
.auth-logo-mark+*,
.gradient-brand-text{
  color:#FD1D1D;
  background:linear-gradient(92deg,#833AB4 0%,#FD1D1D 52%,#FCB045 100%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.bottom-nav :is(button,a).active{color:#FD1D1D!important}
.notify-btn i{background:#FD1D1D!important;box-shadow:0 5px 18px rgba(253,29,29,.32)}
.text-btn,.commerce-link,.section-title button{color:#FCB045!important}
.primary,.login-submit,.cart-checkout,.checkout-pay,.chat-purchase-submit,.live-paywall-cta,
.premium-download-cta,.site-payment-sheet>footer .primary,.support-money-sheet .primary,
.upload-price-sheet .primary{
  background:var(--conversion-gradient)!important;
  color:#fff!important;border:0!important;
  box-shadow:0 13px 30px rgba(253,29,29,.20),0 7px 20px rgba(131,58,180,.16)!important;
  position:relative;overflow:hidden;isolation:isolate;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.primary:before,.cart-checkout:before,.checkout-pay:before,.chat-purchase-submit:before,
.live-paywall-cta:before,.premium-download-cta:before,.site-payment-sheet>footer .primary:before{
  content:"";position:absolute;inset:-2px auto -2px -40%;width:28%;z-index:-1;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.23),transparent);
  transform:skewX(-18deg);animation:conversionShine 4.2s ease-in-out infinite;
}
.primary:active,.cart-checkout:active,.checkout-pay:active,.unlock-btn:active{transform:scale(.985)!important;filter:brightness(.97)}

/* Maroon navigation/filter language across the site */
.home-category-chip,.discover-category-chip,.filter-chips button,.notification-filters button,
.purchase-tabs button,.creator-studio-screen .creator-studio-filters button,
.purchase-filter-sheet>div>button,.live-discover-chip{
  border:0!important;box-shadow:none!important;background:var(--tab-maroon)!important;
  color:var(--tab-maroon-text)!important;
}
.home-category-chip>span,.home-country-category>span,.home-live-category-icon{
  background:var(--tab-maroon-2)!important;color:#f0bcc3!important;
}
.home-category-chip.active,.discover-category-chip.active,.filter-chips button.active,
.notification-filters button.active,.purchase-tabs button.active,
.creator-studio-screen .creator-studio-filters button.active,
.purchase-filter-sheet>div>button.active,.live-discover-chip.active{
  background:var(--tab-maroon-active)!important;color:var(--tab-maroon-active-text)!important;
  border:0!important;box-shadow:0 8px 22px rgba(88,25,37,.22)!important;
}
.home-category-chip.active>span,.home-category-chip.all-category.active>span{background:#813040!important;color:#fff4f6!important}
.profile-tabs{height:auto!important;padding:7px 14px!important;gap:6px!important;box-shadow:none!important}
.profile-tabs button{min-height:39px!important;border-radius:11px!important;background:var(--tab-maroon)!important;color:var(--tab-maroon-text)!important;padding:0 13px!important}
.profile-tabs button.active{background:var(--tab-maroon-active)!important;color:#fff!important}
.profile-tabs button.active:after{display:none!important}
.purchase-tabs{border:0!important;background:#14090c!important;gap:5px!important}

/* Video selling surfaces: price and value should read before secondary metadata */
.watch-price,.card-foot strong,.rank-row>strong,.library-row em,.cart-line-price,
.cart-summary .cart-total strong,.subscription-plan strong,.creator-price,.creator-mobile-price,
.checkout-video>strong,.purchase-copy strong,.live-price-pills strong{
  color:#FCB045!important;
}
.watch-title-line .watch-price,.cart-summary .cart-total strong,.subscription-plan.selected strong,
.checkout-video>strong{
  background:linear-gradient(90deg,#FCB045 0%,#FD1D1D 68%);
  background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.verified,.profile-verified{color:#fff!important}
.save-float.active,.watch-actions button.active{color:#FD1D1D!important}
.follow-btn{box-shadow:inset 0 0 0 1.5px #833AB4!important;color:#b979db!important}
.follow-btn.active{background:#24142c!important}

/* Watch page: strongest conversion moment */
.watch-info{position:relative}
.watch-unlock{padding-top:20px!important}
.unlock-btn{
  min-height:62px!important;border-radius:16px!important;border:0!important;
  background:var(--conversion-gradient)!important;color:#fff!important;
  box-shadow:0 15px 34px rgba(253,29,29,.22),0 7px 20px rgba(131,58,180,.18)!important;
  position:relative;overflow:hidden;transition:transform .18s ease,filter .18s ease!important;
}
.unlock-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.16) 43%,transparent 58%);transform:translateX(-120%);animation:unlockSweep 3.8s ease-in-out infinite}
.unlock-btn>*{position:relative;z-index:1}
.unlock-btn .watch-price{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;font-weight:900!important}
.watch-unlock .subscribe-choice{background:linear-gradient(110deg,#833AB4,#a54ac7)!important;box-shadow:0 12px 28px rgba(131,58,180,.25)!important}
.watch-unlock .purchase-choice{background:var(--conversion-gradient)!important}
.preview-badge i{background:#FD1D1D!important;box-shadow:0 0 0 4px rgba(253,29,29,.13)}
.tag-row span{background:#38131b!important;color:#f2b8bf!important}

/* Payment and checkout sheets: reduce chrome, increase payment confidence */
.checkout-card,.site-payment-sheet,.chat-purchase-popup,.wallet-funds-sheet,.premium-download-sheet,
.creator-subscribe-sheet,.live-tip-sheet,.support-money-sheet,.upload-price-sheet{
  border:0!important;
  background:radial-gradient(circle at 88% 0%,rgba(252,176,69,.08),transparent 28%),
             radial-gradient(circle at 12% 0%,rgba(131,58,180,.10),transparent 30%),
             linear-gradient(180deg,#111018,#090b10)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.48)!important;
}
.checkout-card{border-radius:22px!important}
.checkout-card h2,.site-payment-sheet header h2{letter-spacing:-.025em}
.site-payment-mark{background:var(--conversion-gradient)!important;color:#fff!important;box-shadow:0 9px 24px rgba(253,29,29,.18)}
.site-payment-sheet header small{color:#FCB045!important}
.payment-options button,.site-payment-method,.chat-pay-methods>button{
  border:0!important;background:#15131a!important;box-shadow:none!important;transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.payment-options button.active,.site-payment-method.active,.chat-pay-methods>button.active{
  background:linear-gradient(120deg,rgba(131,58,180,.19),rgba(253,29,29,.11),rgba(252,176,69,.08))!important;
  box-shadow:inset 0 0 0 1px rgba(252,176,69,.28),0 9px 28px rgba(0,0,0,.22)!important;
}
.payment-options button:active,.site-payment-method:active{transform:scale(.988)}
.site-payment-sheet>footer strong,.checkout-status strong{color:#FCB045!important}
.checkout-phone,.site-mpesa-field{border:0!important;background:#141219!important}

/* Cart: preserve borderless redesign but make total/checkout visually decisive */
.cart-screen{background:radial-gradient(circle at 90% -5%,rgba(253,29,29,.055),transparent 28%),#030407!important}
.cart-item-card,.cart-summary,.cart-coupon,.cart-rec-card{border:0!important}
.cart-badges span{background:#321117!important;color:#efb7bd!important}
.cart-checkout{background:var(--conversion-gradient)!important}
.cart-summary .discount b{color:#FCB045!important}
.cart-secure .ico{color:#833AB4!important}
.cart-remove,.cart-clear{color:#ff6b73!important}

/* Subscription / Premium: purple owns membership; gold/red signal value */
.subscription-screen{background:radial-gradient(circle at 78% -3%,rgba(131,58,180,.13),transparent 30%),#030409!important}
.subscription-hero{
  background:radial-gradient(circle at 82% 16%,rgba(252,176,69,.16),transparent 29%),
             linear-gradient(135deg,#23122f,#0d0c13 64%)!important;
}
.go-premium,.plan-badge{color:#FCB045!important;background:#321520!important;border:0!important}
.subscription-plan{border:0!important;background:linear-gradient(150deg,#121219,#090a0f)!important}
.subscription-plan.featured,.subscription-plan.selected{
  border:0!important;background:radial-gradient(circle at 50% -6%,rgba(252,176,69,.14),transparent 35%),linear-gradient(150deg,#24142e,#0b0b11)!important;
  box-shadow:0 16px 34px rgba(131,58,180,.21)!important;
}
.subscription-plan.selected .plan-radio,.subscription-plan.featured .plan-radio{background:#833AB4!important;box-shadow:0 0 0 5px rgba(131,58,180,.13)!important}
.subscription-plan .primary,.choose-plan .primary{background:linear-gradient(110deg,#833AB4,#FD1D1D 66%,#FCB045)!important}
.premium-benefits,.current-plan{border:0!important}

/* Wallet: red/orange for adding funds, purple for earnings/creator actions */
.wallet-screen{background:radial-gradient(circle at 84% 0%,rgba(131,58,180,.09),transparent 28%),#040409!important}
.wallet-hero-modern{background:radial-gradient(circle at 84% 20%,rgba(252,176,69,.13),transparent 28%),linear-gradient(145deg,#25132e 0%,#101017 60%,#090a0f 100%)!important}
.wallet-balance>span{color:#FCB045!important}
.wallet-quick-actions .wallet-quick-action.topup{background:linear-gradient(120deg,#FD1D1D,#FCB045)!important;box-shadow:0 14px 32px rgba(253,29,29,.18)!important}
.wallet-quick-actions .wallet-quick-action.withdraw{background:linear-gradient(135deg,#833AB4,#4c245f)!important}
.wallet-quick-actions .wallet-quick-action.withdraw>i{background:rgba(255,255,255,.12)!important;color:#fff!important}
.payout-available>i{background:linear-gradient(135deg,#833AB4,#FD1D1D)!important}

/* Purchase library + creator selling surfaces */
.purchase-card,.creator-studio-screen .creator-row{border:0!important}
.purchase-action{border:0!important;background:#34151e!important;color:#f1b6bd!important}
.purchase-action:not(.downloaded){background:linear-gradient(110deg,#833AB4,#FD1D1D)!important;color:#fff!important;box-shadow:0 9px 22px rgba(131,58,180,.16)}
.creator-studio-screen .creator-studio-search:focus-within{border-color:#FD1D1D!important;box-shadow:0 0 0 3px rgba(253,29,29,.08)!important}
.creator-studio-screen .creator-price,.creator-studio-screen .creator-mobile-price{color:#FCB045!important}

/* Search, Discover, categories, cards */
.discover-search:focus-within,.home-header-search:focus-within,.home-live-search:focus-within{box-shadow:0 0 0 2px rgba(253,29,29,.14)!important}
.video-card,.discover-mobile-card,.cart-rec-card{border:0!important}
.cart-float.active,.rank-cart.active,.cart-rec-add.active,.profile-cart-action.active,.mobile-suggestion-cart.active{
  background:linear-gradient(135deg,#FD1D1D,#FCB045)!important;box-shadow:0 8px 22px rgba(253,29,29,.22)!important;
}
.subscribe-float,.rank-subscribe,.profile-subscribe-action,.mobile-suggestion-subscribe,.cart-rec-subscribe{
  background:linear-gradient(135deg,#833AB4,#a94bc9)!important;border:0!important;
}

/* Authentication and softer conversion entry */
.auth-logo-mark:before{background:conic-gradient(from 210deg,#833AB4,#FD1D1D,#FCB045,#833AB4)!important}
.login-form>label:focus-within,.simple-form input:focus,.simple-form select:focus{box-shadow:inset 0 0 0 1px rgba(253,29,29,.46),0 0 0 3px rgba(253,29,29,.08)!important}
.signup-link button,.remember-row button{color:#FCB045!important}

/* Polished motion: conversion only, never animate normal reading surfaces */
@keyframes conversionShine{0%,72%,100%{transform:translateX(-130%) skewX(-18deg)}84%{transform:translateX(520%) skewX(-18deg)}}
@keyframes unlockSweep{0%,68%,100%{transform:translateX(-125%)}82%{transform:translateX(125%)}}
@keyframes valuePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
.subscription-plan.selected strong,.watch-title-line .watch-price{animation:valuePulse 3.2s ease-in-out infinite}

@media(max-width:680px){
  .profile-tabs{padding-left:10px!important;padding-right:10px!important}
  .profile-tabs button{min-width:82px!important}
  .site-payment-sheet,.chat-purchase-popup,.wallet-funds-sheet,.premium-download-sheet,.creator-subscribe-sheet,.live-tip-sheet{border-radius:24px 24px 0 0!important}
  .unlock-btn{min-height:60px!important;font-size:16px!important}
  .checkout-card{margin-left:13px!important;margin-right:13px!important}
}
@media(prefers-reduced-motion:reduce){
  .primary:before,.cart-checkout:before,.checkout-pay:before,.chat-purchase-submit:before,.live-paywall-cta:before,
  .premium-download-cta:before,.site-payment-sheet>footer .primary:before,.unlock-btn:before,
  .subscription-plan.selected strong,.watch-title-line .watch-price{animation:none!important}
  .primary,.cart-checkout,.checkout-pay,.unlock-btn,.payment-options button,.site-payment-method{transition:none!important}
}

/* XMEGRAM 3.4.9-hotfix168 · Country/Category listing tabs match Home category tabs */
.listing-filter-shell{
  padding:3px 0 0!important;
  background:#020306!important;
}
.listing-filter-rail{
  gap:5px!important;
  padding:1px 7px 2px!important;
  scroll-padding-left:7px!important;
  scroll-padding-right:7px!important;
}
.listing-filter-rail button{
  min-height:44px!important;
  height:44px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:2px!important;
  background:var(--tab-maroon,var(--home-tab-maroon,#31151e))!important;
  color:var(--tab-maroon-text,var(--home-tab-maroon-text,#e9bcc8))!important;
  box-shadow:none!important;
  font-weight:760!important;
}
.listing-filter-rail button:hover{
  border:0!important;
  color:var(--tab-maroon-active-text,var(--home-tab-maroon-active-text,#fff2f5))!important;
}
.listing-filter-rail button.active{
  border:0!important;
  border-radius:2px!important;
  background:var(--tab-maroon-active,var(--home-tab-maroon-active,#6a3045))!important;
  color:var(--tab-maroon-active-text,var(--home-tab-maroon-active-text,#fff2f5))!important;
  box-shadow:none!important;
}
@media(max-width:767px){
  .listing-filter-shell{padding:3px 0 0!important}
  .listing-filter-rail{gap:5px!important;padding:1px 7px 2px!important}
  .listing-filter-rail button{height:44px!important;min-height:44px!important;padding:0 14px!important;font-size:11.5px!important;border-radius:2px!important}
}

/* XMEGRAM 3.4.9-hotfix168 · restrained Instagram conversion treatment for Live paywall */
.live-paywall>.live-paywall-card{
  --paywall-red:#FD1D1D;
  --paywall-purple:#833AB4;
  --paywall-orange:#FCB045;
}
.live-paywall-lock{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  background:linear-gradient(155deg,var(--paywall-purple) 0%,#a62f87 48%,var(--paywall-red) 72%,var(--paywall-orange) 100%)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 0 0 9px rgba(131,58,180,.075),0 18px 48px rgba(131,58,180,.2)!important;
  animation:livePaywallLockFloat 2.7s ease-in-out infinite!important;
}
.live-paywall-lock::before{
  content:"";
  position:absolute;
  inset:-10px;
  z-index:-1;
  border-radius:inherit;
  padding:1.5px;
  background:conic-gradient(from 0deg,transparent 0 19%,var(--paywall-purple) 26%,var(--paywall-red) 48%,var(--paywall-orange) 70%,transparent 79% 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.72;
  animation:livePaywallLockOrbit 4.8s linear infinite;
}
.live-paywall-lock::after{
  content:"";
  position:absolute;
  inset:-20px;
  z-index:-2;
  border-radius:50%;
  background:radial-gradient(circle,rgba(253,29,29,.12),rgba(131,58,180,.09) 42%,transparent 70%);
  animation:livePaywallLockAura 2.7s ease-in-out infinite;
}
.live-paywall-lock .ico{position:relative;z-index:2;color:#fff!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.24))}
.live-paywall-card h2{
  background:linear-gradient(92deg,#fff 0 34%,#ffd7df 55%,#ffd69a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.live-paywall-card>p{
  width:max-content;
  max-width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:9px 16px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(131,58,180,.12),rgba(253,29,29,.075),rgba(252,176,69,.07));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.live-paywall-card>p strong{
  background:linear-gradient(90deg,var(--paywall-purple),var(--paywall-red),var(--paywall-orange));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  font-weight:950!important;
}
.live-price-pills button{
  border-color:rgba(255,255,255,.09)!important;
  background:linear-gradient(155deg,#151820,#0a0d12)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.live-price-pills button.selected,.live-price-pills button:first-child{
  border-color:rgba(253,29,29,.62)!important;
  background:radial-gradient(circle at 10% 0,rgba(131,58,180,.16),transparent 42%),radial-gradient(circle at 100% 100%,rgba(252,176,69,.10),transparent 46%),linear-gradient(155deg,#171820,#0b0d13)!important;
  box-shadow:0 0 0 1px rgba(131,58,180,.24),0 13px 38px rgba(253,29,29,.11)!important;
}
.live-price-pills button.selected b,.live-price-pills button:first-child b{
  background:linear-gradient(90deg,var(--paywall-purple),var(--paywall-red),var(--paywall-orange));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.live-price-pills button:not(.selected):not(:first-child) b{color:#c862ff!important}
.live-paywall-cta{
  background:linear-gradient(100deg,var(--paywall-purple),var(--paywall-red) 55%,var(--paywall-orange))!important;
  box-shadow:0 12px 32px rgba(253,29,29,.18)!important;
}
@keyframes livePaywallLockFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.025)}}
@keyframes livePaywallLockOrbit{to{transform:rotate(360deg)}}
@keyframes livePaywallLockAura{0%,100%{opacity:.54;transform:scale(.94)}50%{opacity:.88;transform:scale(1.08)}}
@media (hover:hover){.live-price-pills button:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,0,0,.28)!important}}
@media (prefers-reduced-motion:reduce){.live-paywall-lock,.live-paywall-lock::before,.live-paywall-lock::after{animation:none!important}.live-price-pills button{transition:none!important}}

/* XMEGRAM 3.4.9-hotfix170 · tighter mobile Discover spacing + Home-style category cadence */
@media(max-width:767px){
  /* Keep the Search → Categories → Live → Most watched rhythm compact and even. */
  .discover-search.discover-live-search{
    margin-top:4px!important;
    margin-bottom:5px!important;
  }
  .discover-categories{
    margin-top:0!important;
    margin-bottom:5px!important;
  }
  .discover-categories>header{
    height:38px!important;
    padding-top:0!important;
    padding-bottom:4px!important;
  }
  .discover-category-scroll{
    gap:5px!important;
    padding-top:1px!important;
    padding-bottom:4px!important;
    padding-left:7px!important;
    padding-right:7px!important;
    scroll-padding-left:7px!important;
    scroll-padding-right:7px!important;
  }
  .discover-category-chip{
    border-radius:0!important;
  }
  .discover-live{
    margin-top:5px!important;
  }
  .discover-live .section-title{
    padding-bottom:6px!important;
  }
  .discover-live .home-live-strip{
    padding-bottom:4px!important;
  }
  .discover-live + .section-title{
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
}


/* XMEGRAM 3.4.9-hotfix172 · compact Watch + Cart vertical rhythm */
@media(max-width:767px){
  /* Watch: keep every control full-size, but remove oversized vertical air between features. */
  .watch-screen .watch-info{padding-top:14px!important}
  .watch-screen .watch-title-line h1{margin-bottom:6px!important}
  .watch-screen .watch-meta{margin-top:7px!important}
  .watch-screen .creator-row{margin-top:12px!important;padding-top:2px!important;padding-bottom:2px!important}
  .watch-screen .watch-actions{margin-top:10px!important}
  .watch-screen .watch-unlock{padding-top:10px!important}
  .watch-screen .preview-note{margin-top:9px!important}
  .watch-screen .watch-related{margin-top:12px!important}
  .watch-screen .watch-related .section-title{padding-bottom:7px!important}

  /* Cart: match the same compact top/bottom rhythm between secure note, item, coupon and total. */
  .cart-screen .cart-secure{margin-top:0!important;margin-bottom:7px!important;padding-top:7px!important;padding-bottom:7px!important}
  .cart-screen .cart-list{gap:8px!important}
  .cart-screen .cart-coupon{margin-top:8px!important}
  .cart-screen .cart-summary{margin-top:8px!important}
  .cart-screen .cart-recommended{margin-top:12px!important}
  .cart-screen .cart-badges{margin-top:6px!important}
  .cart-screen .cart-creator{margin-top:7px!important}
  .cart-screen .cart-line-price{padding-top:8px!important}
  .cart-screen .cart-checkout{margin-top:10px!important}
  .cart-screen .cart-summary>p{margin-top:8px!important}
}


/* VideoHub 3.4.9-hotfix173 · professional creator plan editor, upload-policy gate, compact profile rhythm */
.creator-plan-settings>header>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.creator-plan-settings>header>button .ico{width:16px;height:16px}
.creator-plan-editor-modern{background:linear-gradient(180deg,#0b1018 0%,#070a0f 100%);border-color:#ffffff1d;padding:0 18px calc(18px + var(--safe-bottom));overflow-x:hidden}
.creator-plan-editor-modern>header{position:sticky;top:0;z-index:3;margin:0 -18px;padding:17px 18px 14px;background:linear-gradient(180deg,rgba(11,16,24,.98),rgba(11,16,24,.94));border-bottom:1px solid #ffffff0d;backdrop-filter:blur(18px);display:grid;grid-template-columns:46px minmax(0,1fr) 42px;align-items:center;gap:11px}
.creator-plan-editor-modern>header>div{display:block!important}.creator-plan-editor-modern>header>div:nth-child(2){min-width:0}.creator-plan-title-icon{width:46px;height:46px;border-radius:14px;display:grid!important;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,#FD1D1D 20%,#141923),color-mix(in srgb,#833AB4 24%,#10141c));border:1px solid #ffffff14;color:#d59aff}.creator-plan-title-icon .ico{width:23px;height:23px}
.creator-plan-editor-modern header small{color:#c58bff!important;font-size:9px!important;letter-spacing:.15em}.creator-plan-editor-modern h2{font-size:20px!important;line-height:1.12;margin:3px 0 0!important}.creator-plan-editor-modern header p{margin:5px 0 0;color:#8f98a5;font-size:10px;line-height:1.3}.creator-plan-close{width:40px!important;height:40px!important;border-radius:13px!important;background:#141a24!important;border:1px solid #ffffff10;display:grid!important;place-items:center!important}.creator-plan-close .ico{width:20px;height:20px}
.creator-plan-editor-modern form{gap:11px!important;margin-top:13px!important}.creator-plan-editor-modern .creator-plan-grid{gap:9px}.creator-plan-field{display:grid;gap:6px}.creator-plan-field>span,.creator-plan-features>span{display:flex!important;align-items:center;gap:7px;color:#e4e8ef!important}.creator-plan-field>span i,.creator-plan-features>span i{width:25px;height:25px;border-radius:8px;background:#161d28;display:grid;place-items:center;color:#bb71ff;font-style:normal}.creator-plan-field>span i .ico,.creator-plan-features>span i .ico{width:14px;height:14px}.creator-plan-field>span b,.creator-plan-features>span b{font-size:10px}.creator-plan-features>span small{margin-left:auto;color:#77818e;font-size:8px;font-weight:600}
.creator-plan-editor-modern .creator-plan-grid input,.creator-plan-editor-modern .creator-plan-grid select,.creator-plan-editor-modern .creator-plan-features textarea,.creator-plan-editor-modern .benefit-step input{border:1px solid #ffffff14!important;background:#0d131c!important;border-radius:12px!important;box-shadow:inset 0 1px #ffffff05;transition:border-color .15s ease,box-shadow .15s ease}.creator-plan-editor-modern .creator-plan-grid input:focus,.creator-plan-editor-modern .creator-plan-grid select:focus,.creator-plan-editor-modern .creator-plan-features textarea:focus,.creator-plan-editor-modern .benefit-step input:focus{border-color:#833AB4!important;box-shadow:0 0 0 3px color-mix(in srgb,#833AB4 13%,transparent)}
.creator-plan-benefits-heading{display:flex;align-items:center;gap:9px;margin-top:2px;padding-top:2px}.creator-plan-benefits-heading>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#171020;color:#c277ff}.creator-plan-benefits-heading .ico{width:17px;height:17px}.creator-plan-benefits-heading b,.creator-plan-benefits-heading small{display:block}.creator-plan-benefits-heading b{font-size:11px}.creator-plan-benefits-heading small{margin-top:2px;font-size:8px;color:#7f8996}
.creator-plan-editor-modern .creator-benefit-controls{gap:9px}.creator-plan-editor-modern .creator-benefit-controls>label{padding:10px;border-radius:13px;background:linear-gradient(145deg,#0f151e,#0b1017);border-color:#ffffff10;gap:7px}.creator-plan-editor-modern .creator-benefit-controls>label>span{display:flex;align-items:center;gap:7px}.creator-plan-editor-modern .creator-benefit-controls>label>span i{width:28px;height:28px;border-radius:9px;background:#171020;display:grid;place-items:center;color:#be72ff;font-style:normal}.creator-plan-editor-modern .creator-benefit-controls>label>span i .ico{width:15px;height:15px}.creator-plan-editor-modern .creator-benefit-controls>label>span b{font-size:9px;line-height:1.15}.creator-plan-editor-modern .benefit-step{gap:4px}.creator-plan-editor-modern .benefit-step input{height:40px!important;padding:0 10px!important}.creator-plan-editor-modern .benefit-step small{font-size:7.5px!important;line-height:1.25}
.creator-plan-editor-modern .creator-plan-features{gap:7px}.creator-plan-editor-modern .creator-plan-features textarea{min-height:76px!important;padding:10px 11px!important;line-height:1.4}.creator-plan-editor-modern .creator-plan-active{min-height:54px;padding:9px 11px;border-radius:13px;background:#0d131b;grid-template-columns:1fr 44px}.creator-plan-editor-modern .creator-plan-active>span{display:flex;align-items:center;gap:9px}.creator-plan-editor-modern .creator-plan-active>span>i{width:30px;height:30px;border-radius:9px;background:#151b25;display:grid;place-items:center;color:#aeb6c2;font-style:normal}.creator-plan-editor-modern .creator-plan-active>span>i .ico{width:16px;height:16px}.creator-plan-editor-modern .creator-plan-active>span>i:after{display:none!important}.creator-plan-editor-modern .creator-plan-active>span>span{display:grid;gap:2px}.creator-plan-editor-modern .creator-plan-active .creator-plan-toggle{width:42px;height:24px}.creator-plan-editor-modern .creator-plan-active .creator-plan-toggle:after{width:18px;height:18px}.creator-plan-editor-modern .creator-plan-active input:checked+.creator-plan-toggle:after{left:21px}
.creator-plan-submit{height:49px!important;border-radius:14px!important;display:grid!important;grid-template-columns:22px 1fr 20px;align-items:center;padding:0 15px!important;background:linear-gradient(100deg,#833AB4 0%,#FD1D1D 54%,#FCB045 100%)!important;box-shadow:0 11px 28px rgba(253,29,29,.16)!important}.creator-plan-submit .ico{width:19px;height:19px}.creator-plan-submit span{text-align:center;font-weight:900}.creator-plan-disable{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.creator-plan-disable .ico{width:17px;height:17px}.creator-download-note{margin:0;display:flex;align-items:flex-start;gap:7px;color:#76808d;font-size:8px;line-height:1.35}.creator-download-note .ico{width:14px;height:14px;flex:0 0 14px;margin-top:1px}
.creator-plan-access-sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);width:min(500px,100%);padding:22px 20px calc(20px + var(--safe-bottom));border:1px solid #ffffff17;border-radius:26px 26px 0 0;background:linear-gradient(180deg,#0d121a,#070a0f);box-shadow:0 -30px 90px #000d;text-align:center;transition:.22s ease}.open .creator-plan-access-sheet{transform:translate(-50%,0)}.creator-access-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:13px;background:#151b24;border:1px solid #ffffff10;display:grid;place-items:center}.creator-access-close .ico{width:19px}.creator-access-emblem{width:68px;height:68px;margin:8px auto 12px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,#833AB4 28%,#131923),color-mix(in srgb,#FD1D1D 18%,#11161e));border:1px solid #ffffff15;color:#d595ff;box-shadow:0 14px 35px #0007}.creator-access-emblem .ico{width:31px;height:31px}.creator-plan-access-sheet>small{display:block;color:#bd7bff;font-size:9px;font-weight:900;letter-spacing:.15em}.creator-plan-access-sheet h2{margin:6px 28px 0;font-size:23px;line-height:1.15}.creator-plan-access-sheet>p{margin:9px auto 0;max-width:390px;color:#a2aab5;font-size:12px;line-height:1.48}.creator-access-rule{margin:17px 0 13px;padding:12px;border:1px solid #ffffff0f;border-radius:14px;background:#0d131b;display:flex;align-items:center;gap:10px;text-align:left}.creator-access-rule>span{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:#171020;color:#c379ff}.creator-access-rule>span .ico{width:19px}.creator-access-rule b,.creator-access-rule small{display:block}.creator-access-rule b{font-size:11px}.creator-access-rule small{margin-top:3px;color:#7f8995;font-size:8px;line-height:1.35}.creator-access-actions{display:grid;gap:9px}.creator-access-actions button{min-height:49px;border-radius:13px;display:grid;grid-template-columns:22px 1fr 18px;align-items:center;padding:0 14px;font-weight:850}.creator-access-actions .ico{width:18px;height:18px}.creator-access-premium{background:linear-gradient(100deg,#833AB4,#FD1D1D 58%,#FCB045)!important}.creator-access-verify{border:1px solid #833AB477;background:#15101d;color:#e2c4f4}.creator-access-later{min-height:42px;margin-top:7px;color:#929aa6;font-weight:750}
@media(max-width:600px){
  .creator-plan-editor-modern{max-height:94dvh!important;padding-left:14px;padding-right:14px}.creator-plan-editor-modern>header{margin-left:-14px;margin-right:-14px;padding:13px 14px 11px;grid-template-columns:40px minmax(0,1fr) 38px;gap:9px}.creator-plan-title-icon{width:40px;height:40px;border-radius:12px}.creator-plan-title-icon .ico{width:20px}.creator-plan-editor-modern h2{font-size:18px!important}.creator-plan-editor-modern header p{font-size:8.5px}.creator-plan-close{width:36px!important;height:36px!important;border-radius:11px!important}.creator-plan-editor-modern form{margin-top:10px!important;gap:9px!important}.creator-plan-editor-modern .creator-plan-grid{grid-template-columns:1fr 1fr!important;gap:8px}.creator-plan-editor-modern .creator-plan-grid .plan-name{grid-column:1/-1!important}.creator-plan-editor-modern .creator-plan-grid input,.creator-plan-editor-modern .creator-plan-grid select{height:42px!important}.creator-plan-editor-modern .creator-benefit-controls{grid-template-columns:1fr 1fr!important;gap:8px}.creator-plan-editor-modern .creator-benefit-controls>label{padding:9px}.creator-plan-editor-modern .creator-plan-features textarea{min-height:68px!important}.creator-plan-editor-modern .creator-plan-active{min-height:50px}.creator-plan-submit{height:47px!important}.creator-plan-access-sheet{padding-left:16px;padding-right:16px}.creator-plan-access-sheet h2{font-size:21px}
  .profile-screen-ref .profile-showcase{padding-bottom:4px!important}.profile-screen-ref .profile-headline{margin-top:8px!important;margin-bottom:1px!important}.profile-screen-ref .profile-bio{margin-top:0!important;margin-bottom:0!important}.profile-screen-ref .profile-link{margin-top:8px!important;margin-bottom:0!important}.profile-screen-ref .profile-main-buttons{margin-top:10px!important;margin-bottom:0!important}.profile-screen-ref .profile-quick-grid{margin-top:9px!important;margin-bottom:0!important}.profile-screen-ref .profile-tabs-ref{margin-top:9px!important;padding-top:5px!important;padding-bottom:5px!important}.profile-screen-ref .profile-filters{padding-top:7px!important;padding-bottom:7px!important}.profile-screen-ref .profile-grid{padding-top:2px!important}
}


/* XMEGRAM 3.4.9-hotfix175 · creator-plan access + compact Watch/Cart/Profile polish */
.creator-plan-manage-edit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.creator-plan-manage-edit .ico{width:15px!important;height:15px!important}
.creator-plan-editor-modern{border-top:1px solid #ffffff20!important;box-shadow:0 -24px 70px #000c!important}
.creator-plan-editor-modern>header:after{content:"";position:absolute;left:50%;top:6px;transform:translateX(-50%);width:38px;height:4px;border-radius:99px;background:#ffffff1f}
.creator-plan-editor-modern>header{padding-top:18px!important}.creator-plan-editor-modern header p{max-width:330px}
.creator-plan-editor-modern .creator-plan-field>span i,.creator-plan-editor-modern .creator-plan-features>span i,.creator-plan-editor-modern .creator-benefit-controls>label>span i,.creator-plan-editor-modern .creator-plan-active>span>i{border:1px solid #ffffff0c;box-shadow:inset 0 1px #ffffff08}
.creator-plan-editor-modern .creator-plan-grid input,.creator-plan-editor-modern .creator-plan-grid select,.creator-plan-editor-modern .benefit-step input,.creator-plan-editor-modern .creator-plan-features textarea{font-size:14px!important}
.creator-plan-access-sheet{overflow:hidden}.creator-plan-access-sheet:before{content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);width:38px;height:4px;border-radius:99px;background:#ffffff22}.creator-plan-access-sheet .creator-access-actions button{font-size:13px}.creator-plan-access-sheet .creator-access-actions button .ico:last-child{justify-self:end}

@media(max-width:767px){
  /* Watch: compact only the vertical gaps; controls/media sizes stay unchanged. */
  .watch-screen .watch-info{padding-top:10px!important}
  .watch-screen .watch-title-line h1{margin-bottom:4px!important}
  .watch-screen .watch-meta{margin-top:5px!important}
  .watch-screen .creator-row{margin-top:8px!important;padding-top:0!important;padding-bottom:0!important}
  .watch-screen .watch-actions{margin-top:8px!important}
  .watch-screen .watch-unlock{padding-top:8px!important}
  .watch-screen .preview-note{margin-top:7px!important}
  .watch-screen .watch-related{margin-top:8px!important}
  .watch-screen .watch-related .section-title{padding-bottom:5px!important}

  /* Cart/add-to-cart surface: remove vertical air without shrinking buttons or cards. */
  .cart-screen .cart-secure{margin-top:0!important;margin-bottom:5px!important;padding-top:5px!important;padding-bottom:5px!important}
  .cart-screen .cart-list{gap:6px!important}
  .cart-screen .cart-coupon{margin-top:6px!important}
  .cart-screen .cart-summary{margin-top:6px!important}
  .cart-screen .cart-recommended{margin-top:8px!important}
  .cart-screen .cart-badges{margin-top:5px!important}
  .cart-screen .cart-creator{margin-top:6px!important}
  .cart-screen .cart-line-price{padding-top:6px!important}
  .cart-screen .cart-checkout{margin-top:8px!important}
  .cart-screen .cart-summary>p{margin-top:6px!important}
}

@media(max-width:600px){
  /* Profile: tighter rhythm between stats, actions, tabs, filters and the feed. */
  .profile-screen-ref .profile-showcase{padding-bottom:2px!important}
  .profile-screen-ref .profile-stats-wide{padding-top:3px!important;padding-bottom:0!important}
  .profile-screen-ref .profile-headline{margin-top:6px!important;margin-bottom:0!important}
  .profile-screen-ref .profile-link{margin-top:6px!important;margin-bottom:0!important}
  .profile-screen-ref .profile-main-buttons{margin-top:7px!important;margin-bottom:0!important}
  .profile-screen-ref .profile-quick-grid{margin-top:7px!important;margin-bottom:0!important}
  .profile-screen-ref .profile-tabs-ref{margin-top:6px!important;padding-top:3px!important;padding-bottom:3px!important}
  .profile-screen-ref .profile-filters{padding-top:5px!important;padding-bottom:5px!important}
  .profile-screen-ref .profile-grid{padding-top:0!important}
  .profile-screen-ref .profile-tab-empty{padding-top:18px!important}

  /* Professional compact plan editor: no oversized gaps, all actions use SVG icons. */
  .creator-plan-editor-modern{max-height:95dvh!important;padding-left:13px!important;padding-right:13px!important}
  .creator-plan-editor-modern>header{margin-left:-13px!important;margin-right:-13px!important;padding:17px 13px 9px!important;grid-template-columns:38px minmax(0,1fr) 36px!important;gap:8px!important}
  .creator-plan-title-icon{width:38px!important;height:38px!important;border-radius:11px!important}.creator-plan-title-icon .ico{width:19px!important;height:19px!important}
  .creator-plan-editor-modern h2{font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .creator-plan-editor-modern header p{margin-top:3px!important;font-size:8px!important}
  .creator-plan-editor-modern form{margin-top:8px!important;gap:8px!important}
  .creator-plan-editor-modern .creator-plan-grid{gap:7px!important}
  .creator-plan-editor-modern .creator-plan-grid input,.creator-plan-editor-modern .creator-plan-grid select{height:40px!important}
  .creator-plan-benefits-heading{margin-top:0!important;padding-top:0!important}
  .creator-plan-editor-modern .creator-benefit-controls{gap:7px!important}
  .creator-plan-editor-modern .creator-benefit-controls>label{padding:8px!important;gap:6px!important}
  .creator-plan-editor-modern .benefit-step input{height:38px!important}
  .creator-plan-editor-modern .creator-plan-features{gap:5px!important}.creator-plan-editor-modern .creator-plan-features textarea{min-height:62px!important}
  .creator-plan-editor-modern .creator-plan-active{min-height:47px!important;padding:7px 9px!important}
  .creator-plan-submit{height:45px!important;margin-top:0!important}
  .creator-download-note{padding-bottom:1px!important}
  .creator-plan-access-sheet{padding:20px 15px calc(16px + var(--safe-bottom))!important}.creator-access-emblem{width:58px!important;height:58px!important;margin-top:6px!important;margin-bottom:9px!important}.creator-access-emblem .ico{width:27px!important;height:27px!important}.creator-plan-access-sheet h2{margin-top:5px!important;font-size:20px!important}.creator-plan-access-sheet>p{margin-top:7px!important}.creator-access-rule{margin:12px 0 10px!important;padding:10px!important}.creator-access-actions{gap:7px!important}.creator-access-actions button{min-height:46px!important}.creator-access-later{min-height:38px!important;margin-top:4px!important}
}

/* VideoHub 3.4.9-hotfix179 · crawlable SEO profiles + signed-out blur gate */
.profile-showcase.anonymous-profile-preview{position:relative;isolation:isolate;overflow:hidden}
.profile-showcase.anonymous-profile-preview .profile-hero,
.profile-showcase.anonymous-profile-preview .profile-avatar-xl,
.profile-showcase.anonymous-profile-preview .profile-video-thumb{filter:blur(2px) saturate(.8)}
.profile-showcase.anonymous-profile-preview .profile-card-preview{display:none!important}
.profile-anonymous-lock{position:absolute;z-index:40;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:clamp(180px,34vw,300px) 18px 32px;background:rgba(2,3,6,.34);backdrop-filter:blur(18px) brightness(.56);-webkit-backdrop-filter:blur(18px) brightness(.56);pointer-events:auto;touch-action:pan-y}
.profile-anonymous-gate{position:sticky;top:calc(var(--safe-top,0px) + 90px);width:min(430px,100%);padding:20px 18px;border:1px solid #ffffff24;border-radius:20px;background:rgba(8,10,16,.94);box-shadow:0 24px 70px #000c;text-align:center;color:#fff}
.profile-anonymous-title{display:flex;align-items:center;justify-content:center;gap:11px;min-width:0}
.profile-anonymous-title>.ico{flex:0 0 auto;width:31px;height:31px;color:#b35cff;margin:0;transform:translateY(1px)}
.profile-anonymous-title h2{margin:0;font-size:21px;line-height:1.18;text-align:left}
.profile-anonymous-gate p{margin:10px auto 15px;max-width:340px;color:#adb4bf;font-size:12px;line-height:1.45}
.profile-anonymous-gate .primary{width:100%;min-height:46px;border-radius:13px;font-weight:900;background:linear-gradient(100deg,#833ab4,#fd1d1d 55%,#fcb045)}
@media(max-width:767px){.profile-anonymous-lock{padding-top:210px}.profile-anonymous-gate{top:calc(var(--safe-top,0px) + 78px);border-radius:18px}}


/* Hotfix182 — real host comment interactions + viewer-only Live welcome */
.live-comment{position:relative}.live-comment-host-actions{display:flex;gap:4px;align-self:center;margin-left:auto;opacity:.72}.live-comment-host-actions button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:9px;background:rgba(255,255,255,.07);color:#c9cbd2;cursor:pointer}.live-comment-host-actions button .ico{width:14px;height:14px}.live-comment-host-actions button.active{background:linear-gradient(135deg,rgba(253,29,29,.22),rgba(131,58,180,.26));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.live-host-liked-note{display:flex;align-items:center;gap:4px;margin-top:4px;color:#ff6a8e;font-size:9px;font-weight:850}.live-host-liked-note .ico{width:11px;height:11px;fill:currentColor}.live-host-pin-note{margin-left:5px;padding:2px 5px;border-radius:999px;background:rgba(252,176,69,.12);color:#ffc56f;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.02em}.live-comment.host-pinned p{box-shadow:inset 0 0 0 1px rgba(252,176,69,.18)!important}
.live-pinned-wrap,.live-auto-prompt-wrap{position:absolute;z-index:18;left:14px;right:14px;pointer-events:none}.live-pinned-wrap{top:68px}.live-auto-prompt-wrap{top:126px}.live-pinned-comment,.live-auto-host-prompt{width:min(520px,86%);display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:linear-gradient(100deg,rgba(17,20,30,.90),rgba(23,17,34,.84));backdrop-filter:blur(18px);box-shadow:0 10px 28px rgba(0,0,0,.18)}.live-pinned-comment>span,.live-auto-host-prompt>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#FCB045,#FD1D1D);color:#fff}.live-auto-host-prompt>span{background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCB045)}.live-pinned-comment .ico,.live-auto-host-prompt .ico{width:15px;height:15px}.live-pinned-comment div,.live-auto-host-prompt div{min-width:0}.live-pinned-comment small,.live-auto-host-prompt small{display:block;color:#f9c66c;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.live-auto-host-prompt small{color:#d7adff}.live-pinned-comment b{display:block;margin-top:1px;color:#fff;font-size:10px}.live-pinned-comment p,.live-auto-host-prompt p{margin:2px 0 0;color:#f4f5f7;font-size:10px;line-height:1.35}
.live-join-welcome{position:absolute;z-index:40;left:50%;top:20%;width:min(520px,calc(100% - 28px));display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:linear-gradient(100deg,rgba(253,29,29,.94),rgba(131,58,180,.94) 54%,rgba(252,176,69,.94));color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.34);backdrop-filter:blur(14px);opacity:0;transform:translate(-50%,-8px) scale(.97);transition:opacity .32s ease,transform .38s cubic-bezier(.2,.8,.2,1);pointer-events:none}.live-join-welcome.show{opacity:1;transform:translate(-50%,0) scale(1)}.live-join-welcome>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.live-join-welcome .ico{width:20px;height:20px}.live-join-welcome b,.live-join-welcome small{display:block}.live-join-welcome b{font-size:13px;font-weight:950}.live-join-welcome small{margin-top:2px;font-size:9px;color:rgba(255,255,255,.86)}
@media(max-width:767px){.live-pinned-wrap{top:62px;left:10px;right:10px}.live-auto-prompt-wrap{top:116px;left:10px;right:10px}.live-pinned-comment,.live-auto-host-prompt{width:92%;padding:7px 9px;border-radius:12px}.live-pinned-comment>span,.live-auto-host-prompt>span{width:24px;height:24px;flex-basis:24px}.live-pinned-comment p,.live-auto-host-prompt p{font-size:9px}.live-comment-host-actions{gap:2px}.live-comment-host-actions button{width:25px;height:25px;border-radius:8px}.live-join-welcome{top:17%;padding:10px 12px;border-radius:14px}.live-join-welcome>span{width:34px;height:34px;flex-basis:34px}.live-join-welcome b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.live-join-welcome{transition:none}.live-join-welcome.show{transform:translate(-50%,0)}}


/* XMEGRAM 3.4.9-hotfix184 · Live top-icon polish, lifetime likes and one automatic pinned stream comment */
.live-room .live-overlay-top .ico,.live-room .live-player-tools .ico{stroke-width:2.35!important;filter:drop-shadow(0 0 5px rgba(253,29,29,.22)) drop-shadow(0 0 8px rgba(131,58,180,.18));animation:vhLiveIconSpectrum 5.8s ease-in-out infinite}
.live-room .live-back,.live-room .live-count,.live-room .live-share,.live-room .live-player-tools button{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid transparent!important;background:linear-gradient(rgba(7,9,15,.78),rgba(7,9,15,.78)) padding-box,linear-gradient(125deg,rgba(131,58,180,.86),rgba(253,29,29,.76) 52%,rgba(252,176,69,.84)) border-box!important;box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 18px rgba(131,58,180,.08)!important}
.live-room .live-back:after,.live-room .live-count:after,.live-room .live-share:after,.live-room .live-player-tools button:after{content:"";position:absolute;inset:-35% -70%;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 49%,rgba(255,255,255,.04) 58%,transparent 68%);transform:translateX(-58%);animation:vhLiveGlitterSweep 4.8s ease-in-out infinite;pointer-events:none}
.live-room .live-like-top{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:42px!important;padding:0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:#ff4b6f!important}
.live-room .live-like-top .live-like-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(253,29,29,.11),rgba(131,58,180,.045) 56%,transparent 72%);filter:drop-shadow(0 0 8px rgba(253,29,29,.22))}
.live-room .live-like-top .ico{width:23px!important;height:23px!important;stroke-width:2.55!important;animation:vhLiveHeartGlow 2.15s ease-in-out infinite!important}
.live-room .live-like-top b{display:block!important;min-width:14px!important;font-size:11px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.02em!important;background:linear-gradient(90deg,#c95cff 0%,#ff445f 54%,#ffc35b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.live-room .live-meta-overlay h1{display:none!important}
.live-room .live-auto-prompt-wrap{top:70px!important;left:14px!important;right:14px!important;z-index:22!important;pointer-events:none!important}
.live-room .live-pinned-wrap{display:none!important}
.live-room .live-pinned-stream-comment{width:min(520px,88%);display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(100deg,rgba(14,16,25,.92),rgba(27,14,34,.88) 62%,rgba(34,18,13,.84));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.025)}
.live-room .live-pinned-stream-comment>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#833AB4,#FD1D1D 56%,#FCB045);color:#fff;box-shadow:0 0 14px rgba(253,29,29,.2)}
.live-room .live-pinned-stream-comment>span .ico{width:15px;height:15px;stroke-width:2.4!important;animation:vhLiveIconSpectrum 5.8s ease-in-out infinite}
.live-room .live-pinned-stream-comment div{min-width:0}.live-room .live-pinned-stream-comment small{display:block;color:#f6bd66;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.075em}.live-room .live-pinned-stream-comment b{display:block;margin-top:1px;color:#fff;font-size:10px;font-weight:900}.live-room .live-pinned-stream-comment p{margin:2px 0 0;color:#f5f5f7;font-size:10px;line-height:1.35}
.live-room .live-comment-host-actions button[data-live-comment-pin],.live-room .live-host-pin-note{display:none!important}
@keyframes vhLiveIconSpectrum{0%,100%{color:#d46bff}36%{color:#ff4c69}70%{color:#ffc25c}}
@keyframes vhLiveHeartGlow{0%,100%{transform:scale(1);color:#d75cff;filter:drop-shadow(0 0 5px rgba(131,58,180,.32))}48%{transform:scale(1.08);color:#ff3958;filter:drop-shadow(0 0 10px rgba(253,29,29,.46))}72%{color:#ffb64a}}
@keyframes vhLiveGlitterSweep{0%,58%{transform:translateX(-58%);opacity:0}66%{opacity:.7}82%{transform:translateX(58%);opacity:.12}100%{transform:translateX(58%);opacity:0}}
@media(max-width:767px){.live-room .live-like-top{min-width:40px!important;padding:0 2px!important;gap:2px!important}.live-room .live-like-top .live-like-icon{width:28px;height:28px}.live-room .live-like-top .ico{width:21px!important;height:21px!important}.live-room .live-like-top b{font-size:10px!important}.live-room .live-auto-prompt-wrap{top:64px!important;left:10px!important;right:10px!important}.live-room .live-pinned-stream-comment{width:92%;padding:7px 9px;border-radius:12px}.live-room .live-pinned-stream-comment>span{width:24px;height:24px;flex-basis:24px}.live-room .live-pinned-stream-comment p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.live-room .live-overlay-top .ico,.live-room .live-player-tools .ico,.live-room .live-like-top .ico,.live-room .live-pinned-stream-comment>span .ico,.live-room .live-back:after,.live-room .live-count:after,.live-room .live-share:after,.live-room .live-player-tools button:after{animation:none!important}}

/* XMEGRAM 3.4.9-hotfix184 · compact Live chat stack, transparent controls and instant multi-like hearts */
.live-room .live-overlay-top .live-back,
.live-room .live-overlay-top .live-count,
.live-room .live-overlay-top .live-share,
.live-room .live-player-tools button{
  border:0!important;
  background:linear-gradient(135deg,rgba(72,24,92,.22),rgba(45,9,18,.18) 54%,rgba(102,60,18,.17))!important;
  box-shadow:0 6px 18px rgba(0,0,0,.16),0 0 14px rgba(170,70,255,.055)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.live-room .live-like-top{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.live-room .live-like-top .live-like-icon{background:radial-gradient(circle,rgba(255,62,107,.075),rgba(155,69,255,.025) 58%,transparent 74%)!important}
.live-room .live-comment p{
  border:0!important;
  box-shadow:none!important;
  background:linear-gradient(105deg,rgba(5,7,12,.23),rgba(17,10,22,.18))!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}
.live-room .live-pinned-stream-comment{
  border:0!important;
  background:linear-gradient(105deg,rgba(10,12,20,.40),rgba(28,13,35,.34) 62%,rgba(40,21,12,.29))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.live-room .live-pinned-stream-comment>span{box-shadow:none!important;background:linear-gradient(135deg,rgba(131,58,180,.72),rgba(253,29,29,.72) 56%,rgba(252,176,69,.72))!important}
.live-room .live-comment-host-actions button{border:0!important;background:rgba(12,14,20,.28)!important;box-shadow:none!important}
.live-room .live-reactions{position:absolute!important;z-index:19!important;inset:0!important;width:auto!important;height:auto!important;pointer-events:none!important;overflow:hidden!important}
.live-room .live-reactions>i:not(.live-like-bubble){position:absolute;bottom:70px;animation:liveFloatHeart 1.8s ease-out forwards}
.live-room .live-like-bubble{
  position:absolute!important;
  left:var(--heart-x,12%)!important;
  bottom:68px!important;
  width:var(--heart-size,24px)!important;
  height:var(--heart-size,24px)!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:var(--heart-color,var(--site-accent-bright))!important;
  font-size:calc(var(--heart-size,24px) * .58)!important;
  line-height:1!important;
  background:color-mix(in srgb,var(--heart-color,var(--site-accent-bright)) 17%,transparent)!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--heart-color,var(--site-accent-bright)) 22%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--heart-color,var(--site-accent-bright)) 20%,transparent)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))!important;
  animation:vhLiveLikeDiagonal 2.25s cubic-bezier(.16,.72,.26,1) var(--heart-delay,0ms) forwards!important;
  will-change:transform,opacity!important;
}
@keyframes vhLiveLikeDiagonal{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.55) rotate(-12deg)}
  10%{opacity:.96;transform:translate3d(5px,-8px,0) scale(1.02) rotate(-4deg)}
  62%{opacity:.86}
  100%{opacity:0;transform:translate3d(var(--heart-dx,62vw),var(--heart-dy,-250px),0) scale(1.34) rotate(22deg)}
}
@media(max-width:767px){
  .live-room .live-stage{--vh-live-chat-bottom:70px;--vh-live-comments-h:0px;--vh-live-pinned-h:0px}
  .live-room .live-comments-mobile{
    left:12px!important;
    bottom:var(--vh-live-chat-bottom)!important;
    width:min(82%,430px)!important;
    max-height:var(--vh-live-comment-window,0px)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:6px!important;
    overflow-y:hidden!important;
    overflow-x:hidden!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
    scrollbar-width:none!important;
    overscroll-behavior:contain!important;
    transition:max-height .2s ease!important;
  }
  .live-room .live-comments-mobile::-webkit-scrollbar{display:none!important}
  .live-room .live-comments-mobile.is-scrollable{overflow-y:auto!important;touch-action:pan-y!important}
  .live-room .live-comments-mobile.is-empty{height:0!important;min-height:0!important;padding:0!important;margin:0!important}
  .live-room .live-auto-prompt-wrap{
    top:auto!important;
    bottom:calc(var(--vh-live-chat-bottom) + var(--vh-live-comments-h) + 4px)!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    z-index:22!important;
  }
  .live-room .live-pinned-stream-comment{width:min(82%,430px)!important;padding:7px 9px!important;border-radius:11px!important}
  .live-room .live-meta-overlay{
    top:auto!important;
    left:12px!important;
    bottom:calc(var(--vh-live-chat-bottom) + var(--vh-live-comments-h) + var(--vh-live-pinned-h) + 8px)!important;
    max-width:82%!important;
    transition:bottom .2s ease!important;
  }
  .live-room .live-comment{gap:6px!important}
  .live-room .live-comment p{background:linear-gradient(105deg,rgba(4,6,10,.21),rgba(16,9,21,.15))!important}
  .live-room .live-overlay-top .live-back,
  .live-room .live-overlay-top .live-count,
  .live-room .live-overlay-top .live-share,
  .live-room .live-player-tools button{background:linear-gradient(135deg,rgba(68,24,89,.20),rgba(34,8,16,.16) 54%,rgba(93,55,16,.15))!important}
}
@media(prefers-reduced-motion:reduce){.live-room .live-like-bubble{animation:vhLiveLikeDiagonal 1.1s linear var(--heart-delay,0ms) forwards!important}.live-room .live-comments-mobile,.live-room .live-meta-overlay{transition:none!important}}
.live-room .live-overlay-top .ico,.live-room .live-player-tools .ico{opacity:.88!important}

/* XMEGRAM 3.4.9-hotfix186 · DOM-anchored mobile Live chat stack (visible deployment fix) */
@media(max-width:767px){
  .live-room .live-chat-stack-mobile{
    position:absolute!important;
    z-index:23!important;
    left:12px!important;
    right:auto!important;
    bottom:70px!important;
    width:min(82%,430px)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
    pointer-events:none!important;
  }
  .live-room .live-chat-stack-mobile .live-meta-overlay{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:0 0 1px 0!important;
    max-width:100%!important;
    transform:none!important;
    pointer-events:none!important;
    transition:none!important;
  }
  .live-room .live-chat-stack-mobile .live-meta-state{
    margin:0!important;
    background:rgba(35,5,13,.34)!important;
    border-color:rgba(255,44,88,.28)!important;
    box-shadow:none!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }
  .live-room .live-chat-stack-mobile .live-auto-prompt-wrap{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0!important;
    pointer-events:none!important;
  }
  .live-room .live-chat-stack-mobile .live-pinned-stream-comment{
    width:100%!important;
    margin:0!important;
    padding:7px 9px!important;
    border:0!important;
    border-radius:10px!important;
    background:linear-gradient(105deg,rgba(8,10,16,.26),rgba(29,13,35,.22) 62%,rgba(42,21,12,.18))!important;
    box-shadow:none!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }
  .live-room .live-chat-stack-mobile .live-comments-mobile{
    position:static!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:var(--vh-live-six-comments-h,0px)!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:5px!important;
    overflow:hidden!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
    pointer-events:auto!important;
    scrollbar-width:none!important;
    overscroll-behavior:contain!important;
  }
  .live-room .live-chat-stack-mobile .live-comments-mobile::-webkit-scrollbar{display:none!important}
  .live-room .live-chat-stack-mobile .live-comments-mobile.is-scrollable{overflow-y:auto!important;touch-action:pan-y!important}
  .live-room .live-chat-stack-mobile .live-comments-mobile.is-empty{display:none!important;max-height:0!important}
  .live-room .live-chat-stack-mobile .live-comment{margin:0!important;gap:6px!important}
  .live-room .live-chat-stack-mobile .live-comment p{
    border:0!important;
    box-shadow:none!important;
    background:linear-gradient(105deg,rgba(4,6,10,.17),rgba(18,9,22,.13))!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }
  .live-room .live-overlay-top .live-back,
  .live-room .live-overlay-top .live-count,
  .live-room .live-overlay-top .live-share,
  .live-room .live-player-tools button{
    border:0!important;
    background:linear-gradient(135deg,rgba(77,24,98,.13),rgba(39,8,18,.10) 55%,rgba(102,60,18,.10))!important;
    box-shadow:0 4px 12px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(5px)!important;
    -webkit-backdrop-filter:blur(5px)!important;
  }
  .live-room .live-like-top{border:0!important;background:transparent!important;box-shadow:none!important}
  .live-room .live-overlay-top .ico,.live-room .live-player-tools .ico{opacity:.82!important}
}


/* XMEGRAM 3.4.9-hotfix187 · Live top icon rings + counts outside rings + compact pinned-name row */
.live-room .live-overlay-top .live-back,
.live-room .live-overlay-top .live-share,
.live-room .live-player-tools button,
.live-room .live-count .live-view-icon,
.live-room .live-like-top .live-like-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  border:1.35px solid transparent!important;
  border-radius:50%!important;
  background:linear-gradient(rgba(9,10,15,.48),rgba(9,10,15,.42)) padding-box,
             linear-gradient(135deg,rgba(131,58,180,.95),rgba(253,29,29,.88) 54%,rgba(252,176,69,.94)) border-box!important;
  box-shadow:0 5px 16px rgba(0,0,0,.18),0 0 12px rgba(131,58,180,.08)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  overflow:hidden!important;
}
.live-room .live-overlay-top .live-back:after,
.live-room .live-overlay-top .live-share:after,
.live-room .live-player-tools button:after,
.live-room .live-count .live-view-icon:after,
.live-room .live-like-top .live-like-icon:after{
  content:""!important;
  position:absolute!important;
  inset:-38% -72%!important;
  pointer-events:none!important;
  background:linear-gradient(108deg,transparent 36%,rgba(255,255,255,.22) 49%,rgba(255,255,255,.03) 58%,transparent 69%)!important;
  transform:translateX(-58%)!important;
  animation:vhLiveGlitterSweep 4.8s ease-in-out infinite!important;
}
.live-room .live-count{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.live-room .live-count:after{display:none!important}
.live-room .live-count .live-view-icon .ico{
  width:22px!important;
  height:22px!important;
  stroke-width:2.45!important;
}
.live-room .live-count>b{
  display:block!important;
  height:auto!important;
  min-width:10px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
}
.live-room .live-like-top{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
.live-room .live-like-top .live-like-icon{filter:none!important}
.live-room .live-like-top .live-like-icon .ico{
  width:22px!important;
  height:22px!important;
  stroke-width:2.5!important;
}
.live-room .live-like-top>b{
  display:block!important;
  min-width:10px!important;
  padding:0!important;
  border:0!important;
  background:linear-gradient(90deg,#c95cff 0%,#ff445f 54%,#ffc35b 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
}
.live-room .live-overlay-top .live-share .ico,
.live-room .live-overlay-top .live-back .ico,
.live-room .live-player-tools button .ico{
  width:21px!important;
  height:21px!important;
}
.live-room .live-pinned-stream-comment{
  border:0!important;
  box-shadow:none!important;
}
.live-room .live-pinned-stream-comment>div{width:100%!important;min-width:0!important}
.live-room .live-pinned-stream-head{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  margin:0!important;
}
.live-room .live-pinned-stream-head .live-pinned-pin{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,rgba(131,58,180,.78),rgba(253,29,29,.78) 56%,rgba(252,176,69,.78))!important;
  color:#fff!important;
}
.live-room .live-pinned-stream-head .live-pinned-pin .ico{width:12px!important;height:12px!important;stroke-width:2.5!important}
.live-room .live-pinned-stream-head b{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.live-room .live-pinned-stream-comment small{display:none!important}
.live-room .live-pinned-stream-comment p{margin:3px 0 0 0!important}
@media(max-width:767px){
  .live-room .live-overlay-top .live-back,
  .live-room .live-overlay-top .live-share,
  .live-room .live-player-tools button,
  .live-room .live-count .live-view-icon,
  .live-room .live-like-top .live-like-icon{
    width:34px!important;height:34px!important;min-width:34px!important;flex-basis:34px!important;
  }
  .live-room .live-count,.live-room .live-like-top{height:34px!important}
  .live-room .live-count .live-view-icon .ico,
  .live-room .live-like-top .live-like-icon .ico{width:20px!important;height:20px!important}
  .live-room .live-overlay-top .live-share .ico,
  .live-room .live-overlay-top .live-back .ico,
  .live-room .live-player-tools button .ico{width:19px!important;height:19px!important}
  .live-room .live-count>b,.live-room .live-like-top>b{font-size:9px!important}
  .live-room .live-pinned-stream-head .live-pinned-pin{width:19px!important;height:19px!important;min-width:19px!important;flex-basis:19px!important}
  .live-room .live-pinned-stream-head .live-pinned-pin .ico{width:11px!important;height:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .live-room .live-overlay-top .live-back:after,
  .live-room .live-overlay-top .live-share:after,
  .live-room .live-player-tools button:after,
  .live-room .live-count .live-view-icon:after,
  .live-room .live-like-top .live-like-icon:after{animation:none!important}
}


/* XMEGRAM 3.4.9-hotfix189 · Mobile Live media lift + online-only engagement spacing */
@media(max-width:767px){
  .live-room .live-media-slot{transform:translateY(-28px)!important}
  .live-room .live-stage:fullscreen .live-media-slot,
  .live-room .live-stage:-webkit-full-screen .live-media-slot,
  .live-room .live-stage.vh-live-fullscreen .live-media-slot{transform:none!important}
  .live-room .live-chat-stack-mobile .live-auto-prompt-wrap:empty{display:none!important}
}


/* XMEGRAM 3.4.9-hotfix189 · Live follower total is always visible and updates in place */
.live-follow-wrap{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}
.live-follower-count{display:block;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.82);font-size:8.5px;font-weight:800;line-height:1;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.72)}
.live-follower-count-self{align-self:center;margin-right:auto;padding:0 4px}
@media(max-width:430px){
  .live-follow-wrap{gap:2px}
  .live-follower-count{max-width:62px;font-size:7.5px}
}


/* XMEGRAM 3.4.9-hotfix189 · mobile live media lift + 3-row chat viewport + one-line comments + content-fit pinned prompt */
@media(max-width:767px){
  /* Move the actual media box, not just a transform, so the lift is visibly applied. */
  .live-room .live-media-slot{
    top:-58px!important;
    bottom:58px!important;
    height:auto!important;
    transform:none!important;
  }
  .live-room .live-stage:fullscreen .live-media-slot,
  .live-room .live-stage:-webkit-full-screen .live-media-slot,
  .live-room .live-stage.vh-live-fullscreen .live-media-slot{
    top:0!important;
    bottom:0!important;
    height:100%!important;
    transform:none!important;
  }

  /* Only three normal comments occupy the visible chat window; older comments remain scrollable. */
  .live-room .live-chat-stack-mobile .live-comments-mobile{
    max-height:var(--vh-live-visible-comments-h,var(--vh-live-six-comments-h,0px))!important;
  }
  .live-room .live-chat-stack-mobile .live-comments-mobile.is-scrollable{
    overflow-y:auto!important;
    touch-action:pan-y!important;
  }

  /* Viewer comments stay to one visual line on mobile. Long text gets a fixed "more…" ending. */
  .live-room .live-chat-stack-mobile .live-comment p{min-width:0!important;max-width:min(74vw,360px)!important}
  .live-room .live-chat-stack-mobile .live-comment em{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    line-height:1.35!important;
  }
  .live-room .live-chat-stack-mobile .live-comment em.live-comment-truncated{
    padding-right:43px!important;
  }
  .live-room .live-chat-stack-mobile .live-comment em.live-comment-truncated:after{
    content:"more…"!important;
    position:absolute!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    display:flex!important;
    align-items:center!important;
    padding-left:5px!important;
    color:#d7b7ff!important;
    font-style:normal!important;
    font-weight:850!important;
    background:linear-gradient(90deg,rgba(12,8,17,0),rgba(12,8,17,.78) 28%,rgba(12,8,17,.88))!important;
  }

  /* Pinned stream prompt follows its content instead of painting a full-width bar. */
  .live-room .live-chat-stack-mobile .live-auto-prompt-wrap{
    width:auto!important;
    max-width:min(78vw,430px)!important;
    align-self:flex-start!important;
  }
  .live-room .live-chat-stack-mobile .live-pinned-stream-comment{
    display:inline-block!important;
    width:fit-content!important;
    min-width:0!important;
    max-width:min(78vw,430px)!important;
    padding:7px 11px!important;
  }
  .live-room .live-chat-stack-mobile .live-pinned-stream-comment>div{
    width:auto!important;
    max-width:100%!important;
  }
}


/* XMEGRAM 3.4.9-hotfix192 · compact mobile Watch commerce dock */
.watch-mobile-commerce-dock{display:none}
@media(max-width:767px){
  .watch-screen.has-mobile-commerce{padding-bottom:calc(174px + var(--safe-bottom))!important}
  .watch-screen.has-mobile-commerce .watch-inline-creator,
  .watch-screen.has-mobile-commerce>.watch-unlock{display:none!important}
  .watch-mobile-commerce-dock{
    position:fixed;z-index:9999;left:50%;bottom:calc(72px + var(--safe-bottom));transform:translateX(-50%);
    display:block;width:min(880px,100%);margin:0;padding:0;border:0;border-radius:0;
    background:rgba(5,7,10,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    box-shadow:0 -1px 0 rgba(255,255,255,.08),0 -12px 34px rgba(0,0,0,.34)
  }
  .watch-mobile-creator-row{
    height:46px;display:flex;align-items:center;gap:8px;padding:5px 12px;
    background:rgba(6,8,12,.94);border:0;border-bottom:1px solid rgba(255,255,255,.075)
  }
  .watch-mobile-creator-main{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-align:left;color:#fff}
  .watch-mobile-creator-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#171b23;font-size:12px;font-weight:900;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
  .watch-mobile-creator-avatar img{width:100%;height:100%;object-fit:cover;display:block}
  .watch-mobile-creator-copy{display:grid;min-width:0;line-height:1.08}
  .watch-mobile-creator-copy b{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;color:#fff}
  .watch-mobile-creator-copy small{margin-top:3px;color:#9ba3ae;font-size:9px;font-weight:650;white-space:nowrap}
  .watch-mobile-follow{height:30px;min-width:70px;padding:0 12px;border:1px solid rgba(253,29,29,.55);border-radius:999px;background:linear-gradient(110deg,rgba(131,58,180,.2),rgba(253,29,29,.22));color:#fff;font-size:10px;font-weight:900}
  .watch-mobile-follow.active,.watch-mobile-follow.following{background:#12161d;border-color:rgba(255,255,255,.14);color:#c7cbd2}
  .watch-mobile-commerce-actions{
    height:48px;display:grid;align-items:stretch;width:100%;overflow:hidden;border:0;border-radius:0;
    background:linear-gradient(96deg,#833AB4 0%,#FD1D1D 56%,#FCB045 100%)
  }
  .watch-mobile-commerce-actions[data-count="3"]{grid-template-columns:.72fr 1.35fr 1.05fr}
  .watch-mobile-commerce-actions[data-count="2"]{grid-template-columns:1fr 1.22fr}
  .watch-mobile-commerce-actions[data-count="1"]{grid-template-columns:1fr}
  .watch-mobile-commerce-action{
    position:relative;min-width:0;height:48px;margin:0;padding:0 10px;border:0;border-radius:0!important;
    display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;color:#fff;
    font-size:11px;font-weight:900;line-height:1;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.18)
  }
  .watch-mobile-commerce-action+.watch-mobile-commerce-action:before{
    content:"";position:absolute;left:0;top:13px;width:1px;height:22px;background:rgba(255,255,255,.34);pointer-events:none
  }
  .watch-mobile-commerce-action .ico{width:20px;height:20px;stroke-width:2.15;flex:0 0 auto}
  .watch-mobile-cart.icon-only .ico{width:24px;height:24px}
  .watch-mobile-cart.active{background:rgba(0,0,0,.16)}
  .watch-mobile-buy{
    isolation:isolate;overflow:hidden;gap:6px;
    background:linear-gradient(112deg,#ffe08a 0%,#ffad62 48%,#ff6f7f 100%)!important;
    background-size:180% 100%!important;color:#24140d!important;text-shadow:none!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),0 0 0 rgba(255,191,94,0);
    animation:watch-mobile-premium-buy 5.8s ease-in-out infinite;
  }
  .watch-mobile-buy:after{
    content:"";position:absolute;z-index:-1;inset:-2px auto -2px -38%;width:28%;transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);opacity:.66;
    animation:watch-mobile-premium-sheen 6.8s ease-in-out infinite;pointer-events:none
  }
  .watch-mobile-buy .ico{stroke:#24140d!important}
  .watch-mobile-buy span{font-size:11px;color:#24140d!important}
  .watch-mobile-buy strong{font-size:10.5px;font-weight:950;color:#24140d!important;-webkit-text-fill-color:#24140d!important}
  .watch-mobile-subscribe span{font-size:11px}
  @keyframes watch-mobile-premium-buy{
    0%,100%{background-position:0% 50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.30),0 0 0 rgba(255,191,94,0)}
    50%{background-position:100% 50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.44),0 0 18px rgba(255,178,76,.24)}
  }
  @keyframes watch-mobile-premium-sheen{0%,48%{left:-38%;opacity:0}58%{opacity:.62}78%{left:118%;opacity:0}100%{left:118%;opacity:0}}
  @media(prefers-reduced-motion:reduce){.watch-mobile-buy,.watch-mobile-buy:after{animation:none!important}}
}
@media(min-width:768px){.watch-mobile-commerce-dock{display:none!important}}

/* Hotfix193: Home feed quick preview — preserve source aspect ratio and keep commerce on Home. */
body.home-preview-open{overflow:hidden}
.home-preview-overlay{position:fixed;z-index:18000;inset:0;display:grid;place-items:center;padding:max(12px,var(--safe-top)) 12px max(12px,var(--safe-bottom));pointer-events:auto}
.home-preview-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(0,0,0,.72);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.home-preview-modal{position:relative;z-index:1;width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - max(24px,var(--safe-top)) - max(24px,var(--safe-bottom)));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(155deg,rgba(13,17,24,.985),rgba(5,7,11,.99));box-shadow:0 34px 110px rgba(0,0,0,.72);color:#f7f8fb}
.home-preview-modal.home-preview-portrait{display:grid;grid-template-columns:minmax(0,.92fr) minmax(250px,1.08fr);align-items:stretch;width:min(920px,calc(100vw - 24px))}
.home-preview-modal.home-preview-landscape{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(960px,calc(100vw - 24px))}
.home-preview-media-shell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;background:#020305;isolation:isolate}
.home-preview-portrait .home-preview-media-shell{width:100%;height:auto;aspect-ratio:var(--home-preview-ratio,9/16);max-height:calc(100dvh - 40px);align-self:center}
.home-preview-landscape .home-preview-media-shell{width:100%;aspect-ratio:var(--home-preview-ratio,16/9);max-height:min(62dvh,620px)}
.home-preview-video,.home-preview-poster{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;background:#020305 center/contain no-repeat}
.home-preview-media-hit{position:absolute;z-index:4;inset:0;width:100%;height:100%;border:0;border-radius:0;background:transparent;cursor:pointer}
.home-preview-sound{position:absolute;z-index:5;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(4,6,10,.58);backdrop-filter:blur(9px);color:#fff;font-size:9px;font-weight:850;pointer-events:none}
.home-preview-sound .ico{width:15px;height:15px;color:#fff}
.home-preview-details{min-width:0;min-height:0;overflow:auto;padding:20px 20px 18px;overscroll-behavior:contain}
.home-preview-landscape .home-preview-details{padding:16px 20px 18px}
.home-preview-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-preview-creator{display:flex;align-items:center;gap:10px;min-width:0}
.home-preview-creator>span{width:42px;height:42px;flex:0 0 42px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCB045);font-size:14px;font-weight:900;color:#fff}
.home-preview-creator img{width:100%;height:100%;object-fit:cover}
.home-preview-creator>div{min-width:0}.home-preview-creator b,.home-preview-creator small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-preview-creator b{font-size:13px}.home-preview-creator small{margin-top:2px;color:#9098a4;font-size:9px}
.home-preview-close{width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;background:#111620;color:#e8ebf0}.home-preview-close .ico{width:17px}
.home-preview-details>h2{margin:17px 0 0;font-size:clamp(18px,2.2vw,28px);line-height:1.16;letter-spacing:-.02em}
.home-preview-caption{margin:9px 0 0;color:#c6cbd3;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.home-preview-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.home-preview-meta>span{display:inline-flex;align-items:center;gap:6px;color:#aeb5bf;font-size:10px}.home-preview-meta>span .ico{width:17px;color:#b260ff}.home-preview-meta>span b{color:#fff;font-size:12px}.home-preview-meta>strong{margin-left:auto;color:#ff725d;font-size:16px}.home-preview-meta>strong.free{color:#75db9e}
.home-preview-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px}
.home-preview-action{height:40px;min-width:42px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#111620;color:#e9ecf1;font-size:10px;font-weight:850}.home-preview-action .ico{width:17px;height:17px}.home-preview-action.primary{border:0;background:linear-gradient(100deg,#833AB4,#FD1D1D 58%,#FCB045);color:#fff;padding-inline:15px}.home-preview-action.primary strong{font-size:10px;color:#fff}.home-preview-bookmark.active,.home-preview-cart.active{border-color:#a856ff80;color:#c780ff;background:#171025}.home-preview-subscribe{color:#d798ff;border-color:#8d43d85c}
.home-preview-access-state{height:36px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;gap:6px;background:#102019;color:#75dba0;font-size:9px;font-weight:850}.home-preview-access-state .ico{width:14px}.home-preview-access-state.purchased{background:#151a22;color:#aeb7c3}
.home-preview-open-watch{width:100%;height:42px;margin-top:14px;border:1px solid rgba(255,255,255,.09);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:7px;background:#0c1118;color:#f1f3f6;font-size:10px;font-weight:850}.home-preview-open-watch .ico{width:15px}
.home-preview-load-note{display:block;margin-top:9px;color:#8d95a1;font-size:9px}
@media(max-width:620px){
  .home-preview-overlay{padding:8px}
  .home-preview-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:17px}
  .home-preview-modal.home-preview-portrait{width:calc(100vw - 16px);grid-template-columns:minmax(132px,46%) minmax(0,54%)}
  .home-preview-portrait .home-preview-media-shell{height:auto;aspect-ratio:var(--home-preview-ratio,9/16);max-height:calc(100dvh - 16px);align-self:center}
  .home-preview-landscape .home-preview-media-shell{max-height:48dvh}
  .home-preview-details{padding:13px 12px 12px}.home-preview-landscape .home-preview-details{padding:12px}
  .home-preview-creator>span{width:34px;height:34px;flex-basis:34px}.home-preview-creator b{font-size:11px}.home-preview-close{width:32px;height:32px;flex-basis:32px}
  .home-preview-details>h2{margin-top:12px;font-size:17px}.home-preview-caption{font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  .home-preview-meta{gap:8px;margin-top:10px;padding:9px 0}.home-preview-meta>strong{font-size:13px}
  .home-preview-actions{gap:6px;margin-top:10px}.home-preview-action{height:36px;padding:0 9px;font-size:9px}.home-preview-action.primary{padding-inline:10px}.home-preview-action span{white-space:nowrap}.home-preview-open-watch{height:38px;margin-top:10px}
  .home-preview-sound{left:8px;bottom:8px;min-height:24px;padding:0 8px;font-size:8px}
}
@media(max-width:380px){.home-preview-modal.home-preview-portrait{grid-template-columns:minmax(118px,44%) minmax(0,56%)}.home-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.home-preview-action{width:100%;padding-inline:6px}.home-preview-access-state{grid-column:1/-1}}

/* Hotfix194: refined Home quick-preview geometry and compact commerce controls. */
.home-preview-modal.home-preview-portrait{align-items:stretch}
.home-preview-portrait .home-preview-media-shell{height:100%;min-height:100%;max-height:none;aspect-ratio:auto;align-self:stretch}
.home-preview-details>h2,.home-preview-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.home-preview-caption{white-space:normal}
.home-preview-actions{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:7px;align-items:center;flex-wrap:nowrap}
.home-preview-action{min-width:0;width:100%}
.home-preview-price-action{padding-inline:10px}
.home-preview-price-action strong{white-space:nowrap}
.home-preview-price-static{height:40px;min-width:0;padding:0 10px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#111620;color:#ff725d;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-preview-price-static.purchased{color:#75dba0}
.home-preview-cart.unavailable{opacity:.28;pointer-events:none}
.home-preview-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.home-preview-footer>:only-child{grid-column:1/-1}
.home-preview-footer-action{height:40px;min-width:0;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#111620;color:#f4f5f7;font-size:10px;font-weight:900}
.home-preview-footer-action.primary{border:0;background:linear-gradient(100deg,#833AB4,#FD1D1D 58%,#FCB045);color:#fff}
.home-preview-footer-state{grid-column:1/-1;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:#102019;color:#75dba0;font-size:10px;font-weight:850}
.home-preview-footer-state .ico{width:14px;height:14px}
.home-preview-media-badges{position:absolute;z-index:5;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;pointer-events:none}
.home-preview-sound,.home-preview-duration{position:static;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(4,6,10,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#fff;font-size:9px;font-weight:850}
.home-preview-duration{font-variant-numeric:tabular-nums}
.home-preview-open-watch{display:none!important}
@media(max-width:620px){
  .home-preview-portrait .home-preview-media-shell{height:100%;min-height:100%;max-height:none;aspect-ratio:auto;align-self:stretch}
  .home-preview-details>h2,.home-preview-caption{-webkit-line-clamp:2}
  .home-preview-actions{grid-template-columns:minmax(0,1fr) 36px 36px;gap:6px;margin-top:10px}
  .home-preview-action{height:36px;padding:0 7px}
  .home-preview-portrait .home-preview-action-label{display:none}
  .home-preview-price-static{height:36px;padding-inline:7px;font-size:10px}
  .home-preview-footer{gap:6px;margin-top:10px}
  .home-preview-footer-action{height:38px}
  .home-preview-media-badges{left:8px;bottom:8px;gap:5px}
  .home-preview-sound,.home-preview-duration{min-height:24px;padding:0 8px;font-size:8px}
}
@media(max-width:380px){
  .home-preview-actions{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px}
  .home-preview-action{width:100%;padding-inline:5px}
}

/* Hotfix195: keep price, Cart and Save on one clean line; make price compact and transparent. */
.home-preview-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:7px;
}
.home-preview-price-action{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  height:34px;
  padding:0 5px!important;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  color:#ff725d!important;
}
.home-preview-price-action strong{
  color:inherit!important;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}
.home-preview-cart,
.home-preview-bookmark{
  flex:0 0 auto;
  width:auto;
  min-width:70px;
  height:36px;
  padding:0 10px;
  gap:6px;
  white-space:nowrap;
}
.home-preview-cart .ico,
.home-preview-bookmark .ico{
  flex:0 0 auto;
}
.home-preview-action-label{
  min-width:0;
  white-space:nowrap;
}
.home-preview-portrait .home-preview-cart,
.home-preview-portrait .home-preview-bookmark{
  width:36px;
  min-width:36px;
  padding:0;
}
@media(max-width:620px){
  .home-preview-actions{gap:6px}
  .home-preview-price-action{height:32px;padding-inline:4px!important}
  .home-preview-price-action strong{font-size:10px}
  .home-preview-landscape .home-preview-cart,
  .home-preview-landscape .home-preview-bookmark{min-width:68px;padding-inline:8px}
  .home-preview-portrait .home-preview-cart,
  .home-preview-portrait .home-preview-bookmark{width:36px;min-width:36px;padding:0}
}
@media(max-width:380px){
  .home-preview-landscape .home-preview-cart,
  .home-preview-landscape .home-preview-bookmark{min-width:62px;padding-inline:6px;gap:4px}
}


/* Hotfix196: remove duplicate price action. Landscape keeps views, price, Cart and Save on one row; portrait keeps Cart/Save together at the left. */
.home-preview-price-action,.home-preview-price-static{display:none!important}
.home-preview-landscape .home-preview-meta-commerce{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:10px;
}
.home-preview-landscape .home-preview-meta-commerce>strong{
  margin-left:0!important;
  flex:0 0 auto;
  white-space:nowrap;
}
.home-preview-landscape .home-preview-meta-commerce .home-preview-actions-inline{
  margin:0 0 0 auto!important;
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:7px;
}
.home-preview-landscape .home-preview-meta-commerce .home-preview-cart,
.home-preview-landscape .home-preview-meta-commerce .home-preview-bookmark{
  flex:0 0 auto;
  width:auto;
  min-width:0;
  height:36px;
  padding:0 10px;
}
.home-preview-portrait .home-preview-actions{
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  gap:7px;
  margin-top:10px;
}
.home-preview-portrait .home-preview-cart,
.home-preview-portrait .home-preview-bookmark{
  flex:0 0 36px;
  width:36px!important;
  min-width:36px!important;
  height:36px;
  padding:0!important;
}
@media(max-width:620px){
  .home-preview-landscape .home-preview-meta-commerce{gap:7px}
  .home-preview-landscape .home-preview-meta-commerce .home-preview-actions-inline{gap:6px}
  .home-preview-landscape .home-preview-meta-commerce .home-preview-cart,
  .home-preview-landscape .home-preview-meta-commerce .home-preview-bookmark{height:34px;padding:0 8px}
}
@media(max-width:430px){
  .home-preview-landscape .home-preview-meta-commerce{gap:6px}
  .home-preview-landscape .home-preview-meta-commerce>span{font-size:9px}
  .home-preview-landscape .home-preview-meta-commerce>strong{font-size:12px}
  .home-preview-landscape .home-preview-meta-commerce .home-preview-cart,
  .home-preview-landscape .home-preview-meta-commerce .home-preview-bookmark{padding:0 7px;gap:5px}
}


/* Hotfix208: Home mobile preview is media-only until the teaser ends. */
.home-preview-modal.home-preview-media-only{
  display:block!important;
  padding:0!important;
  overflow:hidden;
  background:#020305;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 30px 100px rgba(0,0,0,.74);
}
.home-preview-media-only.home-preview-portrait{
  width:auto!important;
  height:min(86dvh,760px);
  max-width:calc(100vw - 16px);
  max-height:calc(100dvh - 16px);
  aspect-ratio:var(--home-preview-ratio,9/16);
}
.home-preview-media-only.home-preview-landscape{
  width:min(920px,calc(100vw - 16px))!important;
  height:auto!important;
  max-height:calc(100dvh - 16px);
  aspect-ratio:var(--home-preview-ratio,16/9);
}
.home-preview-media-only .home-preview-media-shell{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  align-self:stretch!important;
}
.home-preview-media-only .home-preview-video,.home-preview-media-only .home-preview-poster{
  width:100%;height:100%;object-fit:contain;background:#020305;
}
.home-preview-end-actions{
  position:absolute;z-index:8;left:0;right:0;bottom:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  padding:54px 12px 12px;
  background:linear-gradient(180deg,transparent 0%,rgba(2,3,5,.72) 50%,rgba(2,3,5,.96) 100%);
  animation:homePreviewCtaIn .28s ease-out both;
}
.home-preview-end-actions[hidden]{display:none!important}
.home-preview-end-actions>:only-child{grid-column:1/-1}
.home-preview-end-action{
  min-width:0;height:42px;padding:0 14px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;letter-spacing:.01em;color:#fff;
  border:1px solid rgba(255,255,255,.18);background:rgba(14,18,26,.88);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.home-preview-end-action.primary{border:0;background:linear-gradient(100deg,#833AB4,#FD1D1D 58%,#FCB045)}
.home-preview-end-action.secondary{background:rgba(10,13,19,.84);border-color:rgba(196,112,255,.48);color:#f2d7ff}
.home-preview-ended .home-preview-media-badges{opacity:0;visibility:hidden;transition:opacity .18s ease}
@keyframes homePreviewCtaIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){
  .home-preview-modal.home-preview-media-only{border-radius:16px}
  .home-preview-media-only.home-preview-portrait{height:min(86dvh,720px)}
  .home-preview-media-only.home-preview-landscape{width:calc(100vw - 16px)!important}
  .home-preview-end-actions{gap:7px;padding:48px 9px 9px}
  .home-preview-end-action{height:40px;border-radius:9px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.home-preview-end-actions{animation:none}}


/* Hotfix209: centered unlock copy appears only after the Home teaser finishes. */
.home-preview-end-message{
  position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(88%,440px);padding:15px 18px;border:none;border-radius:18px;
  background:linear-gradient(135deg,rgba(10,13,20,.64),rgba(18,8,24,.48));
  box-shadow:0 16px 48px rgba(0,0,0,.34);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  color:#fff;text-align:center;pointer-events:none;
  animation:homePreviewUnlockIn .3s cubic-bezier(.2,.8,.2,1) both;
}
.home-preview-end-message[hidden]{display:none!important}
.home-preview-end-message strong{display:block;font-size:clamp(18px,4.4vw,26px);line-height:1.08;font-weight:950;letter-spacing:-.025em;text-shadow:0 2px 18px rgba(0,0,0,.46)}
.home-preview-end-message span{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;font-size:clamp(11px,2.8vw,14px);font-weight:760;color:rgba(255,255,255,.86);font-variant-numeric:tabular-nums}
.home-preview-end-message span i{font-style:normal;color:rgba(255,255,255,.42)}
.home-preview-end-message span b{font-size:1.06em;font-weight:950;color:#ffb15a}
@keyframes homePreviewUnlockIn{from{opacity:0;transform:translate(-50%,-44%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:620px){
  .home-preview-end-message{width:min(86%,360px);padding:13px 14px;border-radius:15px}
  .home-preview-end-message span{margin-top:6px;gap:5px}
}
@media(prefers-reduced-motion:reduce){.home-preview-end-message{animation:none}}

/* Hotfix212 · incoming direct-message toast */
#messageToastHost{position:fixed;z-index:460;top:calc(10px + var(--safe-top));left:50%;width:min(460px,calc(100vw - 18px));transform:translateX(-50%);pointer-events:none}
.message-arrival-toast{position:relative;isolation:isolate;width:100%;height:60px;min-height:60px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 8px;border:0!important;outline:0;border-radius:16px;overflow:hidden;text-align:left;color:#fff;background:linear-gradient(105deg,#833AB4 0%,#FD1D1D 56%,#FCB045 100%);box-shadow:0 12px 34px rgba(0,0,0,.28);opacity:0;transform:translate3d(0,-18px,0) scale(.985);transform-origin:50% 0;transition:transform .28s cubic-bezier(.2,.82,.28,1),opacity .22s ease;pointer-events:auto;touch-action:pan-y;cursor:pointer;-webkit-tap-highlight-color:transparent}
.message-arrival-toast::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.2) 45%,transparent 68%);transform:translateX(-125%);animation:messageToastSheen 1.2s .22s ease-out 1;pointer-events:none}
.message-arrival-toast::after{content:"";position:absolute;z-index:-2;inset:1px;border-radius:15px;background:linear-gradient(92deg,rgba(10,12,20,.80),rgba(12,14,22,.70));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:none}
.message-arrival-toast.show{opacity:1;transform:translate3d(0,0,0) scale(1)}
.message-arrival-toast.leaving{opacity:0;transform:translate3d(0,-15px,0) scale(.985);transition-duration:.2s}
.message-arrival-toast.touching .message-toast-life{animation-play-state:paused}
.message-toast-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;font-size:15px;font-weight:900;flex:none}
.message-toast-avatar img,.message-toast-media img{width:100%;height:100%;object-fit:cover;display:block}
.message-toast-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1.08}
.message-toast-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:13px;font-weight:850;letter-spacing:-.1px}
.message-toast-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.76);font-size:11px;font-weight:600}
.message-toast-media{position:relative;width:46px;height:46px;border-radius:11px;overflow:hidden;background:rgba(255,255,255,.12);flex:none}
.message-toast-media i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.18);color:#fff}
.message-toast-media svg{width:17px;height:17px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.message-toast-life{position:absolute;left:10px;right:10px;bottom:2px;height:2px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.18)}
.message-toast-life::after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:rgba(255,255,255,.78);transform-origin:left center;animation:messageToastLife 5.4s linear forwards}
@keyframes messageToastLife{to{transform:scaleX(0)}}
@keyframes messageToastSheen{to{transform:translateX(125%)}}
@media(max-width:520px){#messageToastHost{top:calc(8px + var(--safe-top));width:calc(100vw - 14px)}.message-arrival-toast{height:58px;min-height:58px;grid-template-columns:42px minmax(0,1fr) auto;padding:7px}.message-toast-avatar{width:42px;height:42px}.message-toast-media{width:44px;height:44px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.message-arrival-toast,.message-arrival-toast::before,.message-toast-life::after{animation:none!important;transition:none!important}}

/* === Xmegram 3.4.9-hotfix217 · professional Reels tabs + adaptive media fit === */
.reels-screen{height:100dvh;min-height:100dvh;padding-bottom:calc(72px + var(--safe-bottom));background:#000;overflow:hidden;box-shadow:none}
.reels-screen>.mobile-shell-menu{display:none!important}

.reels-page{position:relative;height:calc(100dvh - 72px - var(--safe-bottom));min-height:0;background:#000;overflow:hidden;isolation:isolate}
.reels-feed{height:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;background:#000}
.reels-feed::-webkit-scrollbar,.reel-category-rail::-webkit-scrollbar{display:none}
.reel-card{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#050505;color:#fff;isolation:isolate}
.reel-backdrop{position:absolute;z-index:-1;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center;filter:blur(22px) brightness(.62) saturate(1.05);transform:scale(1.05);pointer-events:none}.reel-poster,.reel-media{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain!important;object-position:center center!important;display:block}.reel-poster{z-index:0;background:transparent;pointer-events:none}.reel-media{z-index:0;background:transparent}.reel-card.reel-fit-cover .reel-poster,.reel-card.reel-fit-cover .reel-media{object-fit:cover!important}.reel-card.reel-fit-contain .reel-poster,.reel-card.reel-fit-contain .reel-media{object-fit:contain!important}
.reel-clarity-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.04) 19%,rgba(0,0,0,0) 46%,rgba(0,0,0,.08) 61%,rgba(0,0,0,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 73%,rgba(0,0,0,.14) 100%)}
.reel-category-rail{position:absolute;z-index:8;top:calc(var(--safe-top) + 12px);left:16px;right:16px;display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0;margin:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;touch-action:pan-x;opacity:1;visibility:visible;transition:opacity .16s ease,visibility .16s ease}
.reel-category-chip{flex:0 0 calc((100% - 8px)/2);height:40px;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 14px;border:0;border-radius:13px;color:#fff;background:linear-gradient(110deg,rgba(8,9,12,.34),rgba(28,24,31,.24));backdrop-filter:blur(7px) saturate(1.04);-webkit-backdrop-filter:blur(7px) saturate(1.04);box-shadow:0 3px 10px rgba(0,0,0,.12);font-size:14px;font-weight:850;text-shadow:0 1px 7px rgba(0,0,0,.86);transition:transform .16s ease,background .18s ease,box-shadow .18s ease}
.reel-category-chip span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reel-category-chip.active{background:linear-gradient(105deg,rgba(131,58,180,.68),rgba(253,29,29,.66) 58%,rgba(252,176,69,.60));box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff}
.reel-category-chip:active{transform:scale(.98)}
.reels-page.reel-collection-focused .reel-category-rail{opacity:0;visibility:hidden;pointer-events:none}
.reels-page.reel-collection-focused .reel-collection-media-main{object-fit:contain!important;object-position:center center!important}
.reel-meta{position:absolute;z-index:5;left:16px;right:96px;bottom:18px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.98),0 3px 15px rgba(0,0,0,.86)}
.reel-preview-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:9px;background:rgba(13,14,17,.48);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 7px 18px rgba(0,0,0,.20);font-size:12px;font-weight:750;color:#fff}
.reel-creator-name{display:flex;align-items:center;gap:6px;max-width:100%;font-size:18px;line-height:1.12;font-weight:900;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reel-creator-name .verified{flex:none;text-shadow:none}
.reel-meta p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;margin:0;font-size:14px;line-height:1.42;font-weight:580;color:#fff;word-break:break-word}
.reel-actions{position:absolute;z-index:6;right:16px;bottom:18px;width:54px;display:flex;flex-direction:column;align-items:center;gap:11px;color:#fff}
.reel-avatar-action,.reel-action{position:relative;flex:none;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.reel-avatar-action{width:54px;height:61px;display:flex;justify-content:center;align-items:flex-start}
.reel-avatar-action>i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(253,29,29,.92),rgba(131,58,180,.94),rgba(252,176,69,.92));padding:2px;box-shadow:0 5px 18px rgba(0,0,0,.38);font-style:normal;font-weight:900}
.reel-avatar-action>i img,.reel-avatar-action>i>span{width:100%;height:100%;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#17181c;color:#fff}
.reel-follow-badge{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fd1d1d,#833ab4 62%,#fcb045);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.45);font-size:0}
.reel-follow-badge .ico{width:13px;height:13px;stroke-width:2.8}
.reel-avatar-action.following .reel-follow-badge{background:linear-gradient(135deg,#833ab4,#fd1d1d)}
.reel-action{width:54px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;background:transparent}
.reel-action>.ico{width:46px;height:46px;padding:10px;border-radius:50%;overflow:visible;color:#fff;background:rgba(12,13,16,.43);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);filter:drop-shadow(0 3px 10px rgba(0,0,0,.36));stroke-width:2}
.reel-action small{display:block;max-width:60px;color:#fff;font-size:11px;line-height:1.05;font-weight:800;text-align:center;text-shadow:0 1px 2px #000,0 2px 9px #000;white-space:nowrap}
.reel-action.active>.ico{background:linear-gradient(145deg,rgba(253,29,29,.96),rgba(131,58,180,.96) 58%,rgba(252,176,69,.94));fill:currentColor;stroke:currentColor}
.reel-action:active>.ico{transform:scale(.93)}
.reel-view-stat{cursor:default;pointer-events:none}.reel-view-stat>small>i{font:inherit;font-style:normal;color:inherit}
.reel-end-overlay{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100% - 44px));padding:20px;border:0;border-radius:22px;background:linear-gradient(145deg,rgba(12,13,17,.91),rgba(20,15,28,.88));backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 24px 75px rgba(0,0,0,.55);animation:reelUnlockIn .22s cubic-bezier(.2,.72,.22,1)}
.reel-end-overlay[hidden]{display:none!important}
.reel-card.reel-ended .reel-media{filter:brightness(.56)}
.reel-card.reel-ended .reel-meta,.reel-card.reel-ended .reel-actions{opacity:.44;transition:opacity .18s ease}
.reel-unlock-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.reel-unlock-copy strong{font-size:21px;line-height:1.15;letter-spacing:-.025em}.reel-unlock-copy span{font-size:13px;color:rgba(255,255,255,.76);font-weight:700}.reel-unlock-copy i{font-style:normal;opacity:.55;margin:0 3px}
.reel-unlock-actions{display:grid;gap:9px;margin-top:17px}.reel-unlock-primary,.reel-unlock-secondary{width:100%;height:46px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff}.reel-unlock-primary{background:linear-gradient(135deg,var(--site-accent,#f52f7c),var(--site-accent2,#e9145a));box-shadow:0 12px 28px rgba(var(--site-accent-rgb,245,47,124),.28)}.reel-unlock-secondary{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.reel-unlock-primary:active,.reel-unlock-secondary:active{transform:scale(.985)}
.reels-empty{height:100%;display:grid;place-items:center;padding:80px 20px;background:#000}.reels-empty .empty-state{padding:30px 24px;max-width:420px}
@keyframes reelUnlockIn{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:430px){.reel-category-rail{left:12px;right:12px;gap:7px}.reel-category-chip{flex-basis:calc((100% - 7px)/2);height:38px;border-radius:12px;font-size:13px}.reel-meta{left:14px;right:86px;bottom:14px;gap:6px}.reel-actions{right:14px;bottom:14px;width:50px;gap:9px}.reel-action{width:50px}.reel-action>.ico{width:43px;height:43px;padding:9px}.reel-avatar-action{width:50px;height:57px}.reel-avatar-action>i{width:44px;height:44px}.reel-creator-name{font-size:17px}.reel-meta p{font-size:13px}.reel-preview-pill{min-height:28px;font-size:11px}.reel-end-overlay{width:calc(100% - 34px);padding:18px;border-radius:20px}}
@media(min-width:768px){.reels-screen{height:100dvh;min-height:100dvh;padding-bottom:0}.reels-page{height:100dvh}.reels-feed{background:#000}.reel-card{width:min(100%,760px);margin:0 auto}.reel-category-rail{left:50%;right:auto;transform:translateX(-50%);width:min(720px,calc(100% - 40px));top:18px}.reel-meta{left:20px;right:102px;bottom:24px}.reel-actions{right:20px;bottom:24px}}
@media(prefers-reduced-motion:reduce){.reel-category-chip,.reel-action>.ico,.reel-end-overlay{transition:none!important;animation:none!important}}

/* === Xmegram 3.4.9-hotfix217 · stable Reels playback + quality-preserving media === */
.reel-avatar-action>i{aspect-ratio:1/1;border-radius:999px!important;clip-path:circle(50% at 50% 50%);-webkit-clip-path:circle(50% at 50% 50%);overflow:hidden!important}
.reel-avatar-action>i img,.reel-avatar-action>i>span{aspect-ratio:1/1;border-radius:999px!important;clip-path:circle(50% at 50% 50%);-webkit-clip-path:circle(50% at 50% 50%);overflow:hidden!important}
.reel-card.reel-fit-contain .reel-backdrop{opacity:1}
.reel-card.reel-fit-cover .reel-backdrop{opacity:.42}
.reel-card.reel-fit-contain .reel-poster,.reel-card.reel-fit-contain .reel-media{object-fit:contain!important;object-position:center center!important}
.reels-feed,.reel-card{overflow-anchor:none}
.reels-feed{touch-action:pan-x pan-y}

/* === Xmegram 3.4.9-hotfix217 · portrait discovery collections every four Reels === */
.reel-collection-panel{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#090a0d;color:#fff;isolation:isolate;display:flex;flex-direction:column;overflow-anchor:none}
.reel-collection-backdrop{position:absolute;z-index:-2;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(34px) brightness(.42) saturate(1.18);transform:scale(1.08);pointer-events:none;transition:opacity .18s ease}
.reel-collection-scrim{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(6,7,10,.38) 0%,rgba(6,7,10,.18) 33%,rgba(6,7,10,.26) 70%,rgba(6,7,10,.72) 100%),linear-gradient(125deg,rgba(131,58,180,.11),rgba(253,29,29,.05) 50%,rgba(252,176,69,.10));pointer-events:none}
.reel-collection-heading{flex:none;padding:calc(var(--safe-top) + 28px) 20px 10px;min-width:0;text-align:center}
.reel-collection-heading h2{margin:0 auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:min(94%,720px);font-size:clamp(24px,6.2vw,34px);line-height:1.04;letter-spacing:-.035em;font-weight:950;background:linear-gradient(100deg,#b947e6 0%,#fd1d1d 52%,#fcb045 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 9px rgba(0,0,0,.52))}
.reel-collection-heading p{margin:9px auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(94%,720px);font-size:14px;line-height:1.3;font-weight:700;color:rgba(255,255,255,.88);text-shadow:0 2px 10px rgba(0,0,0,.62)}
.reel-collection-rail{flex:1;min-height:0;display:flex;align-items:center;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:11vw;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:none;padding:12px 11vw 14px;touch-action:pan-x pan-y}
.reel-collection-rail::-webkit-scrollbar{display:none}
.reel-collection-item{position:relative;flex:0 0 auto;height:min(100%,54dvh);width:auto;max-width:78vw;aspect-ratio:var(--reel-collection-ratio);padding:0;border:0;border-radius:22px;overflow:hidden;scroll-snap-align:center;background:rgba(5,6,9,.72);box-shadow:0 22px 55px rgba(0,0,0,.34);opacity:.68;transform:scale(.955);transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;touch-action:pan-x pan-y}
.reel-collection-item.active{opacity:1;transform:scale(1);box-shadow:0 24px 70px rgba(0,0,0,.48)}
.reel-collection-media{position:absolute;inset:0;display:block;overflow:hidden;background:#08090c}
.reel-collection-media-blur{position:absolute;inset:-7%;width:114%;height:114%;object-fit:cover;filter:blur(19px) brightness(.54);transform:scale(1.04)}
.reel-collection-media-main{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center center;display:block;background:transparent}
.reel-collection-unlock{flex:none;height:52px;margin:4px 20px 20px;border:0;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--site-accent,#f52f7c),var(--site-accent2,#e9145a));box-shadow:0 14px 34px rgba(var(--site-accent-rgb,245,47,124),.28);color:#fff;font-size:15px;font-weight:950;letter-spacing:-.01em;transition:transform .14s ease,opacity .16s ease}
.reel-collection-unlock:active:not(:disabled){transform:scale(.985)}
.reel-collection-unlock:disabled{opacity:.52}
@media(max-width:430px){.reel-collection-heading{padding:calc(var(--safe-top) + 24px) 14px 8px}.reel-collection-heading h2{font-size:25px}.reel-collection-heading p{font-size:13px;margin-top:7px}.reel-collection-rail{gap:11px;padding:8px 9vw 10px;scroll-padding-inline:9vw}.reel-collection-item{height:min(100%,50dvh);max-width:82vw;border-radius:19px}.reel-collection-unlock{height:48px;margin:3px 14px 14px;border-radius:15px;font-size:14px}}
@media(min-width:768px){.reel-collection-panel{width:min(100%,760px);margin:0 auto}.reel-collection-heading{padding:30px 24px 12px}.reel-collection-rail{padding-inline:8%;scroll-padding-inline:8%}.reel-collection-item{height:min(100%,58dvh);max-width:540px}.reel-collection-unlock{margin:8px 24px 24px}}
@media(prefers-reduced-motion:reduce){.reel-collection-item,.reel-collection-unlock,.reel-collection-backdrop{transition:none!important}}


/* === Xmegram 3.4.9-hotfix218 · auto portrait + short Reel collections === */
.reel-collection-panel[data-collection-shape="short"] .reel-collection-rail{align-items:center;scroll-padding-inline:7vw;padding-inline:7vw}
.reel-collection-panel[data-collection-shape="short"] .reel-collection-item{height:clamp(190px,32dvh,350px);width:auto;max-width:88vw;max-height:40dvh;aspect-ratio:var(--reel-collection-ratio);border-radius:20px}
.reel-collection-panel[data-collection-shape="short"] .reel-collection-media-main{object-fit:contain!important;object-position:center center!important}
.reel-collection-panel[data-collection-shape="short"] .reel-collection-media-blur{object-fit:cover!important;filter:blur(20px) brightness(.50);transform:scale(1.06)}
@media(max-width:430px){.reel-collection-panel[data-collection-shape="short"] .reel-collection-rail{padding-inline:6vw;scroll-padding-inline:6vw}.reel-collection-panel[data-collection-shape="short"] .reel-collection-item{height:clamp(165px,27dvh,285px);width:auto;max-width:89vw;max-height:34dvh;border-radius:17px}}
@media(min-width:768px){.reel-collection-panel[data-collection-shape="short"] .reel-collection-item{height:clamp(240px,38dvh,430px);width:auto;max-width:min(86vw,680px);max-height:46dvh}}

/* === Xmegram 3.4.9-hotfix220 · endless Reels + fading category rail + smart arrows === */
.reel-category-nav{position:absolute;z-index:8;top:calc(var(--safe-top) + 12px);left:16px;right:16px;height:40px;overflow:hidden;pointer-events:none}
.reel-category-nav .reel-category-rail{position:relative!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;height:40px;pointer-events:auto}
.reel-category-rail.fade-left{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 100%)}
.reel-category-rail.fade-right{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%)}
.reel-category-rail.fade-left.fade-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.reels-page.reel-collection-focused .reel-category-nav{opacity:0;visibility:hidden;pointer-events:none}
.reel-category-edge-arrow{position:absolute;z-index:10;top:50%;width:38px;height:38px;margin-top:-19px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,rgba(131,58,180,.82),rgba(253,29,29,.80) 56%,rgba(252,176,69,.82));box-shadow:0 8px 24px rgba(0,0,0,.34);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);opacity:0;visibility:hidden;pointer-events:none;transform:scale(.82);transition:opacity .16s ease,transform .18s cubic-bezier(.2,.8,.2,1),visibility .16s ease;animation:reelCategoryArrowPulse 1.25s ease-in-out infinite}
.reel-category-edge-arrow.left{left:8px}.reel-category-edge-arrow.right{right:8px}.reel-category-edge-arrow.left .ico{transform:rotate(180deg)}
.reel-category-edge-arrow .ico{width:20px;height:20px;stroke-width:2.6;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45))}
.reels-page.reel-category-arrows-visible:not(.reel-collection-focused) .reel-category-edge-arrow:not([hidden]){opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}
.reel-category-edge-arrow[hidden]{display:grid!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@keyframes reelCategoryArrowPulse{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.34);filter:brightness(1)}50%{box-shadow:0 8px 30px rgba(253,29,29,.25);filter:brightness(1.12)}}
.reel-collection-video{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain!important;object-position:center center!important;background:transparent;opacity:0;transition:opacity .14s ease;pointer-events:none}
.reel-collection-item.playing .reel-collection-video{opacity:1}
.reel-collection-item.playing .reel-collection-media-main{opacity:0}
.reel-collection-media-main{transition:opacity .14s ease}
.reel-collection-panel.reel-collection-active .reel-collection-item.active{opacity:1;transform:scale(1)}
@media(max-width:430px){.reel-category-nav{left:12px;right:12px}.reel-category-edge-arrow{width:36px;height:36px;margin-top:-18px}.reel-category-edge-arrow.left{left:6px}.reel-category-edge-arrow.right{right:6px}}
@media(min-width:768px){.reel-category-nav{left:50%;right:auto;transform:translateX(-50%);width:min(720px,calc(100% - 40px));top:18px}.reel-category-edge-arrow.left{left:calc(50% - min(380px,48vw))}.reel-category-edge-arrow.right{right:calc(50% - min(380px,48vw))}}
@media(prefers-reduced-motion:reduce){.reel-category-edge-arrow{animation:none!important;transition:none!important}.reel-collection-video,.reel-collection-media-main{transition:none!important}}

/* === Xmegram 3.4.9-hotfix222 · guaranteed collection cadence + lighter Reel category tabs === */

/* Hotfix223: horizontal Reel collections must never trap vertical swipes. */
.reel-collection-panel,.reel-collection-media,.reel-collection-media-main,.reel-collection-media-blur,.reel-collection-video{touch-action:pan-x pan-y}


/* === Xmegram 3.4.9-hotfix225 · category arrows directly under top Reel tabs === */
.reel-category-edge-arrow{top:calc(var(--safe-top) + 58px);margin-top:0}
@media(min-width:768px){.reel-category-edge-arrow{top:64px;margin-top:0}}

/* === Xmegram 3.4.9-hotfix226 · transparent blurred Reel category tabs === */
.reel-category-chip{
  background:rgba(16,17,21,.22)!important;
  backdrop-filter:blur(9px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.04)!important;
  border:none!important;
  box-shadow:0 2px 9px rgba(0,0,0,.10)!important;
}
.reel-category-chip.active{
  background:rgba(22,23,28,.32)!important;
  border:none!important;
  box-shadow:0 3px 10px rgba(0,0,0,.12)!important;
}
.reel-category-chip:hover{background:rgba(20,21,26,.28)!important}
@media(max-width:430px){
  .reel-category-chip{background:rgba(16,17,21,.20)!important;backdrop-filter:blur(8px) saturate(1.03)!important;-webkit-backdrop-filter:blur(8px) saturate(1.03)!important}
  .reel-category-chip.active{background:rgba(22,23,28,.29)!important}
}

/* === Xmegram 3.4.9-hotfix227 · borderless Reel category tabs === */
.reel-category-chip,
.reel-category-chip.active,
.reel-category-chip:hover,
.reel-category-chip:focus,
.reel-category-chip:focus-visible{
  border:none!important;
}

/* XMEGRAM 3.4.9-hotfix230 · Live watch controls match the LIVE status pill */
.live-room .live-overlay-top .live-back,
.live-room .live-overlay-top .live-share,
.live-room .live-player-tools button[data-live-sound],
.live-room .live-player-tools button[data-live-fullscreen],
.live-room .live-count .live-view-icon,
.live-room .live-like-top .live-like-icon{
  border:1px solid rgba(255,49,84,.38)!important;
  background:linear-gradient(180deg,rgba(38,8,16,.82),rgba(16,5,10,.72))!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}


/* === Xmegram 3.4.9-hotfix231 · bottom navigation order + outline active icons === */
/* Active navigation icons keep their SVG geometry visible instead of filling the entire shape. */
.bottom-nav :is(button,a).active .ico{
  fill:none!important;
  stroke:currentColor!important;
}
.bottom-nav :is(button,a).active .ico path,
.bottom-nav :is(button,a).active .ico circle,
.bottom-nav :is(button,a).active .ico rect{
  vector-effect:non-scaling-stroke;
}


/* === Xmegram 3.4.9-hotfix235 · local Reel pricing + full collection titles + 3-line caption popup === */
.reel-collection-heading h2{display:block!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.reel-collection-caption-wrap{max-width:min(94%,720px);margin:9px auto 0;text-align:center;min-width:0}
.reel-collection-heading .reel-collection-caption-wrap p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal;max-width:none;font-size:14px;line-height:1.3;font-weight:700;color:rgba(255,255,255,.88);text-shadow:0 2px 10px rgba(0,0,0,.62)}
.reel-collection-caption-wrap [data-reel-collection-caption-more]{margin:3px auto 0;padding:2px 8px;border:0;background:transparent;color:rgba(255,255,255,.9);font:inherit;font-size:12px;font-weight:850;line-height:1.25;text-decoration:none;cursor:pointer}
.reel-collection-caption-wrap [data-reel-collection-caption-more][hidden]{display:none!important}
.reel-caption-popup{position:absolute;z-index:2;left:50%;bottom:max(18px,var(--safe-bottom));transform:translateX(-50%);width:min(520px,calc(100% - 28px));max-height:min(68dvh,620px);overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(12,13,17,.96);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 22px 70px rgba(0,0,0,.5);color:#fff}
.reel-caption-popup header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px 12px;background:rgba(12,13,17,.94);border-bottom:1px solid rgba(255,255,255,.08)}
.reel-caption-popup header b{font-size:16px;font-weight:900}.reel-caption-popup header button{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1}
.reel-caption-popup>p{margin:0;padding:16px 18px 20px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.5;color:rgba(255,255,255,.94)}
@media(max-width:430px){.reel-collection-caption-wrap{margin-top:7px}.reel-collection-heading .reel-collection-caption-wrap p{font-size:13px}.reel-caption-popup{width:calc(100% - 20px);border-radius:20px}}

/* === Xmegram 3.4.9-hotfix238 · clickable Reel creator + recommendation notification polish === */
button.reel-creator-name{appearance:none;-webkit-appearance:none;border:0!important;outline:0;background:transparent;color:inherit;padding:0;margin:0;text-align:left;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button.reel-creator-name:active{opacity:.72}
@media(hover:hover){button.reel-creator-name:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}}
.recommendation-arrival-toast{grid-template-columns:44px minmax(0,1fr) auto}
.recommendation-toast-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(131,58,180,.42),rgba(253,29,29,.28),rgba(252,176,69,.34));box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 7px 18px rgba(0,0,0,.18)}
.recommendation-toast-mark svg{width:22px;height:22px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.34))}
.notification-row.notification-recommendation{position:relative;isolation:isolate}
.notification-row.notification-recommendation::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(110deg,rgba(131,58,180,.08),rgba(253,29,29,.055),rgba(252,176,69,.06));pointer-events:none}
.notification-row.notification-recommendation .notification-copy>b{font-weight:900;letter-spacing:-.01em}
.notification-row.notification-recommendation .notification-type{box-shadow:0 6px 18px rgba(131,58,180,.18)}
@media(max-width:520px){.recommendation-arrival-toast{grid-template-columns:42px minmax(0,1fr) auto}.recommendation-toast-mark{width:42px;height:42px;border-radius:13px}}

/* === Xmegram 3.4.9-hotfix239 · balanced desktop selling cards + responsive surface density + pinned Live chat placement === */
@media (min-width:768px){
  /* Keep tablet cards structured and commercial controls readable instead of inheriting phone-only suggestion internals. */
  .surface-suggested-desktop .desktop-suggestion-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    height:100%!important;
    background:#090b10!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .surface-suggested-desktop .desktop-suggestion-media,
  .surface-recommended-desktop .adaptive-feed-media,
  .home-trending-grid .adaptive-feed-media,
  .surface-related-desktop .adaptive-feed-media{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    background-size:cover!important;
  }
  .surface-suggested-desktop .desktop-suggestion-preview,
  .surface-recommended-desktop .feed-autoplay-video,
  .home-trending-grid .feed-autoplay-video,
  .surface-related-desktop .feed-autoplay-video{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .surface-suggested-desktop .desktop-suggestion-body{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding:11px 12px 12px!important;
  }
  .surface-suggested-desktop .desktop-suggestion-body>b{
    display:block!important;
    min-width:0!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:800!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .surface-suggested-desktop .desktop-suggestion-body>small{
    display:block!important;
    min-width:0!important;
    margin-top:4px!important;
    color:#9da5b1!important;
    font-size:10px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .desktop-suggestion-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-width:0!important;
    margin-top:9px!important;
  }
  .desktop-suggestion-meta>span:first-child{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    color:#a8afb9!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .desktop-suggestion-meta>span:first-child .ico{width:14px!important;height:14px!important}
  .desktop-suggestion-meta>span:first-child i{font-style:normal!important}
  .desktop-suggestion-price{
    min-width:0!important;
    margin-left:auto!important;
    display:flex!important;
    justify-content:flex-end!important;
    white-space:nowrap!important;
  }
  .desktop-suggestion-price>strong{
    color:#FCB045!important;
    font-size:12px!important;
    font-weight:900!important;
  }
  .desktop-suggestion-actions{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-top:10px!important;
    min-width:0!important;
  }
  .desktop-suggestion-cart,
  .desktop-suggestion-subscribe,
  .desktop-suggestion-purchase{
    position:static!important;
    min-width:0!important;
    height:36px!important;
    border-radius:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 10px!important;
    font-size:10px!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  .desktop-suggestion-cart{
    width:36px!important;
    flex:0 0 36px!important;
    padding:0!important;
    color:#e4e8ed!important;
    background:#111722!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }
  .desktop-suggestion-cart.active{color:#fff!important;background:#FD1D1D!important;border-color:transparent!important}
  .desktop-suggestion-subscribe{
    flex:1 1 auto!important;
    color:#fff!important;
    background:#833AB4!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
  .desktop-suggestion-purchase{
    flex:1.12 1 auto!important;
    color:#fff!important;
    background:#FD1D1D!important;
    border:1px solid rgba(255,255,255,.10)!important;
  }
  .desktop-suggestion-actions .ico{width:16px!important;height:16px!important;flex:0 0 16px!important}

  /* Normal selling cards keep controls clear of titles and stats. */
  .surface-recommended-desktop .video-card,
  .home-trending-grid .video-card,
  .surface-related-desktop .video-card{
    min-width:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .surface-recommended-desktop .video-card-body,
  .home-trending-grid .video-card-body,
  .surface-related-desktop .video-card-body{
    min-height:88px!important;
    padding-top:11px!important;
    padding-bottom:12px!important;
  }
  .surface-recommended-desktop .card-foot,
  .home-trending-grid .card-foot,
  .surface-related-desktop .card-foot{
    min-width:0!important;
    align-items:center!important;
  }
  .surface-recommended-desktop .card-foot .views,
  .home-trending-grid .card-foot .views,
  .surface-related-desktop .card-foot .views{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* On tablet/desktop the automatic pinned host prompt belongs inside Chat, as its first item. */
  .live-side-comments>.live-side-pinned-slot{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    margin:0 0 2px!important;
  }
  .live-side-comments>.live-side-pinned-slot:empty{display:none!important}
  .live-side-comments>.live-side-pinned-slot .live-pinned-stream-comment{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:9px 10px!important;
    border-radius:11px!important;
    background:rgba(18,20,27,.86)!important;
    border:1px solid rgba(252,176,69,.22)!important;
    box-shadow:none!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  .live-side-comments>.live-side-pinned-slot .live-pinned-stream-head{justify-content:flex-start!important}
  .live-side-comments>.live-side-pinned-slot .live-pinned-stream-comment p{
    margin-top:4px!important;
    color:#eef0f4!important;
    font-size:11px!important;
    line-height:1.4!important;
  }
  /* The stage copy remains mobile-only; no duplicate floating prompt on tablet/desktop. */
  .live-chat-stack-mobile .live-auto-prompt-wrap{display:none!important}
}

/* Tablet: two balanced cards across the available content width. */
@media (min-width:768px) and (max-width:1099px){
  .surface-recommended-desktop,
  .home-trending-grid,
  .surface-suggested-desktop,
  .surface-related-desktop{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .desktop-suggestion-actions{gap:6px!important}
  .desktop-suggestion-subscribe,.desktop-suggestion-purchase{padding-inline:8px!important}
}

/* Standard desktop: never fall back to the oversized two-card row. */
@media (min-width:1100px) and (max-width:1399px){
  .surface-recommended-desktop,
  .home-trending-grid,
  .surface-suggested-desktop,
  .surface-related-desktop{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }
}

/* Wide desktop follows a YouTube-like denser shelf instead of stretching cards. */
@media (min-width:1400px) and (max-width:1799px){
  .surface-recommended-desktop,
  .home-trending-grid,
  .surface-suggested-desktop,
  .surface-related-desktop{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:17px!important;
  }
}
@media (min-width:1800px){
  .surface-recommended-desktop,
  .home-trending-grid,
  .surface-suggested-desktop,
  .surface-related-desktop{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:18px!important;
  }
}


/* === Xmegram 3.4.9-hotfix240 · white active bottom navigation === */
.bottom-nav :is(button,a).active,
.bottom-nav>button.active{
  color:#ffffff!important;
}
.bottom-nav :is(button,a).active>span,
.bottom-nav>button.active>span{
  color:#ffffff!important;
}
.bottom-nav :is(button,a).active .ico,
.bottom-nav>button.active .ico{
  color:#ffffff!important;
  stroke:#ffffff!important;
  fill:none!important;
}
.bottom-nav :is(button,a).active .ico path,
.bottom-nav :is(button,a).active .ico circle,
.bottom-nav :is(button,a).active .ico rect,
.bottom-nav :is(button,a).active .ico line,
.bottom-nav :is(button,a).active .ico polyline,
.bottom-nav :is(button,a).active .ico polygon{
  stroke:#ffffff!important;
}

/* === Xmegram 3.4.9-hotfix241 · hide Live viewer count below 10 === */
.live-room .live-count.live-viewers-under-threshold{display:none!important;}


/* === Xmegram 3.4.9-hotfix242 · mobile Home Reel-style horizontal discovery === */
@media(max-width:767px){
  .home-reel-collection-shell{
    position:relative;
    width:100%;
    margin:3px 0;
    padding:0;
    overflow:hidden;
    background:#090a0d;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
    mask-image:linear-gradient(to bottom,transparent 0,#000 12px,#000 calc(100% - 12px),transparent 100%);
  }
  .home-reel-collection{
    width:100%;
    margin:0;
    min-height:0;
    scroll-snap-align:none;
    scroll-snap-stop:normal;
  }
  .home-reel-collection-portrait .home-reel-collection{
    height:clamp(510px,74dvh,680px);
  }
  .home-reel-collection-short .home-reel-collection{
    height:clamp(360px,56dvh,500px);
  }
  .home-reel-collection .reel-collection-heading{
    padding:16px 14px 5px;
  }
  .home-reel-collection .reel-collection-heading h2{
    max-width:96%;
  }
  .home-reel-collection .reel-collection-caption-wrap{
    margin-top:5px;
    max-width:94%;
  }
  .home-reel-collection .reel-collection-rail{
    padding-top:5px;
    padding-bottom:6px;
  }
  .home-reel-collection .reel-collection-unlock{
    margin:2px 14px 8px;
  }
  .home-reel-collection-shell + .home-section,
  .home-section + .home-reel-collection-shell{
    margin-top:3px!important;
  }
}

/* === Xmegram 3.4.9-hotfix243 · stable mobile Home layout === */
@media(max-width:767px){
  /* Embedded Home collections must not use dynamic viewport units: Android/iOS
     browser chrome changes dvh while scrolling and used to resize the whole shelf. */
  .home-reel-collection-portrait .home-reel-collection{
    height:clamp(510px,74svh,680px);
    min-height:clamp(510px,74svh,680px);
    max-height:clamp(510px,74svh,680px);
    contain:layout paint;
  }
  .home-reel-collection-short .home-reel-collection{
    height:clamp(360px,56svh,500px);
    min-height:clamp(360px,56svh,500px);
    max-height:clamp(360px,56svh,500px);
    contain:layout paint;
  }
  .home-reel-collection-portrait .reel-collection-item{
    height:clamp(300px,50svh,470px);
    max-height:50svh;
  }
  .home-reel-collection-short .reel-collection-item{
    height:clamp(165px,27svh,285px);
    max-height:34svh;
  }
  .home-reel-collection-shell,
  .home-reel-collection,
  .home-reel-collection .reel-collection-rail{
    overflow-anchor:none;
  }
  .home-reel-collection .reel-collection-backdrop,
  .home-reel-collection .reel-collection-scrim{
    pointer-events:none;
  }
  /* Once adaptive Home cards reserve their first height, later video metadata does
     not move neighboring sections while the user is already scrolling. */
  .home-screen .adaptive-feed-media{
    overflow-anchor:none;
  }
}


/* === Xmegram 3.4.9-hotfix248 · hard-bounce email replacement lock === */

/* Hotfix255 — account preferences: professional switches + immediate preference state */
.preferences-page{background:radial-gradient(circle at 82% -5%,rgba(131,58,180,.10),transparent 30%),#030407;min-height:100vh;padding-bottom:30px}
.preferences-screen{width:min(760px,100%);margin:0 auto;padding:14px 16px 34px}
.preferences-intro{display:flex;align-items:center;gap:13px;margin:8px 0 14px;padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(131,58,180,.12),rgba(253,29,29,.07),rgba(252,176,69,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
.preferences-intro-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#833AB4,#FD1D1D 72%,#FCB045);box-shadow:0 10px 26px rgba(131,58,180,.22)}
.preferences-intro-icon .ico{width:21px;height:21px;color:#fff}
.preferences-intro h1{margin:0;font-size:17px;letter-spacing:-.02em}.preferences-intro p{margin:4px 0 0;color:#9aa3b1;font-size:11px;line-height:1.45}
.preferences-page .preference-card{margin:12px 0 0;padding:8px 16px 6px;border-radius:20px;background:linear-gradient(180deg,#111720,#0c1118);box-shadow:inset 0 0 0 1px rgba(255,255,255,.045),0 16px 42px rgba(0,0,0,.18)}
.preference-card-head{display:flex;align-items:center;gap:11px;padding:12px 0 10px}
.preference-card-head>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#181f2a;color:#c6cad3;flex:0 0 auto}.preference-card-head .ico{width:17px;height:17px}
.preference-card-head h2{font-size:15px!important;margin:0!important;letter-spacing:-.01em}.preference-card-head p{font-size:10px;color:#8e98a7;margin:3px 0 0;line-height:1.35}
.preferences-page .preference-row{width:100%;min-height:66px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.045);box-shadow:none;color:inherit;text-align:left}
.preferences-page .preference-card-head+.preference-row{border-top:0}
.preference-copy{min-width:0;display:block;flex:1}.preference-copy b{display:block;font-size:13px;line-height:1.3;color:#f4f6fa}.preference-copy small{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:#7f8998;font-weight:500;max-width:470px}
.preference-switch-row{cursor:pointer;-webkit-tap-highlight-color:transparent}.preference-switch-row:active .preference-toggle{transform:scale(.96)}
.preference-toggle{position:relative;width:48px;height:28px;border-radius:999px;flex:0 0 auto;background:#2b313b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background .18s ease,box-shadow .18s ease,transform .14s ease}
.preference-toggle i{position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#d7dbe2;box-shadow:0 3px 10px rgba(0,0,0,.35);transition:transform .2s cubic-bezier(.2,.8,.2,1),background .18s ease}
.preference-toggle.on{background:linear-gradient(90deg,#833AB4,#FD1D1D 72%,#FCB045);box-shadow:0 0 0 3px rgba(253,29,29,.08),0 8px 20px rgba(131,58,180,.16)}
.preference-toggle.on i{transform:translateX(20px);background:#fff}
.preference-switch-row[data-saving="1"]{opacity:.72;pointer-events:none}
.preference-language-row select{height:42px;min-width:144px;border:0;border-radius:12px;padding:0 34px 0 13px;background:#1a212c;color:#fff;font-size:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}
.preferences-footnote{margin:14px 6px 0;color:#707a88;font-size:9.5px;line-height:1.5;text-align:center}
html[data-user-downloads="off"] [data-download],html[data-user-downloads="off"] [data-premium-download]{opacity:.55}
@media(max-width:767px){.preferences-screen{padding:10px 14px 30px}.preferences-page .preference-card{border-radius:18px;padding-left:14px;padding-right:14px}.preferences-intro{margin-top:4px}.preference-copy small{max-width:245px}}
@media(min-width:900px){.preferences-screen{padding-top:28px}.preferences-page .preference-card{padding-left:22px;padding-right:22px}.preferences-intro{padding:18px 20px}}

/* === Xmegram 3.4.9-hotfix257 · premium dark commerce system === */
:root{
  --bg:#050608;
  --surface:#0d1117;
  --surface2:#131923;
  --soft:#171d27;
  --line:rgba(255,255,255,.075);
  --premium-bg:#050608;
  --premium-surface:#0d1117;
  --premium-surface-raised:#121821;
  --premium-surface-soft:#171d27;
  --premium-hairline:rgba(255,255,255,.075);
  --premium-hairline-strong:rgba(255,255,255,.115);
  --premium-shadow:0 18px 50px rgba(0,0,0,.34);
  --premium-shadow-soft:0 10px 30px rgba(0,0,0,.24);
  color-scheme:dark;
}
html,body{background:var(--premium-bg)!important}
#app{
  background:
    radial-gradient(circle at 82% -12%,rgba(131,58,180,.095),transparent 29%),
    radial-gradient(circle at 10% 8%,rgba(253,29,29,.035),transparent 24%),
    linear-gradient(180deg,#07090d 0%,#050608 34%,#030407 100%)!important;
}
.screen{background-color:transparent}
.topbar{
  background:linear-gradient(180deg,rgba(5,6,8,.98),rgba(5,6,8,.93) 74%,rgba(5,6,8,.82))!important;
  box-shadow:inset 0 -1px var(--premium-hairline)!important;
  backdrop-filter:blur(24px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15)!important;
}
.bottom-nav{
  background:rgba(7,9,12,.94)!important;
  box-shadow:inset 0 1px var(--premium-hairline),0 -14px 42px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(26px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.15)!important;
}

/* Premium media and content cards: depth without changing dimensions or media fit. */
.video-card,.discover-mobile-card,.mobile-suggestion-card,.profile-video-card,
.purchase-card,.cart-item-card,.cart-rec-card,.rank-list,
.commerce-panel,.commerce-form-card,.receipt-card,.wallet-panel-modern,
.current-plan,.premium-benefits,.subscription-plan,.creator-subscribe-plan,
.preferences-page .preference-card{
  border:1px solid var(--premium-hairline)!important;
  background:linear-gradient(155deg,rgba(19,25,34,.98),rgba(10,14,20,.98) 62%,rgba(7,10,15,.99))!important;
  box-shadow:var(--premium-shadow-soft),inset 0 1px rgba(255,255,255,.025)!important;
}
.video-card,.discover-mobile-card,.mobile-suggestion-card,.profile-video-card,
.purchase-card,.cart-item-card,.cart-rec-card{border-radius:18px!important}
.video-card:active,.discover-mobile-card:active,.mobile-suggestion-card:active,.purchase-card:active{
  transform:scale(.994);
}
.video-thumb,.purchase-thumb,.cart-thumb,.cart-rec-thumb,.profile-feed-player{
  background-color:#080b10!important;
}
.duration,.picked-duration,.cart-thumb>span{
  background:rgba(5,7,11,.78)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.watch-player{
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.025)!important;
}
.watch-actions{
  background:linear-gradient(150deg,#111720,#0b0f15)!important;
  border:1px solid var(--premium-hairline)!important;
  box-shadow:var(--premium-shadow-soft)!important;
}

/* Primary conversion buttons: heavier typography, restrained depth, premium highlight. */
.primary,.login-submit,.cart-checkout,.checkout-pay,.unlock-btn,.chat-purchase-submit,
.live-paywall-cta,.premium-download-cta,.site-payment-sheet>footer .primary,
.support-money-sheet .primary,.upload-price-sheet .primary,.creator-subscribe-plan>.primary,
.commerce-form .primary{
  min-height:50px;
  border-radius:16px!important;
  font-weight:850!important;
  letter-spacing:-.012em;
  background:linear-gradient(112deg,#762ca9 0%,#a92b83 25%,#e12d43 61%,#f39a38 100%)!important;
  box-shadow:0 15px 34px rgba(0,0,0,.33),0 8px 24px rgba(131,58,180,.17),inset 0 1px rgba(255,255,255,.20)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}
.primary:before,.cart-checkout:before,.checkout-pay:before,.chat-purchase-submit:before,
.live-paywall-cta:before,.premium-download-cta:before,.site-payment-sheet>footer .primary:before,
.unlock-btn:before{
  opacity:.48!important;
  animation-duration:8.4s!important;
}
.primary:active,.cart-checkout:active,.checkout-pay:active,.unlock-btn:active,
.chat-purchase-submit:active,.live-paywall-cta:active,.premium-download-cta:active{
  transform:translateY(1px) scale(.99)!important;
  filter:brightness(.97) saturate(.98)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.29),0 5px 15px rgba(131,58,180,.14),inset 0 1px rgba(255,255,255,.14)!important;
}
.soft-btn,.follow-btn,.playlist-quick,.wallet-funds-actions button:not(.primary),
.cart-clear,.cart-remove,.purchase-action.downloaded{
  background:linear-gradient(180deg,#171d27,#11161e)!important;
  border:1px solid var(--premium-hairline)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.16)!important;
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(252,176,69,.70)!important;
  outline-offset:2px;
}

/* Checkout and payment surfaces. */
.checkout-card,.site-payment-sheet,.chat-purchase-popup,.wallet-funds-sheet,
.premium-download-sheet,.creator-subscribe-sheet,.live-tip-sheet,.support-money-sheet,
.upload-price-sheet,.payment-choice-sheet{
  border:1px solid var(--premium-hairline-strong)!important;
  background:
    radial-gradient(circle at 88% -6%,rgba(252,176,69,.08),transparent 28%),
    radial-gradient(circle at 8% 0%,rgba(131,58,180,.11),transparent 30%),
    linear-gradient(180deg,#121720 0%,#0a0e14 68%,#080b10 100%)!important;
  box-shadow:0 28px 84px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.035)!important;
}
.checkout-card{border-radius:24px!important;padding:20px!important}
.checkout-video{
  margin:-2px -2px 0;
  padding:10px 10px 18px!important;
  border-radius:16px;
  background:rgba(255,255,255,.022);
  box-shadow:inset 0 -1px var(--premium-hairline)!important;
}
.checkout-video>span{border:1px solid var(--premium-hairline)!important;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.checkout-video>strong,.site-payment-sheet>footer strong,.cart-summary .cart-total strong{
  font-weight:900!important;letter-spacing:-.025em!important;
}
.payment-options,.site-payment-methods,.payment-choice-list,.topup-providers{gap:10px!important}
.payment-options button,.site-payment-method,.chat-pay-methods>button,.payment-choice-list>button,.topup-provider{
  border:1px solid var(--premium-hairline)!important;
  background:linear-gradient(155deg,#151b24,#0f141c)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.12)!important;
  border-radius:16px!important;
}
.payment-options button.active,.site-payment-method.active,.chat-pay-methods>button.active,
.payment-choice-list>button.active,.topup-provider.active{
  border-color:rgba(252,176,69,.30)!important;
  background:linear-gradient(125deg,rgba(131,58,180,.20),rgba(253,29,29,.095) 58%,rgba(252,176,69,.06)),#121720!important;
  box-shadow:0 10px 26px rgba(0,0,0,.20),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.site-provider-logo,.provider-logo,.payment-choice-sheet .provider-logo,.form-hero-icon,.receipt-mark{
  border:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(145deg,#21162b,#171c25)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
.site-payment-radio{border-color:#596372!important;background:#0b0f15!important}
.site-payment-method.active .site-payment-radio{border-color:#FCB045!important;box-shadow:0 0 0 4px rgba(252,176,69,.07)}
.site-payment-method.active .site-payment-radio span{background:#FCB045!important}
.checkout-phone input,.commerce-form input,.commerce-form select,.site-mpesa-field,
.site-mpesa-field>div,.price-entry{
  border:1px solid var(--premium-hairline)!important;
  background:#0b1016!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.checkout-phone input:focus,.commerce-form input:focus,.commerce-form select:focus,.site-mpesa-field:focus-within{
  border-color:rgba(252,176,69,.38)!important;
  box-shadow:0 0 0 4px rgba(252,176,69,.055),inset 0 1px rgba(255,255,255,.025)!important;
}
.checkout-status,.checkout-provider-note{
  border:1px solid var(--premium-hairline)!important;
  background:#0d1219!important;
}
.site-payment-sheet>header,.site-payment-sheet>footer{border-color:var(--premium-hairline)!important}
.site-payment-sheet>footer{
  position:sticky;bottom:calc(-17px - var(--safe-bottom));
  background:linear-gradient(180deg,rgba(9,13,19,.35),rgba(9,13,19,.98) 28%);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}

/* Cart, purchases, wallet and subscription value hierarchy. */
.cart-summary,.cart-coupon{
  border:1px solid var(--premium-hairline)!important;
  background:linear-gradient(155deg,#121820,#0b1016)!important;
  box-shadow:var(--premium-shadow-soft),inset 0 1px rgba(255,255,255,.025)!important;
}
.cart-summary .cart-total{margin-top:4px;padding-top:12px!important;border-top:1px solid var(--premium-hairline)}
.cart-badges span{border:1px solid rgba(255,255,255,.045)!important}
.purchase-info{background:linear-gradient(180deg,rgba(10,14,19,.12),rgba(8,11,16,.52))}
.purchase-action:not(.downloaded){border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 10px 24px rgba(0,0,0,.22),0 5px 14px rgba(131,58,180,.12)!important}
.wallet-hero-modern{
  border:1px solid rgba(255,255,255,.07)!important;
  background:radial-gradient(circle at 84% 18%,rgba(252,176,69,.12),transparent 28%),linear-gradient(145deg,#211329,#11141b 58%,#0a0d12)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.035)!important;
}
.wallet-quick-actions .wallet-quick-action{border:1px solid rgba(255,255,255,.065)!important;box-shadow:0 13px 30px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08)!important}
.subscription-hero{
  border:1px solid rgba(255,255,255,.07)!important;
  background:radial-gradient(circle at 82% 14%,rgba(252,176,69,.12),transparent 30%),linear-gradient(138deg,#20122a,#10131a 62%,#090c11)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important;
}
.subscription-plan.featured,.subscription-plan.selected{
  border-color:rgba(252,176,69,.22)!important;
  background:radial-gradient(circle at 50% -8%,rgba(252,176,69,.10),transparent 38%),linear-gradient(155deg,#21162a,#0c1016)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),0 8px 25px rgba(131,58,180,.11),inset 0 1px rgba(255,255,255,.035)!important;
}
.subscription-plan.selected strong,.watch-title-line .watch-price{animation:none!important}
.plan-badge,.go-premium{border:1px solid rgba(252,176,69,.12)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important}

/* Premium preference and utility surfaces stay clean rather than neon. */
.preferences-page{background:radial-gradient(circle at 82% -5%,rgba(131,58,180,.075),transparent 30%),var(--premium-bg)!important}
.preferences-intro{border:1px solid var(--premium-hairline)!important;background:linear-gradient(145deg,#121720,#0d1117)!important;box-shadow:var(--premium-shadow-soft)!important}
.preference-card-head>span,.preference-language-row select{border:1px solid var(--premium-hairline)!important;background:#151b24!important}
.preference-toggle{background:#2a3039!important;border:1px solid rgba(255,255,255,.065)}
.preference-toggle.on{background:linear-gradient(90deg,#762ca9,#d52e4e 72%,#ef943a)!important;box-shadow:0 8px 20px rgba(131,58,180,.13)!important}

@media(hover:hover) and (pointer:fine){
  .video-card:hover,.discover-mobile-card:hover,.profile-video-card:hover,.purchase-card:hover,.cart-item-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 20px 48px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035)!important;
  }
  .primary:hover,.cart-checkout:hover,.checkout-pay:hover,.unlock-btn:hover{filter:brightness(1.035) saturate(1.02)}
}
@media(max-width:680px){
  .checkout-card{margin-left:12px!important;margin-right:12px!important;padding:17px!important;border-radius:22px!important}
  .site-payment-sheet{width:calc(100% - 16px)!important;bottom:8px!important;border-radius:25px!important}
  .video-card,.discover-mobile-card,.mobile-suggestion-card,.profile-video-card,.purchase-card,.cart-item-card{border-radius:17px!important}
  .primary,.cart-checkout,.checkout-pay,.unlock-btn{border-radius:15px!important}
}
@media(prefers-reduced-motion:reduce){
  .video-card,.discover-mobile-card,.profile-video-card,.purchase-card,.cart-item-card,
  .primary,.cart-checkout,.checkout-pay,.unlock-btn{transition:none!important}
}


/* === Xmegram 3.4.9-hotfix258 · zero-radius premium Trending + trusted premium headers === */
/* Home Trending is intentionally square/edge-led. Media sizing and feed behavior are unchanged. */
.home-trending-grid{
  gap:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:#07090d!important;
  border-top:1px solid rgba(255,255,255,.075);
  border-bottom:1px solid rgba(255,255,255,.075);
}
.home-trending-grid .video-card,
.home-trending-grid .video-thumb,
.home-trending-grid .video-card-body{
  border-radius:0!important;
}
.home-trending-grid .video-card{
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#0c0a12 0%,#09070f 100%)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.home-trending-grid .video-card:last-child{border-bottom:0!important}
.home-trending-grid .video-card-body{
  background:
    radial-gradient(circle at 95% 0%,rgba(131,58,180,.085),transparent 36%),
    linear-gradient(180deg,#0d0915,#09070f)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.home-trending-grid .trend-card-rank{
  color:transparent!important;
  background:linear-gradient(150deg,rgba(255,255,255,.92) 0%,rgba(175,166,182,.82) 45%,rgba(103,95,111,.76) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.28));
  opacity:.72;
}
.home-trending-grid .card-foot strong,
.home-trending-grid .video-card-body>strong{
  color:#f6b65c!important;
  font-weight:900!important;
  letter-spacing:-.015em;
}
.home-trending-grid .card-cart,
.home-trending-grid .rank-cart{
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(145deg,#171d26,#10141b)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.04)!important;
}

/* One premium header language across every user-facing page shell. */
.topbar,
.commerce-topbar,
.notification-topbar,
.direct-header,
.upload-compose-header{
  background:
    radial-gradient(circle at 86% -65%,rgba(131,58,180,.14),transparent 38%),
    linear-gradient(180deg,rgba(10,13,18,.985),rgba(5,7,10,.965))!important;
  border-bottom:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.028)!important;
  backdrop-filter:blur(26px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(26px) saturate(1.18)!important;
}
.topbar .icon-btn,
.commerce-topbar .icon-btn,
.notification-topbar .icon-btn,
.direct-header>.icon-btn,
.upload-compose-header .upload-back{
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(155deg,rgba(25,31,41,.82),rgba(12,16,23,.74))!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.045)!important;
  color:#f6f7fa!important;
}
.topbar .icon-btn:active,
.commerce-topbar .icon-btn:active,
.notification-topbar .icon-btn:active,
.direct-header>.icon-btn:active,
.upload-compose-header .upload-back:active{
  transform:translateY(1px) scale(.97);
  background:#111720!important;
}
.top-title,.commerce-topbar h1,.notification-topbar h1,.upload-compose-header h1{
  color:#f7f8fb!important;
  text-shadow:0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.32);
}
.brand-title{
  font-weight:900!important;
  letter-spacing:-.055em!important;
}
.brand-title>span{color:#f8f9fb!important}
.brand-title>b{
  background:linear-gradient(100deg,#b03ed2 0%,#ed2f54 52%,#f2a047 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  filter:drop-shadow(0 4px 10px rgba(131,58,180,.16));
}
.top-actions,.commerce-head-actions{gap:6px!important}
.top-actions .badge,.top-actions em,.commerce-head-actions .badge{
  box-shadow:0 4px 14px rgba(253,29,29,.22)!important;
}
.commerce-topbar h1 i{
  border:1px solid rgba(252,176,69,.18)!important;
  background:linear-gradient(145deg,rgba(131,58,180,.18),rgba(252,176,69,.08))!important;
  color:#f3b359!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 7px 18px rgba(0,0,0,.18)!important;
}
.notification-topbar .notification-settings{color:#d7b3ff!important}
.direct-user b{color:#f6f7fa!important;font-weight:850!important}
.direct-user small{color:#9099a7!important}
.upload-top-publish{
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(112deg,#762ca9,#d92f4d 66%,#ef963d)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.15)!important;
  color:#fff!important;
}

@media(max-width:767px){
  .home-trending-grid{margin-left:0!important;margin-right:0!important}
  .home-trending-grid .video-card{width:100%!important}
  .topbar,.commerce-topbar,.notification-topbar,.direct-header,.upload-compose-header{
    box-shadow:0 8px 25px rgba(0,0,0,.24),inset 0 -1px rgba(255,255,255,.035)!important;
  }
  .topbar .icon-btn,.commerce-topbar .icon-btn,.notification-topbar .icon-btn,.direct-header>.icon-btn{
    border-radius:13px!important;
  }
}

/* === Xmegram 3.4.9-hotfix259 · premium conversion feeds, categories and Live cards === */
/* Mobile-only selling feeds: Home Suggested, Discover, Watch Related and Profile feeds become one stable premium column. */
@media(max-width:767px){
  .surface-suggested-masonry.shared-mobile-single-column,
  .surface-discover-masonry.shared-mobile-single-column,
  .surface-related-masonry.shared-mobile-single-column,
  .surface-profile-masonry.shared-mobile-single-column{
    display:block!important;
    padding-left:12px!important;
    padding-right:12px!important;
    gap:0!important;
    align-items:initial!important;
  }
  .surface-suggested-masonry.shared-mobile-single-column>.discover-mobile-column,
  .surface-discover-masonry.shared-mobile-single-column>.discover-mobile-column,
  .surface-related-masonry.shared-mobile-single-column>.discover-mobile-column,
  .surface-profile-masonry.shared-mobile-single-column>.discover-mobile-column{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
  }
  .surface-suggested-masonry.shared-mobile-single-column{padding-bottom:8px!important}
  .surface-discover-masonry.shared-mobile-single-column,
  .surface-related-masonry.shared-mobile-single-column,
  .surface-profile-masonry.shared-mobile-single-column{padding-bottom:96px!important}

  .premium-mobile-sales-card{
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#0d1117 0%,#080b10 100%)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.025)!important;
    content-visibility:auto!important;
    contain-intrinsic-size:340px 520px!important;
  }
  .premium-mobile-sales-card .discover-mobile-media{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    min-height:0!important;
    max-height:430px!important;
    border-radius:17px 17px 0 0!important;
    background:#080b10!important;
    overflow:hidden!important;
  }
  .premium-mobile-sales-card .discover-mobile-media.media-portrait,
  .premium-mobile-sales-card .discover-mobile-media.media-unknown{
    height:min(110vw,430px)!important;
    aspect-ratio:auto!important;
  }
  .premium-mobile-sales-card .discover-mobile-media.media-landscape{
    height:min(69vw,300px)!important;
    aspect-ratio:auto!important;
  }
  .premium-mobile-sales-card .discover-mobile-media.media-square{
    height:min(90vw,360px)!important;
    aspect-ratio:auto!important;
  }
  .premium-mobile-sales-card .discover-mobile-blur{
    position:absolute!important;
    z-index:0!important;
    inset:-10%!important;
    display:block!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    filter:blur(24px) brightness(.58) saturate(1.14)!important;
    transform:scale(1.14)!important;
    opacity:.92!important;
    pointer-events:none!important;
  }
  .premium-mobile-sales-card .discover-mobile-blur:after{
    content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,8,.04),rgba(5,6,8,.17));
  }
  .premium-mobile-sales-card .discover-mobile-poster,
  .premium-mobile-sales-card .discover-autoplay-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
  }
  .premium-mobile-sales-card .discover-mobile-poster{z-index:1!important;display:block!important}
  .premium-mobile-sales-card .discover-autoplay-video{z-index:2!important}
  .premium-mobile-sales-card .discover-duration{
    z-index:6!important;
    left:10px!important;top:10px!important;
    padding:6px 8px!important;
    border-radius:9px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(5,7,11,.76)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.26)!important;
    backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
    font-size:11px!important;font-weight:850!important;
  }
  .premium-mobile-sales-card .discover-mobile-media:before{
    content:""!important;
    position:absolute!important;z-index:4!important;
    inset:56% 0 0!important;
    background:linear-gradient(180deg,transparent,rgba(4,6,9,.16))!important;
    pointer-events:none!important;
  }
  .premium-mobile-sales-card .discover-mobile-copy{
    position:relative!important;
    padding:13px 14px 14px!important;
    background:
      radial-gradient(circle at 92% 0%,rgba(252,176,69,.045),transparent 34%),
      linear-gradient(180deg,#0c1016,#090c11)!important;
    border-top:1px solid rgba(255,255,255,.045)!important;
  }
  .premium-mobile-sales-card .discover-mobile-copy>b{
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:17px!important;line-height:1.22!important;font-weight:820!important;letter-spacing:-.018em!important;color:#f7f8fa!important;
  }
  .premium-mobile-sales-card .discover-mobile-copy>small{
    margin-top:6px!important;font-size:12px!important;line-height:1.25!important;color:#9da5b0!important;
  }
  .premium-mobile-sales-card .discover-mobile-foot{
    margin-top:11px!important;
    padding-top:10px!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
  }
  .premium-mobile-sales-card .discover-mobile-foot>span:first-child{
    font-size:11px!important;color:#aab2bd!important;gap:6px!important;
  }
  .premium-mobile-sales-card .discover-mobile-foot>span:first-child .ico{width:16px!important;height:16px!important}
  .premium-mobile-sales-card .discover-price-bookmark{gap:9px!important}
  .premium-mobile-sales-card .discover-price-bookmark>strong{
    max-width:none!important;overflow:visible!important;text-overflow:clip!important;
    color:#FCB045!important;font-size:15px!important;font-weight:900!important;letter-spacing:-.02em!important;
  }
  .premium-mobile-sales-card .discover-card-bookmark{
    width:34px!important;height:34px!important;min-width:34px!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    background:#121720!important;color:#aeb6c1!important;
    box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
  }
  .premium-mobile-sales-card .discover-card-bookmark .ico{width:18px!important;height:18px!important}
  .premium-mobile-sales-card .discover-card-bookmark.active{color:#FCB045!important;border-color:rgba(252,176,69,.22)!important;background:rgba(252,176,69,.07)!important}

  .premium-mobile-sales-card .discover-mobile-conversion{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .premium-mobile-sales-card .discover-mobile-conversion:has(>button:only-child){grid-template-columns:1fr!important}
  .premium-mobile-sales-card .discover-mobile-conversion>button{
    position:relative!important;inset:auto!important;
    width:100%!important;height:44px!important;min-width:0!important;
    margin:0!important;padding:0 14px!important;
    border-radius:13px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    box-shadow:0 10px 23px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.075)!important;
    font-size:12px!important;font-weight:850!important;letter-spacing:.005em!important;color:#fff!important;
  }
  .premium-mobile-sales-card .discover-mobile-conversion>button .ico{width:18px!important;height:18px!important}
  .premium-mobile-sales-card .discover-card-cart{
    background:linear-gradient(105deg,#833AB4 0%,#FD1D1D 58%,#FCB045 116%)!important;
  }
  .premium-mobile-sales-card .discover-card-cart:after{content:"Unlock"}
  .premium-mobile-sales-card .discover-card-cart.active:after{content:"In cart"}
  .premium-mobile-sales-card .discover-card-subscribe{
    background:linear-gradient(145deg,#1a202a,#121720)!important;
    color:#e8d7ff!important;
    border-color:rgba(131,58,180,.22)!important;
  }
  .premium-mobile-sales-card .discover-card-subscribe:after{content:"Subscribe"}
  .premium-mobile-sales-card:active{transform:scale(.997)!important;background:#0d1117!important}
}

/* Premium category navigation: quieter unselected tabs, stronger selected state. */
.home-category-strip,.discover-category-scroll{
  scrollbar-width:none!important;
}
.home-category-chip,.discover-category-chip{
  border:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(160deg,#131820,#0d1117)!important;
  color:#dce1e8!important;
  box-shadow:0 8px 18px rgba(0,0,0,.17),inset 0 1px rgba(255,255,255,.025)!important;
}
.home-category-chip>span,.discover-category-chip>span{
  background:#171c25 center/cover no-repeat!important;
  color:#c8ced7!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.home-category-chip.active,.discover-category-chip.active{
  border-color:rgba(252,176,69,.24)!important;
  background:
    radial-gradient(circle at 10% 50%,rgba(131,58,180,.19),transparent 42%),
    linear-gradient(145deg,#18151f,#11151c)!important;
  color:#fff!important;
  box-shadow:0 10px 23px rgba(0,0,0,.22),inset 0 0 0 1px rgba(253,29,29,.08)!important;
}
.home-category-chip.active>span,.home-category-chip.all-category.active>span,.discover-category-chip.active>span{
  background:linear-gradient(145deg,rgba(131,58,180,.42),rgba(253,29,29,.22))!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
.home-live-category-icon{background:#171c25!important}
@media(max-width:767px){
  .home-category-strip{gap:8px!important;padding:4px 12px 9px!important}
  .home-category-chip{min-width:94px!important;height:43px!important;padding:5px 10px 5px 6px!important;border-radius:12px!important}
  .home-category-chip>span{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:9px!important}
  .home-category-chip>b{font-size:11.5px!important;max-width:96px!important}
  .discover-category-scroll{gap:8px!important;padding-left:12px!important;padding-right:12px!important}
  .discover-category-chip{min-width:102px!important;height:44px!important;border-radius:12px!important}
}

/* Premium Live directory cards: keep existing grid/counts and media sizes; improve trust and hierarchy only. */
.live-home-card{
  border-radius:12px!important;
  background:linear-gradient(180deg,#10141b,#090c11)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
.live-home-media{
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:12px!important;
  background:#080b10!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.live-home-media:after{
  inset:42% 0 0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(3,5,8,.18) 32%,rgba(3,5,8,.88) 100%)!important;
}
.live-card-blur{filter:blur(22px) brightness(.62) saturate(1.08)!important;opacity:.88!important}
.live-card-poster{object-fit:contain!important}
.live-pill{
  border-radius:8px!important;
  padding:5px 7px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(235,22,67,.88)!important;
  box-shadow:0 6px 16px rgba(190,15,52,.18)!important;
  backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
}
.live-card-alert{
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:10px!important;
  background:rgba(8,11,16,.56)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}
.live-card-alert.active{background:rgba(131,58,180,.72)!important;border-color:rgba(255,255,255,.09)!important}
.live-card-name{font-weight:780!important;letter-spacing:-.01em!important;text-shadow:0 2px 10px rgba(0,0,0,.85)!important}
.live-card-flag{border-color:rgba(255,255,255,.30)!important;box-shadow:0 3px 9px rgba(0,0,0,.34)!important}
.live-card-paused{border-radius:12px!important}
@media(max-width:767px){
  .home-live-section .home-live-strip,.live-index-grid{gap:10px!important}
  .home-live-section .home-live-strip{padding-left:12px!important;padding-right:12px!important}
  .live-home-card,.live-home-media{border-radius:10px!important}
  .live-pill{left:7px!important;top:7px!important;font-size:9px!important}
  .live-card-alert{right:7px!important;top:7px!important;width:32px!important;height:32px!important;border-radius:9px!important}
  .live-card-name{left:9px!important;bottom:8px!important;font-size:12px!important}
  .live-card-flag{right:8px!important;bottom:8px!important}
}

/* === Xmegram 3.4.9-hotfix260 · Watch-page commerce focus + edge-to-edge mobile sales cards === */
@media(max-width:767px){
  /* Suggested, Discover, Watch Related and Profile feeds use the same edge-to-edge mobile card geometry as Trending. */
  .surface-suggested-masonry.shared-mobile-single-column,
  .surface-discover-masonry.shared-mobile-single-column,
  .surface-related-masonry.shared-mobile-single-column,
  .surface-profile-masonry.shared-mobile-single-column{
    padding-left:0!important;
    padding-right:0!important;
    width:100%!important;
    max-width:none!important;
  }
  .profile-screen-ref .profile-grid{
    padding-left:0!important;
    padding-right:0!important;
  }
  .surface-suggested-masonry.shared-mobile-single-column>.discover-mobile-column,
  .surface-discover-masonry.shared-mobile-single-column>.discover-mobile-column,
  .surface-related-masonry.shared-mobile-single-column>.discover-mobile-column,
  .surface-profile-masonry.shared-mobile-single-column>.discover-mobile-column{
    gap:8px!important;
  }
  .premium-mobile-sales-card{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(255,255,255,.055)!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    background:linear-gradient(180deg,#0b0f14 0%,#070a0e 100%)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.018),inset 0 -1px rgba(0,0,0,.40)!important;
  }
  .premium-mobile-sales-card .discover-mobile-media{
    border-radius:0!important;
  }
  .premium-mobile-sales-card .discover-mobile-copy{
    padding:13px 16px 14px!important;
    border-radius:0!important;
    background:
      radial-gradient(circle at 92% 0%,rgba(252,176,69,.038),transparent 34%),
      linear-gradient(180deg,#0b0f14,#080b10)!important;
  }
  .premium-mobile-sales-card .discover-mobile-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .premium-mobile-sales-card .discover-price-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:0!important;
    margin-left:auto!important;
  }
  .premium-mobile-sales-card .discover-price-actions>strong{
    max-width:none!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    color:#FCB045!important;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
  }
  .premium-mobile-sales-card .discover-mobile-inline-actions{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    flex:0 0 auto!important;
  }
  .premium-mobile-sales-card .discover-card-bookmark,
  .premium-mobile-sales-card .discover-card-cart{
    position:relative!important;
    inset:auto!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    border:1px solid rgba(255,255,255,.085)!important;
    background:linear-gradient(160deg,#151b24,#0f141c)!important;
    color:#d4dae2!important;
    box-shadow:0 7px 18px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)!important;
  }
  .premium-mobile-sales-card .discover-card-bookmark .ico,
  .premium-mobile-sales-card .discover-card-cart .ico{
    width:18px!important;
    height:18px!important;
  }
  .premium-mobile-sales-card .discover-card-cart:after{
    content:none!important;
    display:none!important;
  }
  .premium-mobile-sales-card .discover-card-cart.active{
    color:#fff!important;
    border-color:rgba(252,176,69,.28)!important;
    background:linear-gradient(115deg,rgba(131,58,180,.84),rgba(253,29,29,.88) 56%,rgba(252,176,69,.90))!important;
  }
  .premium-mobile-sales-card .discover-card-bookmark.active{
    color:#FCB045!important;
    border-color:rgba(252,176,69,.25)!important;
    background:rgba(252,176,69,.075)!important;
  }
  /* Hotfix259's large conversion CTA row is intentionally retired. Watch owns Unlock/Subscribe. */
  .premium-mobile-sales-card .discover-mobile-conversion{
    display:none!important;
  }
}

/* === Xmegram 3.4.9-hotfix262 · immersive mobile Watch + smart preview checkout === */
@media(max-width:767px){
  /* Watch header behaves like a premium media app: visible at the top, then glides away on downward scroll. */
  .watch-screen>.topbar{
    transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important;
    will-change:transform,opacity;
    z-index:120!important;
  }
  .watch-screen.watch-header-hidden>.topbar{
    transform:translateY(calc(-100% - 8px))!important;
    opacity:.02!important;
    pointer-events:none!important;
  }

  /* The main Watch player follows the real source ratio on mobile instead of forcing every video into one height. */
  .watch-screen .watch-player.watch-source-ratio{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    aspect-ratio:var(--watch-source-ratio)!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
    background:#050608!important;
  }
  .watch-screen .watch-player.watch-source-ratio .watch-video,
  .watch-screen .watch-player.watch-source-ratio .watch-poster{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
  }
  .watch-screen .watch-player.watch-source-ratio .watch-video-backdrop{
    opacity:1!important;
    filter:blur(30px) saturate(1.08) brightness(.65)!important;
    transform:scale(1.11)!important;
  }

  /* Compact YouTube-like action row: views left, four icon-only controls right. */
  .watch-screen .watch-info{padding:12px 16px 0!important}
  .watch-screen .watch-title-line{gap:12px!important}
  .watch-screen .watch-title-line h1{font-size:22px!important;line-height:1.12!important;margin-bottom:4px!important}
  .watch-screen .watch-price{font-size:22px!important;line-height:1.05!important}
  .watch-screen .watch-meta-action-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:8px!important;
    min-height:42px!important;
  }
  .watch-screen .watch-meta-action-row .watch-meta{
    margin:0!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    color:#aeb5bf!important;
  }
  .watch-screen .watch-meta-action-row .watch-meta span{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .watch-screen .watch-meta-action-row .watch-meta .ico{
    width:23px!important;
    height:23px!important;
    flex:0 0 23px!important;
    stroke-width:2.15!important;
  }
  .watch-screen .watch-actions.watch-actions-compact{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    flex:0 0 auto!important;
  }
  .watch-screen .watch-actions.watch-actions-compact button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:999px!important;
    color:#e8edf3!important;
    box-shadow:inset 0 1px rgba(255,255,255,.055),0 5px 14px rgba(0,0,0,.18)!important;
    position:relative!important;
  }
  .watch-screen .watch-actions.watch-actions-compact button+button:before{display:none!important;content:none!important}
  .watch-screen .watch-actions.watch-actions-compact button:nth-child(1){background:rgba(253,29,29,.14)!important}
  .watch-screen .watch-actions.watch-actions-compact button:nth-child(2){background:rgba(62,145,255,.13)!important}
  .watch-screen .watch-actions.watch-actions-compact button:nth-child(3){background:rgba(131,58,180,.17)!important}
  .watch-screen .watch-actions.watch-actions-compact button:nth-child(4){background:rgba(252,176,69,.13)!important}
  .watch-screen .watch-actions.watch-actions-compact button .ico{
    width:21px!important;
    height:21px!important;
    stroke-width:2.1!important;
  }
  .watch-screen .watch-actions.watch-actions-compact button.active{
    color:#fff!important;
    background:linear-gradient(135deg,rgba(131,58,180,.82),rgba(253,29,29,.76))!important;
  }
  .watch-screen .watch-actions.watch-actions-compact button:disabled{
    opacity:.42!important;
    background:rgba(255,255,255,.055)!important;
  }
  .watch-screen .watch-actions.watch-actions-compact .action-lock{
    right:-2px!important;
    top:-3px!important;
    font-size:8px!important;
  }
  .watch-screen .watch-related{margin-top:4px!important}
  .watch-screen .watch-related .section-title{padding-top:4px!important;padding-bottom:6px!important}
}

/* Preview-end smart purchase card. It reuses the existing checkout engine; only the first-step presentation changes. */
.watch-smart-purchase{
  position:fixed;
  z-index:19010;
  left:50%;
  bottom:max(18px,var(--safe-bottom));
  transform:translateX(-50%);
  width:min(430px,calc(100vw - 24px));
  max-height:calc(100dvh - 36px - var(--safe-top));
  overflow:auto;
  padding:22px 20px 18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% -5%,rgba(252,176,69,.13),transparent 29%),
    radial-gradient(circle at 5% 0%,rgba(131,58,180,.16),transparent 31%),
    linear-gradient(180deg,#121720 0%,#0a0e14 72%,#070a0f 100%);
  box-shadow:0 32px 100px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.045);
  color:#f7f8fb;
}
.watch-smart-close{
  position:absolute;right:13px;top:13px;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.065);color:#dce1e8;font-size:22px;
}
.watch-smart-badge{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.075);color:#f1f4f8;font-size:10px;font-weight:850}
.watch-smart-badge .ico{width:16px;height:16px;color:#FCB045}
/* Hotfix268: use the existing real payment artwork in the compact smart-checkout badge. */
.watch-smart-badge>.provider-art{width:20px!important;height:20px!important;border-radius:6px!important;flex:0 0 20px}
.watch-smart-badge>.provider-art.mpesa{width:18px!important;height:18px!important;flex-basis:18px}
.watch-smart-badge>.provider-art img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:inherit}

.watch-smart-purchase>small:not(.watch-smart-trust){display:block;margin-top:15px;color:#c987ff;font-size:9px;font-weight:950;letter-spacing:.16em}
.watch-smart-purchase h2{margin:5px 44px 0 0;font-size:24px;line-height:1.08;letter-spacing:-.035em}
.watch-smart-purchase>p{margin:9px 0 0;color:#adb5c0;font-size:13px;line-height:1.5}
.watch-smart-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px}
.watch-smart-summary>span{min-width:0;padding:10px 9px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}
.watch-smart-summary small,.watch-smart-summary b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.watch-smart-summary small{color:#7f8997;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.watch-smart-summary b{margin-top:4px;color:#fff;font-size:12px;font-weight:900}
.watch-smart-mpesa{display:grid;gap:6px;margin-top:14px;color:#d9dee5;font-size:10px;font-weight:800}
.watch-smart-mpesa>div{height:48px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:14px;background:#080c12;border:1px solid rgba(255,255,255,.09)}
.watch-smart-mpesa .ico{width:18px;height:18px;color:#FCB045}
.watch-smart-mpesa input{min-width:0;flex:1;border:0!important;background:transparent!important;color:#fff!important;font-size:15px!important;outline:0!important;box-shadow:none!important}
.watch-smart-primary{width:100%;margin-top:15px!important}
.watch-smart-other{display:block;width:100%;margin-top:7px;padding:8px 6px;color:#c7cdd6;font-size:10px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.watch-smart-trust{display:flex!important;align-items:center;justify-content:center;gap:6px;margin-top:7px!important;color:#77818e!important;font-size:8px!important;font-weight:700!important;letter-spacing:0!important;text-align:center}
.watch-smart-trust .ico{width:13px;height:13px;color:#8f98a5}
@media(max-width:420px){
  .watch-smart-purchase{width:calc(100vw - 16px);bottom:max(8px,var(--safe-bottom));padding:19px 16px 15px;border-radius:20px}
  .watch-smart-purchase h2{font-size:21px}
  .watch-smart-summary{gap:5px}.watch-smart-summary>span{padding:9px 7px}.watch-smart-summary b{font-size:11px}
}

/* === Xmegram 3.4.9-hotfix262 · adult-first verified registration === */
.registration-flow{padding-top:30px}.registration-flow .registration-step-mark{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:#ffffff0a;border:1px solid #ffffff12;color:#c7cbd5;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.registration-flow h1{letter-spacing:-.045em}.registration-flow>p b{color:#fff;overflow-wrap:anywhere}.registration-flow .simple-form{gap:16px}.registration-flow .simple-form>label{display:block;color:#c4c9d3;font-size:12px;font-weight:700}.registration-flow .simple-form input{background:linear-gradient(180deg,#121720,#0d1118);box-shadow:inset 0 0 0 1px #ffffff17,0 10px 28px #0003}.registration-flow .simple-form input:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 68%,#fff),0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent),0 12px 32px #0004}.registration-date-label>small{display:block;margin:7px 2px 0;color:#868d9a;font-size:10px}.registration-date-field{position:relative;margin-top:7px}.registration-date-field>.ico{position:absolute;z-index:2;left:14px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:#929aa9;pointer-events:none}.registration-date-field input{margin-top:0!important;padding-left:44px!important;color-scheme:dark}.registration-flow .signup-submit,.registration-code-form .primary{min-height:54px;border-radius:16px;font-weight:900;box-shadow:0 14px 34px color-mix(in srgb,var(--accent) 24%,transparent)}.registration-code-form input{font-size:26px!important;letter-spacing:.28em;text-align:center;font-weight:900;font-variant-numeric:tabular-nums;padding-left:calc(15px + .28em)!important}.registration-verify-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px}.registration-verify-actions button{min-height:38px;padding:0 13px;border-radius:999px;border:1px solid #ffffff12;background:#ffffff08;color:#c7cbd5;font-size:11px;font-weight:800}.registration-verifying{min-height:116px;border-radius:20px;border:1px solid #ffffff10;background:linear-gradient(180deg,#111620,#0b0e14);display:grid;place-items:center;align-content:center;gap:12px;color:#cbd0da;font-weight:800}.registration-verifying i{width:34px;height:34px;border:3px solid #ffffff18;border-top-color:var(--accent);border-radius:50%;animation:registration-spin .75s linear infinite}@keyframes registration-spin{to{transform:rotate(360deg)}}
html.registration-password-locked,body.registration-password-locked{overflow:hidden!important;overscroll-behavior:none!important}.registration-password-cover{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0,rgba(131,58,180,.22),transparent 34%),linear-gradient(180deg,rgba(3,4,7,.94),rgba(3,3,6,.985));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.registration-password-card{width:min(460px,100%);padding:28px 22px 23px;border-radius:27px;border:1px solid #ffffff16;background:linear-gradient(180deg,#151922 0%,#0b0e14 100%);box-shadow:0 32px 100px #000d;color:#fff;text-align:center}.registration-password-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:21px;display:grid;place-items:center;background:linear-gradient(135deg,#833ab4,#fd1d1d 58%,#fcb045);box-shadow:0 15px 42px #fd1d1d2d}.registration-password-icon .ico{width:30px;height:30px}.registration-password-card>small{display:block;margin-bottom:7px;color:#d79dff;font-size:10px;font-weight:900;letter-spacing:.14em}.registration-password-card h1{margin:0;font-size:clamp(27px,7vw,35px);line-height:1.05;letter-spacing:-.045em}.registration-password-card>p{max-width:370px;margin:11px auto 19px;color:#afb6c3;font-size:13px;line-height:1.55}.registration-password-card form{display:grid;gap:12px;text-align:left}.registration-password-card form>label>span{display:block;margin:0 2px 6px;color:#c9ced8;font-size:11px;font-weight:800}.registration-password-card form>label>div{position:relative}.registration-password-card input{width:100%;height:52px;border:0;outline:0;border-radius:15px;background:#080b10;box-shadow:inset 0 0 0 1px #ffffff16;padding:0 48px 0 15px;color:#fff;font-size:14px}.registration-password-card input:focus{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 68%,#fff),0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.registration-password-card .password-eye{position:absolute;right:6px;top:50%;width:40px;height:40px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:12px;background:#ffffff08;color:#afb6c3}.registration-password-card .password-eye .ico{width:20px;height:20px}.registration-password-card .primary{min-height:53px;margin-top:3px;border-radius:16px;font-weight:900}.registration-password-error{display:none;border-radius:12px;background:#ff44551a;color:#ff9ca6;font-size:11px;line-height:1.4}.registration-password-error:not(:empty){display:block;padding:10px 11px}.registration-password-note{margin-top:14px;color:#858d9b;font-size:10px;line-height:1.5}@media(max-width:520px){.registration-password-card{border-radius:24px;padding:24px 18px 20px}.registration-flow{padding-left:20px;padding-right:20px}}

/* === Xmegram 3.4.9-hotfix263 · adaptive mobile Watch height cap === */
@media(max-width:767px){
  /* Keep Watch edge-to-edge, but never let very tall portrait media consume the full page.
     The source ratio still decides the box until this premium viewport cap is reached. */
  .watch-screen .watch-player.watch-source-ratio{
    width:100%!important;
    max-width:none!important;
    max-height:min(62dvh,620px)!important;
    overflow:hidden!important;
  }
  .watch-screen .watch-player.watch-source-ratio .watch-video,
  .watch-screen .watch-player.watch-source-ratio .watch-poster{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  /* Fullscreen remains truly fullscreen. */
  .watch-screen .watch-player.watch-source-ratio:fullscreen,
  .watch-screen .watch-player.watch-source-ratio.vh-fullscreen{
    max-height:none!important;
  }
}


/* === Xmegram 3.4.9-hotfix264 · cleaner registration + natural short Related media === */
@media(max-width:767px){
  /* Related media follows the video's real aspect ratio when that natural height is smaller.
     Tall sources remain capped by the existing premium mobile maximum. */
  .surface-related-masonry .premium-mobile-sales-card .discover-mobile-media{
    height:auto!important;
    aspect-ratio:var(--discover-ratio,16/9)!important;
    max-height:430px!important;
  }
}


/* === Xmegram 3.4.9-hotfix265 · Watch foreground media must always sit above blurred backdrop ===
   Hotfix261 enabled the blurred Watch backdrop for every source-ratio player.  Only
   portrait-source media had an explicit z-index, so landscape/metadata-mismatched
   videos could be painted underneath the backdrop and look completely blurred.
   Keep the blur strictly as a background fill and the real poster/video as foreground. */
.watch-player .watch-video-backdrop{
  z-index:0!important;
  pointer-events:none!important;
}
.watch-player>.watch-video,
.watch-player>.watch-poster{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  visibility:visible!important;
}
.watch-player.watch-source-ratio>.watch-video,
.watch-player.watch-source-ratio>.watch-poster{
  background-color:transparent!important;
  object-fit:contain!important;
  object-position:center!important;
}
.watch-player .big-play,
.watch-player .player-controls,
.watch-player .preview-badge,
.watch-player .watch-quality{
  z-index:6!important;
}

/* === Xmegram 3.4.9-hotfix266 · Trending-style mobile Suggested / Related / Profile cards + calm Watch header === */
@media(max-width:767px){
  /* Match Trending's edge-to-edge, tightly stacked mobile rhythm without changing tablet/desktop. */
  .surface-suggested-masonry.shared-mobile-single-column,
  .surface-related-masonry.shared-mobile-single-column,
  .surface-profile-masonry.shared-mobile-single-column{
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
  }
  .surface-suggested-masonry.shared-mobile-single-column>.discover-mobile-column,
  .surface-related-masonry.shared-mobile-single-column>.discover-mobile-column,
  .surface-profile-masonry.shared-mobile-single-column>.discover-mobile-column{
    gap:0!important;
  }
  .surface-suggested-masonry .trending-like-mobile-card,
  .surface-related-masonry .trending-like-mobile-card,
  .surface-profile-masonry .trending-like-mobile-card{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#080b10!important;
    overflow:hidden!important;
  }

  /* Use the source's natural full-width height for short/landscape videos. Very tall media is capped only when needed. */
  .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-media,
  .surface-related-masonry .trending-like-mobile-card .discover-mobile-media,
  .surface-profile-masonry .trending-like-mobile-card .discover-mobile-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(68dvh,430px)!important;
    aspect-ratio:var(--discover-ratio,4/5)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-media.media-landscape,
  .surface-related-masonry .trending-like-mobile-card .discover-mobile-media.media-landscape,
  .surface-profile-masonry .trending-like-mobile-card .discover-mobile-media.media-landscape,
  .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-media.media-square,
  .surface-related-masonry .trending-like-mobile-card .discover-mobile-media.media-square,
  .surface-profile-masonry .trending-like-mobile-card .discover-mobile-media.media-square,
  .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-media.media-portrait,
  .surface-related-masonry .trending-like-mobile-card .discover-mobile-media.media-portrait,
  .surface-profile-masonry .trending-like-mobile-card .discover-mobile-media.media-portrait,
  .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-media.media-unknown,
  .surface-related-masonry .trending-like-mobile-card .discover-mobile-media.media-unknown,
  .surface-profile-masonry .trending-like-mobile-card .discover-mobile-media.media-unknown{
    height:auto!important;
    aspect-ratio:var(--discover-ratio,4/5)!important;
  }

  /* Trending-style commerce placement: bookmark top-right, cart bottom-right on the media. */
  .trending-like-mobile-card .trendlike-card-bookmark,
  .trending-like-mobile-card .trendlike-card-cart{
    position:absolute!important;
    right:12px!important;
    z-index:9!important;
    display:block!important;
    pointer-events:auto!important;
  }
  .trending-like-mobile-card .trendlike-card-bookmark{top:12px!important}
  .trending-like-mobile-card .trendlike-card-cart{bottom:12px!important}
  .trending-like-mobile-card .trendlike-card-bookmark .discover-card-bookmark,
  .trending-like-mobile-card .trendlike-card-cart .discover-card-cart{
    position:relative!important;
    inset:auto!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:12px!important;
    color:#f4f6f8!important;
    background:rgba(10,13,18,.76)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04)!important;
    backdrop-filter:blur(12px) saturate(1.1)!important;
    -webkit-backdrop-filter:blur(12px) saturate(1.1)!important;
  }
  .trending-like-mobile-card .trendlike-card-bookmark .discover-card-bookmark .ico,
  .trending-like-mobile-card .trendlike-card-cart .discover-card-cart .ico{
    width:21px!important;
    height:21px!important;
  }
  .trending-like-mobile-card .trendlike-card-cart .discover-card-cart.active{
    background:linear-gradient(125deg,rgba(131,58,180,.90),rgba(253,29,29,.90) 58%,rgba(252,176,69,.92))!important;
    color:#fff!important;
  }
  .trending-like-mobile-card .trendlike-card-bookmark .discover-card-bookmark.active{
    color:#FCB045!important;
    background:rgba(22,18,12,.82)!important;
    border-color:rgba(252,176,69,.28)!important;
  }

  /* Compact metadata block like Trending: no card border, no empty CTA row, views and price share one line. */
  .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-copy,
  .surface-related-masonry .trending-like-mobile-card .discover-mobile-copy,
  .surface-profile-masonry .trending-like-mobile-card .discover-mobile-copy{
    padding:10px 16px 11px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#0b0a10,#08080d)!important;
    box-shadow:inset 0 -1px rgba(255,255,255,.035)!important;
  }
  .trending-like-mobile-card .discover-mobile-copy>b{
    font-size:16px!important;
    line-height:1.18!important;
    font-weight:850!important;
  }
  .trending-like-mobile-card .discover-mobile-copy>small{
    margin-top:4px!important;
    font-size:11px!important;
    color:#999fac!important;
  }
  .trending-like-mobile-card .discover-mobile-foot{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:7px!important;
    padding-top:0!important;
    border:0!important;
    min-height:25px!important;
  }
  .trending-like-mobile-card .discover-mobile-foot>span:first-child{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    color:#aab1bc!important;
    font-size:11px!important;
  }
  .trending-like-mobile-card .discover-mobile-foot>span:first-child .ico{
    width:17px!important;
    height:17px!important;
  }
  .trending-like-mobile-card .discover-price-actions{
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .trending-like-mobile-card .discover-price-actions>strong{
    color:#FCB045!important;
    font-size:13px!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .trending-like-mobile-card .discover-mobile-inline-actions{display:none!important}

  .mobile-suggestions-section .section-title{
    margin:0!important;
    padding:10px 16px 6px!important;
  }
  .watch-screen .watch-related{margin-top:2px!important}
  .watch-screen .watch-related .section-title{margin:0!important;padding:5px 16px 6px!important}
  .profile-screen-ref .profile-video-listing>.shared-mobile-masonry{padding-top:0!important}

  /* Watch is a focused media page. Do not crowd its header with global inbox/bell/avatar actions. */
  .watch-screen>.topbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:66px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .watch-screen>.topbar .top-leading{gap:6px!important}
  .watch-screen>.topbar .top-title{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:20px!important;
  }
  .watch-screen>.topbar .top-actions{gap:5px!important;flex:0 0 auto!important}
  .watch-screen>.topbar .icon-btn{width:40px!important;height:40px!important;min-width:40px!important}

  /* General mobile header safety: titles shrink/ellipsis before action groups collide. */
  .topbar,.commerce-topbar,.notification-topbar,.direct-header,.upload-compose-header{
    min-width:0!important;
  }
  .topbar .top-title,.commerce-topbar h1,.notification-topbar h1,.upload-compose-header h1{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}
@media(max-width:380px){
  .topbar,.commerce-topbar,.notification-topbar{padding-left:10px!important;padding-right:10px!important;gap:6px!important}
  .topbar .icon-btn,.commerce-topbar .icon-btn,.notification-topbar .icon-btn{width:38px!important;height:38px!important;min-width:38px!important}
  .top-actions,.commerce-head-actions,.mobile-global-actions{gap:4px!important}
}


/* === Xmegram 3.4.9-hotfix267 · natural-height Discover + calm consistent mobile headers === */
@media(max-width:767px){
  /* Discover now follows the same source-ratio geometry already used by Trending-style
     Suggested / Related / Profile cards. Short videos stay short at full width; tall
     media is capped only when necessary. The actual foreground remains object-contain. */
  .surface-discover-masonry .trending-like-mobile-card .discover-mobile-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:min(68dvh,430px)!important;
    aspect-ratio:var(--discover-ratio,4/5)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .surface-discover-masonry .trending-like-mobile-card .discover-mobile-media.media-landscape,
  .surface-discover-masonry .trending-like-mobile-card .discover-mobile-media.media-square,
  .surface-discover-masonry .trending-like-mobile-card .discover-mobile-media.media-portrait,
  .surface-discover-masonry .trending-like-mobile-card .discover-mobile-media.media-unknown{
    height:auto!important;
    aspect-ratio:var(--discover-ratio,4/5)!important;
  }
  .surface-discover-masonry.shared-mobile-single-column,
  .surface-discover-masonry.shared-mobile-single-column>.discover-mobile-column{
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
  }
  .surface-discover-masonry.shared-mobile-single-column>.discover-mobile-column{gap:0!important}
  .surface-discover-masonry .trending-like-mobile-card{
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .surface-discover-masonry .trending-like-mobile-card .discover-mobile-copy{
    padding:10px 16px 11px!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#0b0a10,#08080d)!important;
    box-shadow:inset 0 -1px rgba(255,255,255,.035)!important;
  }

  /* Same account-avatar holder as Home on every mobile header that displays it. */
  .mobile-global-actions .avatar-btn,
  .mobile-global-actions .mobile-header-avatar,
  [data-mobile-header-avatar].avatar-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
    padding:2px!important;
    border-radius:50%!important;
  }
  .mobile-global-actions .avatar-btn img,
  [data-mobile-header-avatar].avatar-btn img{
    width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;
  }

  /* Secondary page headers use their page-specific action plus one account avatar.
     Reserve title space first so long titles never crush controls. */
  .topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    column-gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .topbar .top-leading{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
  .topbar .top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important}
  .topbar .top-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .mobile-global-actions{gap:0!important;margin-left:0!important}

  .commerce-topbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:8px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .commerce-leading{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
  .commerce-topbar h1{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .commerce-head-actions{gap:6px!important;min-width:0!important}
}
@media(max-width:390px){
  /* Do not shrink account avatars below Home size on narrow phones. */
  .mobile-global-actions .avatar-btn,
  .mobile-global-actions .mobile-header-avatar,
  [data-mobile-header-avatar].avatar-btn{
    width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;
  }
  .topbar,.commerce-topbar{column-gap:6px!important;padding-left:10px!important;padding-right:10px!important}
  .topbar .top-title,.commerce-topbar h1{font-size:19px!important}
}

/* Hotfix269 — Watch description: responsive two-line clamp + premium full-text sheet */
.watch-description-clamp{position:relative;min-width:0;max-width:100%}
.watch-description-clamp h1{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.24em;line-height:1.12!important;word-break:break-word}
.watch-description-clamp.has-more h1{padding-right:72px}
.watch-description-more{position:absolute;right:0;bottom:4px;z-index:2;min-width:68px;height:28px;padding:0 5px 0 18px;display:inline-flex;align-items:center;justify-content:flex-end;color:#d8dce4;font-size:12px;font-weight:800;line-height:1;background:linear-gradient(90deg,transparent 0%,#09060f 24%,#09060f 100%);border:0;border-radius:0;text-transform:none}
.watch-description-more[hidden]{display:none!important}
.watch-description-more:active{opacity:.72}
.watch-description-scrim{background:#0000}
#drawerRoot.open .watch-description-scrim{background:#000c;backdrop-filter:blur(10px)}
.watch-description-sheet{position:absolute;left:50%;top:50%;width:min(620px,calc(100vw - 32px));max-height:min(78dvh,720px);transform:translate(-50%,-50%);overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff18;border-radius:24px;background:linear-gradient(180deg,#121722 0%,#080b11 100%);box-shadow:0 30px 90px #000d;padding:22px;color:#f7f8fb}
.watch-description-sheet header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid #ffffff0d}
.watch-description-sheet header small{display:block;color:#a56cff;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:5px}
.watch-description-sheet header h2{margin:0;font-size:24px;line-height:1.05;letter-spacing:-.035em}
.watch-description-sheet header button{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:#1b202b;color:#fff;border:1px solid #ffffff10}
.watch-description-sheet header button .ico{width:20px;height:20px}
.watch-description-creator{display:flex;align-items:center;gap:11px;padding:17px 0 15px}
.watch-description-creator>span{width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#2b3342,#171b23);font-weight:900}
.watch-description-creator>span img{width:100%;height:100%;object-fit:cover}
.watch-description-creator b,.watch-description-creator small{display:block}
.watch-description-creator b{font-size:14px}.watch-description-creator small{margin-top:2px;color:#8f97a5;font-size:11px}
.watch-description-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#eef1f6;font-size:16px;line-height:1.62;padding:18px;border-radius:17px;background:#0b0f16;border:1px solid #ffffff0c}
.watch-description-done{width:100%;height:50px;margin-top:18px;border-radius:14px;background:linear-gradient(100deg,#8a35c8,#f22d3d 55%,#ff9d38);color:#fff;font-weight:900;font-size:14px}
@media(max-width:767px){
  .watch-description-clamp.has-more h1{padding-right:65px}
  .watch-description-more{bottom:2px;min-width:62px;height:26px;font-size:11px;padding-left:15px;background:linear-gradient(90deg,transparent 0%,#09050d 22%,#09050d 100%)}
  .watch-description-sheet{top:auto;left:12px;right:12px;bottom:max(12px,var(--safe-bottom));width:auto;max-height:76dvh;transform:none;border-radius:23px;padding:19px}
  .watch-description-sheet header h2{font-size:22px}
  .watch-description-body{font-size:15px;line-height:1.58;padding:16px}
}


/* === Xmegram 3.4.9-hotfix270 · premium wallet + conversion-focused subscription === */
/* Wallet refinement: keep the balance card dominant, make Top Up the primary money action,
   and quiet secondary controls so the page reads like a fintech product rather than a promo grid. */
.wallet-quick-actions{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;gap:10px!important}
.wallet-quick-actions .wallet-quick-action{height:68px!important;min-height:68px!important;border-radius:18px!important;padding:0 14px!important;grid-template-columns:38px minmax(0,1fr) 16px!important;gap:9px!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important}
.wallet-quick-actions .wallet-quick-action>i{width:38px!important;height:38px!important;border-radius:13px!important}
.wallet-quick-actions .wallet-quick-action.topup{background:linear-gradient(118deg,#a51f39 0%,#d82f37 48%,#d57a32 100%)!important;box-shadow:0 12px 28px rgba(215,47,55,.18)!important}
.wallet-quick-actions .wallet-quick-action.withdraw{background:linear-gradient(145deg,#141722,#0c0f16)!important;box-shadow:inset 0 0 0 1px rgba(156,86,219,.22),0 10px 22px rgba(0,0,0,.18)!important}
.wallet-quick-actions .wallet-quick-action.withdraw>i{background:rgba(131,58,180,.14)!important;color:#c08cff!important}
.wallet-quick-actions .wallet-quick-action b{font-size:13.5px!important;letter-spacing:-.01em}
.wallet-quick-actions .wallet-quick-action small{font-size:9.5px!important;color:rgba(255,255,255,.62)!important}
.wallet-panel-modern{box-shadow:0 12px 30px rgba(0,0,0,.18)!important}
.wallet-transactions>div{padding:0 14px 7px!important}
.wallet-tx{min-height:52px!important}
.wallet-tx .tx-icon{width:32px!important;height:32px!important;border-radius:11px!important}
.wallet-tx .tx-icon .ico{width:17px!important;height:17px!important}
.wallet-tx .tx-copy b{font-size:12.5px!important}.wallet-tx .tx-copy small{font-size:9.5px!important}
.wallet-tx>strong{font-size:11.5px!important}

/* Subscription: replace form-like radio circles with clear plan decisions and visible value. */
.choose-plan-premium{margin-top:18px!important}
.choose-plan-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 14px}
.choose-plan-heading h2{margin:0;font-size:20px;letter-spacing:-.025em}
.choose-plan-heading p{margin:5px 0 0;color:#9298a4;font-size:11px;line-height:1.4}
.choose-plan-heading>span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#a9afba;font-size:9.5px;font-weight:750;padding:7px 10px;border-radius:999px;background:#0d1118;box-shadow:inset 0 0 0 1px #ffffff0d}
.choose-plan-heading>span .ico{width:14px;height:14px;color:#c18cff}
.subscription-plan-grid{gap:13px!important;align-items:stretch}
.subscription-plan.subscription-plan-premium{min-height:0!important;padding:20px!important;text-align:left!important;align-items:stretch!important;border-radius:22px!important;background:linear-gradient(150deg,#11141a,#090b10)!important;box-shadow:0 14px 32px rgba(0,0,0,.22)!important;overflow:hidden}
.subscription-plan.subscription-plan-premium.featured{background:radial-gradient(circle at 90% -4%,rgba(252,176,69,.14),transparent 34%),radial-gradient(circle at 10% 0%,rgba(131,58,180,.22),transparent 36%),linear-gradient(150deg,#17101e,#0a0b11)!important;box-shadow:0 17px 38px rgba(84,29,126,.24)!important}
.subscription-plan-premium .plan-badge{position:static!important;align-self:flex-start!important;margin:0 0 13px!important;border-radius:999px!important;padding:6px 10px!important;font-size:8.5px!important;letter-spacing:.08em!important}
.subscription-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.subscription-plan-premium h3{margin:0!important;font-size:16px!important;line-height:1.15!important;letter-spacing:-.02em!important;text-align:left!important}
.subscription-plan-premium .subscription-plan-head p{margin:5px 0 0!important;font-size:10.5px!important;color:#9ca2ad!important}
.subscription-plan-premium .plan-save{margin:0!important;flex:0 0 auto;background:#25151c!important;color:#ffb55b!important;border-radius:999px!important;padding:6px 9px!important;font-size:8.5px!important;font-weight:850!important}
.subscription-plan-price{padding:16px 0 13px;border-bottom:1px solid #ffffff0b}
.subscription-plan-price strong{display:block!important;color:#FCB045!important;font-size:25px!important;line-height:1!important;letter-spacing:-.035em!important;text-align:left!important}
.subscription-plan-price del{display:inline-block!important;margin:7px 8px 0 0!important;color:#727985!important;font-size:10px!important}
.subscription-plan-price small{display:block;margin-top:7px;color:#a5abb5;font-size:9.5px;line-height:1.35}
.subscription-plan-benefits{display:grid;gap:8px;padding:14px 0 17px;min-height:74px}
.subscription-plan-benefits span{display:flex;align-items:center;gap:8px;color:#d6dae0;font-size:10.5px;font-weight:650;line-height:1.25}
.subscription-plan-benefits .ico{width:15px;height:15px;flex:0 0 15px;color:#b664f0}
.subscription-plan-cta{width:100%;min-height:46px;margin-top:auto;border-radius:14px;background:linear-gradient(110deg,#833AB4,#FD1D1D 64%,#FCB045);color:#fff;font-size:12px;font-weight:900;letter-spacing:-.01em;box-shadow:0 10px 24px rgba(131,58,180,.18)}
.subscription-plan-cta:active{transform:translateY(1px)}
.subscription-plan-cta:disabled{background:#171b22;color:#858c98;box-shadow:inset 0 0 0 1px #ffffff0d;cursor:default}
.subscription-plan-premium .plan-radio,.subscription-plan-premium .plan-spacer,.subscription-plan-premium>.plan-downloads{display:none!important}
.moneyback{margin-top:15px!important;color:#969ca7!important}

@media(max-width:680px){
  .choose-plan-premium{padding-left:16px!important;padding-right:16px!important}
  .choose-plan-heading{align-items:flex-start;margin-bottom:12px}
  .choose-plan-heading h2{font-size:19px}
  .choose-plan-heading>span{margin-top:1px}
  .subscription-plan-grid{grid-template-columns:1fr!important;gap:10px!important}
  .subscription-plan.subscription-plan-premium{padding:17px 18px!important;border-radius:20px!important}
  .subscription-plan-premium h3{font-size:15px!important}
  .subscription-plan-price{padding:13px 0 11px}
  .subscription-plan-price strong{font-size:23px!important}
  .subscription-plan-benefits{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;padding:12px 0 15px;gap:8px 12px}
  .subscription-plan-cta{min-height:44px}
}
@media(max-width:520px){
  .wallet-quick-actions{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:8px!important}
  .wallet-quick-actions .wallet-quick-action{height:64px!important;min-height:64px!important;padding:0 11px!important;grid-template-columns:35px minmax(0,1fr) 13px!important;gap:7px!important;border-radius:17px!important}
  .wallet-quick-actions .wallet-quick-action>i{width:35px!important;height:35px!important;border-radius:12px!important}
  .wallet-quick-actions .wallet-quick-action b{font-size:12px!important}.wallet-quick-actions .wallet-quick-action small{font-size:8.7px!important}
  .choose-plan-heading>span{display:none}
  .subscription-plan-benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:360px){
  .subscription-plan-benefits{grid-template-columns:1fr}
  .wallet-quick-actions .wallet-quick-action>.ico{display:none}.wallet-quick-actions .wallet-quick-action{grid-template-columns:35px minmax(0,1fr)!important}
}

/* Hotfix271: guided verification camera review */
.verification-camera-guide{display:grid;gap:8px;margin:0 0 12px;padding:13px 14px;border:1px solid #ffffff10;border-radius:15px;background:linear-gradient(180deg,#0a0f16,#080c12)}
.verification-camera-guide>b{font-size:12px;letter-spacing:-.01em;color:#eef2f7;margin-bottom:1px}.verification-camera-guide>span{display:flex;align-items:center;gap:8px;color:#9da6b3;font-size:11px;line-height:1.35}.verification-camera-guide .ico{width:15px;height:15px;flex:0 0 15px;color:#66df98}
.verification-photo-box.pending{border-style:solid;border-color:color-mix(in srgb,var(--accent) 42%,#ffffff12);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)}
.verification-capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.verification-capture-actions>.verification-upload-button:only-child{grid-column:1/-1}.verification-retake-button,.verification-submit-photo{min-height:48px;border-radius:13px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.verification-retake-button{border:1px solid #ffffff16;background:#111720;color:#eef2f7}.verification-submit-photo{border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.verification-retake-button .ico,.verification-submit-photo .ico{width:19px;height:19px}.verification-submit-photo:disabled{opacity:.6}.verification-step-back-only{margin-top:13px;justify-content:flex-start}.verification-step-back-only>.ghost{min-height:40px}
@media(max-width:560px){.verification-camera-guide{padding:12px}.verification-capture-actions{gap:8px}.verification-retake-button,.verification-submit-photo{min-height:46px}}

/* === Xmegram 3.4.9-hotfix274 · premium focused Profile + Cart === */
/* Profile: keep the creator and paid videos dominant; secondary tools live in the existing More sheet. */
.profile-screen-ref .profile-main-buttons{
  gap:10px!important;
}
.profile-screen-ref .profile-primary,
.profile-screen-ref .profile-secondary{
  border-radius:15px!important;
  box-shadow:0 10px 25px rgba(0,0,0,.22)!important;
}
.profile-screen-ref .profile-primary{
  background:linear-gradient(112deg,#25b8dc 0%,#7160e8 55%,#a53ac8 100%)!important;
}
.profile-screen-ref .profile-secondary{
  background:linear-gradient(180deg,#11161e,#0b0f15)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.profile-screen-ref .profile-tabs-ref{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  height:auto!important;
  margin:12px 28px 0!important;
  padding:0!important;
  gap:0!important;
  overflow:visible!important;
  border-bottom:1px solid rgba(255,255,255,.085)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-screen-ref .profile-tabs-ref button{
  min-width:0!important;
  height:43px!important;
  min-height:43px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#7f8793!important;
  font-size:13px!important;
  font-weight:800!important;
  position:relative!important;
}
.profile-screen-ref .profile-tabs-ref button.active{
  color:#f7f8fb!important;
  background:transparent!important;
}
.profile-screen-ref .profile-tabs-ref button.active:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:28%!important;
  right:28%!important;
  bottom:-1px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#833AB4,#FD1D1D 62%,#FCB045)!important;
}
.profile-screen-ref .profile-filters-premium{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto!important;
  gap:7px!important;
  padding:10px 28px 9px!important;
  overflow:visible!important;
}
.profile-screen-ref .profile-filters-premium button{
  min-width:0!important;
  height:34px!important;
  padding:0 10px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:#0c1118!important;
  color:#9ea6b2!important;
  font-size:11px!important;
  font-weight:760!important;
  box-shadow:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.profile-screen-ref .profile-filters-premium button.active{
  color:#fff!important;
  border-color:rgba(252,176,69,.22)!important;
  background:linear-gradient(120deg,rgba(131,58,180,.20),rgba(253,29,29,.10) 60%,rgba(252,176,69,.07)),#10151d!important;
}
.profile-screen-ref .profile-filters-premium .profile-filter-more{
  width:38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}
.profile-screen-ref .profile-filters-premium .profile-filter-more span{display:none!important}
.profile-screen-ref .profile-filters-premium .profile-filter-more .ico{width:17px!important;height:17px!important}
.profile-action-sheet .pro-action-list button{
  min-height:52px!important;
}
.profile-action-sheet .pro-action-list button>i{
  background:linear-gradient(145deg,#151b24,#0f131a)!important;
  border:1px solid rgba(255,255,255,.065)!important;
}

/* Cart: connected premium order list, quieter utility controls, stronger price hierarchy. */
.cart-screen .cart-secure{
  margin-top:1px!important;
  margin-bottom:12px!important;
  background:rgba(255,255,255,.035)!important;
  color:#929ba7!important;
}
.cart-screen .cart-list{
  margin:0 18px!important;
  padding:0!important;
  gap:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#0c1118,#090d13)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.05)!important;
}
.cart-screen .cart-item-card.cart-item-premium{
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:12px!important;
  gap:13px!important;
}
.cart-screen .cart-item-card.cart-item-premium:last-child{border-bottom:0!important}
.cart-screen .cart-item-card.cart-item-premium .cart-thumb{
  border-radius:13px!important;
  overflow:hidden!important;
  box-shadow:0 7px 18px rgba(0,0,0,.23)!important;
}
.cart-screen .cart-item-main{
  padding:2px 0!important;
  min-height:100%!important;
}
.cart-screen .cart-item-head{gap:7px!important}
.cart-screen .cart-item-head h2{
  font-size:15px!important;
  line-height:1.24!important;
  font-weight:850!important;
  letter-spacing:-.018em!important;
  padding:1px 0 0!important;
}
.cart-screen .cart-remove{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px!important;
  border-radius:10px!important;
  color:#d77882!important;
  background:rgba(255,80,95,.055)!important;
}
.cart-screen .cart-remove .ico{width:16px!important;height:16px!important}
.cart-screen .cart-creator{
  margin-top:9px!important;
  gap:7px!important;
  color:#929aa6!important;
  font-size:11px!important;
}
.cart-screen .cart-creator .mini-avatar{
  width:26px!important;height:26px!important;flex:0 0 26px!important;
}
.cart-screen .cart-creator b{font-weight:700!important}
.cart-screen .cart-item-value{
  margin-top:auto!important;
  padding-top:10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.cart-screen .cart-item-value>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#707986!important;
  font-size:9px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.cart-screen .cart-item-value>span .ico{width:13px!important;height:13px!important;color:#9861d0!important}
.cart-screen .cart-line-price{
  margin:0!important;
  padding:0!important;
  color:#FCB045!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}
.cart-screen .cart-clear{
  min-height:36px!important;
  padding:0 9px!important;
  gap:5px!important;
  background:rgba(255,80,95,.05)!important;
  color:#d97982!important;
}
.cart-screen .cart-summary{
  border-radius:20px!important;
  background:radial-gradient(circle at 96% -10%,rgba(252,176,69,.08),transparent 36%),linear-gradient(150deg,#111720,#0a0f15)!important;
}
.cart-screen .cart-summary .cart-total strong{color:#FCB045!important}
.cart-screen .cart-recommended .section-title{padding-bottom:8px!important}
.cart-screen .cart-rec-card{background:#0b1016!important;box-shadow:0 9px 22px rgba(0,0,0,.22)!important}

@media(max-width:680px){
  .profile-screen-ref .profile-tabs-ref{margin:9px 14px 0!important}
  .profile-screen-ref .profile-tabs-ref button{height:40px!important;min-height:40px!important;font-size:12px!important}
  .profile-screen-ref .profile-filters-premium{padding:8px 12px 7px!important;gap:6px!important;grid-template-columns:repeat(3,minmax(0,1fr)) 36px!important}
  .profile-screen-ref .profile-filters-premium button{height:32px!important;padding:0 7px!important;font-size:10px!important;border-radius:10px!important}
  .profile-screen-ref .profile-filters-premium .profile-filter-more{width:36px!important}
  .profile-screen-ref .profile-main-buttons{margin-left:18px!important;margin-right:18px!important;margin-top:10px!important}
  .profile-screen-ref .profile-primary,.profile-screen-ref .profile-secondary{height:47px!important;font-size:13px!important}

  .cart-screen .cart-list{margin:0 12px!important;border-radius:18px!important}
  .cart-screen .cart-item-card.cart-item-premium{
    grid-template-columns:minmax(112px,38%) minmax(0,1fr)!important;
    padding:10px!important;
    gap:11px!important;
  }
  .cart-screen .cart-item-card.cart-item-premium .cart-thumb{aspect-ratio:1/1.12!important;border-radius:12px!important}
  .cart-screen .cart-item-head h2{font-size:13px!important;line-height:1.25!important}
  .cart-screen .cart-creator{margin-top:7px!important;font-size:10px!important}
  .cart-screen .cart-creator .mini-avatar{width:23px!important;height:23px!important;flex-basis:23px!important}
  .cart-screen .cart-item-value{padding-top:8px!important}
  .cart-screen .cart-item-value>span{font-size:8px!important}
  .cart-screen .cart-line-price{font-size:16px!important}
  .cart-screen .cart-coupon,.cart-screen .cart-summary{margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:365px){
  .profile-screen-ref .profile-filters-premium button{font-size:9.5px!important;padding:0 5px!important}
  .cart-screen .cart-item-card.cart-item-premium{grid-template-columns:minmax(104px,37%) minmax(0,1fr)!important;gap:9px!important}
  .cart-screen .cart-item-value>span{display:none!important}
}
.cart-screen .cart-item-subscribe{
  width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:10px!important;
  box-shadow:none!important;border:1px solid rgba(167,82,224,.16)!important;
  background:rgba(131,58,180,.10)!important;color:#c78aef!important;
}
.cart-screen .cart-item-subscribe .ico{width:16px!important;height:16px!important}


/* === Xmegram 3.4.9-hotfix274 · premium focused Notifications + Messages === */
/* Keep every notification filter/function, but remove the oversized dashboard-card feeling. */
.notification-screen .notification-filters{
  gap:7px;padding-top:4px;padding-bottom:8px;
}
.notification-screen .notification-filters button{
  height:38px;padding:0 13px;border-radius:11px;
  background:#0a0e14;color:#aeb4bd;font-size:11.5px;font-weight:760;
  box-shadow:inset 0 0 0 1px #ffffff0a;
}
.notification-screen .notification-filters button .ico{width:17px;height:17px;opacity:.9}
.notification-screen .notification-filters button.active{
  color:#fff;background:linear-gradient(110deg,#19101f,#251129);
  box-shadow:inset 0 0 0 1px #a54bff66,0 8px 22px #6f2dff12;
}
.notification-screen .notification-summary{
  display:flex;gap:7px;padding-top:3px;padding-bottom:8px;
  grid-auto-flow:unset;grid-auto-columns:unset;
}
.notification-screen .notification-summary>button{
  flex:0 0 auto;width:auto;min-width:76px;height:40px;padding:0 10px;
  border-radius:11px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;
  background:#090d12;color:#aab1bb;box-shadow:inset 0 0 0 1px #ffffff09;
}
.notification-screen .notification-summary>button>span{width:20px;height:20px;flex:0 0 20px}
.notification-screen .notification-summary>button .ico{width:18px;height:18px;stroke-width:1.8}
.notification-screen .notification-summary>button em{
  right:-7px;top:-7px;min-width:15px;height:15px;padding:0 4px;
  font-size:7.5px;border-radius:99px;background:#cfeaff;color:#0b1017;box-shadow:0 2px 6px #0008;
}
.notification-screen .notification-summary>button b{font-size:10.5px;font-weight:780;color:#d9dde3}
.notification-screen .notification-summary>button.active{
  background:#11101a;color:#bd72ff;
  box-shadow:inset 0 0 0 1px #9948ff72,0 7px 20px #7433ff12;
}
.notification-screen .notification-group{margin-top:3px}
.notification-screen .notification-group+.notification-group{margin-top:12px}
.notification-screen .notification-group-title{height:42px;padding:0 5px}
.notification-screen .notification-group-title h2{font-size:16px}
.notification-screen .notification-group-title button{font-size:11px;color:#b978ec;opacity:.9}
.notification-screen .notification-card{
  border-radius:16px;background:#070a0e;
  box-shadow:inset 0 0 0 1px #ffffff08,0 10px 28px #0005;
}
.notification-screen .notification-row{min-height:84px;padding-top:10px;padding-bottom:10px}
.notification-screen .notification-row.unread{background:#ffffff025}
.notification-screen .notification-avatar{
  box-shadow:0 0 0 1px #346ca6;
}
.notification-screen .notification-avatar.bucket-likes{box-shadow:0 0 0 1px var(--site-accent2)}
.notification-screen .notification-avatar.bucket-comments{box-shadow:0 0 0 1px #2e6fa8}
.notification-screen .notification-avatar.bucket-mentions{box-shadow:0 0 0 1px #7940a7}
.notification-screen .notification-avatar.bucket-follows{box-shadow:0 0 0 1px #27845d}
.notification-screen .notification-avatar.bucket-offers{box-shadow:0 0 0 1px #a95742}
.notification-screen .notification-avatar.bucket-updates{box-shadow:0 0 0 1px #7740a8}
.notification-screen .notification-row.notification-recommendation{
  background:linear-gradient(90deg,#100c13 0%,#080b0f 42%,#080b0f 100%);
}
.notification-screen .notification-row.notification-recommendation .notification-type{
  box-shadow:none!important;opacity:.82;
}
.notification-screen .notification-unread-dot{width:6px;height:6px;box-shadow:0 0 8px #9c3eff66}

/* Messages: keep the premium hierarchy, just make the list calmer and denser. */
.messages-screen .messages-inbox{padding-top:14px}
.messages-screen .messages-search{height:46px;border-radius:14px;background:#0b0f15}
.messages-screen .messages-search-clear{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;background:#171d27;color:#aeb6c2;font-size:18px;line-height:1}
.messages-screen .messages-search-clear[hidden]{display:none!important}
.messages-screen .messages-filter-tabs{display:flex;gap:8px;margin:13px -2px 0;padding:0 2px 3px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.messages-screen .messages-filter-tabs::-webkit-scrollbar{display:none}
.messages-screen .messages-filter-tabs button{height:38px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #ffffff12;border-radius:999px;background:#0b1017;color:#9ca5b2;font-size:11px;font-weight:800;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.messages-screen .messages-filter-tabs button:active{transform:scale(.98)}
.messages-screen .messages-filter-tabs button i{min-width:21px;height:21px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:#161d27;color:#9ba5b2;font-size:9px;font-style:normal;font-weight:900}
.messages-screen .messages-filter-tabs button.active{border-color:rgba(181,78,255,.45);background:linear-gradient(135deg,rgba(116,46,202,.24),rgba(211,44,173,.13));color:#f6efff;box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(89,29,139,.10)}
.messages-screen .messages-filter-tabs button.active i{background:var(--site-accent);color:#fff}
.messages-screen .messages-inbox-summary{padding-top:16px;padding-bottom:8px}
.messages-screen .messages-filter-empty{min-height:240px;display:grid;place-items:center;align-content:center;gap:7px;padding:28px 20px;text-align:center;color:#8e97a4}
.messages-screen .messages-filter-empty>.ico{width:34px;height:34px;margin-bottom:4px;color:#9551c7}
.messages-screen .messages-filter-empty b{color:#e7eaf0;font-size:15px}
.messages-screen .messages-filter-empty small{max-width:280px;color:#858e9b;font-size:11px;line-height:1.45}
.messages-screen .message-conversation-list{gap:1px}
.messages-screen .message-conversation{
  min-height:70px;gap:10px;padding-top:7px;padding-bottom:7px;border-radius:13px;
}
.messages-screen .message-conversation.unread{background:#0b1018}
.messages-screen .message-avatar-wrap,
.messages-screen .message-avatar{width:46px;height:46px}
.messages-screen .message-conversation-copy b{font-size:13.5px}
.messages-screen .message-conversation-copy small{margin-top:4px;font-size:10.5px}
.messages-screen .message-conversation-meta{gap:6px}
.messages-screen .message-conversation-meta i{
  min-width:18px;height:18px;padding:0 4px;font-size:8px;
  box-shadow:none;
}
@media(max-width:640px){
  .notification-screen .notification-filters{padding-left:12px;padding-right:12px}
  .notification-screen .notification-summary{padding-left:12px;padding-right:12px}
  .notification-screen .notification-summary>button{min-width:70px;height:38px;padding:0 9px}
  .notification-screen .notifications-body{padding-left:9px;padding-right:9px}
  .notification-screen .notification-row{min-height:80px;padding:9px 10px}
  .messages-screen .messages-inbox{padding:12px 11px 24px}
  .messages-screen .message-conversation{grid-template-columns:46px minmax(0,1fr) auto;padding-left:3px;padding-right:3px}
}


/* === Xmegram 3.4.9-hotfix275 · unified premium headers + inline Watch purchase === */
/* Authenticated header actions are now one calm, consistent group. Upload is desktop-only. */
.global-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
}
.global-header-actions .icon-btn,
.global-header-actions .avatar-btn{
  flex:0 0 auto!important;
}
.global-header-actions .global-header-upload{display:none!important}
.global-header-actions .notify-btn i{
  border:2px solid #06080c!important;
  box-shadow:0 4px 12px rgba(253,29,29,.24)!important;
}
/* The old settings shortcut is redundant once Preferences remains available from navigation;
   hiding it preserves a single right-side header cluster on Notifications. */
.notification-topbar>.notification-settings,
.notification-topbar>.notification-header-space{display:none!important}
.notification-topbar{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  column-gap:8px!important;
}
.notification-topbar>.global-header-actions{justify-self:end!important}
.direct-header>.global-header-actions{margin-left:auto!important}

/* Watch purchase joins Like / Share / Save / Download instead of creating a second purchase block. */
.watch-screen .watch-actions .watch-action-buy{
  border:1px solid rgba(252,176,69,.20)!important;
  background:linear-gradient(112deg,#8b35b0 0%,#df304e 58%,#f2a044 100%)!important;
  color:#fff!important;
  box-shadow:0 9px 22px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.13)!important;
  font-weight:900!important;
}
.watch-screen .watch-actions .watch-action-buy .ico{stroke-width:2.2!important}
.watch-screen .watch-actions .watch-action-buy span{font-weight:900!important;white-space:nowrap!important}

@media(max-width:767px){
  /* Compact global inbox/bell/avatar group on every page header without crushing the title. */
  .global-header-actions{
    gap:3px!important;
    margin-left:0!important;
  }
  .global-header-actions .icon-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex-basis:34px!important;
    border-radius:11px!important;
  }
  .global-header-actions .icon-btn .ico{width:19px!important;height:19px!important}
  .global-header-actions .avatar-btn,
  .global-header-actions [data-mobile-header-avatar].avatar-btn{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex-basis:38px!important;
    padding:2px!important;
  }
  .global-header-actions .notify-btn i{
    right:-2px!important;
    top:-3px!important;
    min-width:16px!important;
    height:16px!important;
    font-size:8px!important;
    padding:0 3px!important;
  }
  /* Watch no longer has a header Share icon. Menu/back + title + inbox/bell/avatar remain balanced. */
  .watch-screen>.topbar{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:6px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .watch-screen>.topbar .top-leading{gap:4px!important}
  .watch-screen>.topbar .top-leading .icon-btn{width:38px!important;height:38px!important;min-width:38px!important}
  .watch-screen>.topbar .top-title{font-size:19px!important}
  .watch-screen>.topbar .top-actions{gap:0!important}

  /* Direct-message header drops its redundant recipient avatar/profile shortcut on phones so the
     global Messages + Notifications + account avatar group does not make the header crowded. */
  .direct-header .message-avatar.small{display:none!important}
  .direct-header>.icon-btn:last-of-type:not(.direct-menu){display:none!important}
  .direct-header{gap:5px!important;padding-left:9px!important;padding-right:9px!important}
  .direct-header .direct-user{min-width:0!important}

  /* Publish still owns the final slot; global actions take the compact slot before it. */
  .upload-compose-header{
    grid-template-columns:32px minmax(0,1fr) auto 62px!important;
    gap:4px!important;
  }
  .upload-compose-header>.global-header-actions{grid-column:3!important;grid-row:1!important}
  .upload-compose-header>.upload-top-publish{grid-column:4!important;grid-row:1!important}

  /* Cart clear is a utility, not a headline action. Keep it compact when the global header group exists. */
  .cart-screen .cart-clear{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important}
  .cart-screen .cart-clear span{display:none!important}
  .cart-screen .cart-clear .ico{width:17px!important;height:17px!important}

  /* Five Watch controls still fit beside the view count: four round icons + a compact Buy pill. */
  .watch-screen .watch-meta-action-row{gap:7px!important}
  .watch-screen .watch-actions.watch-actions-compact{gap:5px!important}
  .watch-screen .watch-actions.watch-actions-compact button:not(.watch-action-buy){
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
  }
  .watch-screen .watch-actions.watch-actions-compact button:not(.watch-action-buy) .ico{
    width:20px!important;
    height:20px!important;
  }
  .watch-screen .watch-actions.watch-actions-compact .watch-action-buy{
    width:auto!important;
    min-width:68px!important;
    height:35px!important;
    padding:0 11px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
    line-height:1!important;
  }
  .watch-screen .watch-actions.watch-actions-compact .watch-action-buy .ico{width:17px!important;height:17px!important}
  .watch-screen .watch-actions.watch-actions-compact .watch-action-buy span{display:inline!important;font-size:10.5px!important}
}

@media(max-width:390px){
  .global-header-actions{gap:2px!important}
  .global-header-actions .icon-btn{width:32px!important;height:32px!important;min-width:32px!important;flex-basis:32px!important}
  .global-header-actions .avatar-btn,
  .global-header-actions [data-mobile-header-avatar].avatar-btn{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important}
  .watch-screen .watch-actions.watch-actions-compact{gap:4px!important}
  .watch-screen .watch-actions.watch-actions-compact button:not(.watch-action-buy){width:33px!important;height:33px!important;min-width:33px!important}
  .watch-screen .watch-actions.watch-actions-compact .watch-action-buy{min-width:64px!important;height:33px!important;padding:0 9px!important}
  .watch-screen .watch-meta-action-row .watch-meta span{font-size:11px!important}
  .watch-screen .watch-meta-action-row .watch-meta .ico{width:21px!important;height:21px!important;flex-basis:21px!important}
}

@media(min-width:768px){
  /* Desktop: Upload, Messages, Notifications and avatar live in the top header. */
  .global-header-actions{gap:7px!important}
  .global-header-actions .global-header-upload{display:grid!important}
  .global-header-actions .icon-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:13px!important;
  }
  .global-header-actions .icon-btn .ico{width:21px!important;height:21px!important}
  .global-header-actions .avatar-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    flex-basis:40px!important;
  }
  .topbar .top-actions,.commerce-head-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
  .notification-topbar{grid-template-columns:46px minmax(0,1fr) auto!important}
  .notification-topbar h1{text-align:left!important}

  /* Upload compose has a dedicated global action cluster before Publish. */
  .upload-compose-header{
    grid-template-columns:40px minmax(0,1fr) auto 84px!important;
    gap:8px!important;
  }
  .upload-compose-header>.global-header-actions{grid-column:3!important;grid-row:1!important}
  .upload-compose-header>.upload-top-publish{grid-column:4!important;grid-row:1!important}

  /* Premium desktop Watch action rail: Like, Share, Save, Download and Buy stay in one row. */
  .watch-screen .watch-actions{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:16px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .watch-screen .watch-actions button{
    height:46px!important;
    min-width:0!important;
    flex:1 1 0!important;
    padding:0 13px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:13px!important;
    background:linear-gradient(155deg,#111720,#0b0f15)!important;
    color:#dce1e8!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important;
  }
  .watch-screen .watch-actions button+button:before{display:none!important;content:none!important}
  .watch-screen .watch-actions button .ico{width:20px!important;height:20px!important}
  .watch-screen .watch-actions button span{font-size:11px!important;font-weight:800!important}
  .watch-screen .watch-actions .watch-action-buy{
    flex:0 0 auto!important;
    min-width:96px!important;
    padding:0 18px!important;
  }
  .watch-screen .watch-unlock.multi-access:empty{display:none!important}
}

/* Hotfix275 sizing lock: inbox, bell and avatar match the Home header on every page. */
@media(max-width:767px){
  .global-header-actions .icon-btn{
    width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;
  }
  .global-header-actions .icon-btn .ico{width:21px!important;height:21px!important}
  .global-header-actions .avatar-btn,
  .global-header-actions [data-mobile-header-avatar].avatar-btn{
    width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;
  }
}
@media(max-width:390px){
  .global-header-actions .icon-btn,
  .global-header-actions .avatar-btn,
  .global-header-actions [data-mobile-header-avatar].avatar-btn{
    width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;
  }
}
@media(min-width:768px){
  .topbar .top-actions>.icon-btn,
  .commerce-head-actions>.icon-btn,
  .global-header-actions .icon-btn,
  .topbar .avatar-btn,.commerce-topbar .avatar-btn,.notification-topbar .avatar-btn,.direct-header .avatar-btn,.upload-compose-header .avatar-btn{
    width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;
  }
}

/* === Xmegram 3.4.9-hotfix276 · video selfie verification + premium support === */
.verification-video-box{position:relative;aspect-ratio:16/10;background:#05070a}
.verification-video-box video,.verification-review-images video{display:block;width:100%;height:100%;object-fit:contain;background:#05070a}
.verification-video-duration{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:#05070add;color:#fff;font-size:10px;font-weight:900;box-shadow:0 6px 20px #0008}
.verification-video-step .verification-camera-guide{border-color:#ffffff12}

.support-screen{background:
 radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 27rem),
 radial-gradient(circle at 8% 38%,color-mix(in srgb,var(--accent2) 7%,transparent),transparent 25rem),
 #050608}
.support-premium-page{width:min(780px,100%);margin:0 auto;padding:18px 18px calc(110px + var(--safe-bottom));display:grid;gap:24px}
.support-compose-card,.support-ticket-summary,.support-thread{border:1px solid #ffffff0d;background:linear-gradient(155deg,#10151d 0%,#090d13 68%,#080b10 100%);box-shadow:0 22px 60px #0007,0 1px 0 #ffffff08 inset}
.support-compose-card{border-radius:24px;padding:22px}
.support-compose-card>header{display:flex;align-items:center;gap:13px;margin-bottom:20px}
.support-compose-card>header>span,.support-ticket-icon{width:48px;height:48px;flex:0 0 48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#171d28,#10151d);box-shadow:inset 0 0 0 1px #ffffff0b,0 10px 28px #0006;color:#b966ff}
.support-compose-card>header>span .ico,.support-ticket-icon .ico{width:23px;height:23px}
.support-compose-card>header small{display:block;color:#9b62ff;font-size:9px;letter-spacing:.15em;font-weight:950}
.support-compose-card>header h1{margin:4px 0 0;font-size:25px;letter-spacing:-.035em}
.support-premium-form{display:grid;gap:16px}
.support-premium-form label{display:grid;gap:8px;color:#aab2bf;font-size:11px;font-weight:850}
.support-premium-form input,.support-premium-form select,.support-premium-form textarea{width:100%;border:1px solid #ffffff0d;border-radius:16px;background:#090d13;color:#f6f7fa;outline:0;padding:0 15px;box-shadow:inset 0 1px 0 #ffffff05;transition:border-color .18s,box-shadow .18s,background .18s}
.support-premium-form input,.support-premium-form select{height:54px}
.support-premium-form textarea{min-height:150px;padding-top:15px;resize:vertical;line-height:1.55}
.support-premium-form input:focus,.support-premium-form select:focus,.support-premium-form textarea:focus{border-color:color-mix(in srgb,var(--accent) 55%,#ffffff16);background:#0b1017;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 1px 0 #ffffff06}
.support-premium-form>.primary{height:54px;border-radius:16px;font-size:14px;font-weight:950;box-shadow:0 16px 32px color-mix(in srgb,var(--accent2) 13%,transparent)}
.support-ticket-section>header,.support-thread>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.support-ticket-section>header{padding:0 2px 10px}
.support-ticket-section>header h2,.support-thread>header h2{margin:0;font-size:22px;letter-spacing:-.035em}
.support-ticket-section>header>span{min-width:28px;height:28px;padding:0 9px;border-radius:999px;display:grid;place-items:center;background:#151b24;color:#c5cbd4;font-size:10px;font-weight:900}
.ticket-list.premium{padding:0;gap:8px}
.ticket-list.premium>button{width:100%;height:auto;min-height:76px;padding:12px 13px;border:1px solid #ffffff0b;border-radius:18px;background:linear-gradient(145deg,#0d1219,#090d13);color:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:11px;text-align:left;box-shadow:0 10px 28px #0003}
.ticket-list.premium>button:active{transform:scale(.995);background:#10161e}
.support-ticket-list-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#161c26;color:#b45bff}
.support-ticket-list-icon .ico{width:20px}
.support-ticket-list-copy{min-width:0}
.support-ticket-list-copy b,.support-ticket-list-copy small{display:block}
.support-ticket-list-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-ticket-list-copy small{margin-top:5px;color:#7f8997;font-size:9px;text-transform:capitalize}
.ticket-list.premium>button>.ico{width:17px;color:#707988}
.support-status,.support-priority{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:8px;font-weight:950;text-transform:capitalize;white-space:nowrap;border:1px solid #ffffff0d;background:#151a22;color:#adb5c1}
.support-status.open,.support-status.pending{background:#15243b;color:#7cb8ff;border-color:#4778ae3d}
.support-status.resolved,.support-status.closed{background:#10281b;color:#6fe09c;border-color:#3b9c6240}
.support-status.waiting{background:#2b2111;color:#ffc46e;border-color:#a77b343f}
.support-priority.urgent{background:#341419;color:#ff8390}.support-priority.high{background:#30200f;color:#ffb55c}.support-priority.low{background:#111b25;color:#8da9c4}
.support-empty{min-height:170px;border:1px dashed #ffffff10;border-radius:20px;display:grid;place-items:center;align-content:center;gap:10px;color:#747e8b;background:#080b10}
.support-empty>span{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#121720;color:#9b50e8}.support-empty .ico{width:23px}.support-empty b{font-size:12px;color:#a9b0ba}
.support-ticket-summary{border-radius:22px;padding:18px;display:flex;align-items:flex-start;gap:14px}
.support-ticket-copy{min-width:0}.support-ticket-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.support-ticket-copy h1{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.035em}.support-ticket-copy>p{margin:9px 0 0;color:#a7afbb;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.support-thread{border-radius:22px;overflow:hidden}.support-thread>header{padding:16px 18px;border-bottom:1px solid #ffffff09}.support-thread>header h2{font-size:16px}.support-thread>header small{color:#747e8c;font-size:9px}
.ticket-messages.premium{padding:14px;gap:10px}.ticket-messages.premium article{max-width:min(88%,620px);border:1px solid #ffffff0b;border-radius:18px;background:#111720;padding:12px 14px;box-shadow:0 8px 24px #0002}.ticket-messages.premium article.mine,.ticket-messages.premium article.user{margin-left:auto;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 18%,#111720),#111720)}
.support-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.support-message-head b{font-size:10px}.support-message-head small{margin:0;color:#717b89;font-size:8px}.ticket-messages.premium p{font-size:12px;line-height:1.55;color:#e5e8ed}.support-thread-empty{padding:22px;text-align:center;color:#78818e;font-size:10px}
.support-reply.premium{position:sticky;bottom:calc(var(--bottom-h) + env(safe-area-inset-bottom));z-index:6;padding:10px;border:1px solid #ffffff0d;border-radius:18px;background:#0a0e14ed;backdrop-filter:blur(18px);box-shadow:0 18px 50px #0007;grid-template-columns:minmax(0,1fr) auto}
.support-reply.premium textarea{min-height:50px;max-height:130px;border:1px solid #ffffff0d;border-radius:14px;background:#111720;padding:14px;color:#fff}
.support-reply.premium button{height:50px;min-width:92px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:7px}.support-reply.premium button .ico{width:18px}
@media(max-width:560px){.support-premium-page{padding:12px 14px calc(96px + var(--safe-bottom));gap:20px}.support-compose-card{padding:17px;border-radius:20px}.support-compose-card>header h1{font-size:23px}.support-premium-form textarea{min-height:138px}.ticket-list.premium>button{grid-template-columns:40px minmax(0,1fr) 16px}.ticket-list.premium>button>.support-status{grid-column:2;justify-self:start;margin-top:-3px}.ticket-list.premium>button>.ico{grid-column:3;grid-row:1/3}.support-ticket-summary{padding:15px;border-radius:19px}.support-ticket-icon{width:44px;height:44px;flex-basis:44px}.support-ticket-copy h1{font-size:21px}.support-reply.premium{bottom:calc(82px + env(safe-area-inset-bottom))}}

/* XMEGRAM 3.4.9-hotfix279 · premium frontend Creator Live Studio only */
.upload-actions .upload-action-live{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(253,29,29,.10),rgba(131,58,180,.10) 58%,rgba(252,176,69,.06));border-color:rgba(253,91,116,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 26px rgba(0,0,0,.14)}
.upload-actions .upload-action-live:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(253,29,29,.13),transparent 34%),radial-gradient(circle at 86% 75%,rgba(131,58,180,.12),transparent 40%);pointer-events:none}
.upload-actions .upload-action-live .ico{position:relative;color:#ff586c;filter:drop-shadow(0 0 9px rgba(253,29,29,.22))}.upload-actions .upload-action-live b{position:relative}
.creator-studio-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.creator-live-entry,.creator-live-video-link,.creator-upload-head{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.creator-live-entry{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:linear-gradient(145deg,rgba(253,29,29,.10),rgba(131,58,180,.10));color:#fff;font-weight:900;cursor:pointer}.creator-live-entry .ico{width:18px;color:#ff5e72}
.creator-live-studio{width:min(1380px,100%);margin:0 auto;padding:18px 22px calc(100px + var(--safe-bottom));color:#f7f8fb}
.creator-live-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 28px;margin-bottom:16px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:linear-gradient(120deg,#0c1017 0%,#11101a 56%,#120c10 100%);box-shadow:0 18px 55px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.045)}
.creator-live-hero:before,.creator-live-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(3px);z-index:-1;pointer-events:none}.creator-live-hero:before{width:270px;height:270px;right:7%;top:-170px;background:radial-gradient(circle,rgba(253,29,29,.22),rgba(131,58,180,.08) 48%,transparent 70%)}.creator-live-hero:after{width:220px;height:220px;left:-80px;bottom:-160px;background:radial-gradient(circle,rgba(252,176,69,.12),transparent 68%)}
.creator-live-kicker{display:inline-flex;align-items:center;gap:7px;color:#ff687c;font-size:9px;font-weight:950;letter-spacing:.16em}.creator-live-kicker .ico{width:16px}.creator-live-hero h1{margin:7px 0 5px;font-size:clamp(25px,3vw,38px);line-height:1.02;letter-spacing:-.045em}.creator-live-hero p{max-width:680px;margin:0;color:#98a1ae;font-size:12px;line-height:1.55}
.creator-live-video-link{flex:0 0 auto;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#151a22;color:#dce1e8;font-size:11px;font-weight:850;cursor:pointer}.creator-live-video-link .ico{width:17px}
.creator-live-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:16px;align-items:start}.creator-live-side{display:grid;gap:16px;position:sticky;top:84px}
.creator-live-card{border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,rgba(14,18,25,.98),rgba(8,11,16,.98));box-shadow:0 16px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}.creator-live-card>header{min-height:66px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.065)}.creator-live-card>header>div b,.creator-live-card>header>div small{display:block}.creator-live-card>header>div b{font-size:13px}.creator-live-card>header>div small{margin-top:3px;color:#747e8c;font-size:9px}.creator-live-card>header>button{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#151a23;color:#fff;display:grid;place-items:center;cursor:pointer}.creator-live-card>header>button .ico{width:17px}
.creator-live-status,.creator-live-state{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.07em}.creator-live-status{min-height:27px;padding:0 10px;background:#171c24;color:#aeb5c0;border:1px solid rgba(255,255,255,.08)}.creator-live-status.live,.creator-live-state.live{background:rgba(253,29,29,.13);border-color:rgba(253,65,87,.23);color:#ff6878;box-shadow:0 0 18px rgba(253,29,29,.08)}.creator-live-status.paused,.creator-live-state.paused{background:rgba(252,176,69,.10);border-color:rgba(252,176,69,.19);color:#ffc068}.creator-live-status.ended,.creator-live-state.ended{color:#808997}
.creator-live-editor form{display:grid;gap:15px;padding:18px}.creator-live-editor form>label,.creator-live-source-pane label{display:grid;gap:7px}.creator-live-editor label>span,.creator-live-source-pane label>span{color:#9aa4b2;font-size:10px;font-weight:850}.creator-live-editor input,.creator-live-editor select,.creator-live-card #creatorLiveGoalForm input,.creator-live-card #creatorLiveGoalForm select{width:100%;height:50px;padding:0 13px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#090d13;color:#f2f4f7;outline:0;font:inherit;font-size:11px;transition:border-color .18s,box-shadow .18s,background .18s}.creator-live-editor input:focus,.creator-live-editor select:focus,.creator-live-card #creatorLiveGoalForm input:focus,.creator-live-card #creatorLiveGoalForm select:focus{border-color:rgba(180,84,255,.42);background:#0c1118;box-shadow:0 0 0 4px rgba(131,58,180,.08)}
.creator-live-source-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border-radius:15px;background:#080b10;border:1px solid rgba(255,255,255,.055)}.creator-live-source-tabs button{height:42px;border:0;border-radius:11px;background:transparent;color:#77818e;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;cursor:pointer}.creator-live-source-tabs button .ico{width:16px}.creator-live-source-tabs button.active{background:linear-gradient(135deg,rgba(131,58,180,.21),rgba(253,29,29,.13));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.065)}
.creator-live-source-pane{display:none;padding:15px;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:linear-gradient(145deg,#0b0f15,#090c11)}.creator-live-source-pane.active{display:block}.creator-live-source-pane>small,.creator-live-key-box>small{display:block;margin-top:9px;color:#747e8b;font-size:9px;line-height:1.5}.creator-live-config-note{color:#ffb55e!important}
.creator-live-key-box{display:grid;gap:12px}.creator-live-key-box label>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.creator-live-key-box label>div input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.creator-live-key-box label>div button,.creator-live-rotate{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#151b24;color:#dce1e7;font-size:9px;font-weight:900;cursor:pointer}.creator-live-key-box label>div button{min-width:60px}.creator-live-rotate{height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;justify-self:start}.creator-live-rotate .ico{width:15px}
.creator-live-advanced{display:grid;grid-template-columns:1fr 1fr;gap:11px}.creator-live-advanced label{display:grid;gap:7px}.creator-live-comments-toggle{min-height:58px;padding:0 13px;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:#0a0e14;display:flex!important;align-items:center;justify-content:space-between;gap:12px}.creator-live-comments-toggle>span b,.creator-live-comments-toggle>span small{display:block}.creator-live-comments-toggle>span b{color:#edf0f4;font-size:11px}.creator-live-comments-toggle>span small{margin-top:3px;color:#737d8b;font-size:9px}.creator-live-comments-toggle input{width:38px!important;height:21px!important;accent-color:#8c42e8}
.creator-live-save-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}.creator-live-save-row button{min-height:42px;padding:0 15px;border-radius:13px;font-size:10px;font-weight:950}.creator-live-save-row .danger,.creator-live-viewer-actions .danger{background:rgba(253,29,29,.10);border:1px solid rgba(253,62,84,.21);color:#ff7081}.creator-live-end{margin-left:auto}
.creator-live-list{display:grid;padding:8px}.creator-live-list-row{width:100%;min-height:62px;padding:9px 10px;border:0;border-radius:14px;background:transparent;color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;cursor:pointer}.creator-live-list-row:hover,.creator-live-list-row.active{background:#121821}.creator-live-list-row>span:nth-child(2){min-width:0}.creator-live-list-row b,.creator-live-list-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-live-list-row b{font-size:10px}.creator-live-list-row small{margin-top:4px;color:#707a87;font-size:8px}.creator-live-list-row>.ico{width:16px;color:#687280}.creator-live-state{min-width:48px;height:23px;padding:0 7px;background:#171c24;color:#8c95a1;border:1px solid rgba(255,255,255,.06)}
.creator-live-empty{min-height:165px;padding:22px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;color:#75808d}.creator-live-empty>span{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,rgba(253,29,29,.11),rgba(131,58,180,.13));color:#ff6577;display:grid;place-items:center}.creator-live-empty>span .ico{width:21px}.creator-live-empty b{color:#c8ced7;font-size:11px}.creator-live-empty p{max-width:230px;margin:0;font-size:9px;line-height:1.45}
#creatorLiveGoalForm{display:grid;gap:10px;padding:15px}.creator-live-goal-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}#creatorLiveGoalForm>.soft-btn{height:42px;border-radius:13px;font-size:10px;font-weight:900}
.creator-live-moderation>header>span{color:#838e9c;font-size:9px}.creator-live-viewers{max-height:420px;overflow:auto;padding:7px}.creator-live-viewer{min-height:58px;padding:8px;border-radius:13px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px}.creator-live-viewer:hover{background:#111720}.creator-live-viewer>span{width:36px;height:36px;border-radius:50%;overflow:hidden;background:#1a202a;display:grid;place-items:center;font-size:11px;font-weight:900}.creator-live-viewer>span img{width:100%;height:100%;object-fit:cover}.creator-live-viewer>div:nth-child(2){min-width:0}.creator-live-viewer>div:nth-child(2) b,.creator-live-viewer>div:nth-child(2) small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-live-viewer>div:nth-child(2) b{font-size:10px}.creator-live-viewer>div:nth-child(2) small{margin-top:3px;color:#6f7986;font-size:8px}.creator-live-viewer-actions{display:flex;gap:5px}.creator-live-viewer-actions button{height:29px;padding:0 8px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#161c25;color:#c9ced6;font-size:8px;font-weight:900;cursor:pointer}.creator-live-viewers-empty{padding:25px 12px;text-align:center;color:#747e8b;font-size:9px}
@media(max-width:980px){.creator-live-grid{grid-template-columns:1fr}.creator-live-side{position:static;grid-template-columns:1fr 1fr}.creator-live-moderation{grid-column:1/-1}}
@media(max-width:700px){.creator-live-studio{padding:10px 12px calc(92px + var(--safe-bottom))}.creator-live-hero{padding:20px 17px;border-radius:20px;align-items:flex-start}.creator-live-hero h1{font-size:27px}.creator-live-hero p{font-size:10px}.creator-live-video-link{min-width:42px;width:42px;padding:0;font-size:0}.creator-live-video-link .ico{width:18px}.creator-live-grid{gap:12px}.creator-live-card{border-radius:19px}.creator-live-side{grid-template-columns:1fr;gap:12px}.creator-live-moderation{grid-column:auto}.creator-live-editor form{padding:14px;gap:13px}.creator-live-advanced{grid-template-columns:1fr}.creator-live-save-row button{flex:1 1 auto}.creator-live-end{margin-left:0}.creator-live-viewer{grid-template-columns:34px minmax(0,1fr)}.creator-live-viewer>span{width:34px;height:34px}.creator-live-viewer-actions{grid-column:2;justify-content:flex-start}.creator-live-key-box label>div{grid-template-columns:minmax(0,1fr) 56px}.creator-studio-heading-actions{width:100%}.creator-studio-heading-actions>button{flex:1}.upload-actions .upload-action-live{min-width:0}}
@media(max-width:420px){.creator-live-source-tabs button{font-size:9px}.creator-live-hero{padding:18px 15px}.creator-live-hero h1{font-size:24px}.creator-live-card>header{padding:13px 14px}.creator-live-viewer-actions button{padding:0 7px}.creator-live-kicker{font-size:8px}}
.creator-live-chat>header>span{min-width:27px;height:27px;padding:0 8px;border-radius:999px;background:#171d26;color:#9da6b3;display:grid;place-items:center;font-size:8px;font-weight:900}.creator-live-chat-list{max-height:390px;overflow:auto;padding:7px}.creator-live-chat-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px;border-radius:13px}.creator-live-chat-row:hover,.creator-live-chat-row.pinned{background:#111720}.creator-live-chat-row.pinned{box-shadow:inset 2px 0 0 #9d4cff}.creator-live-chat-row>span{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#1a2029;display:grid;place-items:center;font-size:10px;font-weight:900}.creator-live-chat-row>span img{width:100%;height:100%;object-fit:cover}.creator-live-chat-row>div:nth-child(2){min-width:0}.creator-live-chat-row b{display:block;font-size:9px}.creator-live-chat-row p{margin:4px 0 0;color:#b9c0ca;font-size:9px;line-height:1.4;overflow-wrap:anywhere}.creator-live-chat-actions{display:flex;gap:4px}.creator-live-chat-actions button{height:26px;padding:0 7px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#171d26;color:#9ca6b3;font-size:7px;font-weight:900;cursor:pointer}.creator-live-chat-actions button.active{background:rgba(131,58,180,.17);color:#d8a9ff;border-color:rgba(172,93,255,.22)}.creator-live-chat-empty{padding:28px 12px;text-align:center;color:#737d8a;font-size:9px}.creator-live-chat form{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px;padding:9px;border-top:1px solid rgba(255,255,255,.055)}.creator-live-chat form input{height:40px;min-width:0;padding:0 11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0a0e14;color:#fff;outline:0;font-size:9px}.creator-live-chat form input:focus{border-color:rgba(173,82,255,.38);box-shadow:0 0 0 3px rgba(131,58,180,.07)}.creator-live-chat form button{width:40px;height:40px;border:0;border-radius:12px;background:linear-gradient(135deg,#833AB4,#FD1D1D 68%,#FCB045);color:#fff;display:grid;place-items:center;cursor:pointer}.creator-live-chat form button .ico{width:16px}
@media(max-width:700px){.creator-live-chat-row{grid-template-columns:30px minmax(0,1fr)}.creator-live-chat-row>span{width:30px;height:30px}.creator-live-chat-actions{grid-column:2;justify-content:flex-start}}


/* === Xmegram 3.4.9-hotfix281 · visible Creator Live entry + Home-grade Upload header === */
.upload-shell .upload-screen>.topbar{
  position:sticky;top:0;z-index:34;
}
.upload-shell .topbar .upload-top-publish{
  height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.08);border-radius:12px;
  background:linear-gradient(112deg,#762ca9,#d92f4d 66%,#ef963d);color:#fff;font-size:12px;font-weight:900;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.13);
}
.upload-actions>.upload-action-live{
  grid-column:1/-1;min-height:58px;height:58px;padding:0 14px;justify-content:flex-start;text-align:left;
  border-radius:14px;background:linear-gradient(118deg,rgba(253,29,29,.13),rgba(131,58,180,.16) 58%,rgba(252,176,69,.09));
  border:1px solid rgba(255,89,112,.25);box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.16);
}
.upload-actions>.upload-action-live>span{min-width:0;display:grid;gap:2px}.upload-actions>.upload-action-live>span b{font-size:13px}.upload-actions>.upload-action-live>span small{color:#9ca5b2;font-size:9px;font-weight:750}
.upload-actions>.upload-action-live>em{margin-left:auto;min-width:42px;height:23px;padding:0 8px;border-radius:999px;background:#fd1d1d;color:#fff;display:grid;place-items:center;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.08em;box-shadow:0 5px 14px rgba(253,29,29,.24)}
.upload-actions>.upload-action-live.is-locked{opacity:.58}.upload-actions>.upload-action-live.is-locked>em{background:#414854;box-shadow:none}
.upload-actions>.upload-action-live.is-media-locked,.upload-actions>.upload-action-live:disabled{opacity:.42!important;cursor:not-allowed!important;pointer-events:none!important;filter:saturate(.45)}.upload-actions>.upload-action-live.is-media-locked>em,.upload-actions>.upload-action-live:disabled>em{background:#414854!important;box-shadow:none!important}
@media(max-width:767px){
  .upload-shell .upload-screen>.topbar{height:62px!important;padding-left:10px!important;padding-right:10px!important;gap:6px!important}
  .upload-shell .upload-screen>.topbar .top-leading{gap:4px!important}.upload-shell .upload-screen>.topbar .top-leading .icon-btn{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important}
  .upload-shell .upload-screen>.topbar .top-title{font-size:18px!important;font-weight:850!important;letter-spacing:-.025em!important}
  .upload-shell .upload-screen>.topbar .upload-top-publish{display:none!important}
  .upload-shell .upload-screen>.topbar .top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important}
  .upload-actions>.upload-action-live{height:54px;min-height:54px;border-radius:13px}
}

/* === Xmegram 3.4.9-hotfix282 · stable Creator Live setup + upload access controls === */
.upload-setting-row.is-disabled{
  opacity:.5;
  cursor:default;
  pointer-events:none;
  filter:saturate(.7);
}
.upload-setting-row.is-disabled .upload-setting-value{color:color-mix(in srgb,var(--muted) 76%,transparent)}
.upload-screen[data-access-mode="both"] #uploadBothAccess + .upload-switch{
  box-shadow:0 0 0 1px rgba(252,176,69,.18),0 0 18px rgba(131,58,180,.10);
}

.creator-live-comments-toggle{position:relative;cursor:pointer;user-select:none}
.creator-live-toggle-input{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  margin:0!important;
}
.creator-live-toggle{
  flex:0 0 auto;
  width:44px;
  height:26px;
  padding:3px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.075);
  background:#343b47;
  display:flex;
  align-items:center;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.26);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.creator-live-toggle i{
  display:block;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.42);
  transform:translateX(0);
  transition:transform .18s ease;
}
.creator-live-toggle-input:checked + .creator-live-toggle{
  border-color:rgba(179,83,255,.38);
  background:linear-gradient(105deg,#833AB4,#FD1D1D 72%,#FCB045);
  box-shadow:0 0 0 3px rgba(131,58,180,.06),inset 0 1px rgba(255,255,255,.12);
}
.creator-live-toggle-input:checked + .creator-live-toggle i{transform:translateX(18px)}
.creator-live-toggle-input:focus-visible + .creator-live-toggle{outline:2px solid rgba(133,91,255,.72);outline-offset:3px}
.creator-live-comments-toggle input{accent-color:unset!important}

.creator-live-test-panel{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:18px;
  background:linear-gradient(145deg,#090d13,#0c1017);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.creator-live-test-stage{
  position:relative;
  aspect-ratio:16/9;
  min-height:170px;
  overflow:hidden;
  background:#020305;
  isolation:isolate;
}
.creator-live-test-stage:before{
  content:"";
  position:absolute;
  inset:-30%;
  z-index:-1;
  background:radial-gradient(circle at 30% 30%,rgba(131,58,180,.18),transparent 36%),radial-gradient(circle at 75% 72%,rgba(253,29,29,.12),transparent 33%);
}
.creator-live-test-stage video{width:100%;height:100%;display:block;object-fit:contain;background:#020305}
.creator-live-test-placeholder{
  position:absolute;
  inset:0;
  padding:18px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:7px;
  text-align:center;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(3,5,8,.25),rgba(3,5,8,.66));
  transition:opacity .18s ease;
}
.creator-live-test-placeholder>.ico{width:28px;height:28px;color:#ff667b;filter:drop-shadow(0 0 14px rgba(253,29,29,.24))}
.creator-live-test-placeholder b{font-size:12px;color:#f4f6f9}
.creator-live-test-placeholder small{max-width:300px;color:#8e98a6;font-size:9px;line-height:1.45}
.creator-live-test-panel.is-ready .creator-live-test-placeholder{opacity:0}
.creator-live-test-panel.is-testing .creator-live-test-placeholder>.ico{animation:creator-live-pulse 1s ease-in-out infinite}
@keyframes creator-live-pulse{0%,100%{opacity:.48;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
.creator-live-test-actions{
  min-height:54px;
  padding:9px 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-top:1px solid rgba(255,255,255,.055);
}
.creator-live-test-actions>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#8b95a3;
  font-size:9px;
  font-weight:850;
}
.creator-live-test-actions>span:before{content:"";width:7px;height:7px;border-radius:50%;background:#59616d;box-shadow:0 0 0 4px rgba(89,97,109,.08)}
.creator-live-test-panel.is-ready .creator-live-test-actions>span{color:#84dca9}
.creator-live-test-panel.is-ready .creator-live-test-actions>span:before{background:#4bd388;box-shadow:0 0 0 4px rgba(75,211,136,.09),0 0 14px rgba(75,211,136,.22)}
.creator-live-test-actions .soft-btn{min-height:36px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;font-size:9px;font-weight:900}
.creator-live-test-actions .soft-btn .ico{width:14px}
.creator-live-save-row [data-creator-live-status="start"]:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.35);box-shadow:none}

.creator-live-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}
.creator-live-analytics-grid article{
  min-width:0;
  min-height:68px;
  padding:11px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.055);
  background:#0a0e14;
  display:flex;
  align-items:center;
  gap:9px;
}
.creator-live-analytics-grid article>span{width:31px;height:31px;flex:0 0 auto;border-radius:10px;background:linear-gradient(145deg,rgba(131,58,180,.13),rgba(253,29,29,.08));color:#db8cff;display:grid;place-items:center}
.creator-live-analytics-grid article>span .ico{width:15px;height:15px}
.creator-live-analytics-grid article>div{min-width:0}.creator-live-analytics-grid article b,.creator-live-analytics-grid article small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-live-analytics-grid article b{font-size:13px;color:#f1f3f6}.creator-live-analytics-grid article small{margin-top:2px;color:#707a87;font-size:8px;font-weight:750}
.creator-live-live-dot{width:9px;height:9px;border-radius:50%;background:#525a66;box-shadow:0 0 0 4px rgba(82,90,102,.07)}
.creator-live-status.live~* .creator-live-live-dot,.creator-live-analytics:has(+*) .creator-live-live-dot{background:#fd3453}
.creator-live-analytics .creator-live-live-dot{background:#fd3453;box-shadow:0 0 0 4px rgba(253,52,83,.08),0 0 16px rgba(253,52,83,.3);animation:creator-live-dot 1.35s ease-in-out infinite}
@keyframes creator-live-dot{0%,100%{opacity:.55}50%{opacity:1}}

@media(max-width:700px){
  .creator-live-test-stage{min-height:155px}
  .creator-live-test-actions{min-height:50px;padding:8px 9px}
  .creator-live-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px}
  .creator-live-analytics-grid article{min-height:62px;padding:9px}
}
@media(max-width:420px){
  .creator-live-toggle{width:41px;height:24px}.creator-live-toggle i{width:16px;height:16px}.creator-live-toggle-input:checked + .creator-live-toggle i{transform:translateX(17px)}
  .creator-live-test-stage{min-height:145px}
}
.creator-live-comments-toggle .creator-live-toggle-input{width:1px!important;height:1px!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important}
.creator-live-test-actions .soft-btn:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.45)}

/* === Xmegram 3.4.9-hotfix283 · stable Watch fullscreen, clean inline caption, no quality pills === */
/* Quality labels remain metadata only; visual HD / SD / 4K pills are removed everywhere. */
.watch-quality,.quality-pill,.quality-badge,.video-quality-pill,.cart-quality-pill,.cart-quality-badge,[data-quality-pill]{display:none!important}

/* Keep the two-line Watch title clean: no synthetic ellipsis on the caption itself.
   JavaScript trims the text to the available two-line space and keeps only "more..." dotted. */
.watch-description-clamp{overflow:hidden!important}
.watch-description-clamp h1{
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  max-height:2.24em!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:normal!important;
  padding-right:0!important;
}
.watch-description-clamp.has-more h1{padding-right:0!important}
.watch-description-clamp [data-watch-description-text]{display:inline!important;white-space:normal!important;text-overflow:clip!important}
.watch-description-more{
  position:static!important;
  display:inline!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  margin:0 0 0 .32em!important;
  padding:0!important;
  vertical-align:baseline!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#d8dce4!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1!important;
  text-transform:none!important;
}
.watch-description-more[hidden]{display:none!important}
@media(max-width:767px){
  .watch-description-more{font-size:11px!important;margin-left:.3em!important}
}

/* Fullscreen remains one stable player surface while orientation changes. */
.watch-player:fullscreen,.watch-player:-webkit-full-screen,.watch-player.vh-fullscreen{
  overscroll-behavior:none!important;
  contain:none!important;
}
.watch-player.vh-landscape-locked:fullscreen .watch-video,
.watch-player.vh-landscape-locked.vh-fullscreen .watch-video{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;
}

/* === Xmegram 3.4.9-hotfix290 · Creator Studio private Live player === */
.creator-live-preview-player{border-color:rgba(255,255,255,.085);background:#05070b;box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)}
.creator-live-preview-stage{position:relative;aspect-ratio:16/9;min-height:210px;background:#020306;isolation:isolate;overflow:hidden}
.creator-live-preview-bg{position:absolute;z-index:0;inset:-8%;background:#090a0e center/cover no-repeat;filter:blur(30px) saturate(.9) brightness(.42);transform:scale(1.1);opacity:.78;pointer-events:none}
.creator-live-preview-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,8,.72),rgba(2,4,8,.14) 28%,rgba(2,4,8,.2) 62%,rgba(2,4,8,.86))}
.creator-live-preview-video{position:absolute!important;z-index:1;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
.creator-live-preview-shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,4,8,.78) 0%,rgba(2,4,8,.08) 25%,rgba(2,4,8,.02) 52%,rgba(2,4,8,.25) 70%,rgba(2,4,8,.88) 100%)}
.creator-live-preview-top{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(180deg,rgba(2,4,8,.9),rgba(2,4,8,.42) 62%,transparent);pointer-events:none}
.creator-live-preview-top>*{pointer-events:auto}
.creator-live-preview-badge{height:28px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,67,92,.36);border-radius:999px;background:linear-gradient(180deg,rgba(45,8,16,.86),rgba(20,5,10,.72));color:#fff;font-size:8px;font-weight:950;letter-spacing:.09em;white-space:nowrap;box-shadow:0 7px 18px rgba(0,0,0,.22)}
.creator-live-preview-badge i,.creator-live-preview-meta>span i{width:7px;height:7px;border-radius:50%;background:#ff3557;box-shadow:0 0 14px rgba(255,53,87,.72);animation:creator-live-dot 1.35s ease-in-out infinite}
.creator-live-preview-avatar{width:31px;height:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#833AB4,#FD1D1D 58%,#FCB045);font-size:10px;font-weight:950;border:1px solid rgba(255,255,255,.18)}
.creator-live-preview-avatar img{width:100%;height:100%;object-fit:cover}
.creator-live-preview-top>b{min-width:0;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:10px;font-weight:900}
.creator-live-preview-private{margin-left:auto;height:27px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(7,9,15,.64);backdrop-filter:blur(12px);color:#d5d9e0;font-size:8px;font-weight:850}
.creator-live-preview-tools{position:absolute;z-index:7;top:55px;right:11px;display:flex;flex-direction:column;gap:7px}
.creator-live-preview-tools button{width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;background:linear-gradient(rgba(7,9,15,.72),rgba(7,9,15,.72)) padding-box,linear-gradient(135deg,rgba(131,58,180,.72),rgba(253,29,29,.6) 55%,rgba(252,176,69,.68)) border-box;color:#fff;backdrop-filter:blur(13px);box-shadow:0 8px 22px rgba(0,0,0,.22)}
.creator-live-preview-tools .ico{width:17px;height:17px;stroke-width:2.25}
.creator-live-preview-player .creator-live-test-placeholder{z-index:4;background:transparent;padding:64px 62px 54px}
.creator-live-preview-player .creator-live-test-placeholder>.ico{width:36px;height:36px;color:#ff5c78;filter:drop-shadow(0 0 16px rgba(253,29,29,.24))}
.creator-live-preview-player .creator-live-test-placeholder b{font-size:14px}
.creator-live-preview-player .creator-live-test-placeholder small{font-size:9px;color:#b4bbc6}
.creator-live-preview-meta{position:absolute;z-index:6;left:13px;right:60px;bottom:12px;display:grid;gap:3px;pointer-events:none;text-shadow:0 2px 9px rgba(0,0,0,.65)}
.creator-live-preview-meta>span{width:max-content;display:inline-flex;align-items:center;gap:6px;color:#ff9aaa;font-size:7px;font-weight:950;letter-spacing:.08em}
.creator-live-preview-meta>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:12px;font-weight:900}
.creator-live-preview-meta>small{color:#aeb4be;font-size:8px;font-weight:700}
.creator-live-preview-player.is-ready .creator-live-preview-meta>span{color:#8be2ad}.creator-live-preview-player.is-ready .creator-live-preview-meta>span i{background:#49d28a;box-shadow:0 0 14px rgba(73,210,138,.58)}
.creator-live-preview-player.is-waiting .creator-live-test-actions>span{color:#d9ae74}.creator-live-preview-player.is-waiting .creator-live-test-actions>span:before{background:#d8964c;box-shadow:0 0 0 4px rgba(216,150,76,.08)}
.creator-live-preview-stage:fullscreen,.creator-live-preview-stage:-webkit-full-screen{width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;background:#000!important}
.creator-live-preview-stage:fullscreen .creator-live-preview-video,.creator-live-preview-stage:-webkit-full-screen .creator-live-preview-video{width:100%!important;height:100%!important;object-fit:contain!important}
.creator-live-preview-stage:fullscreen .creator-live-preview-top,.creator-live-preview-stage:-webkit-full-screen .creator-live-preview-top{padding:calc(12px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-left)) 10px}
.creator-live-preview-stage:fullscreen .creator-live-preview-tools,.creator-live-preview-stage:-webkit-full-screen .creator-live-preview-tools{top:calc(62px + env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right))}
@media(max-width:700px){.creator-live-preview-stage{min-height:190px}.creator-live-preview-top{padding:10px}.creator-live-preview-badge{height:26px;padding:0 8px}.creator-live-preview-avatar{width:29px;height:29px;flex-basis:29px}.creator-live-preview-tools{top:51px;right:9px}.creator-live-preview-tools button{width:34px;height:34px}.creator-live-preview-player .creator-live-test-placeholder{padding-left:52px;padding-right:52px}.creator-live-preview-meta{left:11px;bottom:10px}}

/* === Xmegram 3.4.9-hotfix290 · Creator Live immediate Admin-route preview === */
.creator-live-preview-clean{overflow:hidden;border-radius:20px;background:#030406;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 34px rgba(0,0,0,.22)}
.creator-live-preview-clean .creator-live-preview-stage{min-height:0;aspect-ratio:16/9;border-radius:0}
.creator-live-preview-private-clean{position:absolute;z-index:7;top:12px;left:12px;height:27px;padding:0 10px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,5,9,.7);backdrop-filter:blur(12px);color:#fff;font-size:8px;font-weight:900;letter-spacing:.07em}
.creator-live-preview-tools-clean{top:auto;right:12px;bottom:12px;display:flex;flex-direction:row;gap:8px}
.creator-live-preview-tools-clean button{width:38px;height:38px;background:rgba(4,6,10,.7);border:1px solid rgba(255,255,255,.14);box-shadow:none}
.creator-live-test-placeholder-clean{z-index:4;padding:0;gap:9px;background:transparent;pointer-events:none}
.creator-live-test-placeholder-clean>.ico{width:32px;height:32px}
.creator-live-test-placeholder-clean b{font-size:12px}
.creator-live-preview-clean.is-ready .creator-live-test-placeholder-clean{opacity:0}
.creator-live-test-actions-clean{min-height:58px;padding:10px 12px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.07);background:#080b10}
.creator-live-test-actions-clean .soft-btn{min-height:38px;padding:0 14px;border-radius:12px}
@media(max-width:700px){.creator-live-preview-clean{border-radius:17px}.creator-live-preview-clean .creator-live-preview-stage{min-height:0}.creator-live-preview-private-clean{top:10px;left:10px}.creator-live-preview-tools-clean{right:10px;bottom:10px}.creator-live-test-actions-clean{min-height:54px;padding:8px 10px}}

/* Hotfix292: Creator Stream Key connection state. */
.creator-live-encoder-state{min-height:42px;margin-top:12px;padding:0 13px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(7,10,16,.72);color:#b9c0cb;font-size:12px;font-weight:850}
.creator-live-encoder-state i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#8a93a2;box-shadow:0 0 0 5px rgba(138,147,162,.08)}
.creator-live-encoder-state.waiting i{background:#f3ad4f;box-shadow:0 0 0 5px rgba(243,173,79,.09);animation:creator-live-dot 1.35s ease-in-out infinite}
.creator-live-encoder-state.connected,.creator-live-encoder-state.live{color:#ecfff4;border-color:rgba(73,210,138,.22);background:rgba(8,34,22,.46)}
.creator-live-encoder-state.connected i,.creator-live-encoder-state.live i{background:#49d28a;box-shadow:0 0 0 5px rgba(73,210,138,.10),0 0 15px rgba(73,210,138,.28)}
.creator-live-encoder-state.server_unavailable,.creator-live-encoder-state.unavailable{color:#ffc4cb;border-color:rgba(255,75,96,.20);background:rgba(45,8,16,.38)}
.creator-live-encoder-state.server_unavailable i,.creator-live-encoder-state.unavailable i{background:#ff4b60;box-shadow:0 0 0 5px rgba(255,75,96,.08)}

/* Hotfix293 · direct browser Camera live */
.creator-live-source-tabs{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}
.creator-phone-live{display:grid;gap:12px}.creator-phone-live-stage{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 35%,#182131,#070a0f 68%);border:1px solid rgba(255,255,255,.08)}
.creator-phone-live-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05070a;opacity:0;transition:opacity .2s ease}.creator-phone-live-stage.has-camera video{opacity:1}.creator-phone-live-stage.is-front-camera video{transform:scaleX(-1)}.creator-phone-live-stage.has-camera .creator-phone-live-empty{opacity:0;pointer-events:none}
.creator-phone-live-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#8791a0;transition:opacity .2s}.creator-phone-live-empty .ico{width:30px;height:30px;color:#b278ff}.creator-phone-live-empty b{font-size:13px;color:#eef2f7}.creator-phone-live-empty small{max-width:240px;font-size:9px;line-height:1.45}
.creator-phone-live-status{position:absolute;top:11px;left:11px;z-index:2;min-height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(5,8,12,.78);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);font-size:9px;color:#d8dee8}.creator-phone-live-status i{width:7px;height:7px;border-radius:50%;background:#8b95a4}.creator-phone-live-status.connecting i{background:#f3ad4f;animation:creator-live-dot 1.2s ease-in-out infinite}.creator-phone-live-status.connected i,.creator-phone-live-status.receiving i,.creator-phone-live-status.live i{background:#43d889;box-shadow:0 0 0 4px rgba(67,216,137,.12)}.creator-phone-live-status.failed i{background:#ff4b60}.creator-phone-live-status.failed{color:#ffd4d9}
.creator-phone-live-controls{display:grid;grid-template-columns:minmax(120px,1.5fr) repeat(3,minmax(72px,1fr));gap:7px}.creator-phone-live-controls button{min-height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;font-weight:900}.creator-phone-live-controls button .ico{width:15px;height:15px}.creator-phone-live-controls button.active{border-color:rgba(87,214,147,.2);background:rgba(32,108,71,.12)}.creator-phone-live-note{display:block;color:#788391;font-size:9px;line-height:1.45}
@media(max-width:560px){.creator-phone-live-stage{aspect-ratio:4/3}.creator-phone-live-controls{grid-template-columns:1fr 1fr}.creator-phone-live-controls button{min-height:44px}.creator-live-source-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.creator-live-source-tabs button{padding:0 5px;font-size:8px;gap:4px}.creator-live-source-tabs button .ico{width:14px}}


/* === Xmegram 3.4.9-hotfix298 · premium trusted Create Post polish === */
.upload-screen{
  --upload-line:rgba(255,255,255,.055);
  --upload-premium-card:linear-gradient(155deg,rgba(17,21,29,.96),rgba(10,13,19,.98));
  --upload-premium-border:rgba(255,255,255,.075);
}
.upload-shell .upload-screen>.topbar{
  border-bottom-color:rgba(255,255,255,.06)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20),inset 0 -1px rgba(255,255,255,.018)!important;
}
.upload-user-row{border-bottom-color:rgba(255,255,255,.045)!important}
.upload-caption{border-bottom-color:rgba(255,255,255,.045)!important}
.upload-actions{border-bottom-color:rgba(255,255,255,.045)!important}

/* Primary media choice is clear without competing with the final Publish CTA. */
.upload-actions>[data-upload-pick]{
  border-color:rgba(42,203,230,.22)!important;
  background:linear-gradient(155deg,rgba(15,28,35,.98),rgba(10,17,24,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.12)!important;
}
.upload-actions>[data-upload-pick] .ico{color:#2acbe6!important}
.upload-actions>[data-upload-import]{
  background:var(--upload-premium-card)!important;
  border-color:var(--upload-premium-border)!important;
  box-shadow:none!important;
}
.upload-actions>[data-upload-import] .ico{color:#8792a0!important}

/* Live stays discoverable but no longer competes with Publish as a second loud gradient CTA. */
.upload-actions>.upload-action-live{
  background:linear-gradient(150deg,rgba(20,23,31,.98),rgba(12,15,21,.99))!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.13)!important;
}
.upload-actions>.upload-action-live:before{
  background:linear-gradient(90deg,rgba(253,29,29,.055),transparent 32%,transparent 70%,rgba(131,58,180,.045))!important;
}
.upload-actions>.upload-action-live .ico{color:#ff6578!important;filter:none!important}
.upload-actions>.upload-action-live>em{
  min-width:39px!important;height:21px!important;padding:0 7px!important;
  background:rgba(253,29,29,.12)!important;color:#ff7182!important;
  border:1px solid rgba(253,74,91,.25)!important;box-shadow:none!important;
}
.upload-actions>.upload-action-live>span small{color:#7f8997!important}

/* Calm settings hierarchy and consistent professional icons. */
.upload-category-control>.upload-setting-row,.upload-gates>.upload-setting-row{
  background:var(--upload-premium-card)!important;
  border-color:var(--upload-premium-border)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
.upload-setting-icon{
  border-radius:9px!important;
  background:rgba(42,203,230,.075)!important;
  color:#2acbe6!important;
  border:1px solid rgba(42,203,230,.10)!important;
}
.upload-gates>.upload-setting-row:has(#uploadSubscriberOnly) .upload-setting-icon{
  background:rgba(131,58,180,.09)!important;color:#b071e0!important;border-color:rgba(131,58,180,.12)!important;
}
.upload-gates>.upload-setting-row:has(#uploadBothAccess) .upload-setting-icon{
  background:rgba(252,176,69,.075)!important;color:#e9ad58!important;border-color:rgba(252,176,69,.11)!important;
}
.upload-setting-row b{letter-spacing:-.01em}
.upload-setting-value{color:#9098a5!important}

/* Publish is the only strong conversion surface on this page. */
.upload-bottom-publish{
  background:linear-gradient(104deg,#20c6dc 0%,#5277df 47%,#a83ec6 100%)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 10px 25px rgba(35,112,206,.15),inset 0 1px rgba(255,255,255,.15)!important;
  font-weight:850!important;letter-spacing:-.01em!important;
}

@media(max-width:767px){
  /* Back is enough context on Create Post; remove the redundant mobile hamburger. */
  .upload-shell .upload-screen>.topbar .top-leading>[data-menu]{display:none!important}
  .upload-shell .upload-screen>.topbar .top-leading{gap:0!important;min-width:40px!important}
  .upload-shell .upload-screen>.topbar .top-leading>[data-back]{display:grid!important}
  .upload-shell .upload-screen>.topbar .top-title{text-align:left!important;padding-left:3px!important}

  .upload-user-row{padding-top:6px!important;padding-bottom:6px!important}
  .upload-caption{height:56px!important;min-height:56px!important;max-height:100px!important;padding-top:8px!important;padding-bottom:8px!important}
  .upload-screen.has-media .upload-caption{height:46px!important;min-height:46px!important;max-height:82px!important}
  .upload-actions{padding-top:6px!important;padding-bottom:6px!important}
  .upload-action{height:36px!important;min-height:36px!important}
  .upload-actions>.upload-action-live{height:48px!important;min-height:48px!important}
  .upload-category-control{padding-bottom:5px!important}
  .upload-gates{gap:5px!important;padding-top:5px!important;padding-bottom:6px!important}
  .upload-setting-row{height:38px!important;min-height:38px!important}
  .upload-setting-icon{width:24px!important;height:24px!important}
  .upload-setting-icon .ico{width:14px!important;height:14px!important}
  .upload-bottom-publish{height:39px!important;margin-top:4px!important}
}

@media(max-width:390px){
  .upload-shell .upload-screen>.topbar{padding-left:9px!important;padding-right:9px!important}
  .upload-shell .upload-screen>.topbar .top-title{font-size:17px!important}
  .upload-actions>.upload-action-live>span b{font-size:12.5px!important}
  .upload-actions>.upload-action-live>span small{font-size:8.5px!important}
}

/* === Xmegram 3.4.9-hotfix298 · Creator Live single-session conflict guard === */
.creator-live-session-lock{margin:14px 18px 0;padding:12px 13px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,176,69,.15);border-radius:14px;background:linear-gradient(145deg,rgba(31,24,12,.58),rgba(14,16,21,.82));color:#e7ebf1}.creator-live-session-lock>.ico{width:18px;height:18px;flex:0 0 18px;color:#f0b15e}.creator-live-session-lock b,.creator-live-session-lock small{display:block}.creator-live-session-lock b{font-size:10px}.creator-live-session-lock small{margin-top:3px;color:#8f98a5;font-size:8px;line-height:1.45}.creator-live-session-lock.warning{border-color:rgba(253,71,91,.16);background:rgba(44,10,17,.34)}.creator-live-session-lock.warning>.ico{color:#ff6577}
.creator-live-source-tabs button:disabled{cursor:not-allowed;opacity:.46;filter:saturate(.45)}.creator-live-source-tabs button.active:disabled{opacity:.82}.creator-live-editor input:disabled,.creator-live-editor select:disabled{cursor:not-allowed;color:#8b94a0;background:#080b10;border-color:rgba(255,255,255,.05);box-shadow:none}.creator-live-rotate:disabled,.creator-live-card>header>button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.4)}
.creator-live-list-row.locked{cursor:not-allowed;opacity:.56}.creator-live-list-row.locked:hover{background:transparent}.creator-live-list-row.locked>.ico{color:#7a8390}
@media(max-width:700px){.creator-live-session-lock{margin:12px 14px 0;padding:11px 12px}}

/* === Xmegram 3.4.9-hotfix299 · Upload uses the real Home header on tablet/desktop === */
.upload-desktop-topbar{display:none!important}
@media(min-width:768px){
  /* Hotfix299: upload-shell previously reset the desktop/tablet shell padding to zero,
     which made Create Post render like a narrow phone surface beside/under the desktop rail. */
  .screen.upload-shell{
    padding-left:var(--vh-sidebar-tablet)!important;
    padding-bottom:24px!important;
    min-height:100dvh!important;
    background:#000!important;
  }
  .screen.upload-shell>.upload-screen{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  /* The phone Create Post bar remains mobile-only. Tablet + desktop use the same
     brand/search/action topbar markup as Home, including the shared global actions. */
  .upload-shell .upload-mobile-topbar{display:none!important}
  .upload-shell .upload-desktop-topbar{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 24px!important;
    margin:0!important;
    position:sticky!important;
    top:0!important;
    z-index:34!important;
    background:#030509f2!important;
    border-bottom:1px solid #ffffff10!important;
    box-shadow:none!important;
    backdrop-filter:blur(22px)!important;
  }
  .upload-shell .upload-desktop-topbar .top-leading [data-menu],
  .upload-shell .upload-desktop-topbar .top-leading [data-back]{display:none!important}
  .upload-shell .upload-desktop-topbar .brand-title{font-size:26px!important}

  /* Keep the composer focused instead of stretching phone controls across a wide monitor. */
  .upload-shell .upload-composer{
    width:min(520px,calc(100% - 48px));
    margin:18px auto 32px;
    flex:0 0 auto;
    border:1px solid rgba(255,255,255,.07);
    border-radius:16px;
    overflow:hidden;
    background:var(--bg);
    box-shadow:0 18px 50px rgba(0,0,0,.22);
  }
  .upload-shell .upload-bottom-publish{position:relative!important;bottom:auto!important}
}
@media(min-width:1100px){
  .screen.upload-shell{padding-left:var(--vh-sidebar-desktop)!important}
}

/* === Xmegram 3.4.9-hotfix301 · mobile Reels full-height edge fill ===
   Fit selection is metadata-driven in app.js. Only main Reel videos that already
   reach the phone viewport's top/bottom in contain mode receive reel-fit-cover.
   Reel collections and >=768px layouts intentionally keep their prior behavior. === */
@media(max-width:767px){.reel-card.reel-mobile-full-height .reel-media,.reel-card.reel-mobile-full-height .reel-poster{object-fit:cover!important;object-position:center center!important}}


/* === Xmegram 3.4.9-hotfix304 · verification portrait review + clean selfie player === */
.verification-selfie-box,.verification-video-box{width:min(100%,560px);aspect-ratio:4/5;margin-left:auto;margin-right:auto;border-style:solid}
.verification-clean-player{position:relative;width:100%;height:100%;display:grid;place-items:center;background:#030507;overflow:hidden}
.verification-clean-player video{display:block;width:100%;height:100%;object-fit:contain;background:#030507}
.verification-player-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border:1px solid #ffffff38;border-radius:50%;display:grid;place-items:center;background:#ffffffeb;color:#07090d;box-shadow:0 12px 34px #0009;transition:opacity .16s ease,transform .16s ease;z-index:3}
.verification-player-play .ico{width:30px;height:30px;fill:currentColor;stroke:currentColor}
.verification-clean-player.is-playing .verification-player-play{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}
.verification-review-images .verification-review-selfie>div,.verification-review-images .verification-review-video>div{aspect-ratio:4/5}
.verification-review-images .verification-review-selfie img{cursor:zoom-in}
.verification-image-lightbox{position:fixed;inset:0;z-index:10050;background:#000e;display:grid;place-items:center;padding:18px}
.verification-image-lightbox img{display:block;max-width:min(96vw,980px);max-height:92vh;object-fit:contain;border-radius:14px;box-shadow:0 24px 80px #000}
.verification-image-lightbox button{position:fixed;right:18px;top:calc(18px + env(safe-area-inset-top));width:46px;height:46px;border:1px solid #ffffff28;border-radius:50%;background:#10141de8;color:#fff;font-size:28px;line-height:1}
@media(max-width:560px){.verification-selfie-box,.verification-video-box{width:100%;aspect-ratio:4/5}.verification-player-play{width:66px;height:66px}}

/* Hotfix305 — verified profile sharing + adaptive Creator Live previews */
.notification-row.notification-profile-share{background:linear-gradient(110deg,rgba(131,58,180,.09),rgba(253,29,29,.055) 52%,rgba(252,176,69,.045));}
.notification-row.notification-profile-share .notification-type{color:#ff6a86;box-shadow:0 6px 18px rgba(253,29,29,.12)}
.notification-profile-copy{min-width:94px;height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.055);color:#fff;font-size:11px;font-weight:850;white-space:nowrap;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.notification-profile-copy .ico{width:15px;height:15px}.notification-profile-copy:active{transform:scale(.97);background:rgba(255,255,255,.085)}
.profile-share-float{position:fixed;z-index:1200;right:22px;bottom:22px;width:min(500px,calc(100vw - 32px));padding:20px 20px 18px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:linear-gradient(145deg,rgba(15,18,26,.97),rgba(8,10,15,.985));box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 0 1px rgba(131,58,180,.06) inset;backdrop-filter:blur(24px);color:#fff;animation:profile-share-in .24s ease-out both}
.profile-share-float:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 12% 0,rgba(131,58,180,.18),transparent 36%),radial-gradient(circle at 92% 8%,rgba(253,29,29,.11),transparent 34%)}
.profile-share-float>*{position:relative;z-index:1}.profile-share-close{position:absolute;z-index:3;top:13px;right:13px;width:35px;height:35px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.055);color:#dfe2e8}.profile-share-close .ico{width:17px;height:17px}
.profile-share-badge{display:inline-flex;align-items:center;gap:7px;margin:0 44px 10px 0;color:#ff8296;font-size:9px;font-weight:950;letter-spacing:.12em}.profile-share-badge .ico{width:17px;height:17px}
.profile-share-float h3{margin:0 42px 7px 0;font-size:20px;line-height:1.2;letter-spacing:-.025em}.profile-share-float p{margin:0 0 15px;color:#aeb5c0;font-size:12.5px;line-height:1.55}
.profile-share-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.085);border-radius:15px;background:#05070b}.profile-share-link input{min-width:0;height:40px;padding:0 10px;border:0!important;background:transparent!important;color:#cbd1da;font-size:11.5px;box-shadow:none!important;outline:0}.profile-share-link button{height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:linear-gradient(135deg,#833AB4,#FD1D1D 62%,#FCB045);color:#fff;font-size:11px;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px rgba(253,29,29,.16)}.profile-share-link button .ico{width:15px;height:15px}
@keyframes profile-share-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){.profile-share-float{left:12px;right:12px;bottom:82px;width:auto;padding:17px 16px 15px;border-radius:19px}.profile-share-float h3{font-size:17px}.profile-share-float p{font-size:11.5px;line-height:1.5}.profile-share-link{grid-template-columns:minmax(0,1fr) auto}.profile-share-link input{font-size:10.5px}.notification-profile-copy{min-width:82px;height:33px;padding:0 9px;font-size:9.5px}.notification-profile-copy span{display:none}}
@media(max-width:390px){.profile-share-link button span{display:none}.profile-share-link button{width:42px;padding:0}.profile-share-float{bottom:78px}.notification-profile-copy{min-width:36px;width:36px;padding:0}.notification-profile-copy .ico{width:14px}}
.creator-live-preview-stage[data-preview-width][data-preview-height],.creator-phone-live-stage[data-preview-width][data-preview-height]{height:auto;min-height:0;max-height:none}
.creator-live-preview-clean .creator-live-preview-stage[data-preview-width][data-preview-height]{min-height:0}


/* === Xmegram 3.4.9-hotfix306 · avatar-attached LIVE badges === */
.profile-avatar-ring{overflow:visible!important}
.profile-avatar-live-badge{
  position:absolute;z-index:9;left:50%;bottom:-10px;transform:translateX(-50%);
  min-width:66px;height:31px;padding:0 13px;border:3px solid #05070a;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#ef173d;color:#fff;font-size:12px;line-height:1;font-weight:950;letter-spacing:.04em;
  box-shadow:0 7px 18px rgba(0,0,0,.5);text-shadow:0 1px 2px rgba(0,0,0,.22);
  animation:liveAvatarBadgePulse 1.9s ease-in-out infinite;cursor:pointer
}
.profile-avatar-live-badge:active,.reel-avatar-live-badge:active{transform:translateX(-50%) scale(.95)}
.reel-avatar-live-wrap{position:relative;width:54px;height:66px;display:flex;justify-content:center;align-items:flex-start;flex:none;overflow:visible}
.reel-avatar-live-wrap .reel-avatar-action{height:58px}
.reel-avatar-action.is-live .reel-follow-badge{left:auto;right:-1px;top:-1px;bottom:auto;transform:none;width:20px;height:20px;border:2px solid rgba(8,9,12,.92)}
.reel-avatar-live-badge{
  position:absolute;z-index:8;left:50%;bottom:0;transform:translateX(-50%);
  min-width:42px;height:20px;padding:0 7px;border:2px solid rgba(8,9,12,.94);border-radius:7px;
  display:flex;align-items:center;justify-content:center;background:#ef173d;color:#fff;
  font-size:8px;line-height:1;font-weight:950;letter-spacing:.045em;box-shadow:0 4px 12px rgba(0,0,0,.5);
  text-shadow:none;animation:liveAvatarBadgePulse 1.9s ease-in-out infinite;cursor:pointer
}
@keyframes liveAvatarBadgePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}
@media(max-width:767px){
  .profile-avatar-live-badge{bottom:-8px;min-width:52px;height:25px;padding:0 10px;border-width:2px;border-radius:8px;font-size:10px}
}
@media(max-width:430px){
  .reel-avatar-live-wrap{width:50px;height:62px}
  .reel-avatar-live-wrap .reel-avatar-action{height:54px}
  .reel-avatar-live-badge{min-width:39px;height:19px;padding:0 6px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.profile-avatar-live-badge,.reel-avatar-live-badge{animation:none!important}}

/* hotfix315: secure TGPayment checkout stays inside Xmegram for one-time payments */
body.tgpayment-modal-open{overflow:hidden!important}
.tgpayment-modal-root{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:16px}
.tgpayment-modal-scrim{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tgpayment-modal-sheet{position:relative;width:min(100%,620px);height:min(88dvh,760px);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.42)}
.tgpayment-modal-close{position:absolute;z-index:4;top:10px;right:10px;width:38px;height:38px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(18,18,20,.86);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.tgpayment-modal-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.tgpayment-modal-loader{position:absolute;z-index:3;inset:0;display:grid;place-items:center;background:#fff;pointer-events:none}
.tgpayment-modal-loader[hidden]{display:none}
.tgpayment-modal-loader span{width:34px;height:34px;border:3px solid #dedee3;border-top-color:#111;border-radius:50%;animation:tgpaymentModalSpin .7s linear infinite}
@keyframes tgpaymentModalSpin{to{transform:rotate(360deg)}}
@media(max-width:767px){.tgpayment-modal-root{padding:0}.tgpayment-modal-sheet{width:100%;height:100dvh;border-radius:0}.tgpayment-modal-close{top:max(10px,env(safe-area-inset-top));right:10px}}
@media(prefers-reduced-motion:reduce){.tgpayment-modal-loader span{animation-duration:1.4s}}

/* hotfix320: Home promotion strip + promotional/editorial banners */
.home-promo-strip{position:relative;z-index:2;margin:6px 22px 10px;min-height:42px;padding:7px 9px 7px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(110deg,rgba(18,20,27,.97),rgba(11,13,18,.985));box-shadow:0 10px 28px rgba(0,0,0,.2)}
.home-promo-strip:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.9;background:linear-gradient(90deg,rgba(131,58,180,.13),transparent 31%,rgba(253,29,29,.07) 69%,rgba(252,176,69,.09))}
.home-promo-strip>*{position:relative;z-index:1}.home-promo-strip-copy{min-width:0;display:flex;align-items:center;gap:10px}.home-promo-strip-copy>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#f05a72;box-shadow:0 0 0 5px rgba(240,90,114,.08)}.home-promo-strip-copy>div{min-width:0;display:flex;align-items:baseline;gap:9px}.home-promo-strip-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f6f7fa;font-size:12.5px;font-weight:850;letter-spacing:-.01em}.home-promo-strip-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9399a5;font-size:10.5px}.home-promo-strip-actions{display:flex;align-items:center;gap:8px;flex:none}.home-promo-strip time{min-width:72px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.055);color:#e7e9ee;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums;text-align:center}.home-promo-strip button{height:30px;padding:0 12px;border:0;border-radius:9px;background:#f1f2f4;color:#101116;font-size:10px;font-weight:900;white-space:nowrap}
.home-promo-banner{position:relative;min-height:190px;margin:22px 22px 8px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:22px;background-color:#11151d;background-position:center;background-size:cover;box-shadow:0 18px 46px rgba(0,0,0,.28)}
.home-promo-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,13,.95) 0%,rgba(7,9,14,.84) 38%,rgba(7,9,14,.28) 72%,rgba(7,9,14,.08)),linear-gradient(0deg,rgba(5,7,11,.5),transparent 65%)}
.home-promo-banner:not(.has-image) .home-promo-banner-shade{background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.07),transparent 32%),linear-gradient(115deg,rgba(18,20,29,.98),rgba(8,10,15,.99))}
.home-promo-banner-content{position:relative;z-index:1;width:min(62%,620px);min-height:190px;padding:28px 30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.home-promo-banner-content>small{margin-bottom:7px;color:#f1a9b8;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.home-promo-banner h2{max-width:650px;margin:0;color:#fff;font-size:clamp(23px,3vw,38px);line-height:1.03;letter-spacing:-.045em;text-wrap:balance}.home-promo-banner p{max-width:560px;margin:10px 0 0;color:#b6bbc5;font-size:12.5px;line-height:1.5}.home-promo-banner-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.home-promo-banner time{padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(8,10,14,.54);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:900;font-variant-numeric:tabular-nums}.home-promo-banner button{height:38px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(246,247,249,.95);color:#0c0d11;font-size:11px;font-weight:900;box-shadow:0 9px 24px rgba(0,0,0,.2)}.home-promo-banner button .ico{width:14px;height:14px}
.home-promo-banner.promo-tone-violet:after,.home-promo-strip.promo-tone-violet:after,.home-promo-banner.promo-tone-gold:after,.home-promo-strip.promo-tone-gold:after,.home-promo-banner.promo-tone-rose:after,.home-promo-strip.promo-tone-rose:after,.home-promo-banner.promo-tone-sunset:after,.home-promo-strip.promo-tone-sunset:after{content:"";position:absolute;pointer-events:none;inset:auto -8% -52% 42%;height:86%;filter:blur(50px);opacity:.18;border-radius:50%}.promo-tone-violet:after{background:#833ab4}.promo-tone-gold:after{background:#fcb045}.promo-tone-rose:after{background:#fd1d1d}.promo-tone-sunset:after{background:linear-gradient(90deg,#833ab4,#fd1d1d,#fcb045)}
@media(max-width:1099px){.home-promo-banner{min-height:176px}.home-promo-banner-content{min-height:176px;width:min(70%,560px);padding:24px 26px}.home-promo-banner h2{font-size:30px}}
@media(max-width:767px){.home-promo-strip{margin:3px 10px 7px;min-height:38px;padding:6px 8px 6px 11px;border-radius:12px}.home-promo-strip-copy{gap:8px}.home-promo-strip-copy>div{display:block}.home-promo-strip-copy b{display:block;max-width:52vw;font-size:11px}.home-promo-strip-copy small{display:none}.home-promo-strip time{min-width:66px;padding:5px 7px;font-size:9px}.home-promo-strip button{display:none}.home-promo-banner{min-height:158px;margin:16px 10px 5px;border-radius:17px}.home-promo-banner-shade{background:linear-gradient(90deg,rgba(5,7,11,.94),rgba(5,7,11,.72) 58%,rgba(5,7,11,.24)),linear-gradient(0deg,rgba(5,7,11,.42),transparent 62%)}.home-promo-banner-content{width:78%;min-height:158px;padding:18px 17px}.home-promo-banner-content>small{margin-bottom:5px;font-size:8px}.home-promo-banner h2{font-size:21px;line-height:1.06}.home-promo-banner p{display:-webkit-box;max-width:92%;margin-top:7px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10.5px;line-height:1.4}.home-promo-banner-actions{margin-top:12px;gap:7px}.home-promo-banner time{padding:7px 8px;font-size:9px}.home-promo-banner button{height:32px;padding:0 11px;border-radius:9px;font-size:9.5px}}
@media(max-width:390px){.home-promo-strip-copy b{max-width:45vw}.home-promo-banner-content{width:84%}.home-promo-banner time{display:none}}
@media(prefers-reduced-motion:reduce){.home-promo-banner,.home-promo-strip{scroll-behavior:auto}}


/* Hotfix321 · premium category discovery + top creators */
.home-category-showcase,.home-top-creators{overflow:hidden}
.home-category-showcase-track,.home-top-creators-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 20px 8px}
.home-category-showcase-track::-webkit-scrollbar,.home-top-creators-track::-webkit-scrollbar{display:none}
.home-category-showcase-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;height:126px;border:0;border-radius:18px;background:linear-gradient(145deg,#21182a,#11151b);background-position:center;background-size:cover;box-shadow:0 12px 30px rgba(0,0,0,.22);scroll-snap-align:start;text-align:left;color:#fff;transition:transform .18s ease,box-shadow .18s ease}
.home-category-showcase-card.no-image:nth-child(3n/**/+1){background:linear-gradient(145deg,#24172a,#12151b)}
.home-category-showcase-card.no-image:nth-child(3n/**/+2){background:linear-gradient(145deg,#17212a,#13151a)}
.home-category-showcase-card.no-image:nth-child(3n){background:linear-gradient(145deg,#2a2016,#141518)}
.home-category-showcase-card:active{transform:scale(.985)}
.home-category-showcase-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,5,8,.04) 12%,rgba(4,5,8,.3) 48%,rgba(4,5,8,.86) 100%)}
.home-category-showcase-copy{position:absolute;left:14px;right:12px;bottom:12px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 8px}
.home-category-showcase-copy small{grid-column:1/3;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.68);font-weight:760}
.home-category-showcase-copy b{min-width:0;font-size:15px;line-height:1.08;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-category-showcase-copy i{display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.home-category-showcase-copy .ico{width:14px;height:14px}
.home-top-creator-card{position:relative;display:grid;grid-template-rows:82px auto auto;min-width:0;overflow:hidden;border:0;border-radius:18px;background:linear-gradient(180deg,rgba(24,27,35,.95),rgba(13,15,21,.98));box-shadow:0 10px 28px rgba(0,0,0,.2);color:#f5f6f8;text-align:left;scroll-snap-align:start}
.home-top-creator-cover{position:relative;display:block;background:linear-gradient(135deg,#261a30,#141820);background-position:center;background-size:cover}
.home-top-creator-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,7,.04),rgba(3,4,7,.52))}
.home-top-creator-rank{position:absolute;z-index:1;top:9px;left:9px;display:grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:rgba(9,10,14,.72);box-shadow:0 4px 16px rgba(0,0,0,.24);font-size:11px;font-style:normal;font-weight:850;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.home-top-creator-avatar{position:relative;z-index:2;margin:-25px 0 0 12px;width:50px;height:50px;border:3px solid #14171e;border-radius:999px;background:#242832;display:grid;place-items:center;overflow:hidden;font-size:17px;font-weight:850;color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.28)}
.home-top-creator-avatar img{width:100%;height:100%;object-fit:cover}
.home-top-creator-copy{display:block;padding:7px 12px 13px;min-width:0}
.home-top-creator-copy>b{display:block;min-width:0;font-size:13px;line-height:1.2;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-top-creator-copy>b .verified{margin-left:4px;vertical-align:1px}
.home-top-creator-copy>small{display:block;margin-top:2px;font-size:10.5px;color:#9298a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-top-creator-copy>span{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.home-top-creator-copy em{font-style:normal;font-size:9.5px;color:#b2b7c1;background:rgba(255,255,255,.045);border-radius:999px;padding:4px 7px}
@media(max-width:767px){
  .home-category-showcase-track{grid-auto-columns:42vw;gap:10px;padding-left:12px;padding-right:12px}
  .home-category-showcase-card{height:104px;border-radius:15px}
  .home-category-showcase-copy{left:11px;right:10px;bottom:10px}.home-category-showcase-copy b{font-size:13px}
  .home-top-creators-track{grid-auto-columns:42vw;gap:10px;padding-left:12px;padding-right:12px}
  .home-top-creator-card{grid-template-rows:72px auto auto;border-radius:15px}.home-top-creator-avatar{width:46px;height:46px;margin-top:-23px}.home-top-creator-copy{padding:6px 11px 12px}
}
@media(min-width:768px) and (max-width:1099px){
  .home-category-showcase-track{grid-auto-columns:30vw}.home-top-creators-track{grid-auto-columns:25vw}
}
@media(min-width:1100px){
  .home-category-showcase-track{grid-auto-flow:unset;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding-left:0;padding-right:0}
  .home-category-showcase-card{height:138px}
  .home-top-creators-track{grid-auto-flow:unset;grid-template-columns:repeat(6,minmax(0,1fr));overflow:visible;padding-left:0;padding-right:0}
  .home-top-creator-card{grid-template-rows:86px auto auto}
}

/* Hotfix322 · premium product card personalities + recently unlocked social proof */
.video-card.merch-editorial,.video-card.merch-ranked,.video-card.merch-commerce{position:relative}
.video-card.merch-editorial{background:linear-gradient(180deg,#0b0e14,#080a0f)!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
.video-card.merch-editorial:before{content:"";position:absolute;z-index:7;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(131,58,180,.72),rgba(253,29,29,.58),rgba(252,176,69,.68));opacity:.72;pointer-events:none}
.video-card.merch-editorial .video-card-body{background:linear-gradient(180deg,rgba(16,19,27,.98),rgba(8,10,15,.99))!important}
.video-card.merch-ranked{background:linear-gradient(180deg,#0b0d13,#080a0f)!important}
.video-card.merch-ranked .trend-card-rank{color:#a6a0af!important;text-shadow:0 7px 20px rgba(0,0,0,.36)}
.video-card.merch-ranked .video-thumb:before{content:"";position:absolute;z-index:2;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#833ab4,#fd1d1d,#fcb045);opacity:.68;pointer-events:none}
.video-card.merch-commerce{background:linear-gradient(180deg,#0d1016,#090b10)!important;border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important}
.merch-badge{position:absolute;z-index:6;left:9px;top:43px;max-width:calc(100% - 58px);height:23px;padding:0 8px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(8,10,14,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#f1f2f4;font-size:8.5px;font-weight:860;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-recently-unlocked{overflow:hidden}
.home-recently-unlocked-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 20px 10px}
.home-recently-unlocked-track::-webkit-scrollbar{display:none}
.home-recently-unlocked-track .video-card{scroll-snap-align:start;min-width:0}
@media(max-width:767px){
  .home-recently-unlocked-track{grid-auto-columns:46vw;gap:10px;padding-left:12px;padding-right:12px}
  .home-recently-unlocked-track .video-card{border-radius:14px!important;border:1px solid rgba(255,255,255,.065)!important;background:#0a0c11!important;overflow:hidden}
  .home-recently-unlocked-track .video-thumb{height:118px!important}
  .home-recently-unlocked-track .video-card-body{min-height:72px!important;padding:10px 10px 11px!important;background:#0a0c11!important}
  .home-recently-unlocked-track .video-card-body>b{font-size:12px!important}
  .home-recently-unlocked-track .video-card-body>small{font-size:9.5px!important}
  .home-recently-unlocked-track .card-foot{margin-top:6px!important}
  .home-recently-unlocked-track .card-foot span,.home-recently-unlocked-track .card-foot strong{font-size:9.5px!important}
  .home-recently-unlocked-track .play-circle{width:36px;height:36px}
  .home-recently-unlocked-track .play-circle .ico{width:19px;height:19px}
  .home-recently-unlocked-track .merch-badge{top:36px;height:20px;font-size:7.5px;padding:0 6px}
  .home-trending-grid .video-card.merch-ranked{border-bottom-color:rgba(255,255,255,.09)!important}
}
@media(min-width:768px) and (max-width:1099px){
  .home-recently-unlocked-track{grid-auto-columns:30vw}
}
@media(min-width:1100px){
  .home-recently-unlocked-track{grid-auto-flow:unset;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;padding-left:0;padding-right:0}
  .home-recently-unlocked-track .video-thumb{height:156px}
  .video-card.merch-editorial:hover,.video-card.merch-commerce:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.3)!important}
}
@media(prefers-reduced-motion:reduce){
  .video-card.merch-editorial,.video-card.merch-commerce{transition:none!important}
}


/* === Xmegram 3.4.9-hotfix326 · Home merchandising rhythm === */
.home-trending-continuation{margin-top:12px}
.home-suggestion-segment:not(.is-first){margin-top:16px}
@media(max-width:767px){.home-suggestion-segment:not(.is-first){margin-top:14px}}

/* Hotfix325 — Discover premium merchandising: Spotlight collections + Saved for later */
.discover-spotlight,.discover-saved{position:relative;overflow:hidden}
.discover-spotlight{margin-top:2px;margin-bottom:22px}
.discover-spotlight .home-section-title,.discover-saved .home-section-title,.discover-most-watched .home-section-title{padding-left:22px;padding-right:22px}
.discover-spotlight-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(318px,34vw);gap:13px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 22px 10px}
.discover-spotlight-track::-webkit-scrollbar,.discover-saved-track::-webkit-scrollbar{display:none}
.discover-spotlight-card{position:relative;isolation:isolate;overflow:hidden;height:188px;min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:#080a0f;color:#fff;text-align:left;scroll-snap-align:start;box-shadow:0 12px 32px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.discover-spotlight-art{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(74px,.8fr);gap:2px;background:#0d1016}
.discover-spotlight-main{display:block;background-position:center;background-size:cover}
.discover-spotlight-stack{display:grid;grid-template-rows:1fr 1fr;gap:2px;min-width:0}
.discover-spotlight-stack>i{display:block;min-height:0;background-position:center;background-size:cover}
.discover-spotlight-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,8,.91) 0%,rgba(4,5,8,.68) 42%,rgba(4,5,8,.2) 74%),linear-gradient(0deg,rgba(4,5,8,.74),transparent 68%);pointer-events:none}
.discover-spotlight-card:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(131,58,180,.72),rgba(253,29,29,.55),rgba(252,176,69,.58));opacity:.68;pointer-events:none}
.discover-spotlight-copy{position:absolute;z-index:2;left:17px;right:17px;bottom:15px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.discover-spotlight-copy>small{display:flex;align-items:center;gap:7px;margin-bottom:7px;color:rgba(255,255,255,.68);font-size:8.5px;font-weight:850;letter-spacing:.13em}
.discover-spotlight-copy>small>i{width:6px;height:6px;border-radius:50%;background:#f2b05c;box-shadow:0 0 0 4px rgba(242,176,92,.08)}
.discover-spotlight-copy>b{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.05;font-weight:880;letter-spacing:-.035em}
.discover-spotlight-copy>em{max-width:72%;margin-top:5px;color:rgba(238,240,245,.7);font-size:10.5px;font-style:normal;line-height:1.25}
.discover-spotlight-copy>span{display:flex;align-items:center;gap:5px;height:29px;margin-top:11px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.08);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);font-size:9.5px;font-weight:850;color:#f6f7f9}
.discover-spotlight-copy>span .ico{width:13px;height:13px}
.discover-spotlight-card:active{transform:scale(.988)}

.discover-most-watched{margin-top:2px;margin-bottom:18px}
.discover-most-watched .rank-list{margin-top:0}
.discover-saved{margin-top:2px;margin-bottom:21px}
.discover-saved-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(286px,31vw);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 22px 9px}
.discover-saved-card{display:grid;grid-template-columns:42% minmax(0,1fr);height:122px;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(145deg,#0d1016,#080a0f);scroll-snap-align:start;box-shadow:0 10px 26px rgba(0,0,0,.19);transition:transform .18s ease,border-color .18s ease,opacity .18s ease}
.discover-saved-media{position:relative;min-width:0;background-position:center;background-size:cover;background-color:#11151b}
.discover-saved-media:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,4,7,.7));pointer-events:none}
.discover-saved-media>span{position:absolute;z-index:2;left:7px;bottom:7px;padding:3px 6px;border-radius:6px;background:rgba(3,4,7,.8);color:#f3f4f6;font-size:8px;font-weight:800;font-variant-numeric:tabular-nums}
.discover-saved-heart{position:absolute;z-index:3;right:7px;top:7px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(5,7,10,.73);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}
.discover-saved-heart .ico{width:16px;height:16px;fill:currentColor}
.discover-saved-copy{min-width:0;display:flex;flex-direction:column;padding:11px 11px 10px}
.discover-saved-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f96a2;font-size:8.5px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}
.discover-saved-copy>b{display:-webkit-box;overflow:hidden;margin-top:4px;color:#f2f4f7;font-size:12.5px;line-height:1.24;font-weight:820;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.discover-saved-copy>em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;color:#9ba1ab;font-size:9px;font-style:normal}
.discover-saved-copy>div{display:flex;align-items:center;gap:8px;min-width:0;margin-top:auto;padding-top:6px}
.discover-saved-copy>div>span{display:flex;align-items:center;gap:3px;min-width:0;color:#8e95a0;font-size:8.5px;white-space:nowrap}
.discover-saved-copy>div>span .ico{width:13px;height:13px}
.discover-saved-copy>div>span i{font-style:normal}
.discover-saved-copy>div>strong{margin-left:auto;color:#f2b05c;font-size:10.5px;font-weight:850;white-space:nowrap}
.discover-saved-copy .subscriber-label{color:#bda3d4!important;font-size:9px!important}
.discover-saved-cart{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.055);color:#f3f4f7}
.discover-saved-cart .ico{width:15px;height:15px}
.discover-saved-cart.active{border-color:rgba(252,176,69,.28);background:rgba(252,176,69,.1);color:#f3ba74}
.discover-saved-card.is-removing{opacity:0;transform:scale(.97)}
.discover-saved-card:active{transform:scale(.988)}

@media(max-width:767px){
  .discover-spotlight{margin-top:0;margin-bottom:16px}
  .discover-spotlight .home-section-title,.discover-saved .home-section-title,.discover-most-watched .home-section-title{padding-left:12px;padding-right:12px}
  .discover-spotlight-track{grid-auto-columns:82vw;gap:10px;padding:1px 12px 7px}
  .discover-spotlight-card{height:158px;border-radius:16px}
  .discover-spotlight-art{grid-template-columns:minmax(0,2fr) minmax(62px,.72fr)}
  .discover-spotlight-copy{left:14px;right:13px;bottom:12px}
  .discover-spotlight-copy>small{margin-bottom:5px;font-size:7.5px}
  .discover-spotlight-copy>b{max-width:78%;font-size:17px}
  .discover-spotlight-copy>em{max-width:75%;margin-top:4px;font-size:9px}
  .discover-spotlight-copy>span{height:27px;margin-top:8px;padding:0 9px;border-radius:8px;font-size:8.5px}
  .discover-most-watched{margin-bottom:14px}
  .discover-saved{margin-bottom:16px}
  .discover-saved-track{grid-auto-columns:82vw;gap:10px;padding:1px 12px 7px}
  .discover-saved-card{height:112px;border-radius:14px;grid-template-columns:41% minmax(0,1fr)}
  .discover-saved-copy{padding:9px 9px 8px}
  .discover-saved-copy>b{font-size:11.5px}
  .discover-saved-copy>em{margin-top:4px;font-size:8.5px}
  .discover-saved-copy>div{gap:6px;padding-top:4px}
  .discover-saved-copy>div>strong{font-size:9.5px}
  .discover-saved-cart{width:27px;height:27px;flex-basis:27px}
}
@media(min-width:768px) and (max-width:1099px){
  .discover-spotlight-track{grid-auto-columns:46vw}
  .discover-saved-track{grid-auto-columns:42vw}
}
@media(min-width:1100px){
  .discover-spotlight-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.12);box-shadow:0 17px 38px rgba(0,0,0,.26)}
  .discover-saved-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.1)}
}
@media(prefers-reduced-motion:reduce){
  .discover-spotlight-card,.discover-saved-card{transition:none!important}
}


/* Hotfix326 — Discover Charts + Rising Creators */
.discover-charts{margin-top:4px;margin-bottom:20px;padding:0 22px;overflow:visible}
.discover-charts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 11px;padding:0}
.discover-charts-head>div:first-child small,.discover-rising-head>div small{display:block;margin-bottom:3px;color:#858d99;font-size:8px;font-weight:850;letter-spacing:.15em}
.discover-charts-head h2,.discover-rising-head h2{margin:0;color:#f4f5f7;font-size:20px;line-height:1.05;font-weight:880;letter-spacing:-.035em}
.discover-chart-tabs{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:rgba(255,255,255,.025)}
.discover-chart-tabs button{height:30px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#9299a5;font-size:9px;font-weight:800;white-space:nowrap;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.discover-chart-tabs button.active{background:linear-gradient(135deg,rgba(131,58,180,.2),rgba(253,29,29,.12));box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);color:#f7f8fa}
.discover-chart-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.discover-chart-panel[hidden]{display:none!important}
.discover-local-chart-label{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-width:0;margin:0 0 3px;padding:10px 12px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:linear-gradient(90deg,rgba(131,58,180,.08),rgba(255,255,255,.018) 52%,rgba(252,176,69,.045))}
.discover-local-chart-label>span{font-size:20px;line-height:1}
.discover-local-chart-label>div{min-width:0}.discover-local-chart-label b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef0f4;font-size:11px;font-weight:820}.discover-local-chart-label small{display:block;margin-top:2px;color:#838b97;font-size:8.5px}
.discover-chart-row{position:relative;display:grid;grid-template-columns:34px 92px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:82px;padding:7px 8px 7px 4px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:linear-gradient(145deg,rgba(16,19,25,.97),rgba(8,10,14,.98));box-shadow:0 8px 22px rgba(0,0,0,.15);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.discover-chart-row:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:0 2px 2px 0;background:linear-gradient(180deg,rgba(131,58,180,.7),rgba(253,29,29,.45),rgba(252,176,69,.55));opacity:.5}
.discover-chart-rank{display:grid;place-items:center;color:#6f7681;font-size:17px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.06em}
.discover-chart-row:nth-child(-n/**/+3) .discover-chart-rank{color:#d7dae0}
.discover-chart-thumb{position:relative;display:block;width:92px;height:62px;overflow:hidden;border-radius:10px;background:#12161d center/cover no-repeat}
.discover-chart-thumb:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(3,4,7,.6))}.discover-chart-thumb i{position:absolute;z-index:1;right:5px;bottom:5px;padding:2px 5px;border-radius:5px;background:rgba(4,5,8,.78);color:#f4f5f7;font-size:7px;font-style:normal;font-weight:800}
.discover-chart-copy{min-width:0;display:flex;flex-direction:column}.discover-chart-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7f8793;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.discover-chart-copy b{display:-webkit-box;overflow:hidden;margin-top:3px;color:#f0f2f5;font-size:11.5px;line-height:1.18;font-weight:820;-webkit-box-orient:vertical;-webkit-line-clamp:2}.discover-chart-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;color:#8f96a1;font-size:8.5px;font-style:normal}.discover-chart-copy .verified{margin-left:3px}
.discover-chart-commerce{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:58px}.discover-chart-commerce>strong{color:#efb56e;font-size:10px;font-weight:850;white-space:nowrap}.discover-chart-commerce .subscriber-label{font-size:8px!important}.discover-chart-cart{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.045);color:#f2f4f7}.discover-chart-cart .ico{width:15px;height:15px}.discover-chart-cart.active{border-color:rgba(252,176,69,.27);background:rgba(252,176,69,.09);color:#f2b66f}
.discover-chart-row.is-local:before{opacity:.8}

.discover-rising{margin:20px 0 22px;padding:0 22px;overflow:visible}
.discover-rising-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}.discover-rising-head>span{padding:5px 8px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025);color:#7f8792;font-size:8px;font-weight:780;white-space:nowrap}
.discover-rising-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.discover-rising-row{position:relative;display:grid;grid-template-columns:28px 44px minmax(0,1fr) 68px 18px;align-items:center;gap:9px;min-width:0;height:72px;padding:7px 8px 7px 6px;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:linear-gradient(145deg,#0e1117,#090b10);color:#f2f4f7;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.discover-rising-row:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(131,58,180,.22),rgba(253,29,29,.18),rgba(252,176,69,.2),transparent)}
.discover-rising-rank{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.025);color:#7f8792;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}.discover-rising-row:nth-child(-n/**/+3) .discover-rising-rank{border-color:rgba(252,176,69,.14);color:#e4b777}
.discover-rising-avatar{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:linear-gradient(145deg,#272c36,#151922);color:#d9dde3;font-size:14px;font-weight:850}.discover-rising-avatar img{width:100%;height:100%;object-fit:cover}
.discover-rising-copy{min-width:0;display:flex;flex-direction:column}.discover-rising-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:830}.discover-rising-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#858d99;font-size:8px}.discover-rising-copy em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;color:#9aA1ac;font-size:8px;font-style:normal}
.discover-rising-cover{position:relative;width:68px;height:48px;overflow:hidden;border-radius:9px;background:#151922 center/cover no-repeat}.discover-rising-cover:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(2,3,6,.75))}.discover-rising-cover i{position:absolute;z-index:1;left:5px;right:5px;bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef0f3;font-size:6.5px;font-style:normal;font-weight:780}
.discover-rising-arrow{display:grid;place-items:center;color:#656d78}.discover-rising-arrow .ico{width:14px;height:14px}
.discover-feed-lead{margin-bottom:0}.discover-feed-tail{margin-top:0}

@media(max-width:767px){
  .discover-charts{margin-top:2px;margin-bottom:15px;padding:0 12px}.discover-charts-head{align-items:center;margin-bottom:8px}.discover-charts-head h2,.discover-rising-head h2{font-size:17px}.discover-charts-head>div:first-child small,.discover-rising-head>div small{font-size:7px}
  .discover-chart-tabs{max-width:60%;overflow-x:auto;scrollbar-width:none}.discover-chart-tabs::-webkit-scrollbar{display:none}.discover-chart-tabs button{height:28px;padding:0 8px;font-size:8px}
  .discover-chart-panel{grid-template-columns:1fr;gap:7px}.discover-local-chart-label{padding:9px 10px;border-radius:11px}.discover-chart-row{grid-template-columns:28px 84px minmax(0,1fr) auto;gap:8px;min-height:75px;padding:6px 7px 6px 3px;border-radius:12px}.discover-chart-thumb{width:84px;height:57px;border-radius:9px}.discover-chart-rank{font-size:14px}.discover-chart-copy b{font-size:10.5px}.discover-chart-copy em{font-size:7.8px}.discover-chart-commerce{min-width:50px}.discover-chart-commerce>strong{font-size:9px}.discover-chart-cart{width:28px;height:28px}
  .discover-rising{margin:18px 0 16px;padding:0 12px}.discover-rising-head{margin-bottom:8px}.discover-rising-grid{grid-template-columns:1fr;gap:7px}.discover-rising-row{grid-template-columns:27px 42px minmax(0,1fr) 62px 15px;height:68px;gap:8px;padding:6px 7px 6px 5px;border-radius:12px}.discover-rising-avatar{width:42px;height:42px}.discover-rising-cover{width:62px;height:44px}.discover-rising-copy b{font-size:10px}.discover-rising-copy em{font-size:7.6px}
}
@media(min-width:768px) and (max-width:1099px){.discover-chart-panel,.discover-rising-grid{grid-template-columns:1fr 1fr}.discover-chart-row{grid-template-columns:30px 78px minmax(0,1fr) auto}.discover-chart-thumb{width:78px}.discover-rising-row{grid-template-columns:26px 42px minmax(0,1fr) 58px 16px}.discover-rising-cover{width:58px}}
@media(min-width:1100px){.discover-chart-row:hover,.discover-rising-row:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.105);background:linear-gradient(145deg,#12161d,#0a0c11)}}
@media(prefers-reduced-motion:reduce){.discover-chart-tabs button,.discover-chart-row,.discover-rising-row{transition:none!important}}


/* Hotfix327 — Continue Watching library + fresh followed-creator releases */
.purchase-resume-section{margin:14px 20px 18px;padding:15px 0 2px;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.purchase-resume-section>header,.discover-following>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 0 10px}
.purchase-resume-section>header>div small,.discover-following>header>div small{display:block;margin-bottom:3px;color:#7f8793;font-size:8px;font-weight:900;letter-spacing:.16em}
.purchase-resume-section>header h2,.discover-following>header h2{margin:0;color:#f4f5f7;font-size:19px;line-height:1.08;font-weight:880;letter-spacing:-.035em}
.purchase-resume-section>header>span,.discover-following>header>span{padding:5px 8px;border:1px solid rgba(255,255,255,.065);border-radius:999px;background:rgba(255,255,255,.025);color:#818995;font-size:8px;font-weight:780;white-space:nowrap}
.purchase-resume-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,288px);gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 1px 12px;scrollbar-width:none}.purchase-resume-track::-webkit-scrollbar{display:none}
.purchase-resume-card{min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(255,255,255,.065);border-radius:15px;background:linear-gradient(145deg,rgba(15,18,24,.98),rgba(8,10,14,.99));color:#f4f5f7;text-align:left;box-shadow:0 9px 24px rgba(0,0,0,.15);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.purchase-resume-media{position:relative;height:132px;overflow:hidden;background:#11151c center/cover no-repeat}.purchase-resume-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,7,.04) 30%,rgba(3,4,7,.8) 100%)}
.purchase-resume-play{position:absolute;left:10px;bottom:13px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(8,10,14,.72);backdrop-filter:blur(8px);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3)}.purchase-resume-play .ico{width:15px;height:15px;fill:currentColor}
.purchase-resume-media time{position:absolute;right:9px;bottom:14px;padding:4px 7px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(5,7,10,.72);color:#e7e9ed;font-size:7.5px;font-weight:820;font-variant-numeric:tabular-nums;backdrop-filter:blur(7px)}
.purchase-resume-media>i{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12);font-style:normal}.purchase-resume-media>i>b{display:block;width:var(--resume,0%);height:100%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#833AB4,#FD1D1D 62%,#FCB045)}
.purchase-resume-copy{padding:10px 11px 11px}.purchase-resume-copy>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eef0f3;font-size:11px;font-weight:840}.purchase-resume-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#808894;font-size:8.5px}.purchase-resume-copy>span{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.purchase-resume-copy em{color:#8e96a2;font-size:8px;font-style:normal}.purchase-resume-copy strong{display:inline-flex;align-items:center;gap:4px;color:#e9ebef;font-size:8px;font-weight:840}.purchase-resume-copy strong .ico{width:11px;height:11px}

.discover-following{margin:20px 0 21px;padding:0 22px}.discover-following-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(205px,248px);gap:9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 1px 5px;scrollbar-width:none}.discover-following-track::-webkit-scrollbar{display:none}
.discover-following-card{min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:linear-gradient(145deg,#0f1218,#090b10);color:#f2f4f7;text-align:left;box-shadow:0 8px 22px rgba(0,0,0,.14);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.discover-following-media{position:relative;height:138px;overflow:hidden;background:#12161d center/cover no-repeat}.discover-following-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,4,7,.02) 28%,rgba(3,4,7,.84) 100%)}
.discover-following-media>i{position:absolute;z-index:2;left:8px;top:8px;padding:4px 7px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(9,10,14,.68);color:#f7f8fa;font-size:7px;font-style:normal;font-weight:930;letter-spacing:.12em;backdrop-filter:blur(8px)}
.discover-following-media>time{position:absolute;z-index:2;right:8px;top:8px;padding:4px 6px;border-radius:6px;background:rgba(4,5,8,.7);color:#e8eaee;font-size:7px;font-weight:820;font-variant-numeric:tabular-nums}
.discover-following-creator{position:absolute;z-index:2;left:9px;right:9px;bottom:9px;display:flex;align-items:center;gap:7px;min-width:0}.discover-following-creator>b{width:31px;height:31px;flex:none;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.17);border-radius:50%;background:#20252e;color:#fff;font-size:10px}.discover-following-creator>b img{width:100%;height:100%;object-fit:cover}.discover-following-creator>em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3f4f6;font-size:9px;font-style:normal;font-weight:820;text-shadow:0 2px 8px rgba(0,0,0,.55)}.discover-following-creator>em u{margin-left:3px;text-decoration:none}
.discover-following-copy{padding:10px}.discover-following-copy>b{display:-webkit-box;overflow:hidden;min-height:27px;color:#eff1f4;font-size:10.5px;line-height:1.28;font-weight:830;-webkit-line-clamp:2;-webkit-box-orient:vertical}.discover-following-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;color:#7e8692;font-size:8px}.discover-following-copy footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.discover-following-copy footer>strong{color:#efb46d;font-size:9.5px;font-weight:860}.discover-following-copy footer .subscriber-label{font-size:8px!important}.discover-following-cart{width:30px;height:30px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.085);border-radius:9px;background:rgba(255,255,255,.04);color:#f0f2f5}.discover-following-cart .ico{width:15px;height:15px}.discover-following-cart.active{border-color:rgba(252,176,69,.25);background:rgba(252,176,69,.085);color:#f2b76e}
.discover-feed-middle{margin:0}

@media(max-width:767px){
  .purchase-resume-section{margin:10px 12px 15px;padding-top:12px}.purchase-resume-section>header h2,.discover-following>header h2{font-size:16px}.purchase-resume-section>header>span,.discover-following>header>span{font-size:7px}.purchase-resume-track{grid-auto-columns:minmax(205px,78vw);gap:8px;padding-bottom:10px}.purchase-resume-media{height:122px}.purchase-resume-card{border-radius:13px}.purchase-resume-copy{padding:9px 10px 10px}
  .discover-following{margin:17px 0 16px;padding:0 12px}.discover-following>header{margin-bottom:8px}.discover-following-track{grid-auto-columns:minmax(196px,72vw);gap:8px}.discover-following-card{border-radius:13px}.discover-following-media{height:130px}.discover-following-copy{padding:9px}.discover-following-copy>b{font-size:10px}
}
@media(min-width:768px) and (max-width:1099px){.purchase-resume-track{grid-auto-columns:250px}.discover-following-track{grid-auto-columns:225px}}
@media(min-width:1100px){.purchase-resume-card:hover,.discover-following-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.105);background:linear-gradient(145deg,#13171e,#0a0d12)}}
@media(prefers-reduced-motion:reduce){.purchase-resume-card,.discover-following-card{transition:none!important}}


/* Hotfix328 — premium search destinations + post-purchase discovery */
.search-storefront-matches{margin:4px 22px 22px;padding:14px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:linear-gradient(145deg,rgba(18,21,28,.94),rgba(8,10,15,.96));overflow:hidden;position:relative}
.search-storefront-matches:before{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(131,58,180,.55),rgba(253,29,29,.42),rgba(252,176,69,.46),transparent)}
.search-storefront-matches>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.search-storefront-matches>header small,.purchase-after-section>header small{display:block;color:#8c93a0;font-size:7px;font-weight:900;letter-spacing:.15em}.search-storefront-matches>header h2,.purchase-after-section>header h2{margin:2px 0 0;color:#f4f5f7;font-size:18px;line-height:1.15;letter-spacing:-.02em}.search-storefront-matches>header>span,.purchase-after-section>header>span{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#89919d;font-size:8px;font-weight:750;white-space:nowrap}.search-storefront-matches>header>span .ico,.purchase-after-section>header>span .ico{width:11px;height:11px}
.search-match-group+.search-match-group{margin-top:13px}.search-match-group>h3{margin:0 0 7px;color:#a6acb6;font-size:9px;font-weight:820}.search-match-creators{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.search-match-creator{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 15px;align-items:center;gap:9px;min-height:66px;padding:7px 8px;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#0c0f14;color:#f0f2f5;text-align:left;transition:border-color .16s ease,transform .16s ease,background .16s ease}.search-match-creator-cover{position:absolute;inset:0;background:center/cover no-repeat;opacity:.10;filter:saturate(.8)}.search-match-creator:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.98) 0 58%,rgba(7,9,13,.72));pointer-events:none}.search-match-avatar,.search-match-copy,.search-match-creator>.ico{position:relative;z-index:1}.search-match-avatar{width:42px;height:42px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:linear-gradient(145deg,#252a34,#12151c);font-size:13px;font-style:normal;font-weight:850}.search-match-avatar img{width:100%;height:100%;object-fit:cover}.search-match-copy{min-width:0;display:flex;flex-direction:column}.search-match-copy>small,.search-match-category small{color:#777f8b;font-size:6.5px;font-weight:900;letter-spacing:.12em}.search-match-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10.5px}.search-match-copy>b em{margin-left:3px}.search-match-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#858d98;font-size:7.5px}.search-match-creator>.ico{width:14px;height:14px;color:#666f7c}
.search-match-categories{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:1px}.search-match-categories::-webkit-scrollbar{display:none}.search-match-category{flex:0 0 172px;display:grid;grid-template-columns:50px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#0b0e13;color:#eef0f3;text-align:left;scroll-snap-align:start;transition:border-color .16s ease,transform .16s ease}.search-match-category-art{position:relative;width:50px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#171b23 center/cover no-repeat}.search-match-category-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(131,58,180,.12),rgba(253,29,29,.08),rgba(252,176,69,.1))}.search-match-category-art i{position:relative;z-index:1;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:rgba(0,0,0,.55);backdrop-filter:blur(5px)}.search-match-category-art .ico{width:12px;height:12px}.search-match-category>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.search-match-category b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9.5px}.search-match-category em{margin-top:3px;color:#848c97;font-size:7.5px;font-style:normal}.search-match-category>.ico{width:13px;height:13px;color:#626a75}.search-video-results{min-width:0}

.purchase-after-section{margin:20px 0 22px;padding:0 22px}.purchase-after-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.purchase-after-track{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:1px 1px 4px}.purchase-after-track::-webkit-scrollbar{display:none}.purchase-after-card{flex:0 0 218px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:linear-gradient(155deg,#101319,#090b0f);color:#f0f2f4;scroll-snap-align:start;transition:border-color .16s ease,transform .16s ease,background .16s ease}.purchase-after-media{position:relative;height:126px;overflow:hidden;background:#151922 center/cover no-repeat}.purchase-after-media:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(transparent,rgba(5,7,10,.74));pointer-events:none}.purchase-after-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.purchase-after-media>span{position:absolute;z-index:2;right:7px;bottom:7px;padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.72);color:#f4f5f6;font-size:7px;font-weight:800}.purchase-after-cart{position:absolute;z-index:3;right:7px;top:7px;font-style:normal}.purchase-after-cart .cart-action{width:30px;height:30px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(8,10,14,.76);backdrop-filter:blur(8px)}.purchase-after-copy{padding:9px 10px 10px}.purchase-after-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#818995;font-size:7.5px}.purchase-after-copy>small em{margin-left:3px}.purchase-after-copy>b{display:-webkit-box;min-height:27px;margin-top:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10.5px;line-height:1.3}.purchase-after-copy>div{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:8px}.purchase-after-copy>div>span{display:flex;align-items:center;gap:3px;color:#7e8792;font-size:7.5px}.purchase-after-copy>div>span .ico{width:11px;height:11px}.purchase-after-copy>div>strong{color:#f1c184;font-size:10px;font-weight:850}.purchase-after-copy>div>strong:empty{display:none}

@media(max-width:767px){
 .search-storefront-matches{margin:2px 12px 16px;padding:11px;border-radius:15px}.search-storefront-matches>header{align-items:center;margin-bottom:10px}.search-storefront-matches>header h2,.purchase-after-section>header h2{font-size:16px}.search-storefront-matches>header>span{display:none}.search-match-creators{grid-template-columns:1fr}.search-match-creator{min-height:62px}.search-match-categories{margin-right:-11px;padding-right:11px}.search-match-category{flex-basis:158px}
 .purchase-after-section{margin:17px 0 18px;padding:0 12px}.purchase-after-section>header{align-items:center;margin-bottom:8px}.purchase-after-section>header>span{font-size:7px}.purchase-after-card{flex-basis:178px;border-radius:12px}.purchase-after-media{height:105px}.purchase-after-copy{padding:8px 9px 9px}.purchase-after-copy>b{font-size:9.8px}
}
@media(min-width:1100px){.search-match-creator:hover,.search-match-category:hover,.purchase-after-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.12);background-color:#11151c}}
@media(prefers-reduced-motion:reduce){.search-match-creator,.search-match-category,.purchase-after-card{transition:none!important}}


/* Hotfix329 — verified-buyer trust + public creator collections */
.buyer-rating-panel{margin:18px 34px 0;padding:15px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #ffffff14;border-radius:16px;background:linear-gradient(135deg,#0b0f15 0%,#090c11 58%,color-mix(in srgb,var(--accent) 8%,#090c11) 100%);box-shadow:inset 0 1px #ffffff08}
.buyer-rating-score{display:flex;align-items:center;gap:11px;padding-right:17px;border-right:1px solid #ffffff10}.buyer-rating-score>strong{font-size:30px;line-height:1;font-weight:900;letter-spacing:-1.2px}.buyer-rating-score>span>small{display:block;margin-top:5px;color:#9299a6;font-size:9px;font-weight:700}.buyer-rating-stars{display:flex;align-items:center;gap:2px}.buyer-rating-stars .ico{width:15px;height:15px;stroke:#6f7580;fill:transparent}.buyer-rating-stars span.active .ico,.buyer-rating-stars button.active .ico{stroke:#ffc94a;fill:#ffc94a}.buyer-rating-stars.interactive{gap:3px}.buyer-rating-stars.interactive button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#7d8490;background:#ffffff06;border:1px solid #ffffff0b;transition:background .16s ease,border-color .16s ease,transform .16s ease}.buyer-rating-stars.interactive button .ico{width:17px;height:17px}.buyer-rating-stars.interactive button:active{transform:scale(.94)}.buyer-rating-stars.interactive button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.buyer-rating-copy{min-width:0}.buyer-rating-copy>small,.buyer-rating-action>small{display:block;color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:8px;font-weight:900;letter-spacing:1.15px}.buyer-rating-copy>b{display:block;margin-top:4px;font-size:14px}.buyer-rating-copy>p{margin:4px 0 0;color:#89919d;font-size:10px;line-height:1.4}.buyer-rating-action{min-width:175px}.buyer-rating-action>span{display:block;margin-top:3px;color:#868e9b;font-size:8px}.buyer-rating-lock{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:12px;border:1px solid #ffffff0e;background:#ffffff04}.buyer-rating-lock>.ico{width:19px;color:#aeb4bf}.buyer-rating-lock b,.buyer-rating-lock small{display:block}.buyer-rating-lock b{font-size:10px}.buyer-rating-lock small{font-size:8px;color:#858d99;margin-top:2px}
.creator-collections-section{margin:16px 0 5px;padding:0 0 3px}.creator-collections-section>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 22px 11px}.creator-collections-section>header small{display:block;color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:8px;font-weight:900;letter-spacing:1.1px}.creator-collections-section>header h2{margin:3px 0 0;font-size:18px;letter-spacing:-.35px}.creator-collections-section>header>span{display:flex;align-items:center;gap:5px;color:#8e96a2;font-size:9px}.creator-collections-section>header>span .ico{width:14px}.creator-collections-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,31%);gap:11px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 22px 8px;scrollbar-width:none}.creator-collections-track::-webkit-scrollbar{display:none}.creator-collection-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:112px;padding:9px 10px 9px 9px;border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(145deg,#0d1118,#090c11);scroll-snap-align:start;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px #ffffff06;transition:border-color .18s ease,background .18s ease,transform .18s ease}.creator-collection-media{position:relative;height:92px;border-radius:11px;overflow:hidden;background:#111722;display:grid;grid-template-columns:1.55fr .9fr;grid-template-rows:1fr 1fr;gap:2px}.creator-collection-art{background:center/cover no-repeat}.creator-collection-art.art-0{grid-row:1/3}.creator-collection-glass{position:absolute;left:7px;bottom:7px;display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #ffffff24;border-radius:7px;background:#05070ab8;backdrop-filter:blur(8px);font-size:8px}.creator-collection-glass .ico{width:12px}.creator-collection-copy{min-width:0}.creator-collection-copy>small{display:block;color:#8f97a4;font-size:7px;font-weight:850;letter-spacing:.9px}.creator-collection-copy>b{display:-webkit-box;margin-top:6px;font-size:13px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.creator-collection-copy>span{display:block;margin-top:7px;color:#9aa2af;font-size:9px}.creator-collection-card>i{display:grid;place-items:center;color:#717985}.creator-collection-card>i .ico{width:17px}.creator-collection-card:active{transform:scale(.987)}
.premium-playlist-create{grid-template-columns:minmax(0,1fr) minmax(155px,auto) auto}.premium-playlist-create select{height:43px;border:1px solid #ffffff10;border-radius:11px;background:#191f28;color:#dfe3e9;padding:0 34px 0 11px;outline:0}.playlist-premium-hero{margin:14px 22px 19px;padding:14px;display:grid;grid-template-columns:minmax(210px,35%) minmax(0,1fr);gap:19px;align-items:center;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(145deg,#0c1118,#080b10);box-shadow:inset 0 1px #ffffff06}.playlist-hero-mosaic{height:176px;display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:3px;border-radius:13px;overflow:hidden;background:#111722}.playlist-hero-art{background:center/cover no-repeat}.playlist-hero-art.art-0{grid-row:1/3}.playlist-hero-empty{grid-column:1/-1;grid-row:1/-1;display:grid;place-items:center;color:#747c89}.playlist-hero-empty .ico{width:38px}.playlist-hero-copy>small{color:color-mix(in srgb,var(--accent) 70%,#fff);font-size:8px;font-weight:900;letter-spacing:1.15px}.playlist-hero-copy h1{margin:5px 0 0;font-size:25px;letter-spacing:-.7px}.playlist-hero-copy>p{max-width:620px;margin:7px 0 0;color:#939ba7;font-size:11px;line-height:1.5}.playlist-hero-copy>div{display:flex;align-items:center;gap:9px;margin-top:14px}.playlist-owner-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#171d26;font-size:11px;font-weight:800}.playlist-owner-avatar img{width:100%;height:100%;object-fit:cover}.playlist-hero-copy>div b,.playlist-hero-copy>div small{display:block}.playlist-hero-copy>div b{font-size:10px}.playlist-hero-copy>div small{margin-top:2px;color:#858d99;font-size:8px}.playlist-premium-grid{padding-top:0}
@media (hover:hover) and (pointer:fine){.creator-collection-card:hover{border-color:#ffffff26;background:linear-gradient(145deg,#111720,#090c11)}.buyer-rating-stars.interactive button:hover{border-color:color-mix(in srgb,var(--accent) 42%,#ffffff16);background:color-mix(in srgb,var(--accent) 12%,#ffffff05)}}
@media(max-width:700px){.buyer-rating-panel{margin:13px 14px 0;padding:12px;grid-template-columns:auto minmax(0,1fr);gap:11px 13px;border-radius:13px}.buyer-rating-score{padding-right:12px}.buyer-rating-score>strong{font-size:25px}.buyer-rating-copy>p{display:none}.buyer-rating-action,.buyer-rating-lock{grid-column:1/-1;min-width:0;padding-top:9px;border-top:1px solid #ffffff0d}.buyer-rating-action{display:flex;align-items:center;gap:9px}.buyer-rating-action>small{min-width:75px}.buyer-rating-action>span{margin:0 0 0 auto}.buyer-rating-lock{border-radius:10px}.creator-collections-section{margin-top:13px}.creator-collections-section>header{padding:0 14px 9px}.creator-collections-section>header h2{font-size:16px}.creator-collections-section>header>span{display:none}.creator-collections-track{grid-auto-columns:minmax(232px,82vw);gap:9px;padding:0 14px 7px}.creator-collection-card{grid-template-columns:94px minmax(0,1fr) 19px;min-height:104px;border-radius:13px}.creator-collection-media{height:84px}.premium-playlist-create{grid-template-columns:1fr auto;margin-left:14px;margin-right:14px}.premium-playlist-create select{grid-column:1/-1;grid-row:2}.premium-playlist-create button{grid-column:2;grid-row:1}.playlist-premium-hero{margin:10px 14px 16px;padding:10px;grid-template-columns:118px minmax(0,1fr);gap:12px;border-radius:14px}.playlist-hero-mosaic{height:112px;border-radius:10px}.playlist-hero-copy h1{font-size:18px}.playlist-hero-copy>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:9px}.playlist-hero-copy>div{margin-top:9px}.playlist-owner-avatar{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.creator-collection-card,.buyer-rating-stars.interactive button{transition:none!important}}

.playlist-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.playlist-row-actions button{white-space:nowrap}
@media(max-width:520px){.playlist-list article{grid-template-columns:minmax(0,1fr)}.playlist-row-actions{justify-content:flex-start;padding-left:40px}}

/* Hotfix330 — cart save-for-later + truthful checkout access summary */
.cart-item-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:9px;border-top:1px solid rgba(255,255,255,.055)}
.cart-save-later{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018));color:#aeb5bf;font-size:8.5px;font-weight:820;letter-spacing:.01em;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.cart-save-later .ico{width:14px;height:14px}.cart-save-later.saving{opacity:.68;cursor:wait}.cart-save-later:disabled{pointer-events:none}.cart-item-footer .cart-item-value{margin:0;min-width:0;flex:1;justify-content:flex-end}
.checkout-access-summary{margin:14px 0 17px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(145deg,rgba(15,19,26,.96),rgba(8,11,16,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.checkout-access-summary>header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.checkout-access-summary>header>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(252,176,69,.16);border-radius:10px;background:linear-gradient(145deg,rgba(252,176,69,.08),rgba(131,58,180,.055));color:#d8ab6b}.checkout-access-summary>header>span .ico{width:15px;height:15px}.checkout-access-summary>header>div{display:grid;gap:1px}.checkout-access-summary>header small{color:#767f8b;font-size:7px;font-weight:900;letter-spacing:.15em}.checkout-access-summary>header b{color:#edf0f3;font-size:12px;font-weight:860}
.checkout-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.checkout-access-grid article{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.018)}.checkout-access-grid article>i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.04);color:#aeb5bf;font-style:normal}.checkout-access-grid article>i .ico{width:13px;height:13px}.checkout-access-grid article span{min-width:0}.checkout-access-grid article b{display:block;color:#e9ebef;font-size:9px;font-weight:840}.checkout-access-grid article small{display:block;margin-top:3px;color:#7f8793;font-size:7.3px;line-height:1.35}
.payment-access-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:11px 0 3px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07)}.payment-access-summary>div{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.012))}.payment-access-summary>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.04);color:#b0b7c1}.payment-access-summary>div>span .ico{width:14px;height:14px}.payment-access-summary p{min-width:0;margin:0}.payment-access-summary b{display:block;overflow:hidden;text-overflow:ellipsis;color:#e9ecf0;font-size:8.6px;font-weight:850}.payment-access-summary small{display:block;margin-top:3px;color:#7e8793;font-size:7.1px;line-height:1.35}
@media (hover:hover) and (pointer:fine){.cart-save-later:hover{border-color:rgba(252,176,69,.18);background:linear-gradient(180deg,rgba(252,176,69,.055),rgba(131,58,180,.035));color:#eef0f3;transform:translateY(-1px)}}
@media(max-width:700px){.cart-item-footer{align-items:center;gap:8px}.cart-save-later{min-height:32px;padding:0 8px;border-radius:9px;font-size:7.8px}.cart-item-footer .cart-item-value{display:grid;justify-items:end;gap:2px}.checkout-access-summary{margin:11px 0 14px;padding:10px;border-radius:13px}.checkout-access-grid{grid-template-columns:1fr;gap:6px}.checkout-access-grid article{grid-template-columns:26px minmax(0,1fr);padding:8px}.checkout-access-grid article>i{width:26px;height:26px}.payment-access-summary{grid-template-columns:1fr;gap:6px}.payment-access-summary>div{grid-template-columns:27px minmax(0,1fr);padding:8px}.payment-access-summary>div>span{width:27px;height:27px}.site-payment-sheet .payment-access-summary{max-height:166px;overflow:auto;overscroll-behavior:contain}.site-payment-sheet .payment-access-summary small{font-size:7.4px}}
@media(prefers-reduced-motion:reduce){.cart-save-later{transition:none!important}}

/* Hotfix331 — creator collection bulk unlock + transaction-only premium receipts */
.collection-commerce-panel{margin:0 22px 20px;padding:14px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid #ffffff12;border-radius:16px;background:linear-gradient(145deg,#0d1219,#090c11 72%);box-shadow:inset 0 1px #ffffff06;overflow:hidden;position:relative}.collection-commerce-panel:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent2));opacity:.82}.collection-commerce-copy{min-width:0;padding-left:7px}.collection-commerce-copy>small{display:block;color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:7px;font-weight:900;letter-spacing:1.15px}.collection-commerce-copy>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:4px}.collection-commerce-copy h2{margin:0;font-size:16px;letter-spacing:-.3px}.collection-commerce-copy>div>strong{font-size:14px;color:#f4f6f8;white-space:nowrap}.collection-commerce-copy>p{margin:6px 0 10px;color:#8f98a5;font-size:9px;line-height:1.45}.collection-commerce-progress{height:3px;overflow:hidden;border-radius:999px;background:#ffffff0d}.collection-commerce-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s ease}.collection-commerce-copy>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;color:#717b88;font-size:7.5px}.collection-unlock-btn{min-width:190px;min-height:52px;padding:0 13px;border:1px solid color-mix(in srgb,var(--accent) 30%,#ffffff16);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,#10141b),#11161e);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left;box-shadow:inset 0 1px #ffffff0a;transition:transform .16s ease,border-color .16s ease,background .16s ease}.collection-unlock-btn .ico{width:17px;color:color-mix(in srgb,var(--accent) 72%,#fff)}.collection-unlock-btn span{font-size:10px;font-weight:850}.collection-unlock-btn strong{font-size:10px;color:#dfe3e9;white-space:nowrap}.collection-unlock-btn.in-cart,.collection-unlock-btn.complete{grid-template-columns:auto 1fr;min-width:162px}.collection-unlock-btn.complete{opacity:.72;background:#0c1117;border-color:#ffffff10}.collection-unlock-btn.loading{opacity:.72;pointer-events:none}.collection-unlock-btn:active:not(:disabled){transform:scale(.985)}

.receipt-transaction-only{max-width:560px;margin-left:auto;margin-right:auto;padding:22px;text-align:left;border-radius:18px;background:linear-gradient(150deg,#0d1219,#090c11 75%);border:1px solid #ffffff12;box-shadow:inset 0 1px #ffffff06}.receipt-transaction-only .receipt-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:17px;border-bottom:1px solid #ffffff0d}.receipt-transaction-only .receipt-mark{width:48px;height:48px;margin:0;border-radius:13px;background:color-mix(in srgb,var(--accent) 16%,#10141b);color:color-mix(in srgb,var(--accent) 72%,#fff);border:1px solid color-mix(in srgb,var(--accent) 24%,#ffffff0d)}.receipt-transaction-only .receipt-mark .ico{width:22px}.receipt-top>div{min-width:0}.receipt-top>div>small{display:block;color:#727c89;font-size:7px;font-weight:900;letter-spacing:1.05px}.receipt-top h1{margin:3px 0 0;font-size:18px;letter-spacing:-.35px}.receipt-top p{margin:3px 0 0;color:#8e97a3;font-size:9px;overflow-wrap:anywhere}.receipt-status-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ffffff10;border-radius:999px;background:#ffffff05;color:#a5adb7;font-size:8px;font-weight:800;text-transform:capitalize}.receipt-status-pill .ico{width:12px}.receipt-status-pill.paid{color:#67e596;border-color:#48df7e25;background:#48df7e0b}.receipt-privacy-note{display:flex;align-items:flex-start;gap:8px;margin:13px 0 4px;padding:9px 10px;border:1px solid #ffffff0c;border-radius:10px;background:#ffffff03;color:#858e9a;font-size:8.5px;line-height:1.45}.receipt-privacy-note .ico{width:14px;flex:0 0 auto;color:#9aa4b2}.receipt-transaction-only dl{margin:12px 0 0}.receipt-transaction-only dl>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:14px;align-items:start;padding:10px 1px;border-bottom:1px solid #ffffff09}.receipt-transaction-only dt{color:#737d89;font-size:9px}.receipt-transaction-only dd{margin:0;text-align:right;color:#e4e7eb;font-size:9px;font-weight:700;overflow-wrap:anywhere}.receipt-transaction-only .receipt-reference{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:8px;color:#c1c7cf}.receipt-transaction-only .receipt-paid{color:#5ee590}.receipt-transaction-only .receipt-discount dd{color:#64df91}.receipt-transaction-only .receipt-totals{margin-top:14px;padding-top:4px;border-top:1px solid #ffffff10}.receipt-transaction-only .receipt-total{padding-top:13px;border-bottom:0}.receipt-transaction-only .receipt-total dt{color:#b0b7c1;font-size:10px;font-weight:800}.receipt-transaction-only .receipt-total dd{font-size:18px;letter-spacing:-.35px}.receipt-transaction-only .receipt-done{width:100%;height:48px;margin-top:18px;border-radius:11px}

@media (hover:hover) and (pointer:fine){.collection-unlock-btn:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 46%,#ffffff1b);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,#11161e),#131922)}}
@media(max-width:700px){.collection-commerce-panel{margin:0 14px 16px;padding:12px;grid-template-columns:1fr;gap:11px;border-radius:14px}.collection-commerce-panel:before{top:12px;bottom:12px}.collection-commerce-copy{padding-left:6px}.collection-commerce-copy h2{font-size:14px}.collection-commerce-copy>div>strong{font-size:12px}.collection-commerce-copy>footer{font-size:7px}.collection-unlock-btn,.collection-unlock-btn.in-cart,.collection-unlock-btn.complete{width:100%;min-width:0;min-height:46px;border-radius:11px}.receipt-transaction-only{margin:10px 14px 18px;padding:15px;border-radius:15px}.receipt-transaction-only .receipt-top{grid-template-columns:auto minmax(0,1fr);gap:10px}.receipt-status-pill{grid-column:1/-1;justify-self:start;margin-top:1px}.receipt-transaction-only .receipt-mark{width:43px;height:43px}.receipt-top h1{font-size:16px}.receipt-transaction-only dl>div{grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr);gap:10px}.receipt-transaction-only .receipt-total dd{font-size:16px}}
@media(prefers-reduced-motion:reduce){.collection-unlock-btn,.collection-commerce-progress>i{transition:none!important}}


/* === Xmegram 3.4.9-hotfix332 · mobile popup scroll + Discover rhythm + banner finish === */
.site-payment-sheet{
  display:flex!important;
  flex-direction:column!important;
  max-height:calc(100dvh - max(18px,var(--safe-top)))!important;
  overflow:hidden!important;
  overscroll-behavior:none;
}
.site-payment-sheet>header,.site-payment-sheet>footer{flex:0 0 auto;z-index:4}
.site-payment-scroll{
  min-height:0;
  flex:1 1 auto;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
.site-payment-scroll::-webkit-scrollbar{width:4px}
.site-payment-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:99px}
.site-payment-sheet>footer{
  position:relative!important;
  bottom:auto!important;
  margin-top:0!important;
  background:linear-gradient(180deg,rgba(9,13,19,.72),rgba(9,13,19,.99))!important;
}
.payment-access-summary-positive{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.purchase-filter-sheet>div{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}

/* Segmented Discover feed blocks must not each reserve bottom-navigation space.
   Only the final tail keeps the 96px safe area. */
@media(max-width:767px){
  .discover-feed-lead .surface-discover-masonry.shared-mobile-single-column,
  .discover-feed-middle .surface-discover-masonry.shared-mobile-single-column{
    padding-bottom:0!important;
  }
  .discover-feed-lead,.discover-feed-middle{margin-bottom:0!important}
  .discover-rising,.discover-following{margin-top:10px!important}
  .payment-access-summary-positive{grid-template-columns:1fr!important}
  .site-payment-sheet .payment-access-summary{max-height:none!important;overflow:visible!important}
}

/* Promotional banner: neutral premium hairline around the complete card.
   Tone glow stays inside and can no longer tint only part of the border. */
.home-promo-banner{
  isolation:isolate;
  border-color:transparent!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)!important;
}
.home-promo-banner:before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.12);
  border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.home-promo-banner.promo-tone-violet:after,.home-promo-strip.promo-tone-violet:after,
.home-promo-banner.promo-tone-gold:after,.home-promo-strip.promo-tone-gold:after,
.home-promo-banner.promo-tone-rose:after,.home-promo-strip.promo-tone-rose:after,
.home-promo-banner.promo-tone-sunset:after,.home-promo-strip.promo-tone-sunset:after{z-index:0}


/* Hotfix333 — premium Saved library controls */
.saved-library-page{width:min(100%,1280px);margin:0 auto;padding:16px 18px calc(92px + var(--safe-bottom))}.saved-library-tools{margin:0 0 17px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(145deg,rgba(16,20,28,.96),rgba(8,11,17,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}.saved-library-overview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.saved-library-overview>div{min-width:0}.saved-library-overview small{display:block;color:#f1a85d;font-size:8px;font-weight:900;letter-spacing:.17em}.saved-library-overview h1{margin:3px 0 4px;color:#f5f7fa;font-size:22px;line-height:1.08;letter-spacing:-.035em}.saved-library-overview p{margin:0;color:#818a97;font-size:10px}.saved-library-overview p b{color:#dfe4ea;font-weight:850}.saved-library-overview>span{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.035);color:#d8a465}.saved-library-overview .ico{width:19px}.saved-library-control-row{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:9px}.saved-library-search,.saved-library-sort{min-width:0;height:43px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#090d13}.saved-library-search{display:flex;align-items:center;padding:0 10px;gap:8px}.saved-library-search .ico{width:16px;color:#697381}.saved-library-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eef1f5;font:inherit;font-size:11px}.saved-library-search input::placeholder{color:#626b78}.saved-library-search button{width:27px;height:27px;border:0;border-radius:8px;background:rgba(255,255,255,.045);color:#89929e}.saved-library-sort{display:flex;align-items:center;padding:0 8px 0 11px}.saved-library-sort span{color:#727c89;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.saved-library-sort select{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#e5e9ee;text-align:right;font-size:10px;font-weight:750}.saved-library-categories{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding:1px 0 2px;scrollbar-width:none}.saved-library-categories::-webkit-scrollbar{display:none}.saved-library-categories button{height:31px;padding:0 11px;flex:none;border:1px solid rgba(255,255,255,.065);border-radius:999px;background:rgba(255,255,255,.025);color:#818a96;font-size:9px;font-weight:780}.saved-library-categories button.active{border-color:rgba(252,176,69,.25);background:linear-gradient(135deg,rgba(131,58,180,.16),rgba(252,176,69,.11));color:#f0f2f6}.saved-library-grid{padding:0!important}.saved-library-empty{grid-column:1/-1;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(255,255,255,.075);border-radius:14px;color:#7f8895}.saved-library-empty>.ico{width:26px;margin-bottom:8px}.saved-library-empty b{color:#e7eaef;font-size:13px}.saved-library-empty span{margin-top:3px;font-size:9px}.saved-library-empty button{margin-top:12px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#10151d;color:#dfe4ea;font-size:9px;font-weight:800}

/* Hotfix333 — private Creator Studio 7-day performance pulse */
.creator-performance-pulse{margin:0 0 13px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(145deg,#10151d,#090d13);box-shadow:inset 0 1px rgba(255,255,255,.025)}.creator-performance-pulse>header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px}.creator-performance-pulse>header small{display:block;color:#b67be0;font-size:8px;font-weight:900;letter-spacing:.16em}.creator-performance-pulse>header h2{margin:3px 0 0;color:#f2f4f7;font-size:17px;letter-spacing:-.03em}.creator-performance-pulse>header>span{padding:5px 8px;border:1px solid rgba(255,255,255,.06);border-radius:999px;color:#727b87;font-size:7px;font-weight:800}.creator-pulse-grid{display:grid;grid-template-columns:160px 160px minmax(260px,1fr);gap:9px}.creator-pulse-grid>article,.creator-pulse-top{min-width:0;min-height:88px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018)}.creator-pulse-grid>article{display:flex;align-items:center;gap:10px;padding:11px}.creator-pulse-icon{width:35px;height:35px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.03);color:#d2a25f}.creator-pulse-icon .ico{width:16px}.creator-pulse-grid article>div{min-width:0}.creator-pulse-grid article small{display:block;color:#737d89;font-size:8px;font-weight:800}.creator-pulse-grid article b{display:block;margin:2px 0 3px;color:#f1f4f7;font-size:19px;line-height:1;font-weight:900}.creator-pulse-grid article em{display:block;color:#7d8792;font-size:7px;font-style:normal;font-weight:800}.creator-pulse-grid article em i{font-style:normal;font-weight:600;color:#626c78}.creator-pulse-grid article em.up{color:#b7d9bc}.creator-pulse-grid article em.down{color:#d7a7ad}.creator-pulse-top{display:grid;grid-template-columns:72px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:8px;text-align:left;color:inherit}.creator-pulse-thumb{width:72px;height:70px;border-radius:9px;background:#171c24 center/cover no-repeat}.creator-pulse-top>span:nth-child(2){min-width:0}.creator-pulse-top small{display:block;color:#727c89;font-size:7px;font-weight:900;letter-spacing:.12em}.creator-pulse-top b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:#edf0f4;font-size:11px}.creator-pulse-top em{display:block;margin-top:5px;color:#7b8490;font-size:8px;font-style:normal}.creator-pulse-top>.ico{width:16px;color:#666f7b}.creator-pulse-top.empty{grid-template-columns:42px minmax(0,1fr);cursor:default}.creator-pulse-empty-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:rgba(131,58,180,.08);color:#b47bd5}.creator-pulse-empty-icon .ico{width:18px}
@media(max-width:767px){.saved-library-page{padding:10px 12px calc(86px + var(--safe-bottom))}.saved-library-tools{padding:13px;border-radius:14px;margin-bottom:12px}.saved-library-overview{margin-bottom:11px}.saved-library-overview h1{font-size:19px}.saved-library-overview>span{width:38px;height:38px;border-radius:11px}.saved-library-control-row{grid-template-columns:1fr}.saved-library-sort{height:39px}.saved-library-search{height:41px}.saved-library-categories{margin-top:8px}.saved-library-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.creator-studio-screen .creator-performance-pulse{margin:0 14px 12px;padding:12px;border-radius:13px}.creator-performance-pulse>header{margin-bottom:9px}.creator-performance-pulse>header h2{font-size:15px}.creator-pulse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.creator-pulse-grid>article{min-height:74px;padding:9px;gap:8px}.creator-pulse-icon{width:31px;height:31px}.creator-pulse-grid article b{font-size:16px}.creator-pulse-grid article em{font-size:6.5px}.creator-pulse-grid article em i{display:none}.creator-pulse-top{grid-column:1/-1;min-height:74px;grid-template-columns:64px minmax(0,1fr) 17px}.creator-pulse-thumb{width:64px;height:58px}.creator-pulse-top b{font-size:10px}.creator-pulse-top em{font-size:7px}}
@media(min-width:768px) and (max-width:1099px){.creator-pulse-grid{grid-template-columns:145px 145px minmax(240px,1fr)}}
@media(hover:hover) and (pointer:fine){.saved-library-categories button:hover,.saved-library-empty button:hover,.creator-pulse-top:not(.empty):hover{border-color:rgba(255,255,255,.11);background-color:rgba(255,255,255,.035)}}
@media(prefers-reduced-motion:reduce){.saved-library-categories button,.creator-pulse-top{transition:none!important}}


/* Hotfix334 — Home first impression: compact personalized first-look deck */
.home-front-spotlight{position:relative;isolation:isolate;width:calc(100% - 44px);max-width:1500px;height:204px;margin:8px auto 10px;padding:1px;display:grid;grid-template-columns:minmax(0,1.72fr) minmax(214px,.68fr);gap:6px;overflow:hidden;border-radius:22px;background:linear-gradient(115deg,rgba(131,58,180,.30),rgba(255,255,255,.07) 36%,rgba(253,29,29,.16) 69%,rgba(252,176,69,.24));box-shadow:0 18px 44px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04)}
.home-front-spotlight:after{content:"";position:absolute;z-index:5;inset:1px;pointer-events:none;border:1px solid rgba(255,255,255,.075);border-radius:21px}.home-front-spotlight-aura{position:absolute;z-index:0;right:7%;top:-70%;width:42%;height:180%;border-radius:50%;background:radial-gradient(circle,rgba(252,176,69,.10),rgba(253,29,29,.045) 40%,transparent 70%);filter:blur(30px);pointer-events:none}
.home-front-spotlight-main,.home-front-spotlight-peek{position:relative;z-index:1;min-width:0;overflow:hidden;border:0;background-color:#12161d;background-position:center;background-size:cover;color:#fff;text-align:left}.home-front-spotlight-main{border-radius:21px 14px 14px 21px}.home-front-spotlight-main:after{content:"";position:absolute;inset:-20% -45%;background:linear-gradient(104deg,transparent 38%,rgba(255,255,255,.07) 49%,transparent 60%);transform:translateX(-60%);animation:homeFirstLookSweep 7.2s ease-in-out infinite;pointer-events:none}.home-front-spotlight-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.94) 0%,rgba(6,8,12,.74) 35%,rgba(6,8,12,.20) 68%,rgba(5,7,11,.08)),linear-gradient(0deg,rgba(5,7,11,.62),transparent 62%)}
.home-front-spotlight-copy{position:absolute;z-index:2;left:24px;bottom:21px;width:min(58%,600px);display:flex;flex-direction:column;align-items:flex-start}.home-front-spotlight-copy>small{display:flex;align-items:center;gap:8px;color:#f0c994;font-size:7px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:.90}.home-front-spotlight-copy>small i{width:6px;height:6px;border-radius:50%;background:#fd1d1d;box-shadow:0 0 0 5px rgba(253,29,29,.08)}.home-front-spotlight-copy>b{display:-webkit-box;margin-top:6px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;font-size:clamp(20px,2.45vw,30px);line-height:1.05;font-weight:900;letter-spacing:-.038em;text-wrap:balance;max-width:100%}.home-front-spotlight-copy>em{display:block;max-width:100%;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(232,235,240,.60);font-size:9px;font-style:normal}.home-front-spotlight-actions{display:flex;align-items:center;gap:8px;margin-top:13px}.home-front-spotlight-actions strong{min-width:0;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(248,249,250,.96);color:#0d0f13;font-size:10px;font-weight:950;letter-spacing:.01em;box-shadow:0 8px 18px rgba(0,0,0,.16)}.home-front-spotlight-actions i{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(10,12,17,.34);color:rgba(255,255,255,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.home-front-spotlight-actions .ico{width:14px;height:14px}
.home-front-spotlight-peeks{position:relative;z-index:1;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;padding-right:0}.home-front-spotlight-peek{border-radius:14px 21px 21px 14px}.home-front-spotlight-peek-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,12,.14) 0%,rgba(6,8,12,.30) 42%,rgba(5,7,11,.84) 100%)}.home-front-spotlight-peek>small{position:absolute;z-index:2;top:10px;left:10px;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(8,10,14,.34);backdrop-filter:blur(7px);color:rgba(255,255,255,.62);font-size:7px;font-weight:900}.home-front-spotlight-peek>span{position:absolute;z-index:2;left:10px;right:9px;bottom:9px;min-width:0}.home-front-spotlight-peek em{display:block;margin:0 0 4px;color:rgba(238,241,245,.74);font-size:7px;font-style:normal;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.home-front-spotlight-peek b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf0f4;font-size:9px;font-weight:820}
@keyframes homeFirstLookSweep{0%,68%{transform:translateX(-62%);opacity:0}77%{opacity:1}92%,100%{transform:translateX(62%);opacity:0}}

.home-trending-grid .video-card-body>b{margin-right:6px;line-height:1.24}
.home-trending-grid .card-foot .sale-price-stack>strong,
.home-trending-grid .card-foot .daily-promo-price>strong{font-weight:950!important}
.home-trending-grid .card-foot .sale-price-stack>del,
.home-trending-grid .card-foot .daily-promo-price>del{font-size:.68em!important;color:rgba(143,151,161,.72)!important;opacity:.82;text-decoration-thickness:1px}
.home-trending-grid .card-foot .sale-price-stack,
.home-trending-grid .card-foot .daily-promo-price{gap:5px}
.home-front-spotlight-peek{transition:filter .18s ease,transform .18s ease}
html[data-theme="light"] .screen.home-screen .home-front-spotlight .home-front-spotlight-copy>em{color:rgba(255,255,255,.78)!important}
html[data-theme="light"] .screen.home-screen .home-trending-grid .card-foot .sale-price-stack>del,
html[data-theme="light"] .screen.home-screen .home-trending-grid .card-foot .daily-promo-price>del{color:rgba(120,126,136,.78)!important}
html[data-theme="light"] .screen.home-screen .home-trending-grid .trend-card-rank,
html[data-theme="light"] .screen.home-screen .video-card.merch-ranked .trend-card-rank{opacity:.62!important;filter:drop-shadow(0 3px 8px rgba(255,255,255,.18))!important}

/* Hotfix334 — one personalized creator profile interlude between Home feed groups */
.home-creator-profile-break{overflow:hidden}.home-creator-profile-card{position:relative;isolation:isolate;min-height:208px;margin:0 20px;padding:1px;display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.35fr);overflow:hidden;border-radius:20px;background:linear-gradient(125deg,rgba(131,58,180,.24),rgba(255,255,255,.065) 34%,rgba(253,29,29,.13) 66%,rgba(252,176,69,.19));box-shadow:0 15px 38px rgba(0,0,0,.23)}.home-creator-profile-card:after{content:"";position:absolute;z-index:4;inset:1px;pointer-events:none;border:1px solid rgba(255,255,255,.07);border-radius:19px}.home-creator-profile-copy{position:relative;z-index:1;min-width:0;padding:22px 22px 20px;border-radius:19px 12px 12px 19px;background:radial-gradient(circle at 12% 7%,rgba(131,58,180,.11),transparent 35%),linear-gradient(145deg,#121620,#090d13)}.home-creator-profile-copy>small{display:block;color:#c58ce5;font-size:8px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.home-creator-profile-identity{width:100%;margin-top:13px;padding:0;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:inherit;text-align:left}.home-creator-profile-avatar{width:48px;height:48px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:#171c24;color:#fff;font-size:15px;font-weight:900;box-shadow:0 0 0 4px rgba(131,58,180,.08)}.home-creator-profile-avatar img{width:100%;height:100%;object-fit:cover}.home-creator-profile-identity>span:last-child{min-width:0}.home-creator-profile-identity b{display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f6f8;font-size:16px;font-weight:900;letter-spacing:-.025em}.home-creator-profile-identity em{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7e8794;font-size:9px;font-style:normal}.home-creator-profile-copy p{max-width:270px;margin:14px 0 0;color:#858e99;font-size:9.5px;line-height:1.45}.home-creator-profile-cta{height:34px;margin-top:15px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.085);border-radius:10px;background:rgba(255,255,255,.035);color:#e9ebef;font-size:9px;font-weight:850}.home-creator-profile-cta .ico{width:13px;height:13px}
.home-creator-profile-mosaic{position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:7px;padding-left:7px}.home-creator-profile-media{position:relative;min-width:0;overflow:hidden;border:0;background:#111720 center/cover no-repeat;color:#fff;text-align:left}.home-creator-profile-media.media-1{grid-row:1/3;border-radius:12px}.home-creator-profile-media.media-2{border-radius:12px 19px 12px 12px}.home-creator-profile-media.media-3{border-radius:12px 12px 19px 12px}.home-creator-profile-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,9,.02),rgba(4,6,9,.08) 48%,rgba(4,6,9,.78))}.home-creator-profile-media>small,.home-creator-profile-media>b{position:absolute;z-index:2;bottom:9px;padding:5px 7px;border-radius:8px;background:rgba(6,8,12,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);font-size:8px;line-height:1}.home-creator-profile-media>small{left:9px;color:#f1f3f6}.home-creator-profile-media>b{right:9px;color:#f2bf78;font-weight:900}
@media(max-width:767px){.home-front-spotlight{width:calc(100% - 20px);height:164px;margin:4px 10px 8px;grid-template-columns:minmax(0,1fr) 84px;gap:4px;border-radius:17px}.home-front-spotlight:after{border-radius:16px}.home-front-spotlight-main{border-radius:16px 10px 10px 16px}.home-front-spotlight-copy{left:14px;bottom:13px;width:74%}.home-front-spotlight-copy>small{font-size:6px;gap:5px;letter-spacing:.16em}.home-front-spotlight-copy>b{margin-top:4px;font-size:17px;line-height:1.06;-webkit-line-clamp:2}.home-front-spotlight-copy>em{max-width:100%;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.home-front-spotlight-actions{margin-top:8px;gap:5px}.home-front-spotlight-actions strong{min-height:31px;padding:0 10px;border-radius:8px;font-size:8px}.home-front-spotlight-actions i{width:27px;height:27px;border-radius:8px}.home-front-spotlight-peeks{gap:4px}.home-front-spotlight-peek{border-radius:10px 16px 16px 10px}.home-front-spotlight-peek>small{top:6px;left:6px;width:18px;height:18px;border-radius:6px;font-size:6px}.home-front-spotlight-peek>span{left:6px;right:5px;bottom:7px}.home-front-spotlight-peek b{display:none}.home-front-spotlight-peek em{margin:0;font-size:6px;letter-spacing:.12em}.home-creator-profile-card{min-height:178px;margin:0 10px;grid-template-columns:44% 56%;border-radius:17px}.home-creator-profile-card:after{border-radius:16px}.home-creator-profile-copy{padding:15px 11px 13px;border-radius:16px 9px 9px 16px}.home-creator-profile-copy>small{font-size:6.5px;letter-spacing:.13em}.home-creator-profile-identity{margin-top:10px;gap:8px}.home-creator-profile-avatar{width:38px;height:38px}.home-creator-profile-identity b{font-size:12px}.home-creator-profile-identity em{font-size:7.5px}.home-creator-profile-copy p{display:-webkit-box;margin-top:10px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:7.5px;line-height:1.35}.home-creator-profile-cta{height:29px;margin-top:10px;padding:0 8px;border-radius:8px;font-size:7.5px}.home-creator-profile-mosaic{gap:4px;padding-left:4px}.home-creator-profile-media.media-1{border-radius:9px}.home-creator-profile-media.media-2{border-radius:9px 16px 9px 9px}.home-creator-profile-media.media-3{border-radius:9px 9px 16px 9px}.home-creator-profile-media>small,.home-creator-profile-media>b{bottom:6px;padding:4px 5px;border-radius:6px;font-size:6.5px}.home-creator-profile-media>small{left:6px}.home-creator-profile-media>b{right:6px}}
@media(min-width:768px) and (max-width:1099px){.home-front-spotlight{width:calc(100% - 32px);height:188px;margin-left:16px;margin-right:16px}.home-creator-profile-card{margin-left:16px;margin-right:16px;grid-template-columns:minmax(235px,.72fr) 1.28fr}}
@media(min-width:1100px){.home-front-spotlight,.home-creator-profile-card{max-width:calc(100% - 44px)}}
@media(hover:hover) and (pointer:fine){.home-front-spotlight-main:hover,.home-front-spotlight-peek:hover,.home-creator-profile-media:hover{filter:brightness(1.045)}.home-creator-profile-cta:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.055)}}
@media(prefers-reduced-motion:reduce){.home-front-spotlight-main:after{animation:none!important}.home-front-spotlight-main,.home-front-spotlight-peek,.home-creator-profile-media,.home-creator-profile-cta{transition:none!important}}


/* Hotfix335 · Home personalized category story + curated Creator Collection */
.home-interest-story,.home-curated-collection{overflow:hidden}
.home-interest-story-card,.home-curated-collection-card{position:relative;isolation:isolate;margin:0 20px;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:linear-gradient(145deg,#11151d,#090c12);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.home-interest-story-card{min-height:210px;display:grid;grid-template-columns:minmax(245px,.72fr) minmax(0,1.55fr)}
.home-interest-story-copy{position:relative;min-width:0;padding:23px 22px 21px;overflow:hidden;background-color:#11151d;background-position:center;background-size:cover}
.home-interest-story-copy-shade{position:absolute;inset:0;background:linear-gradient(145deg,rgba(7,9,14,.95),rgba(10,12,17,.84) 55%,rgba(13,12,18,.72)),radial-gradient(circle at 10% 6%,rgba(131,58,180,.16),transparent 42%)}
.home-interest-story-copy>*:not(.home-interest-story-copy-shade){position:relative;z-index:1}.home-interest-story-copy>small{display:flex;align-items:center;gap:8px;color:#c691e6;font-size:7.5px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.home-interest-story-copy>small i{width:6px;height:6px;border-radius:50%;background:#833ab4;box-shadow:0 0 0 5px rgba(131,58,180,.1)}
.home-interest-story-copy h2{max-width:330px;margin:9px 0 0;color:#f7f7f9;font-size:clamp(21px,2vw,30px);line-height:1.02;letter-spacing:-.04em}.home-interest-story-copy p{max-width:320px;margin:10px 0 0;color:#858d98;font-size:9.5px;line-height:1.5}.home-interest-story-copy button{height:34px;margin-top:16px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.045);color:#eef0f3;font-size:9px;font-weight:850}.home-interest-story-copy button .ico{width:13px;height:13px}
.home-interest-story-picks{min-width:0;padding:7px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:7px}.home-interest-story-pick{position:relative;min-width:0;overflow:hidden;border:0;background:#111720 center/cover no-repeat;color:#fff;text-align:left}.home-interest-story-pick.pick-1{grid-row:1/3;border-radius:13px}.home-interest-story-pick.pick-2{border-radius:13px 18px 10px 10px}.home-interest-story-pick.pick-3{border-radius:10px 10px 18px 13px}.home-interest-story-pick-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,9,.03),rgba(4,6,9,.1) 44%,rgba(4,6,9,.84))}.home-interest-story-pick>small{position:absolute;z-index:2;top:9px;left:9px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(7,9,13,.5);backdrop-filter:blur(8px);font-size:7.5px;font-weight:900;color:#d8dce2}.home-interest-story-pick>span{position:absolute;z-index:2;left:11px;right:10px;bottom:10px;min-width:0}.home-interest-story-pick b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:880}.home-interest-story-pick em{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(236,238,242,.68);font-size:8px;font-style:normal}.home-interest-story-pick strong{display:inline-flex;margin-top:6px;padding:4px 6px;border-radius:7px;background:rgba(8,10,14,.6);backdrop-filter:blur(7px);color:#f2bd73;font-size:7.5px;font-weight:900}
.home-curated-collection-card{min-height:212px;padding:7px;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(265px,.78fr);gap:0;background:linear-gradient(120deg,rgba(131,58,180,.13),rgba(13,16,23,.98) 35%,rgba(253,29,29,.055) 72%,rgba(252,176,69,.09))}.home-curated-collection-art{position:relative;min-width:0;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:6px;overflow:hidden;border:0;border-radius:14px;background:#0d1118}.home-curated-collection-art>span{display:block;background:#151a22 center/cover no-repeat}.home-curated-collection-art .cover-1{grid-row:1/3;border-radius:14px 8px 8px 14px}.home-curated-collection-art .cover-2{border-radius:8px 14px 8px 8px}.home-curated-collection-art .cover-3{border-radius:8px}.home-curated-collection-art .cover-4{position:absolute;right:8px;bottom:8px;width:24%;height:34%;border:2px solid rgba(8,10,14,.9);border-radius:9px;box-shadow:0 6px 18px rgba(0,0,0,.32)}.home-curated-collection-art>i{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 55%,rgba(6,8,12,.12)),linear-gradient(0deg,rgba(5,7,10,.18),transparent 55%)}
.home-curated-collection-copy{min-width:0;padding:18px 19px 15px 20px;display:flex;flex-direction:column;justify-content:center}.home-curated-collection-copy>small{color:#f0bb70;font-size:7.5px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.home-curated-collection-copy h2{display:-webkit-box;margin:8px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#f5f6f8;font-size:22px;line-height:1.04;letter-spacing:-.035em}.home-curated-collection-copy>p{display:-webkit-box;margin:9px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#7f8894;font-size:9px;line-height:1.45}.home-curated-collection-creator{width:max-content;max-width:100%;margin-top:13px;padding:0;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;text-align:left}.home-curated-collection-creator>span{width:30px;height:30px;flex:none;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#191e27;color:#fff;font-size:10px;font-weight:900}.home-curated-collection-creator img{width:100%;height:100%;object-fit:cover}.home-curated-collection-creator>b{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfe2e7;font-size:9px;font-weight:850}.home-curated-collection-meta{margin-top:14px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid rgba(255,255,255,.065)}.home-curated-collection-meta>span{color:#7f8791;font-size:8px}.home-curated-collection-meta button{height:32px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.045);color:#f0f1f3;font-size:8.5px;font-weight:850}.home-curated-collection-meta .ico{width:12px;height:12px}
@media(max-width:767px){.home-interest-story-card,.home-curated-collection-card{margin:0 10px;border-radius:17px}.home-interest-story-card{min-height:178px;grid-template-columns:42% 58%}.home-interest-story-copy{padding:15px 10px 13px}.home-interest-story-copy>small{font-size:6px;letter-spacing:.12em}.home-interest-story-copy h2{margin-top:7px;font-size:15px;line-height:1.05}.home-interest-story-copy p{display:-webkit-box;margin-top:7px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:7px;line-height:1.35}.home-interest-story-copy button{height:28px;margin-top:10px;padding:0 7px;border-radius:8px;font-size:7px}.home-interest-story-picks{padding:4px;gap:4px}.home-interest-story-pick.pick-1{border-radius:9px}.home-interest-story-pick.pick-2{border-radius:9px 15px 7px 7px}.home-interest-story-pick.pick-3{border-radius:7px 7px 15px 9px}.home-interest-story-pick>small{top:6px;left:6px;width:20px;height:20px;border-radius:6px;font-size:6px}.home-interest-story-pick>span{left:7px;right:6px;bottom:6px}.home-interest-story-pick b{font-size:8px}.home-interest-story-pick em{font-size:6.5px}.home-interest-story-pick strong{margin-top:4px;padding:3px 5px;font-size:6px}.home-curated-collection-card{min-height:180px;padding:4px;grid-template-columns:56% 44%}.home-curated-collection-art{gap:4px;border-radius:13px}.home-curated-collection-art .cover-1{border-radius:13px 7px 7px 13px}.home-curated-collection-art .cover-2{border-radius:7px 13px 7px 7px}.home-curated-collection-copy{padding:11px 9px 9px 10px}.home-curated-collection-copy>small{font-size:6px;letter-spacing:.12em}.home-curated-collection-copy h2{margin-top:6px;font-size:14px;line-height:1.05}.home-curated-collection-copy>p{margin-top:6px;font-size:6.8px;line-height:1.3;-webkit-line-clamp:2}.home-curated-collection-creator{margin-top:9px;gap:6px}.home-curated-collection-creator>span{width:24px;height:24px;font-size:8px}.home-curated-collection-creator>b{font-size:7px}.home-curated-collection-meta{margin-top:9px;padding-top:8px;display:block}.home-curated-collection-meta>span{display:block;font-size:6.5px}.home-curated-collection-meta button{height:27px;margin-top:7px;padding:0 7px;border-radius:7px;font-size:6.8px}.home-curated-collection-art .cover-4{right:5px;bottom:5px;border-radius:7px}}
@media(min-width:1100px){.home-interest-story-card:hover,.home-curated-collection-card:hover{border-color:rgba(255,255,255,.105);box-shadow:0 20px 48px rgba(0,0,0,.28)}.home-interest-story-pick,.home-curated-collection-art,.home-interest-story-copy button,.home-curated-collection-meta button{transition:transform .18s ease,border-color .18s ease,background .18s ease}.home-interest-story-pick:hover{transform:translateY(-2px)}.home-interest-story-copy button:hover,.home-curated-collection-meta button:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.14)}}
@media(prefers-reduced-motion:reduce){.home-interest-story-pick,.home-curated-collection-art,.home-interest-story-copy button,.home-curated-collection-meta button{transition:none!important}}

/* Hotfix339 — exact Home first-look support mosaic + distinct-category Spotlight.
   The two right support tiles are one clipped mosaic: zero gap/margin, no inner
   corner radius, smooth full-tile shade, and only the true outside corners round. */
.home-front-spotlight{gap:0!important}
.home-front-spotlight-main{border-radius:21px 0 0 21px!important}
.home-front-spotlight-peeks{gap:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:0 21px 21px 0!important;background:#0b0e14}
.home-front-spotlight-peek{margin:0!important;border-radius:0!important;overflow:hidden!important;background-clip:border-box!important}
.home-front-spotlight-peek:first-child{border-radius:0 21px 0 0!important}
.home-front-spotlight-peek:last-child{border-radius:0 0 21px 0!important}
.home-front-spotlight-peek:only-child{border-radius:0 21px 21px 0!important}
.home-front-spotlight-peek+.home-front-spotlight-peek:before{content:"";position:absolute;z-index:4;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.09);pointer-events:none}
.home-front-spotlight-peek-shade{position:absolute!important;inset:0!important;border-radius:inherit!important;background:linear-gradient(180deg,rgba(5,7,11,.08) 0%,rgba(5,7,11,.24) 45%,rgba(5,7,11,.88) 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);pointer-events:none}
@media(max-width:767px){
  .home-front-spotlight{gap:0!important}
  .home-front-spotlight-main{border-radius:16px 0 0 16px!important}
  .home-front-spotlight-peeks{gap:0!important;margin:0!important;padding:0!important;border-radius:0 16px 16px 0!important}
  .home-front-spotlight-peek{margin:0!important;border-radius:0!important}
  .home-front-spotlight-peek:first-child{border-radius:0 16px 0 0!important}
  .home-front-spotlight-peek:last-child{border-radius:0 0 16px 0!important}
  .home-front-spotlight-peek:only-child{border-radius:0 16px 16px 0!important}
}

/* Hotfix343 — exact Home interest-story mosaic blur/coverage fix.
   The right-side picks in "Because you watch" behave as one clean clipped mosaic:
   no internal gap blur, full-tile scrims, square internal joins, rounded outer-right corners only. */
.home-interest-story-picks{position:relative;gap:0!important;padding:0!important;overflow:hidden!important;border-radius:0 20px 20px 0!important;background:#0b0e14}
.home-interest-story-pick{margin:0!important;border-radius:0!important;overflow:hidden!important;background-clip:border-box!important}
.home-interest-story-pick.pick-1{border-radius:0!important}
.home-interest-story-pick.pick-2{border-radius:0 20px 0 0!important}
.home-interest-story-pick.pick-3{border-radius:0 0 20px 0!important}
.home-interest-story-picks::before{content:"";position:absolute;z-index:3;top:0;bottom:0;left:57.5%;width:1px;background:rgba(255,255,255,.08);pointer-events:none}
.home-interest-story-pick.pick-3::before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.08);pointer-events:none}
.home-interest-story-pick-shade{position:absolute!important;inset:0!important;border-radius:inherit!important;background:linear-gradient(180deg,rgba(5,7,11,.08) 0%,rgba(5,7,11,.22) 48%,rgba(5,7,11,.9) 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);pointer-events:none}
@media(max-width:767px){
  .home-interest-story-picks{gap:0!important;padding:0!important;border-radius:0 16px 16px 0!important}
  .home-interest-story-pick{margin:0!important;border-radius:0!important}
  .home-interest-story-pick.pick-1{border-radius:0!important}
  .home-interest-story-pick.pick-2{border-radius:0 16px 0 0!important}
  .home-interest-story-pick.pick-3{border-radius:0 0 16px 0!important}
}
@media(min-width:768px){
  .discover-spotlight-track{grid-auto-flow:row;grid-auto-columns:initial;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible;scroll-snap-type:none}
}


/* VideoHub 3.4.9-hotfix342 · Home creator quick profile + premium card actions */
.home-creator-inline{display:inline-flex;align-items:center;gap:3px;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;line-height:inherit;vertical-align:baseline;cursor:pointer}.home-creator-inline:hover{color:#fff}.home-creator-inline:focus-visible{outline:1px solid color-mix(in srgb,var(--accent) 70%,#fff);outline-offset:2px;border-radius:4px}.home-creator-inline .verified{transform:translateY(-.5px)}
.video-card-body,.desktop-suggestion-body,.mobile-suggestion-title-row{position:relative}.home-card-more{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border:1px solid #ffffff12;border-radius:10px;background:#0b0f15cc;color:#b7bec9;backdrop-filter:blur(10px);transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease}.home-card-more .ico{width:17px;height:17px;stroke-width:2}.home-card-more:active{transform:scale(.94)}.home-card-more:hover{color:#fff;border-color:#ffffff24;background:#121823}.video-card-body>.home-card-more,.desktop-suggestion-body>.home-card-more{position:absolute;right:0;top:-2px}.video-card-body>.home-card-more~b,.desktop-suggestion-body>.home-card-more~b{padding-right:38px}.mobile-suggestion-title-row>.home-card-more{align-self:flex-start;margin-left:auto}.mobile-suggestion-title-row>.home-card-more+.mobile-suggestion-save{margin-left:4px}
.home-card-dismiss{opacity:0!important;transform:scale(.97)!important;filter:blur(2px);transition:opacity .2s ease,transform .2s ease,filter .2s ease!important;pointer-events:none!important}
.home-quick-scrim,.home-actions-scrim{background:#000c!important;backdrop-filter:blur(8px)!important}.home-creator-quick-sheet,.home-actions-sheet{position:absolute;left:50%;bottom:max(var(--safe-bottom),12px);transform:translateX(-50%);width:min(620px,calc(100% - 20px));max-height:min(760px,calc(100% - var(--safe-top) - 24px));overflow:auto;overscroll-behavior:contain;border:1px solid #ffffff16;border-radius:26px;background:linear-gradient(180deg,#10151d 0%,#090d13 62%,#070a0f 100%);box-shadow:0 28px 90px #000c;color:#f7f8fb;scrollbar-width:thin;scrollbar-color:#ffffff25 transparent}.home-quick-handle{position:sticky;top:0;z-index:12;display:block;width:42px;height:4px;margin:9px auto -13px;border-radius:99px;background:#ffffff35}.home-creator-quick-hero{position:relative;height:150px;background-size:cover;background-position:center;overflow:hidden;border-radius:25px 25px 0 0}.home-creator-quick-hero>span{position:absolute;inset:0;background:linear-gradient(180deg,#05070a14 0%,#090d138c 62%,#090d13 100%);backdrop-filter:blur(1.5px)}.home-quick-close,.home-actions-sheet>header>button{position:absolute;top:16px;right:16px;z-index:4;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffff14;border-radius:50%;background:#080c12d9;color:#f5f7fa;backdrop-filter:blur(10px)}.home-quick-close .ico,.home-actions-sheet>header>button .ico{width:18px;height:18px}
.home-creator-quick-identity{position:relative;z-index:2;display:flex;align-items:flex-end;gap:13px;padding:0 20px;margin-top:-35px}.home-creator-quick-avatar{width:76px;height:76px;display:grid;place-items:center;flex:0 0 76px;border:4px solid #090d13;border-radius:22px;background:linear-gradient(145deg,#242a34,#11161d);overflow:hidden;font-size:25px;font-weight:900}.home-creator-quick-avatar img{width:100%;height:100%;object-fit:cover}.home-creator-quick-identity>div{min-width:0;padding-bottom:4px}.home-creator-quick-identity small{display:block;margin-bottom:3px;color:#b687ff;font-size:9px;font-weight:900;letter-spacing:.16em}.home-creator-quick-identity h2{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:22px;line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-creator-quick-identity h2 .verified{flex:0 0 auto}.home-creator-quick-identity p{margin:4px 0 0;color:#858e9b;font-size:12px}.home-creator-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 20px 15px;border:1px solid #ffffff0f;border-radius:16px;background:#0c1118}.home-creator-quick-stats span{display:grid;gap:2px;padding:12px 8px;text-align:center}.home-creator-quick-stats span+span{border-left:1px solid #ffffff0d}.home-creator-quick-stats b{font-size:15px}.home-creator-quick-stats small{color:#7f8895;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.home-creator-quick-mosaic{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:92px 92px;gap:2px;margin:0 20px;overflow:hidden;border:1px solid #ffffff10;border-radius:18px;background:#070a0e}.home-creator-quick-mosaic button{position:relative;min-width:0;overflow:hidden;background-size:cover;background-position:center;text-align:left}.home-creator-quick-mosaic .slot-1{grid-row:1/3}.home-creator-quick-mosaic button:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#05070bc7 100%)}.home-creator-quick-mosaic span,.home-creator-quick-mosaic strong{position:absolute;z-index:2;bottom:9px;color:#fff}.home-creator-quick-mosaic span{left:9px;padding:4px 6px;border-radius:7px;background:#06090dc7;font-size:9px;font-weight:800}.home-creator-quick-mosaic strong{right:8px;color:#ffbf66;font-size:9px}.home-creator-quick-empty{margin:0 20px;padding:30px 16px;border:1px solid #ffffff0f;border-radius:18px;color:#7f8895;text-align:center;background:#0b1017}.home-creator-quick-actions{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;padding:16px 20px 20px}.home-creator-quick-actions:has(>button:only-child){grid-template-columns:1fr}.home-creator-quick-actions button{min-height:46px;border-radius:14px;font-weight:850}.home-creator-quick-follow{border:1px solid color-mix(in srgb,var(--accent) 45%,#ffffff18);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 88%,#481987),color-mix(in srgb,var(--accent2) 78%,#7f225e));color:#fff}.home-creator-quick-follow.following{background:#141a23;border-color:#ffffff19;color:#d5d9df}.home-creator-quick-profile{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ffffff16;background:#111720;color:#eef1f5}.home-creator-quick-profile .ico{width:16px}.home-creator-quick-loading{min-height:240px;display:grid;place-items:center;align-content:center;gap:12px;color:#9ca4af}.home-creator-quick-loading i{width:30px;height:30px;border:2px solid #ffffff14;border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.home-quick-error{min-height:190px;display:grid;place-items:center;text-align:center;padding:35px 24px}.home-quick-error>div{max-width:300px}.home-quick-error b{font-size:19px}.home-quick-error p{color:#8d96a3}
.home-actions-sheet{padding:18px 18px 20px}.home-actions-sheet>header{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 38px;align-items:center;gap:12px;padding:6px 0 16px;border-bottom:1px solid #ffffff0f}.home-actions-sheet>header>button{position:static}.home-actions-thumb{width:58px;height:58px;border-radius:14px;background-size:cover;background-position:center;border:1px solid #ffffff14}.home-actions-sheet>header>div:nth-child(2){min-width:0}.home-actions-sheet>header small{display:block;margin-bottom:3px;color:#a978ff;font-size:9px;font-weight:900;letter-spacing:.15em}.home-actions-sheet>header b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.home-actions-sheet>header p{margin:3px 0 0;color:#828c99;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-actions-list{display:grid;gap:7px;padding-top:12px}.home-actions-list>button{display:grid;grid-template-columns:43px minmax(0,1fr);gap:12px;align-items:center;min-height:64px;padding:9px 12px;border:1px solid #ffffff0f;border-radius:15px;background:#0d1219;text-align:left;color:#eff2f6;transition:background .14s ease,border-color .14s ease,transform .1s ease}.home-actions-list>button:active{transform:scale(.988)}.home-actions-list>button:hover{background:#121923;border-color:#ffffff1d}.home-actions-list>button>span{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#171d27;color:#b99bff}.home-actions-list>button>span .ico{width:20px;height:20px}.home-actions-list>button b,.home-actions-list>button small{display:block}.home-actions-list>button b{font-size:13px}.home-actions-list>button small{margin-top:3px;color:#7f8996;font-size:10px;line-height:1.35}.home-actions-list>.home-action-negative>span{color:#f49aa5;background:#24151a}.home-actions-list>.home-action-negative b{color:#ffc0c7}
@media(max-width:767px){.home-creator-quick-sheet,.home-actions-sheet{width:calc(100% - 12px);bottom:max(var(--safe-bottom),6px);border-radius:24px}.home-creator-quick-hero{height:132px}.home-creator-quick-identity{padding:0 16px}.home-creator-quick-stats,.home-creator-quick-mosaic{margin-left:16px;margin-right:16px}.home-creator-quick-actions{padding-left:16px;padding-right:16px}.home-actions-sheet{padding-left:14px;padding-right:14px}.home-card-more{width:30px;height:30px;flex-basis:30px;border-radius:9px}.video-card-body>.home-card-more,.desktop-suggestion-body>.home-card-more{right:1px}.mobile-suggestion-title-row{gap:4px}}
@media(prefers-reduced-motion:reduce){.home-card-dismiss,.home-card-more{transition:none!important}.home-creator-quick-loading i{animation:none}}

/* === Xmegram 3.4.9-hotfix342 · Cart price hierarchy + premium Profile options === */
/* Cart: keep the converted price impossible to squeeze off-screen on narrow cards. */
.cart-screen .cart-item-main{min-width:0!important;overflow:hidden!important}
.cart-screen .cart-item-commerce{
  margin-top:auto!important;
  padding-top:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:9px!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
  min-width:0!important;
}
.cart-screen .cart-unlock-status{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#838c98!important;
  font-size:8.5px!important;
  font-weight:760!important;
  line-height:1.1!important;
}
.cart-screen .cart-unlock-status .ico{width:13px!important;height:13px!important;flex:0 0 13px!important;color:#a263d6!important}
.cart-screen .cart-unlock-status i{font-style:normal!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.cart-screen .cart-item-commerce .cart-line-price{
  display:block!important;
  max-width:100%!important;
  min-width:max-content!important;
  overflow:visible!important;
  text-overflow:clip!important;
  color:#FCB045!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.cart-screen .cart-item-footer{
  margin-top:8px!important;
  padding-top:0!important;
  border-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:0!important;
}
.cart-screen .cart-save-later{
  width:auto!important;
  max-width:100%!important;
  min-height:34px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  color:#b5bdc8!important;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.085)!important;
}
.cart-screen .cart-save-later span{white-space:nowrap!important}

/* Profile options: dedicated sheet instead of the old ellipsis-heavy compact action rules. */
.profile-options-premium{
  width:min(520px,calc(100% - 22px))!important;
  max-height:min(78dvh,650px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(131,58,180,.09),transparent 32%),
    linear-gradient(180deg,#0d121a 0%,#090d13 100%)!important;
  box-shadow:0 -24px 72px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.035)!important;
}
.profile-options-premium>header{
  min-height:78px!important;
  padding:15px 18px 14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  flex:0 0 auto!important;
}
.profile-options-premium>header>div{gap:3px!important}
.profile-options-premium>header small{
  display:block!important;
  color:#a976d0!important;
  font-size:7.5px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.profile-options-premium>header b{
  font-size:21px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  color:#f2f4f7!important;
}
.profile-options-premium>header>button{
  width:42px!important;height:42px!important;flex:0 0 42px!important;
  border-radius:50%!important;
  background:#151b24!important;
  border:1px solid rgba(255,255,255,.055)!important;
  color:#fff!important;
}
.profile-options-premium>.pro-action-list{
  display:grid!important;
  gap:8px!important;
  padding:12px 14px calc(14px + var(--safe-bottom))!important;
  max-height:calc(min(78dvh,650px) - 78px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
.profile-options-premium>.pro-action-list>button{
  min-height:66px!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 12px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:linear-gradient(145deg,rgba(18,24,33,.96),rgba(12,17,24,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
  color:#eef1f5!important;
  text-align:left!important;
}
.profile-options-premium>.pro-action-list>button>i{
  width:42px!important;height:42px!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(131,58,180,.12),rgba(252,176,69,.035))!important;
  border:1px solid rgba(167,103,210,.13)!important;
  color:#b477db!important;
}
.profile-options-premium>.pro-action-list>button>i .ico{width:20px!important;height:20px!important}
.profile-options-premium>.pro-action-list>button>span{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
}
.profile-options-premium>.pro-action-list>button>span>b{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:820!important;
  color:#eef1f5!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
}
.profile-options-premium>.pro-action-list>button>em{
  justify-self:end!important;
  color:#75808e!important;
  font-size:22px!important;
}
.profile-options-premium>.pro-action-list>button:active{
  transform:scale(.992)!important;
  background:linear-gradient(145deg,rgba(23,30,41,.98),rgba(14,20,28,.99))!important;
  border-color:rgba(255,255,255,.12)!important;
}
@media (hover:hover) and (pointer:fine){
  .profile-options-premium>.pro-action-list>button:hover{border-color:rgba(167,103,210,.20)!important;background:linear-gradient(145deg,rgba(23,30,41,.98),rgba(14,20,28,.99))!important}
}
@media(max-width:700px){
  .cart-screen .cart-item-commerce{padding-top:8px!important;gap:6px!important}
  .cart-screen .cart-unlock-status{font-size:7.6px!important}
  .cart-screen .cart-item-commerce .cart-line-price{font-size:16px!important}
  .cart-screen .cart-item-footer{margin-top:7px!important}
  .cart-screen .cart-save-later{min-height:32px!important;padding:0 8px!important;font-size:7.8px!important}
  .profile-options-premium{width:calc(100% - 20px)!important;border-radius:23px!important}
  .profile-options-premium>header{min-height:72px!important;padding:13px 15px 12px!important}
  .profile-options-premium>header b{font-size:19px!important}
  .profile-options-premium>.pro-action-list{max-height:calc(min(78dvh,650px) - 72px)!important;padding:10px 12px calc(12px + var(--safe-bottom))!important;gap:7px!important}
  .profile-options-premium>.pro-action-list>button{min-height:62px!important;grid-template-columns:40px minmax(0,1fr) 18px!important;gap:10px!important;padding:9px 10px!important;border-radius:14px!important}
  .profile-options-premium>.pro-action-list>button>i{width:40px!important;height:40px!important;border-radius:11px!important}
  .profile-options-premium>.pro-action-list>button>span>b{font-size:13.5px!important}
}
@media(max-width:365px){
  .cart-screen .cart-unlock-status i{display:none!important}
  .cart-screen .cart-item-commerce .cart-line-price{font-size:15px!important}
}
@media(prefers-reduced-motion:reduce){.profile-options-premium>.pro-action-list>button{transition:none!important}}

/* Hotfix342 · Home interaction placement + instant creator enrichment. */
.video-thumb>.home-card-more,
.desktop-suggestion-media>.home-card-more,
.mobile-suggestion-media>.home-card-more{
  position:absolute!important;
  left:12px!important;
  right:auto!important;
  top:auto!important;
  bottom:12px!important;
  z-index:7;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin:0!important;
  border:1px solid #ffffff1a;
  border-radius:999px;
  background:#080c12d9;
  color:#e3e7ed;
  box-shadow:0 6px 18px #0005;
  backdrop-filter:blur(10px);
}
.video-thumb>.home-card-more:hover,
.desktop-suggestion-media>.home-card-more:hover,
.mobile-suggestion-media>.home-card-more:hover{background:#111722;border-color:#ffffff2a;color:#fff}
.video-thumb>.home-card-more:active,
.desktop-suggestion-media>.home-card-more:active,
.mobile-suggestion-media>.home-card-more:active{transform:scale(.94)}
.video-card-body>.home-card-more,.desktop-suggestion-body>.home-card-more,.mobile-suggestion-title-row>.home-card-more{position:static!important;margin:0!important}
.video-card-body>.home-card-more~b,.desktop-suggestion-body>.home-card-more~b{padding-right:0!important}
.home-creator-quick-stats-pending{overflow:hidden}
.home-creator-quick-stats-pending b,.home-creator-quick-stats-pending small{display:block;margin-inline:auto;border-radius:99px;background:linear-gradient(90deg,#ffffff08,#ffffff15,#ffffff08);background-size:200% 100%;animation:homeQuickPulse 1.2s ease-in-out infinite}
.home-creator-quick-stats-pending b{width:42px;height:15px}.home-creator-quick-stats-pending small{width:58px;height:8px;margin-top:5px}
.home-creator-quick-actions:has(>button:only-child){grid-template-columns:1fr}
@keyframes homeQuickPulse{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:767px){.video-thumb>.home-card-more,.desktop-suggestion-media>.home-card-more,.mobile-suggestion-media>.home-card-more{left:10px!important;bottom:10px!important;width:32px;height:32px}.home-card-more .ico{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.home-creator-quick-stats-pending b,.home-creator-quick-stats-pending small{animation:none}}


/* === Xmegram 3.4.9-hotfix346 · creator storefront selling surfaces === */
.profile-bestseller-showcase{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:250px;margin:18px 18px 20px;overflow:hidden;border:1px solid rgba(255,255,255,.115);border-radius:22px;background:linear-gradient(145deg,#10141c,#090c12 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.profile-bestseller-art{position:relative;min-height:250px;background-size:cover;background-position:center;border:0;overflow:hidden}.profile-bestseller-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,12,.06) 38%,rgba(6,8,12,.72) 100%),linear-gradient(0deg,rgba(5,7,10,.62),transparent 45%)}
.profile-bestseller-duration{position:absolute;top:13px;left:13px;padding:6px 8px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(5,7,10,.78);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(8px)}.profile-bestseller-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(7,9,13,.72);color:#fff;backdrop-filter:blur(10px)}.profile-bestseller-play .ico{width:19px;height:19px}
.profile-bestseller-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:25px 24px}.profile-bestseller-copy>small{display:flex;align-items:center;gap:7px;color:#d8b0ff;font-size:9px;font-weight:900;letter-spacing:.15em}.profile-bestseller-copy>small i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#833AB4,#FCB045);box-shadow:0 0 0 5px rgba(131,58,180,.10)}.profile-bestseller-copy h2{margin:10px 0 5px;color:#f8f9fb;font-size:22px;line-height:1.08;letter-spacing:-.025em}.profile-bestseller-copy>p{margin:0;color:#8d96a3;font-size:11px}.profile-bestseller-meta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:15px;color:#9ca4af;font-size:10px}.profile-bestseller-meta span{display:inline-flex;align-items:center;gap:4px}.profile-bestseller-meta .ico{width:13px;height:13px}.profile-bestseller-meta strong{margin-left:auto;color:#ffbd61;font-size:14px}.profile-bestseller-actions{display:flex;align-items:center;gap:8px;margin-top:17px}.profile-bestseller-open{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#f2f3f5;color:#090b10;font-size:11px;font-weight:900}.profile-bestseller-open .ico{width:14px}.profile-bestseller-cart{display:inline-flex}.profile-bestseller-cart .cart-action{width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#121722;color:#fff}
.watch-creator-store{margin:22px 0 26px;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.075)}.watch-creator-store>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 18px 13px}.watch-creator-store-identity{display:flex;align-items:center;gap:10px;min-width:0}.watch-creator-store-identity>span{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#151a23;font-weight:900}.watch-creator-store-identity>span img{width:100%;height:100%;object-fit:cover}.watch-creator-store-identity>div{min-width:0}.watch-creator-store-identity small{display:block;color:#b48aff;font-size:8px;font-weight:900;letter-spacing:.16em}.watch-creator-store-identity h2{margin:2px 0 0;color:#f5f7fa;font-size:17px;line-height:1.12}.watch-creator-store-identity p{margin:3px 0 0;color:#7f8995;font-size:10px}.watch-creator-store>header>button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.105);border-radius:11px;background:#10151d;color:#d9dde4;font-size:9px;font-weight:850;white-space:nowrap}.watch-creator-store>header>button .ico{width:13px}.watch-creator-store-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(158px,192px);gap:9px;overflow-x:auto;padding:0 18px 4px;scroll-snap-type:x proximity;scrollbar-width:none}.watch-creator-store-track::-webkit-scrollbar{display:none}.watch-creator-store-card{min-width:0;scroll-snap-align:start;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:linear-gradient(180deg,#10151c,#0a0e14)}.watch-creator-store-media{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border:0;background-size:cover;background-position:center}.watch-creator-store-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,6,9,.74) 100%)}.watch-creator-store-media time{position:absolute;top:8px;left:8px;padding:4px 6px;border-radius:7px;background:rgba(5,7,10,.78);color:#fff;font-size:8px;font-weight:850}.watch-creator-store-media>i{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(5,7,10,.63);color:#fff;backdrop-filter:blur(8px)}.watch-creator-store-media>i .ico{width:14px}.watch-creator-store-copy{padding:10px 10px 11px}.watch-creator-store-copy>b{display:-webkit-box;min-height:30px;overflow:hidden;color:#f3f5f8;font-size:11px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.watch-creator-store-copy>small{display:flex;align-items:center;gap:4px;margin-top:6px;color:#7e8793;font-size:8px}.watch-creator-store-copy>small .ico{width:11px}.watch-creator-store-copy>div{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:8px}.watch-creator-store-copy>div>strong{color:#ffbd61;font-size:10px}.watch-creator-store-copy>div>span{display:inline-flex}.watch-creator-store-copy .cart-action{width:31px;height:31px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:#151a23;color:#fff}
@media(max-width:767px){.profile-bestseller-showcase{grid-template-columns:1fr;min-height:0;margin:15px 12px 18px;border-radius:18px}.profile-bestseller-art{min-height:185px}.profile-bestseller-shade{background:linear-gradient(0deg,rgba(5,7,10,.7),transparent 55%)}.profile-bestseller-copy{padding:16px 15px 17px}.profile-bestseller-copy h2{font-size:18px}.profile-bestseller-meta strong{font-size:13px}.watch-creator-store{margin-top:18px}.watch-creator-store>header{padding-left:14px;padding-right:14px}.watch-creator-store-track{grid-auto-columns:minmax(148px,44vw);padding-left:14px;padding-right:14px}.watch-creator-store-identity h2{font-size:15px}.watch-creator-store-identity p{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:1100px){.profile-bestseller-showcase{max-width:980px;margin-left:auto;margin-right:auto}.watch-creator-store-track{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.watch-creator-store{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){.profile-bestseller-play,.watch-creator-store-card{transition:none!important}}


/* Xmegram 3.4.9-hotfix346 · collection commerce context */
.watch-collection-context{display:grid;grid-template-columns:minmax(160px,.72fr) minmax(0,1.28fr);gap:0;margin:18px 0 22px;border:1px solid rgba(255,255,255,.105);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#0c1118 0%,#090d13 62%,#0b0d13 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.watch-collection-mosaic{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;min-height:218px;overflow:hidden;background:#07090d}.watch-collection-art{background-size:cover;background-position:center;min-width:0}.watch-collection-art.art-0{grid-row:1/3}.watch-collection-art.art-1,.watch-collection-art.art-2{border-left:1px solid rgba(255,255,255,.07)}.watch-collection-art.art-2{border-top:1px solid rgba(255,255,255,.07)}.watch-collection-mosaic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(5,7,10,.12)),linear-gradient(180deg,transparent 56%,rgba(5,7,10,.34));pointer-events:none}.watch-collection-position{position:absolute;z-index:2;left:12px;bottom:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(6,8,12,.82);backdrop-filter:blur(10px);font-size:10px;font-weight:850;color:#f7f8fa}.watch-collection-copy{min-width:0;padding:20px 20px 18px}.watch-collection-copy>small{display:block;margin-bottom:7px;color:#b692ff;font-size:9px;font-weight:900;letter-spacing:.16em}.watch-collection-copy h2{margin:0 0 10px;font-size:22px;line-height:1.08}.watch-collection-owner{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:0;border:0;background:none;color:#aab1bc}.watch-collection-owner>span{width:26px;height:26px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:#171c25;font-size:10px}.watch-collection-owner img{width:100%;height:100%;object-fit:cover}.watch-collection-owner b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-collection-progress{display:grid;gap:6px;margin:16px 0 14px}.watch-collection-progress>span{height:4px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.watch-collection-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2),#ffb45f)}.watch-collection-progress small{color:#7f8792;font-size:10px}.watch-collection-actions{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.watch-collection-open,.watch-collection-cart,.watch-collection-owned{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:12px;font-size:11px;font-weight:850}.watch-collection-open{border:1px solid rgba(255,255,255,.12);background:#121822;color:#eef1f5}.watch-collection-open .ico{width:14px}.watch-collection-cart{border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.12));background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 72%,#221239),color-mix(in srgb,var(--accent2) 56%,#361328));color:#fff}.watch-collection-cart strong{color:#ffd08a}.watch-collection-cart.secondary{background:#111720;border-color:rgba(255,255,255,.12)}.watch-collection-owned{border:1px solid rgba(111,233,177,.17);background:rgba(52,162,112,.08);color:#91e8bd}
.purchase-collection-progress{margin:24px 0 26px}.purchase-collection-progress>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 18px 12px}.purchase-collection-progress>header small{display:block;margin-bottom:4px;color:#9f7cff;font-size:8px;font-weight:900;letter-spacing:.17em}.purchase-collection-progress>header h2{margin:0;font-size:22px}.purchase-collection-progress>header>span{display:inline-flex;align-items:center;gap:6px;color:#7f8793;font-size:10px;font-weight:750}.purchase-collection-progress>header .ico{width:15px;color:#b790ff}.purchase-collection-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px}.purchase-collection-card{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(0,1.2fr);min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.095);border-radius:20px;background:linear-gradient(145deg,#0d1219,#090d13);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.purchase-collection-mosaic{position:relative;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;min-height:190px;padding:0;border:0;background:#080b10;overflow:hidden}.purchase-collection-art{background-position:center;background-size:cover}.purchase-collection-art.art-0{grid-row:1/3}.purchase-collection-art.art-1,.purchase-collection-art.art-2{border-left:1px solid rgba(255,255,255,.07)}.purchase-collection-art.art-2{border-top:1px solid rgba(255,255,255,.07)}.purchase-collection-mosaic:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(4,6,9,.48));pointer-events:none}.purchase-collection-mosaic>span:last-child{position:absolute;z-index:2;left:10px;bottom:10px;padding:5px 8px;border-radius:8px;background:rgba(5,7,10,.82);color:#fff;font-size:9px;font-weight:850}.purchase-collection-copy{display:flex;min-width:0;flex-direction:column;padding:16px}.purchase-collection-copy>small{color:#a27dff;font-size:8px;font-weight:900;letter-spacing:.14em}.purchase-collection-copy h3{margin:5px 0 9px;font-size:17px;line-height:1.12}.purchase-collection-creator{display:inline-flex;align-items:center;gap:7px;max-width:100%;width:max-content;padding:0;border:0;background:none;color:#929aa6}.purchase-collection-creator>span{width:25px;height:25px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#171d25;font-size:9px}.purchase-collection-creator img{width:100%;height:100%;object-fit:cover}.purchase-collection-creator b{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.purchase-collection-meter{display:grid;gap:5px;margin:13px 0 12px}.purchase-collection-meter>span{height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.purchase-collection-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2),#ffb55d)}.purchase-collection-meter small{color:#7e8792;font-size:9px}.purchase-collection-cta{margin-top:auto;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 40%,rgba(255,255,255,.11));border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 65%,#25143a),color-mix(in srgb,var(--accent2) 48%,#331627));color:#fff;font-size:10px;font-weight:850}.purchase-collection-cta strong{color:#ffd18a}.purchase-collection-cta.secondary{justify-content:center;background:#111720;border-color:rgba(255,255,255,.12)}
@media(max-width:767px){.watch-collection-context{grid-template-columns:42% 58%;margin:14px 10px 18px;border-radius:18px}.watch-collection-mosaic{min-height:190px}.watch-collection-copy{padding:15px 13px}.watch-collection-copy h2{font-size:17px}.watch-collection-actions{display:grid;grid-template-columns:1fr}.watch-collection-open,.watch-collection-cart,.watch-collection-owned{width:100%;min-width:0;padding:0 9px}.watch-collection-cart strong{margin-left:auto}.purchase-collection-progress>header{margin-left:12px;margin-right:12px}.purchase-collection-progress>header>span{display:none}.purchase-collection-track{display:flex;gap:10px;overflow-x:auto;padding:0 12px 5px;scroll-snap-type:x proximity;scrollbar-width:none}.purchase-collection-track::-webkit-scrollbar{display:none}.purchase-collection-card{flex:0 0 min(88vw,420px);grid-template-columns:42% 58%;scroll-snap-align:start;border-radius:18px}.purchase-collection-mosaic{min-height:184px}.purchase-collection-copy{padding:14px 12px}.purchase-collection-copy h3{font-size:15px}.purchase-collection-creator b{max-width:118px}}
@media(prefers-reduced-motion:reduce){.watch-collection-progress i,.purchase-collection-meter i{transition:none!important}}

/* === Xmegram 3.4.9-hotfix346 · creator new-drop alerts + Saved price-drop alerts === */
.profile-drop-alert,
.home-creator-drop-alert,
.saved-price-alert{
  -webkit-tap-highlight-color:transparent;
  color:#f5f7fb;
}
.profile-drop-alert{
  width:calc(100% - 32px);
  max-width:760px;
  min-height:58px;
  margin:10px auto 2px;
  padding:9px 12px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 38px;
  align-items:center;
  gap:11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(17,22,30,.96),rgba(9,13,19,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  text-align:left;
}
.profile-drop-alert>span:first-child{
  width:42px;height:42px;display:grid;place-items:center;border-radius:13px;
  border:1px solid rgba(166,111,255,.24);
  background:linear-gradient(145deg,rgba(131,58,180,.17),rgba(252,176,69,.055));
  color:#c49bff;
}
.profile-drop-alert>span:first-child .ico{width:20px;height:20px}
.profile-drop-alert>span:nth-child(2){min-width:0;display:grid;gap:3px}
.profile-drop-alert b{font-size:12px;line-height:1.15}
.profile-drop-alert small{color:#87909d;font-size:9.5px;line-height:1.35}
.profile-drop-alert>i,
.home-creator-drop-alert>i,
.saved-price-alert-switch{
  position:relative;width:34px;height:20px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#151b24;transition:.18s ease;
}
.profile-drop-alert>i:after,
.home-creator-drop-alert>i:after,
.saved-price-alert-switch:after{
  content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#798392;box-shadow:0 1px 4px rgba(0,0,0,.45);transition:.18s ease;
}
.profile-drop-alert.active{
  border-color:rgba(171,107,255,.25);
  background:linear-gradient(135deg,rgba(25,18,38,.98),rgba(11,14,21,.98));
}
.profile-drop-alert.active>span:first-child{color:#fff;border-color:rgba(200,157,255,.38);background:linear-gradient(145deg,rgba(131,58,180,.46),rgba(253,29,29,.10))}
.profile-drop-alert.active>i,
.home-creator-drop-alert.active>i,
.saved-price-alert.active .saved-price-alert-switch{border-color:rgba(190,141,255,.46);background:linear-gradient(90deg,#833ab4,#b24bc8)}
.profile-drop-alert.active>i:after,
.home-creator-drop-alert.active>i:after,
.saved-price-alert.active .saved-price-alert-switch:after{left:17px;background:#fff}

.home-creator-drop-alert{
  width:calc(100% - 40px);min-height:50px;margin:-4px 20px 18px;padding:7px 10px;
  display:grid;grid-template-columns:32px minmax(0,1fr) 34px;align-items:center;gap:9px;
  border:1px solid rgba(255,255,255,.085);border-radius:14px;background:#0c1118;text-align:left;
}
.home-creator-drop-alert>.ico{width:18px;height:18px;color:#b98cff}
.home-creator-drop-alert>span{min-width:0;display:grid;gap:2px}
.home-creator-drop-alert b{font-size:10.5px}
.home-creator-drop-alert small{color:#7f8997;font-size:8.5px;line-height:1.28}
.home-creator-drop-alert.active{border-color:rgba(183,126,255,.24);background:linear-gradient(120deg,rgba(131,58,180,.13),#0b1017 46%,rgba(252,176,69,.035))}

.saved-library-item-shell{min-width:0;display:flex;flex-direction:column;gap:7px}
.saved-library-item-shell>.video-card{width:100%;min-width:0}
.saved-price-alert{
  width:100%;min-height:48px;padding:7px 9px;
  display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:9px;
  border:1px solid rgba(255,255,255,.075);border-radius:14px;
  background:linear-gradient(145deg,rgba(13,18,25,.98),rgba(8,12,18,.98));text-align:left;
  box-shadow:inset 0 1px rgba(255,255,255,.018);
}
.saved-price-alert-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#151b25;color:#a993cc}
.saved-price-alert-icon .ico{width:17px;height:17px}
.saved-price-alert-copy{min-width:0;display:grid;gap:2px}
.saved-price-alert-copy b{font-size:10px;line-height:1.1}
.saved-price-alert-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777f8c;font-size:8px}
.saved-price-alert.active{border-color:rgba(175,115,255,.22);background:linear-gradient(145deg,rgba(25,17,36,.98),rgba(9,13,19,.98))}
.saved-price-alert.active .saved-price-alert-icon{color:#fff;background:linear-gradient(145deg,rgba(131,58,180,.56),rgba(252,176,69,.10))}
.saved-price-alert.active .saved-price-alert-copy small{color:#9e94af}
.saved-price-alert:disabled,.profile-drop-alert:disabled,.home-creator-drop-alert:disabled{opacity:.68;cursor:wait}
@media(hover:hover) and (pointer:fine){
  .profile-drop-alert:hover,.home-creator-drop-alert:hover,.saved-price-alert:hover{border-color:rgba(196,159,255,.25);background-color:#111722}
}
@media(max-width:767px){
  .profile-drop-alert{width:calc(100% - 24px);margin-top:8px;border-radius:15px;grid-template-columns:40px minmax(0,1fr) 36px}
  .home-creator-drop-alert{width:calc(100% - 32px);margin-left:16px;margin-right:16px;margin-bottom:16px}
  .saved-price-alert{min-height:46px;border-radius:12px}
  .saved-price-alert-copy small{font-size:7.8px}
}
@media(prefers-reduced-motion:reduce){
  .profile-drop-alert>i,.profile-drop-alert>i:after,.home-creator-drop-alert>i,.home-creator-drop-alert>i:after,.saved-price-alert-switch,.saved-price-alert-switch:after{transition:none!important}
}


/* === Xmegram 3.4.9-hotfix347 · creator shop categories + creator-grouped Cart === */
.profile-shop-categories{margin:13px 0 5px;padding:0 18px}
.profile-shop-categories>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:9px}
.profile-shop-categories>header>div{display:grid;gap:2px}.profile-shop-categories>header small{color:#a77fe0;font-size:8px;font-weight:900;letter-spacing:.16em}.profile-shop-categories>header b{font-size:15px;letter-spacing:-.015em}.profile-shop-categories>header>span{color:#747d89;font-size:9px;font-weight:750}
.profile-shop-category-track{display:flex;gap:8px;overflow-x:auto;padding:1px 0 5px;scroll-snap-type:x proximity;scrollbar-width:none}.profile-shop-category-track::-webkit-scrollbar{display:none}
.profile-shop-category{min-width:154px;max-width:190px;min-height:57px;flex:0 0 auto;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:9px;padding:7px 10px 7px 7px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(145deg,#0e141c,#090d13);color:#eef1f5;text-align:left;scroll-snap-align:start;box-shadow:inset 0 1px rgba(255,255,255,.02);transition:border-color .15s ease,background .15s ease,transform .12s ease}
.profile-shop-category-art,.profile-shop-category-all{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#171d26 center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.profile-shop-category-all{color:#b789e8;background:linear-gradient(145deg,rgba(131,58,180,.22),rgba(252,176,69,.07))}.profile-shop-category-all .ico{width:19px;height:19px}
.profile-shop-category>span:last-child{min-width:0;display:grid;gap:3px}.profile-shop-category b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.profile-shop-category small{color:#78828f;font-size:8px;font-weight:650}.profile-shop-category.active{border-color:rgba(180,116,236,.38);background:linear-gradient(135deg,rgba(35,22,48,.98),#0c1118 62%,rgba(252,176,69,.035));box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 20px rgba(60,19,92,.13)}.profile-shop-category.active b{color:#fff}.profile-shop-category.active small{color:#a99ab6}
@media(hover:hover) and (pointer:fine){.profile-shop-category:hover{transform:translateY(-1px);border-color:rgba(190,145,225,.24)}}

.cart-screen .cart-list.creator-grouped{margin:0 18px!important;padding:0!important;display:grid!important;gap:12px!important;overflow:visible!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.cart-creator-group{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:linear-gradient(155deg,#0e141c,#090d13 72%);box-shadow:0 15px 34px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.025)}
.cart-creator-group-head{width:100%;min-height:66px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid rgba(255,255,255,.065);background:radial-gradient(circle at 100% 0,rgba(252,176,69,.055),transparent 36%),linear-gradient(135deg,rgba(131,58,180,.055),transparent 48%);color:#f2f4f7;text-align:left}
.cart-creator-group-avatar{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#171d26;color:#fff;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.cart-creator-group-avatar img{width:100%;height:100%;object-fit:cover}.cart-creator-group-copy{min-width:0;display:grid;gap:3px}.cart-creator-group-copy small{color:#8d6eb0;font-size:7.5px;font-weight:900;letter-spacing:.13em}.cart-creator-group-copy b{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.cart-creator-group-total{display:grid;grid-template-columns:auto 16px;column-gap:7px;align-items:center;justify-items:end}.cart-creator-group-total small{grid-column:1/3;color:#6f7884;font-size:7.5px}.cart-creator-group-total strong{color:#FCB045;font-size:13px;white-space:nowrap}.cart-creator-group-total>.ico{width:14px;height:14px;color:#697380}.cart-creator-group-items{overflow:hidden}.cart-creator-group-items .cart-item-card.cart-item-premium{border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;background:transparent!important;box-shadow:none!important}.cart-creator-group-items .cart-item-card.cart-item-premium:last-child{border-bottom:0!important}.cart-creator-group-items .inside-creator-group .cart-item-commerce{margin-top:10px!important}.cart-creator-group-items .inside-creator-group .cart-item-footer{margin-top:7px!important}
@media(hover:hover) and (pointer:fine){.cart-creator-group-head[data-route]:hover{background:radial-gradient(circle at 100% 0,rgba(252,176,69,.075),transparent 38%),linear-gradient(135deg,rgba(131,58,180,.09),transparent 52%)}}
@media(max-width:700px){.profile-shop-categories{padding:0 12px;margin-top:11px}.profile-shop-categories>header>span{display:none}.profile-shop-category{min-width:142px;min-height:54px;grid-template-columns:39px minmax(0,1fr);padding:6px 9px 6px 6px;border-radius:14px}.profile-shop-category-art,.profile-shop-category-all{width:39px;height:39px;border-radius:10px}.cart-screen .cart-list.creator-grouped{margin-left:12px!important;margin-right:12px!important;gap:10px!important}.cart-creator-group{border-radius:18px}.cart-creator-group-head{min-height:61px;grid-template-columns:37px minmax(0,1fr) auto;padding:9px 10px}.cart-creator-group-avatar{width:37px;height:37px;border-radius:12px}.cart-creator-group-total strong{font-size:12px}.cart-creator-group-items .cart-item-card.cart-item-premium{padding-left:10px!important;padding-right:10px!important}}
@media(max-width:365px){.cart-creator-group-total small{display:none}.cart-creator-group-total{grid-template-columns:auto 14px}.cart-creator-group-total strong{font-size:11px}.profile-shop-category{min-width:132px}}
@media(prefers-reduced-motion:reduce){.profile-shop-category{transition:none!important}}


/* === Xmegram 3.4.9-hotfix348 · creator membership spotlight + shop-by-access === */
.profile-membership-spotlight{position:relative;margin:14px 18px 18px;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:21px;background:linear-gradient(145deg,#10141c 0%,#0a0e14 62%,#090c11 100%);box-shadow:inset 0 1px rgba(255,255,255,.03),0 16px 34px rgba(0,0,0,.20)}
.profile-membership-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 4% -12%,rgba(131,58,180,.22),transparent 35%),radial-gradient(circle at 100% 105%,rgba(252,176,69,.09),transparent 32%)}
.profile-membership-spotlight>header{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 17px 14px;border-bottom:1px solid rgba(255,255,255,.065)}
.profile-membership-crown{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(194,145,246,.21);border-radius:15px;background:linear-gradient(145deg,rgba(131,58,180,.31),rgba(252,176,69,.06));color:#d5a9ff;box-shadow:inset 0 1px rgba(255,255,255,.04)}.profile-membership-crown .ico{width:22px;height:22px}
.profile-membership-spotlight>header>div{min-width:0}.profile-membership-spotlight>header small{display:block;color:#ac7ce0;font-size:8px;font-weight:900;letter-spacing:.16em}.profile-membership-spotlight>header h2{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8f9fb;font-size:17px;letter-spacing:-.02em}.profile-membership-spotlight>header p{margin:3px 0 0;color:#7e8794;font-size:9px}
.profile-membership-spotlight>header>strong{display:grid;justify-items:end;gap:2px;padding-left:10px}.profile-membership-spotlight>header>strong b{color:#FCB045;font-size:15px;white-space:nowrap}.profile-membership-spotlight>header>strong small{color:#707987;font-size:8px;letter-spacing:0;text-transform:none}
.profile-membership-body{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 17px}.profile-membership-benefits{display:flex;flex-wrap:wrap;gap:7px}.profile-membership-benefit{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:0 9px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#11161e;color:#cbd0d8}.profile-membership-benefit i{display:grid;place-items:center;color:#b98be9}.profile-membership-benefit .ico{width:12px;height:12px}.profile-membership-benefit b{font-size:8.5px;font-weight:760;line-height:1.15}
.profile-membership-catalogue{display:grid;grid-template-columns:18px auto;column-gap:5px;align-items:center;min-width:128px;padding:9px 11px;border-left:1px solid rgba(255,255,255,.07);color:#9ca5b1}.profile-membership-catalogue>.ico{grid-row:1/3;width:16px;height:16px;color:#ad81dd}.profile-membership-catalogue b{font-size:12px;color:#eef1f5}.profile-membership-catalogue small{grid-column:2;color:#727b87;font-size:7.5px;line-height:1.2}
.profile-membership-spotlight>footer{position:relative;display:flex;align-items:center;gap:11px;padding:0 17px 15px}.profile-membership-cta{min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:linear-gradient(110deg,#7b35a8,#a044bc 56%,#a9672e);color:#fff;font-size:9.5px;font-weight:900;box-shadow:0 9px 21px rgba(93,28,123,.19)}.profile-membership-cta .ico{width:14px;height:14px}.profile-membership-cta.is-active{background:#121821;border-color:rgba(123,211,160,.19);color:#9fd9b7;box-shadow:none}.profile-membership-spotlight>footer>span{display:inline-flex;align-items:center;gap:5px;color:#68717e;font-size:8px}.profile-membership-spotlight>footer>span .ico{width:12px;height:12px}
.profile-membership-spotlight.is-active{border-color:rgba(91,193,134,.14);background:linear-gradient(145deg,#0f1817,#090e12 66%)}.profile-membership-spotlight.is-active .profile-membership-glow{background:radial-gradient(circle at 5% 0,rgba(52,167,105,.12),transparent 37%),radial-gradient(circle at 100% 100%,rgba(131,58,180,.06),transparent 30%)}

.profile-shop-access{margin:4px 18px 7px;padding:10px 11px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:linear-gradient(145deg,rgba(13,18,25,.86),rgba(8,12,17,.82));box-shadow:inset 0 1px rgba(255,255,255,.018)}
.profile-shop-access>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.profile-shop-access>header small{color:#9370b9;font-size:7.5px;font-weight:900;letter-spacing:.15em}.profile-shop-access>header span{color:#69727e;font-size:8px}
.profile-shop-access-track{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none}.profile-shop-access-track::-webkit-scrollbar{display:none}.profile-shop-access-chip{min-height:35px;display:inline-grid;grid-template-columns:16px auto auto;align-items:center;gap:6px;flex:0 0 auto;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#111720;color:#aab1bc;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .12s ease}.profile-shop-access-chip>i{display:grid;place-items:center;color:#8e75ad}.profile-shop-access-chip .ico{width:13px;height:13px}.profile-shop-access-chip>span{font-size:8.5px;font-weight:820;white-space:nowrap}.profile-shop-access-chip>b{min-width:20px;padding:3px 5px;border-radius:7px;background:#080c12;color:#777f8b;font-size:7.5px;text-align:center}.profile-shop-access-chip.active{border-color:rgba(181,119,231,.33);background:linear-gradient(135deg,rgba(131,58,180,.20),#121722 65%,rgba(252,176,69,.035));color:#f4f5f8;box-shadow:inset 0 1px rgba(255,255,255,.035)}.profile-shop-access-chip.active>i{color:#d2a6fa}.profile-shop-access-chip.active>b{background:rgba(131,58,180,.18);color:#d5b5ee}
@media(hover:hover) and (pointer:fine){.profile-membership-cta:not(:disabled):hover{filter:brightness(1.07)}.profile-shop-access-chip:hover{transform:translateY(-1px);border-color:rgba(190,145,225,.22)}}
@media(max-width:700px){.profile-membership-spotlight{margin:12px 12px 15px;border-radius:18px}.profile-membership-spotlight>header{grid-template-columns:42px minmax(0,1fr) auto;gap:9px;padding:13px 12px 12px}.profile-membership-crown{width:42px;height:42px;border-radius:13px}.profile-membership-crown .ico{width:19px;height:19px}.profile-membership-spotlight>header h2{font-size:15px}.profile-membership-spotlight>header>strong b{font-size:13px}.profile-membership-body{grid-template-columns:1fr;gap:9px;padding:11px 12px}.profile-membership-benefits{gap:5px}.profile-membership-benefit{min-height:27px;padding:0 8px}.profile-membership-catalogue{grid-template-columns:17px auto;width:100%;min-width:0;padding:8px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.055)}.profile-membership-spotlight>footer{padding:0 12px 12px}.profile-membership-cta{min-height:39px;flex:1}.profile-membership-spotlight>footer>span{display:none}.profile-shop-access{margin:3px 12px 6px;padding:9px 9px;border-radius:14px}.profile-shop-access>header span{display:none}.profile-shop-access-chip{min-height:34px;padding:0 9px;border-radius:10px}.profile-shop-access-chip>span{font-size:8.2px}}
@media(max-width:365px){.profile-membership-spotlight>header{grid-template-columns:38px minmax(0,1fr)}.profile-membership-crown{width:38px;height:38px}.profile-membership-spotlight>header>strong{grid-column:2;justify-items:start;padding-left:0}.profile-membership-spotlight>header>strong small{display:none}.profile-membership-benefit b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.profile-shop-access-chip{transition:none!important}}


/* Xmegram 3.4.9-hotfix351 · conditional premium sticky storefront controls */
.watch-smart-purchase-dock,.profile-sticky-shop{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.watch-smart-purchase-dock.is-visible,.profile-sticky-shop.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.watch-smart-purchase-dock{display:none}
@media(min-width:768px){
  .watch-smart-purchase-dock{position:fixed;z-index:118;top:82px;left:calc(var(--vh-sidebar-tablet) + (100vw - var(--vh-sidebar-tablet))/2);width:min(820px,calc(100vw - var(--vh-sidebar-tablet) - 40px));min-height:66px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:8px 10px 8px 8px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,rgba(15,19,27,.97),rgba(7,10,15,.96));box-shadow:0 18px 52px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .watch-smart-purchase-dock.is-visible{display:grid}
  .watch-smart-poster{width:48px;height:48px;border-radius:13px;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .watch-smart-copy{min-width:0;display:grid;gap:2px}.watch-smart-copy small{color:#a97cdc;font-size:7px;font-weight:900;letter-spacing:.15em}.watch-smart-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#f4f6f8}.watch-smart-copy em{display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d8794;font-size:8px;font-style:normal}
  .watch-smart-price{padding:0 3px;color:#FCB045;font-size:13px;white-space:nowrap}
  .watch-smart-actions{display:flex;align-items:center;gap:7px}.watch-smart-actions>button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid rgba(255,255,255,.105);border-radius:11px;background:#111720;color:#e9edf2;font-size:9px;font-weight:850;white-space:nowrap}.watch-smart-actions .ico{width:15px;height:15px}.watch-smart-cart.active{border-color:rgba(181,119,231,.28);color:#d4b1ef}.watch-smart-buy{min-width:126px;border-color:rgba(252,176,69,.24)!important;background:linear-gradient(112deg,var(--site-accent),var(--site-accent2) 57%,#bc712f)!important;color:#fff!important}.watch-smart-buy strong{font-size:9px}.watch-smart-subscribe{color:#d8b6f5!important;border-color:rgba(180,116,236,.24)!important}
}
@media(min-width:1100px){.watch-smart-purchase-dock{left:calc(var(--vh-sidebar-desktop) + (100vw - var(--vh-sidebar-desktop))/2);width:min(860px,calc(100vw - var(--vh-sidebar-desktop) - 48px))}}

.profile-sticky-shop{position:fixed;z-index:119;top:calc(var(--safe-top) + 8px);left:50%;width:min(720px,calc(100vw - 16px));min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:7px 8px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:linear-gradient(135deg,rgba(13,17,24,.97),rgba(7,10,15,.96));box-shadow:0 16px 44px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.profile-sticky-shop:not(.is-visible){transform:translate(-50%,-10px)}.profile-sticky-shop.is-visible{transform:translate(-50%,0)}
.profile-sticky-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#171d27;color:#fff;font-size:14px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.profile-sticky-avatar img{width:100%;height:100%;object-fit:cover}
.profile-sticky-copy{min-width:0;display:grid;gap:1px}.profile-sticky-copy small{color:#a47acd;font-size:6.8px;font-weight:900;letter-spacing:.15em}.profile-sticky-copy b{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f6f8;font-size:11.5px}.profile-sticky-copy em{color:#737d89;font-size:7.8px;font-style:normal;white-space:nowrap}
.profile-sticky-follow,.profile-sticky-membership{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;border:1px solid rgba(255,255,255,.105);border-radius:11px;background:#111720;color:#eef1f5;font-size:8.5px;font-weight:850;white-space:nowrap}.profile-sticky-follow.following{color:#aeb6c0;background:#0d1218}.profile-sticky-membership{border-color:rgba(185,124,232,.25);background:linear-gradient(115deg,rgba(131,58,180,.32),rgba(94,40,109,.34));color:#f3dcff}.profile-sticky-membership .ico{width:13px}.profile-sticky-membership small{color:#FCB045;font-size:7.5px}.profile-sticky-member{min-height:38px;display:inline-flex;align-items:center;gap:5px;padding:0 11px;border:1px solid rgba(82,180,126,.18);border-radius:11px;background:#0c1715;color:#9cd5b4;font-size:8px;font-weight:850}.profile-sticky-member .ico{width:13px}
@media(min-width:768px){.profile-sticky-shop{top:10px;left:calc(var(--vh-sidebar-tablet) + (100vw - var(--vh-sidebar-tablet))/2);width:min(720px,calc(100vw - var(--vh-sidebar-tablet) - 40px))}.profile-sticky-shop:not(.is-visible){transform:translate(-50%,-10px)}.profile-sticky-shop.is-visible{transform:translate(-50%,0)}}
@media(min-width:1100px){.profile-sticky-shop{left:calc(var(--vh-sidebar-desktop) + (100vw - var(--vh-sidebar-desktop))/2);width:min(760px,calc(100vw - var(--vh-sidebar-desktop) - 48px))}}
@media(max-width:390px){.profile-sticky-shop{grid-template-columns:40px minmax(0,1fr) auto;padding:6px}.profile-sticky-avatar{width:40px;height:40px}.profile-sticky-membership,.profile-sticky-member{grid-column:2/4;min-height:33px}.profile-sticky-follow{min-height:36px;padding:0 10px}.profile-sticky-membership small{display:none}}
@media(prefers-reduced-motion:reduce){.watch-smart-purchase-dock,.profile-sticky-shop{transition:none!important}}
/* Hotfix349 final alignment: center the Watch dock inside the post-sidebar content column. */
@media(min-width:768px){
  .watch-smart-purchase-dock{transform:translate(-50%,-10px)}
  .watch-smart-purchase-dock.is-visible{transform:translate(-50%,0)}
}


/* Xmegram 3.4.9-hotfix351 · creator store search + Saved multi-select commerce */
.profile-store-search{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:10px;margin:10px 0 12px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(16,21,29,.96),rgba(10,14,20,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.profile-store-search label{min-width:0;display:grid;grid-template-columns:20px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:0 4px 0 9px;min-height:44px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#080c12;color:#7f8997}.profile-store-search label>.ico{width:17px;height:17px}.profile-store-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#f5f7fa;font-size:13px}.profile-store-search input::placeholder{color:#67717e}.profile-store-search label button{width:32px;height:32px;border:0;border-radius:9px;background:#121822;color:#8f99a6;font-size:18px}.profile-store-search>span{display:grid;justify-items:end;min-width:48px}.profile-store-search>span b{font-size:14px;color:#f0f3f7}.profile-store-search>span small{margin-top:1px;color:#747f8d;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.saved-library-overview-actions{display:flex;align-items:center;gap:8px}.saved-library-overview-actions>span{display:grid;place-items:center}.saved-bulk-toggle{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#0d1219;color:#c8ced7;font-size:11px;font-weight:800}.saved-bulk-toggle .ico{width:14px;height:14px}.saved-bulk-toggle.active{border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.1));background:color-mix(in srgb,var(--accent) 13%,#0d1219);color:#fff}
.saved-library-item-shell{position:relative}.saved-library-item-shell.bulk-mode{transition:transform .15s ease,filter .15s ease}.saved-library-item-shell.bulk-selected{transform:translateY(-1px)}.saved-library-item-shell.bulk-selected:after{content:"";position:absolute;inset:-2px;z-index:7;pointer-events:none;border:1px solid color-mix(in srgb,var(--accent) 60%,#fff 10%);border-radius:18px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.saved-bulk-select{position:absolute;z-index:12;top:10px;left:10px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(7,10,15,.82);color:#fff;backdrop-filter:blur(12px);box-shadow:0 8px 22px rgba(0,0,0,.28)}.saved-bulk-select .ico{width:17px;height:17px}.saved-bulk-select.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 88%,#4b1684),color-mix(in srgb,var(--accent2) 72%,#7b214e));border-color:rgba(255,255,255,.24)}
.saved-bulk-dock{position:sticky;z-index:20;bottom:calc(var(--safe-bottom) + 76px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:16px 0 4px;padding:12px 13px 12px 15px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(135deg,rgba(16,21,30,.97),rgba(9,13,19,.98));box-shadow:0 16px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(16px)}.saved-bulk-dock>div{min-width:0;display:grid;grid-template-columns:auto auto;grid-template-areas:"eyebrow eyebrow" "count total";column-gap:10px;align-items:baseline}.saved-bulk-dock small{grid-area:eyebrow;color:#8d78b8;font-size:8px;font-weight:900;letter-spacing:.13em}.saved-bulk-dock b{grid-area:count;font-size:14px}.saved-bulk-dock em{grid-area:total;color:#ffbd6a;font-size:12px;font-style:normal;font-weight:850}.saved-bulk-dock>button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 82%,#4e1687),color-mix(in srgb,var(--accent2) 68%,#7a214f));color:#fff;font-size:12px;font-weight:900}.saved-bulk-dock>button .ico{width:17px}.saved-bulk-dock>button:disabled{opacity:.42;filter:saturate(.5)}
@media(max-width:767px){.profile-store-search{margin-left:8px;margin-right:8px;border-radius:14px;padding:8px}.profile-store-search label{min-height:42px}.saved-bulk-dock{bottom:calc(var(--safe-bottom) + 66px);margin-left:8px;margin-right:8px;border-radius:16px}.saved-bulk-dock>button{padding:0 13px}.saved-library-item-shell.bulk-selected:after{border-radius:15px}}
@media(min-width:768px){.saved-bulk-dock{bottom:18px;max-width:720px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.saved-library-item-shell.bulk-mode{transition:none}}


/* === Xmegram 3.4.9-hotfix351 · creator timed sales + real collection bundle savings === */
.sale-price-stack{display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.sale-price-stack>strong{color:#fff;font-weight:900}.sale-price-stack>del{color:#737b87;font-size:.76em;text-decoration-thickness:1px}.sale-price-stack>em{padding:3px 6px;border:1px solid color-mix(in srgb,var(--accent2) 32%,transparent);border-radius:7px;background:color-mix(in srgb,var(--accent2) 9%,#0b0e13);color:#f0b86a;font-size:8px;font-style:normal;font-weight:850;letter-spacing:.02em}.watch-price.sale-price-stack{display:flex;justify-content:flex-end;flex-wrap:wrap}.watch-price.sale-price-stack>strong{font-size:inherit}
.creator-sale-card{overflow:hidden;margin:4px 0 12px;border:1px solid #ffffff10;border-radius:18px;background:linear-gradient(145deg,#0d1219,#090d13)}.creator-sale-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px}.creator-sale-card>header>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ffffff10;border-radius:13px;background:#151b24;color:#b79aff}.creator-sale-card>header>span .ico{width:19px}.creator-sale-card>header div{min-width:0}.creator-sale-card>header small{display:block;color:#9f7be4;font-size:8px;font-weight:900;letter-spacing:.14em}.creator-sale-card>header b{display:block;margin-top:2px;font-size:14px}.creator-sale-card>header p{margin:3px 0 0;color:#7e8793;font-size:10px;line-height:1.4}.creator-sale-switch{position:relative;width:46px;height:26px}.creator-sale-switch input{position:absolute;opacity:0}.creator-sale-switch i{position:absolute;inset:0;border:1px solid #ffffff16;border-radius:99px;background:#202631}.creator-sale-switch i:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8d96a3;transition:transform .16s ease,background .16s ease}.creator-sale-switch input:checked+i{border-color:color-mix(in srgb,var(--accent) 45%,#ffffff16);background:color-mix(in srgb,var(--accent) 22%,#181421)}.creator-sale-switch input:checked+i:after{transform:translateX(20px);background:#fff}.creator-sale-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 14px 14px;opacity:.48;pointer-events:none;transition:opacity .16s ease}.creator-sale-card.on .creator-sale-fields{opacity:1;pointer-events:auto}.creator-sale-fields label{margin:0!important}.creator-sale-note{display:block;margin:-4px 14px 14px;color:#68717d;font-size:9px}
.collection-bundle-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.collection-bundle-price>strong{font-size:20px}.collection-bundle-price>del{color:#737b87;font-size:11px}.collection-bundle-price>em{padding:4px 7px;border-radius:8px;background:rgba(252,176,69,.1);color:#f2b969;font-size:9px;font-style:normal;font-weight:900}.playlist-row-actions .bundle-link{color:#c4a4ff!important}.collection-bundle-editor{position:absolute;left:50%;bottom:max(var(--safe-bottom),8px);transform:translateX(-50%);width:min(520px,calc(100% - 16px));overflow:hidden;border:1px solid #ffffff17;border-radius:24px;background:linear-gradient(180deg,#111720,#080c12);box-shadow:0 30px 90px #000d;color:#f6f7fa}.collection-bundle-editor>header{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 38px;gap:12px;align-items:center;padding:17px;border-bottom:1px solid #ffffff0e}.collection-bundle-editor>header>span{width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff11;border-radius:14px;background:linear-gradient(145deg,#21162f,#151a23);color:#b996ff}.collection-bundle-editor>header>span .ico{width:21px}.collection-bundle-editor>header small{display:block;color:#a37fe9;font-size:8px;font-weight:900;letter-spacing:.15em}.collection-bundle-editor>header b{display:block;margin-top:2px;font-size:17px}.collection-bundle-editor>header p{margin:3px 0 0;color:#7c8591;font-size:10px;line-height:1.4}.collection-bundle-editor>header>button{width:38px;height:38px;border:1px solid #ffffff12;border-radius:50%;background:#0c1118;color:#d9dde3;font-size:19px}.collection-bundle-editor form{display:grid;gap:13px;padding:16px}.collection-bundle-editor form>label>span{display:block;margin-bottom:7px;color:#cfd4da;font-size:11px;font-weight:800}.collection-bundle-editor form>label>div{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;overflow:hidden;border:1px solid #ffffff13;border-radius:14px;background:#0b1017}.collection-bundle-editor input{min-width:0;height:48px;padding:0 13px;border:0;background:transparent;color:#fff;font-size:17px;font-weight:850;outline:none}.collection-bundle-editor form>label>div strong{display:grid;place-items:center;height:100%;border-left:1px solid #ffffff10;color:#a98cff}.collection-bundle-editor form>label>small{display:block;margin-top:6px;color:#707986;font-size:9px}.collection-bundle-preview{display:flex;gap:11px;padding:12px;border:1px solid #ffffff0e;border-radius:15px;background:#0c1118}.collection-bundle-preview>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 39px;border-radius:12px;background:rgba(131,58,180,.13);color:#bb9cff}.collection-bundle-preview b,.collection-bundle-preview small{display:block}.collection-bundle-preview b{font-size:12px}.collection-bundle-preview small{margin-top:3px;color:#727c89;font-size:9px;line-height:1.45}
@media(max-width:767px){.creator-sale-fields{grid-template-columns:1fr 1fr}.creator-sale-fields label:first-child{grid-column:1/-1}.creator-sale-card>header{grid-template-columns:38px minmax(0,1fr) auto;padding:12px}.creator-sale-card>header>span{width:38px;height:38px}.sale-price-stack{gap:4px}.sale-price-stack>em{font-size:7.5px}.collection-bundle-editor{border-radius:22px}.collection-bundle-editor>header{padding:14px}.collection-bundle-price>strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.creator-sale-switch i:after,.creator-sale-fields{transition:none!important}}


/* Hotfix351 final commerce polish — truthful sale and collection saving hierarchy. */
.cart-summary .bundle-discount-line span{display:inline-flex;align-items:center;gap:6px;color:#c7a8ff;font-weight:760}.cart-summary .bundle-discount-line .ico{width:14px;height:14px}.cart-item-commerce .cart-unlock-status i{white-space:normal}.checkout-video>.sale-price-stack{justify-self:end;text-align:right}.checkout-video>.sale-price-stack strong{font-size:15px}.checkout-video>.sale-price-stack del{font-size:10px;color:#7f8792}.purchase-collection-cta strong del{display:block;margin-top:2px;color:#8d929d;font-size:9px;font-weight:650;text-decoration-thickness:1px}.purchase-collection-cta span{min-width:0}

/* Hotfix351 storefront offer polish. */
.creator-collection-media{position:relative}.creator-collection-bundle-badge{position:absolute;left:10px;bottom:10px;z-index:5;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(8,10,15,.78);backdrop-filter:blur(10px);color:#ffd08a;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.04em}.watch-collection-cart strong{display:inline-flex;align-items:baseline;gap:5px}.watch-collection-cart strong del{color:rgba(255,255,255,.48);font-size:9px;font-weight:650;text-decoration-thickness:1px}


/* === Xmegram 3.4.9-hotfix352 · active creator membership hub + plan comparison === */
.profile-member-hub{border-color:rgba(83,206,142,.16)!important;background:radial-gradient(circle at 0 0,rgba(55,177,112,.10),transparent 36%),radial-gradient(circle at 100% 100%,rgba(131,58,180,.07),transparent 34%),linear-gradient(145deg,#0e1716,#090d12 68%)!important}
.profile-member-status{display:inline-flex!important;grid-auto-flow:column!important;align-items:center;gap:5px!important;padding:7px 9px!important;border:1px solid rgba(99,220,155,.14);border-radius:999px;background:rgba(51,145,94,.09);color:#9ce0b9!important}.profile-member-status .ico{width:12px;height:12px}.profile-member-status b{font-size:9px!important;color:#9ce0b9!important}.profile-member-meters{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 17px 13px}.profile-member-meter{min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(10,15,20,.72)}.profile-member-meter>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-member-meter>header>span{display:inline-flex;align-items:center;min-width:0;gap:6px}.profile-member-meter>header .ico{width:14px;height:14px;color:#ad75df}.profile-member-meter>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce1e7;font-size:9px}.profile-member-meter>header strong{flex:0 0 auto;color:#9eddb9;font-size:9px}.profile-member-meter>div{height:4px;margin:9px 0 7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.065)}.profile-member-meter>div>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#833AB4,#b85dbe 60%,#FCB045)}.profile-member-meter>small{display:block;color:#737d89;font-size:8px}.profile-member-benefit-strip{position:relative;display:flex;gap:7px;flex-wrap:wrap;padding:12px 17px 13px}.profile-member-benefit-strip>span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#0c1218;color:#cfd5dc;font-size:8.5px}.profile-member-benefit-strip .ico{width:12px;color:#9eddb9}.profile-member-browse{flex:0 1 auto!important}.profile-member-compare,.profile-membership-compare-link{min-height:41px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#111720;color:#d7dce3;font-size:9px;font-weight:850}.profile-member-compare .ico,.profile-membership-compare-link .ico{width:14px;height:14px;color:#b77de3}.profile-membership-spotlight>footer .profile-membership-compare-link+span,.profile-member-compare+span{margin-left:auto}
.creator-plan-compare-trigger{width:100%;min-height:46px;margin:15px 0 2px;padding:0 12px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:linear-gradient(120deg,rgba(131,58,180,.10),rgba(12,17,24,.92) 52%,rgba(252,176,69,.045));color:#e8ebef;text-align:left}.creator-plan-compare-trigger>.ico{width:18px;height:18px;color:#b77de3}.creator-plan-compare-trigger span{font-size:11px;font-weight:850}.creator-plan-compare-trigger b{min-width:25px;height:25px;display:grid;place-items:center;border-radius:999px;background:#1c1427;color:#c69bea;font-size:9px}
.creator-plan-compare-sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,0);width:min(720px,100%);max-height:92dvh;overflow:auto;overscroll-behavior:contain;padding:18px 18px calc(20px + var(--safe-bottom));border:1px solid rgba(255,255,255,.14);border-radius:26px 26px 0 0;background:radial-gradient(circle at 50% -12%,rgba(131,58,180,.12),transparent 31%),linear-gradient(180deg,#0d1219,#080b10);box-shadow:0 -28px 80px rgba(0,0,0,.72);color:#f7f8fb}.creator-plan-compare-sheet>header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.075)}.creator-plan-compare-sheet>header>button{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:#121820;color:#fff;font-size:21px}.creator-plan-compare-sheet>header .ico{width:17px;height:17px}.creator-plan-compare-sheet>header>div{min-width:0}.creator-plan-compare-sheet>header small{display:block;color:#b77de3;font-size:8px;font-weight:900;letter-spacing:.15em}.creator-plan-compare-sheet>header h2{margin:2px 0 0;font-size:20px;letter-spacing:-.02em}.creator-plan-compare-sheet>header p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7e8793;font-size:9px}.creator-plan-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:14px}.creator-compare-plan{display:flex;flex-direction:column;min-width:0;padding:15px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:linear-gradient(150deg,#111720,#0b0f15);box-shadow:inset 0 1px rgba(255,255,255,.025)}.creator-compare-plan>header{display:grid;gap:3px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.07)}.creator-compare-plan>header small{color:#8b94a0;font-size:8px;text-transform:uppercase;letter-spacing:.11em}.creator-compare-plan>header b{font-size:14px}.creator-compare-plan>header strong{margin-top:6px;color:#FCB045;font-size:19px;letter-spacing:-.025em}.creator-compare-plan dl{margin:0}.creator-compare-plan dl>div{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.creator-compare-plan dt{color:#858e9a;font-size:8.5px}.creator-compare-plan dd{margin:0;color:#e4e7eb;font-size:9px;font-weight:850}.creator-compare-benefits{display:grid;gap:7px;padding:12px 0 15px}.creator-compare-benefits>span{display:grid;grid-template-columns:15px minmax(0,1fr);align-items:start;gap:6px;color:#cdd2d9;font-size:8.5px;line-height:1.35}.creator-compare-benefits .ico{width:13px;height:13px;color:#8fd7ae}.creator-compare-plan>.primary{width:100%;min-height:43px;margin-top:auto;border-radius:12px}.creator-plan-compare-sheet>footer{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 2px 0;color:#69727e;font-size:8px}.creator-plan-compare-sheet>footer .ico{width:12px;height:12px}
@media(max-width:700px){.profile-member-meters{grid-template-columns:1fr;padding:10px 12px 11px}.profile-member-benefit-strip{padding:10px 12px 11px}.profile-member-hub>footer{flex-wrap:wrap}.profile-member-browse,.profile-member-compare,.profile-membership-compare-link{flex:1!important;min-width:0}.profile-member-hub>footer>span{display:none}.creator-plan-compare-sheet{width:calc(100% - 8px);max-height:94dvh;padding:14px 12px calc(17px + var(--safe-bottom));border-radius:24px 24px 0 0}.creator-plan-compare-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,82%);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding-bottom:5px}.creator-compare-plan{scroll-snap-align:start}.creator-plan-compare-sheet>header h2{font-size:18px}}
@media(max-width:380px){.creator-plan-compare-grid{grid-auto-columns:88%}.profile-member-meter>header b{max-width:150px}.profile-member-compare span{font-size:8px}}


/* === Xmegram 3.4.9-hotfix353 · verified buyer reviews + premium video details === */
.watch-details-panel,.verified-reviews{margin:12px auto 0;width:min(100%,1120px);border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,rgba(16,20,28,.94),rgba(8,11,16,.97));box-shadow:inset 0 1px rgba(255,255,255,.025);overflow:hidden}
.watch-details-panel>header,.verified-reviews>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.055)}
.watch-details-panel>header{justify-content:flex-start}.watch-details-panel>header>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(172,123,255,.2);border-radius:12px;background:linear-gradient(145deg,rgba(131,58,180,.18),rgba(252,176,69,.07));color:#ba9aff}.watch-details-panel>header .ico{width:18px;height:18px}.watch-details-panel header small,.verified-reviews header small{display:block;color:#9981c7;font-size:8px;font-weight:900;letter-spacing:.16em}.watch-details-panel header h2,.verified-reviews header h2{margin:3px 0 0;font-size:15px;line-height:1.2;color:#f4f6f8}.watch-details-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px 8px 10px}.watch-details-grid>div{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 10px}.watch-details-grid>div+div{border-left:1px solid rgba(255,255,255,.045)}.watch-details-grid>div>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:10px;background:#141922;color:#9e8bc4}.watch-details-grid .ico{width:15px;height:15px}.watch-details-grid p{min-width:0;margin:0}.watch-details-grid small,.watch-details-grid b{display:block}.watch-details-grid small{color:#737c89;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.watch-details-grid b{margin-top:2px;color:#e9edf1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.verified-review-write{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid rgba(166,112,255,.22);border-radius:11px;background:linear-gradient(135deg,rgba(131,58,180,.18),rgba(252,176,69,.07));color:#e8dcff;font-size:11px;font-weight:850}.verified-review-write .ico{width:15px}.verified-review-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.verified-review-card{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#0c1118}.verified-review-card header{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center}.verified-review-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#171d26;color:#fff;font-weight:900}.verified-review-avatar img{width:100%;height:100%;object-fit:cover}.verified-review-card header div{min-width:0}.verified-review-card header b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.verified-review-card header small{display:flex;align-items:center;gap:4px;margin-top:2px;color:#8d96a3;font-size:8px}.verified-review-card header small .ico{width:10px;height:10px;color:#9f83e6}.verified-review-stars{display:flex;gap:1px}.verified-review-stars i{display:grid;color:#39404a}.verified-review-stars i.active{color:#f3b64f}.verified-review-stars .ico{width:11px;height:11px;fill:currentColor;stroke:currentColor}.verified-review-card>p{margin:11px 0 8px;color:#c8cdd5;font-size:11px;line-height:1.55}.verified-review-card>time{color:#66707c;font-size:8px}.verified-review-empty{display:flex;align-items:center;gap:12px;padding:16px}.verified-review-empty>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#131925;color:#9d86d8}.verified-review-empty p{margin:0}.verified-review-empty b,.verified-review-empty small{display:block}.verified-review-empty b{font-size:11px}.verified-review-empty small{margin-top:3px;color:#737d89;font-size:9px}
.buyer-review-scrim{background:rgba(0,0,0,.76)!important;backdrop-filter:blur(8px)}.buyer-review-sheet{position:absolute;left:50%;bottom:max(var(--safe-bottom),8px);transform:translateX(-50%);width:min(560px,calc(100% - 16px));max-height:min(720px,calc(100% - var(--safe-top) - 18px));overflow:auto;overscroll-behavior:contain;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,#121720,#090d13 68%,#070a0f);box-shadow:0 28px 90px rgba(0,0,0,.7);color:#f5f7fa}.buyer-review-handle{display:block;width:42px;height:4px;margin:9px auto 2px;border-radius:99px;background:rgba(255,255,255,.23)}.buyer-review-sheet>header{display:flex;align-items:center;justify-content:space-between;padding:12px 17px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.buyer-review-sheet>header small{display:block;color:#a98ce8;font-size:8px;font-weight:900;letter-spacing:.15em}.buyer-review-sheet>header h2{margin:3px 0 0;font-size:17px}.buyer-review-sheet>header button{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:#0d1219;color:#e9edf2}.buyer-review-sheet>header button .ico{width:16px}.buyer-review-product{display:grid;grid-template-columns:52px minmax(0,1fr) 26px;gap:11px;align-items:center;margin:14px 16px 0;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#0d1219}.buyer-review-product>span{width:52px;height:52px;border-radius:11px;background-size:cover;background-position:center}.buyer-review-product b,.buyer-review-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buyer-review-product b{font-size:12px}.buyer-review-product small{margin-top:3px;color:#77818e;font-size:9px}.buyer-review-product>.ico{width:18px;color:#a889ef}.buyer-review-sheet form{padding:14px 16px 18px}.buyer-review-rating>span,.buyer-review-copy>span{display:block;margin-bottom:7px;color:#9ca5b1;font-size:10px;font-weight:800}.buyer-review-rating>div{display:flex;gap:5px;margin-bottom:15px}.buyer-review-rating button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#10161e;color:#3f4752}.buyer-review-rating button.active{border-color:rgba(243,182,79,.3);background:rgba(243,182,79,.08);color:#f3b64f}.buyer-review-rating button .ico{width:20px;height:20px;fill:currentColor;stroke:currentColor}.buyer-review-copy>span{display:flex;justify-content:space-between}.buyer-review-copy>span small{color:#68727f;font-weight:600}.buyer-review-copy textarea{width:100%;resize:vertical;min-height:112px;padding:12px 13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#0c1118;color:#f1f3f6;font:inherit;font-size:12px;line-height:1.5;outline:none}.buyer-review-copy textarea:focus{border-color:rgba(166,112,255,.4);box-shadow:0 0 0 3px rgba(131,58,180,.09)}.buyer-review-submit{width:100%;min-height:46px;margin-top:12px;border-radius:13px;background:linear-gradient(120deg,#833ab4,var(--site-accent2) 58%,#d77945);color:white;font-weight:900}.buyer-review-sheet form>p{display:flex;align-items:center;justify-content:center;gap:5px;margin:9px 0 0;color:#747e89;font-size:8px}.buyer-review-sheet form>p .ico{width:11px;color:#9f88dd}
@media(max-width:767px){.watch-details-panel,.verified-reviews{width:calc(100% - 12px);margin-top:9px;border-radius:16px}.watch-details-panel>header,.verified-reviews>header{padding:12px}.watch-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px 7px 8px}.watch-details-grid>div{padding:9px 7px;border-left:0!important}.watch-details-grid>div:nth-child(even){border-left:1px solid rgba(255,255,255,.045)!important}.watch-details-grid>div:last-child{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.045)}.verified-review-list{display:flex;overflow-x:auto;gap:7px;scroll-snap-type:x proximity;scrollbar-width:none}.verified-review-list::-webkit-scrollbar{display:none}.verified-review-card{flex:0 0 82%;scroll-snap-align:start}.verified-reviews>header h2{font-size:14px}.verified-review-write{padding:0 9px}.verified-review-write span{display:none}.buyer-review-sheet{width:calc(100% - 10px);border-radius:22px}.buyer-review-rating button{flex:1}}
@media(prefers-reduced-motion:reduce){.buyer-review-rating button,.verified-review-write{transition:none!important}}


/* Xmegram 3.4.9-hotfix356 · Recently Viewed + private Saved Collections */
.saved-recently-viewed,.saved-collections-panel{margin:14px 0 18px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,rgba(18,23,32,.94),rgba(9,13,19,.96));overflow:hidden}.saved-recently-viewed>header,.saved-collections-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.saved-recently-viewed>header>div,.saved-collections-panel>header>div{min-width:0}.saved-recently-viewed>header small,.saved-collections-panel>header small{display:block;margin-bottom:3px;color:#a985ef;font-size:9px;font-weight:900;letter-spacing:.15em}.saved-recently-viewed>header h2,.saved-collections-panel>header h2{margin:0;font-size:17px;line-height:1.15}.saved-recently-viewed>header p{margin:4px 0 0;color:#7f8995;font-size:10px}.saved-recently-viewed>header>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#131925;color:#bb9cf8}.saved-recently-viewed>header>span .ico{width:17px}.saved-recent-track,.saved-collections-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,235px);gap:10px;overflow-x:auto;padding:1px 1px 6px;scroll-snap-type:x proximity;scrollbar-width:thin}.saved-recent-card{min-width:0;scroll-snap-align:start;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#0b1017;overflow:hidden}.saved-recent-media{position:relative;width:100%;aspect-ratio:16/10;display:block;background-size:cover;background-position:center;overflow:hidden}.saved-recent-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,8,.02),rgba(3,5,8,.12) 52%,rgba(3,5,8,.78))}.saved-recent-media time{position:absolute;right:8px;bottom:8px;padding:3px 6px;border-radius:6px;background:#05080ccc;color:#fff;font-size:9px;font-weight:800}.saved-recent-media>i{position:absolute;left:9px;bottom:8px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#080c12c7;color:#fff;backdrop-filter:blur(8px)}.saved-recent-media>i .ico{width:14px}.saved-recent-copy{padding:10px}.saved-recent-copy>small{display:flex;align-items:center;gap:4px;color:#747e8c;font-size:8.5px}.saved-recent-copy>small .ico{width:11px}.saved-recent-copy>b{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.saved-recent-copy>p{margin:3px 0 8px;color:#8a94a1;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-recent-copy>div{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:30px}.saved-recent-copy>div>strong{min-width:0;color:#f2f4f8;font-size:11px}.saved-recent-copy .cart-btn{width:30px;height:30px;border-radius:9px}.saved-collections-panel>header>button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.08));border-radius:11px;background:color-mix(in srgb,var(--accent) 13%,#111722);color:#f3efff;font-size:10px;font-weight:850}.saved-collections-panel>header>button .ico{width:14px}.saved-collection-all,.saved-collection-card{height:96px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#0d121a;overflow:hidden}.saved-collection-all{width:118px;display:grid;place-items:center;align-content:center;gap:4px;color:#9aa4b1}.saved-collection-all>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#171e29;color:#ad8ef0}.saved-collection-all b{color:#e8ebf0;font-size:11px}.saved-collection-all small{font-size:8.5px}.saved-collection-all.active,.saved-collection-card.active{border-color:color-mix(in srgb,var(--accent) 65%,#ffffff20);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.saved-collection-card{position:relative;min-width:210px}.saved-collection-filter{width:100%;height:100%;display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:center;padding:0 38px 0 0;text-align:left;color:inherit}.saved-collection-mosaic{width:88px;height:96px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;background:#070a0e;overflow:hidden}.saved-collection-mosaic>i{display:block;background-size:cover;background-position:center}.saved-collection-empty-art{grid-column:1/3;grid-row:1/3;display:grid!important;place-items:center!important;color:#656f7b;background:#111720!important}.saved-collection-empty-art .ico{width:25px}.saved-collection-copy{min-width:0}.saved-collection-copy small,.saved-collection-copy b,.saved-collection-copy em{display:block}.saved-collection-copy small{color:#9a79db;font-size:7.5px;font-weight:900;letter-spacing:.1em}.saved-collection-copy b{margin-top:4px;color:#f0f2f5;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-collection-copy em{margin-top:4px;color:#77818e;font-size:8.5px;font-style:normal;white-space:nowrap}.saved-collection-manage{position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#080c12cc;color:#adb4be;backdrop-filter:blur(8px)}.saved-collection-manage .ico{width:14px}.saved-collection-sheet{position:absolute;left:50%;bottom:max(var(--safe-bottom),8px);transform:translateX(-50%);width:min(600px,calc(100% - 14px));max-height:min(760px,calc(100% - var(--safe-top) - 18px));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(180deg,#111721,#090d13 68%,#070a0f);box-shadow:0 28px 85px #000c;overflow:hidden}.saved-collection-sheet>i{width:42px;height:4px;flex:0 0 auto;margin:8px auto 0;border-radius:99px;background:#ffffff35}.saved-collection-sheet>header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 18px 13px;border-bottom:1px solid rgba(255,255,255,.07)}.saved-collection-sheet>header small{display:block;color:#aa88ed;font-size:8px;font-weight:900;letter-spacing:.14em}.saved-collection-sheet>header h2{margin:3px 0 0;font-size:19px}.saved-collection-sheet>header p{margin:4px 0 0;color:#7e8895;font-size:9px}.saved-collection-sheet>header>button{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:#111720;color:#e9ecf1}.saved-collection-sheet.compact form,.saved-collection-rename{padding:16px 18px}.saved-collection-sheet.compact label{display:grid;gap:7px;color:#8e98a5;font-size:10px;font-weight:750}.saved-collection-sheet.compact input,.saved-collection-rename input{min-width:0;height:46px;padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0b1017;color:#f2f4f7;font-size:16px}.saved-collection-sheet.compact form>button{width:100%;min-height:46px;margin-top:12px;border-radius:13px}.saved-collection-rename{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-bottom:10px}.saved-collection-rename button{padding:0 13px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#161d27;color:#e9edf2;font-size:10px;font-weight:800}.saved-collection-video-list{min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;gap:6px;padding:4px 12px 12px}.saved-collection-video{display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:10px;align-items:center;min-height:62px;padding:4px 8px 4px 4px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:#0c1118;color:inherit;text-align:left}.saved-collection-video.active{border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.08));background:color-mix(in srgb,var(--accent) 7%,#0c1118)}.saved-collection-video>span{width:54px;height:54px;border-radius:10px;background-size:cover;background-position:center}.saved-collection-video p{min-width:0;margin:0}.saved-collection-video p b,.saved-collection-video p small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-collection-video p b{font-size:11px}.saved-collection-video p small{margin-top:3px;color:#7d8794;font-size:8.5px}.saved-collection-video>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#171e28;color:#b798f5}.saved-collection-video.active>i{background:color-mix(in srgb,var(--accent) 20%,#151b24);color:#d7c7ff}.saved-collection-sheet>footer{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid rgba(255,255,255,.07);background:#090d13}.saved-collection-sheet>footer button{min-height:43px;border-radius:12px;font-size:10px;font-weight:850}.saved-collection-sheet>footer .danger{padding:0 12px;border:1px solid rgba(240,99,113,.18);background:#211116;color:#f4a0aa}.saved-collection-scrim{background:#020408d4!important;backdrop-filter:blur(9px)!important}
@media(max-width:767px){.saved-recently-viewed,.saved-collections-panel{margin:10px 8px 14px;padding:12px;border-radius:16px}.saved-recent-track{grid-auto-columns:72%}.saved-collections-track{grid-auto-columns:max-content}.saved-collections-panel>header>button{min-height:36px;padding:0 10px}.saved-collection-sheet{width:calc(100% - 10px);border-radius:22px}.saved-collection-sheet>footer{grid-template-columns:1fr 1fr}.saved-collection-all{width:110px}}
@media(min-width:768px){.saved-recent-track{grid-auto-columns:minmax(210px,1fr);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;overflow:visible}.saved-collections-track{grid-auto-columns:minmax(210px,1fr);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;overflow:visible}.saved-collection-all{width:auto}}
@media(prefers-reduced-motion:reduce){.saved-recent-card,.saved-collection-card,.saved-collection-video{transition:none!important}}


/* === Xmegram 3.4.9-hotfix356 · real co-purchase bundle + Saved comparison === */
.watch-fbt{margin:18px 0;padding:18px;border:1px solid rgba(255,255,255,.095);border-radius:20px;background:linear-gradient(145deg,rgba(16,20,29,.98),rgba(8,11,17,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.watch-fbt>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.watch-fbt>header>div{min-width:0}.watch-fbt>header small{display:block;color:#a77cff;font-size:9px;font-weight:900;letter-spacing:.13em}.watch-fbt>header h2{margin:3px 0 2px;font-size:18px;line-height:1.15}.watch-fbt>header p{margin:0;color:#7f8996;font-size:11px}.watch-fbt>header>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid rgba(171,126,255,.22);border-radius:12px;background:linear-gradient(145deg,rgba(131,58,180,.16),rgba(252,176,69,.07));color:#b995ff}.watch-fbt>header .ico{width:18px}
.watch-fbt-products{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.watch-fbt-card{min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:14px;overflow:hidden;background:#0b1017}.watch-fbt-card.current{border-color:rgba(168,121,255,.18)}.watch-fbt-media{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background-size:cover;background-position:center;text-align:left}.watch-fbt-media>span{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,4,7,.04),rgba(2,4,7,.08) 52%,rgba(2,4,7,.78))}.watch-fbt-media time,.watch-fbt-media i{position:absolute;z-index:2}.watch-fbt-media time{right:7px;bottom:7px;padding:3px 5px;border-radius:6px;background:rgba(3,5,8,.82);font-size:8px;font-style:normal;font-weight:800}.watch-fbt-media i{left:7px;bottom:7px;max-width:calc(100% - 62px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d7c7ff;font-size:7.5px;font-weight:900;font-style:normal;letter-spacing:.07em}.watch-fbt-copy{display:grid;gap:3px;padding:9px}.watch-fbt-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.watch-fbt-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7e8793;font-size:8.5px}.watch-fbt-copy>strong{min-width:0;color:#ffbd6a;font-size:10px}.watch-fbt-plus{color:#596270;font-size:18px;font-weight:300}
.watch-fbt>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.065)}.watch-fbt>footer>div{display:grid;gap:2px}.watch-fbt>footer>div small{color:#727d89;font-size:8px;font-weight:850;letter-spacing:.11em}.watch-fbt>footer>div b{font-size:16px}.watch-fbt-add{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 13px;border:1px solid rgba(171,126,255,.28);border-radius:13px;background:linear-gradient(120deg,rgba(131,58,180,.9),rgba(180,55,155,.9));color:#fff}.watch-fbt-add.secondary{border-color:rgba(255,255,255,.11);background:#111720}.watch-fbt-add>.ico{width:17px;flex:0 0 17px}.watch-fbt-add>span{display:grid;text-align:left}.watch-fbt-add small{font-size:7.5px;font-weight:850;letter-spacing:.08em;opacity:.75}.watch-fbt-add b{font-size:11px}.watch-fbt-add.loading{opacity:.72}
.saved-compare-toggle{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid rgba(255,255,255,.095);border-radius:11px;background:#111720;color:#dce1e8;font-size:10px;font-weight:800}.saved-compare-toggle.active{border-color:rgba(168,121,255,.32);background:rgba(131,58,180,.14);color:#d7c4ff}.saved-compare-toggle .ico{width:15px}.saved-library-item-shell.compare-mode{position:relative}.saved-compare-select{position:absolute;z-index:14;top:8px;left:8px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(6,9,14,.82);color:#fff;backdrop-filter:blur(8px)}.saved-compare-select.selected{border-color:rgba(187,147,255,.75);background:linear-gradient(135deg,#833ab4,var(--site-accent2))}.saved-compare-select .ico{width:16px}.saved-library-item-shell.compare-selected{border-radius:16px;box-shadow:0 0 0 1px rgba(176,128,255,.45),0 12px 34px rgba(0,0,0,.22)}
.saved-compare-dock{position:sticky;z-index:45;bottom:max(calc(var(--safe-bottom) + 70px),78px);display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 8px;padding:11px 12px;border:1px solid rgba(177,133,255,.25);border-radius:17px;background:linear-gradient(120deg,rgba(15,19,28,.97),rgba(9,12,18,.98));box-shadow:0 18px 45px rgba(0,0,0,.36);backdrop-filter:blur(16px)}.saved-compare-dock>div{display:grid;gap:1px;min-width:0}.saved-compare-dock small{color:#a982ff;font-size:7.5px;font-weight:900;letter-spacing:.1em}.saved-compare-dock b{font-size:13px}.saved-compare-dock span{color:#7f8996;font-size:9px}.saved-compare-dock>button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border-radius:12px;background:linear-gradient(120deg,#833ab4,#a72b85);color:#fff;font-size:10px;font-weight:850}.saved-compare-dock>button:disabled{opacity:.38}.saved-compare-dock .ico{width:16px}
.saved-compare-scrim{background:rgba(0,0,0,.76)!important;backdrop-filter:blur(9px)!important}.saved-compare-sheet{position:absolute;left:50%;bottom:max(var(--safe-bottom),8px);transform:translateX(-50%);width:min(900px,calc(100% - 16px));max-height:calc(100% - var(--safe-top) - 18px);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:25px;background:linear-gradient(180deg,#10151e,#080c12 70%);box-shadow:0 28px 90px rgba(0,0,0,.7)}.saved-compare-sheet>i{width:42px;height:4px;flex:0 0 4px;margin:8px auto 0;border-radius:99px;background:rgba(255,255,255,.24)}.saved-compare-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 17px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.saved-compare-sheet>header small{color:#aa83ff;font-size:8px;font-weight:900;letter-spacing:.12em}.saved-compare-sheet>header h2{margin:2px 0;font-size:19px}.saved-compare-sheet>header p{margin:0;color:#7f8996;font-size:10px}.saved-compare-sheet>header>button{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#111720;color:#fff}.saved-compare-sheet>header .ico{width:16px}.saved-compare-scroll{overflow:auto;overscroll-behavior:contain;padding:14px 16px}.saved-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px;min-width:min(100%,480px)}.saved-compare-grid.cols-3{grid-template-columns:repeat(3,minmax(210px,1fr));min-width:650px}.saved-compare-column{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:#0c1118}.saved-compare-media{position:relative;display:block;width:100%;aspect-ratio:16/10;background-size:cover;background-position:center}.saved-compare-media>span{position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(3,5,8,.7))}.saved-compare-media time{position:absolute;right:8px;bottom:8px;padding:3px 5px;border-radius:6px;background:rgba(2,4,7,.8);font-size:8px}.saved-compare-product{display:grid;gap:3px;padding:11px 11px 9px;border-bottom:1px solid rgba(255,255,255,.06)}.saved-compare-product>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.saved-compare-product>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d8793;font-size:9px}.saved-compare-product>strong{color:#ffbd6b;font-size:11px}.saved-compare-column dl{margin:0;padding:4px 11px}.saved-compare-column dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;border-bottom:1px solid rgba(255,255,255,.05)}.saved-compare-column dl>div:last-child{border-bottom:0}.saved-compare-column dt{display:inline-flex;align-items:center;gap:5px;color:#7e8794;font-size:8.5px}.saved-compare-column dt .ico{width:13px}.saved-compare-column dd{margin:0;text-align:right;color:#d9dee5;font-size:9px;font-weight:750}.saved-compare-cart,.saved-compare-open-video{display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% - 20px);min-height:39px;margin:5px 10px 11px;border-radius:11px;background:linear-gradient(120deg,#833ab4,#a52e86);color:#fff;font-size:10px;font-weight:850}.saved-compare-cart.in-cart{background:#161c25;color:#cdd3dc;border:1px solid rgba(255,255,255,.09)}.saved-compare-open-video{background:#141a23}.saved-compare-cart .ico,.saved-compare-open-video .ico{width:15px}.saved-compare-sheet>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 13px;border-top:1px solid rgba(255,255,255,.07);background:#090d13}.saved-compare-sheet>footer>span{display:flex;align-items:center;gap:6px;color:#707b87;font-size:8.5px}.saved-compare-sheet>footer .ico{width:13px}.saved-compare-sheet>footer>button{min-height:36px;padding:7px 14px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#141a23;color:#fff;font-size:10px;font-weight:800}
@media(max-width:767px){.watch-fbt{margin:14px 0;padding:14px;border-radius:16px}.watch-fbt-products{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.watch-fbt-card{flex:0 0 43%;scroll-snap-align:start}.watch-fbt-plus{flex:0 0 14px;align-self:center;text-align:center}.watch-fbt>footer{align-items:stretch}.watch-fbt>footer>div{display:none}.watch-fbt-add{width:100%;justify-content:center}.saved-library-overview-actions{flex-wrap:wrap;justify-content:flex-end}.saved-compare-sheet{width:calc(100% - 10px);bottom:max(var(--safe-bottom),5px);border-radius:22px}.saved-compare-scroll{padding:11px 10px}.saved-compare-grid,.saved-compare-grid.cols-3{display:flex;gap:8px;min-width:0}.saved-compare-column{flex:0 0 min(78vw,270px)}.saved-compare-sheet>footer>span{display:none}.saved-compare-dock{bottom:max(calc(var(--safe-bottom) + 66px),72px);margin-left:5px;margin-right:5px}}
@media(prefers-reduced-motion:reduce){.watch-fbt-add,.saved-compare-select,.saved-compare-toggle{transition:none!important}}


/* Xmegram 3.4.9-hotfix356 · premium Search filters + private Saved Search alerts */
.search-command-shell{position:relative;margin:10px 14px 0}.search-command-shell .search-page-bar{margin:0}.search-commerce-controls{display:flex;align-items:center;gap:7px;margin:8px 0 0;min-height:36px}.search-commerce-controls button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:linear-gradient(180deg,rgba(19,24,33,.94),rgba(10,14,20,.94));color:#aeb6c2;font-size:10px;font-weight:820;letter-spacing:.01em;padding:0 11px}.search-commerce-controls .ico{width:15px;height:15px}.search-filter-trigger.active,.search-alert-trigger.active{border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.12));color:#f4efff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,#10151d),color-mix(in srgb,var(--accent2) 10%,#0b1017))}.search-filter-trigger em{min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:color-mix(in srgb,var(--accent) 74%,#1a1530);color:white;font-style:normal;font-size:9px}.search-alert-trigger.editing{border-color:rgba(252,176,69,.35);color:#ffd59b}.search-alert-manage{width:34px!important;padding:0!important;margin-left:auto}.search-filter-sheet,.saved-search-sheet{position:absolute;left:50%;bottom:max(var(--safe-bottom),8px);transform:translateX(-50%);width:min(660px,calc(100% - 14px));max-height:min(760px,calc(100% - var(--safe-top) - 18px));display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(180deg,#111720 0%,#0a0f16 58%,#080b10 100%);box-shadow:0 30px 90px rgba(0,0,0,.68);color:#f6f8fb}.search-filter-sheet>header,.saved-search-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:19px 20px 15px;border-bottom:1px solid rgba(255,255,255,.075);background:linear-gradient(135deg,rgba(131,58,180,.09),rgba(252,176,69,.025) 55%,transparent)}.search-filter-sheet>header small,.saved-search-sheet>header small{display:block;color:#a878ff;font-size:8.5px;font-weight:950;letter-spacing:.18em}.search-filter-sheet>header h2,.saved-search-sheet>header h2{margin:3px 0 2px;font-size:20px;line-height:1.1}.search-filter-sheet>header p,.saved-search-sheet>header p{margin:0;color:#808a97;font-size:10px;line-height:1.4}.search-filter-sheet>header>button,.saved-search-sheet>header>button{width:36px;height:36px;display:grid;place-items:center;flex:0 0 36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#0a0e14;color:#d6dbe2}.search-filter-sheet>header .ico,.saved-search-sheet>header .ico{width:17px}.search-filter-sheet form{overflow-y:auto;overscroll-behavior:contain;padding:5px 20px 18px}.search-filter-sheet form>section{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.search-filter-sheet label{display:block;margin-bottom:9px;color:#dfe4eb;font-size:11px;font-weight:860}.search-filter-chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.search-filter-chips::-webkit-scrollbar{display:none}.search-filter-chips button{min-height:35px;flex:0 0 auto;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0d131b;color:#8e98a6;font-size:10px;font-weight:760}.search-filter-chips button.active{border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.1));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 19%,#111720),#111720);color:#f3edff}.search-filter-section-head{display:flex;align-items:center;justify-content:space-between}.search-filter-section-head small{color:#7f8996;font-size:9px;font-weight:850}.search-price-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.search-price-range input{width:100%;min-width:0;height:42px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#090e14;color:#f5f7fa;padding:0 12px;font-size:14px;outline:none}.search-price-range input:focus{border-color:color-mix(in srgb,var(--accent) 55%,rgba(255,255,255,.08));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.search-price-range span{color:#697482;font-size:9px}.search-filter-verified{display:flex;align-items:center;justify-content:space-between;gap:15px}.search-filter-verified label{margin-bottom:3px}.search-filter-verified small{display:block;color:#788391;font-size:9px}.search-filter-switch{width:44px;height:25px;flex:0 0 44px;padding:3px;border:1px solid rgba(255,255,255,.1);border-radius:99px;background:#171d25;transition:.16s ease}.search-filter-switch i{display:block;width:17px;height:17px;border-radius:50%;background:#7d8793;transition:transform .16s ease,background .16s ease}.search-filter-switch.active{border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.1));background:color-mix(in srgb,var(--accent) 22%,#11161e)}.search-filter-switch.active i{transform:translateX(17px);background:#fff}.search-filter-sheet footer{position:sticky;bottom:-18px;display:grid;grid-template-columns:.72fr 1.28fr;gap:9px;margin:0 -20px -18px;padding:13px 20px calc(14px + var(--safe-bottom));border-top:1px solid rgba(255,255,255,.08);background:rgba(8,11,16,.96);backdrop-filter:blur(14px)}.search-filter-sheet footer button{min-height:45px;border-radius:13px;font-weight:860}.search-filter-reset{border:1px solid rgba(255,255,255,.1);background:#111720;color:#aab2bd}.saved-search-list{overflow-y:auto;overscroll-behavior:contain;padding:10px 14px calc(14px + var(--safe-bottom))}.saved-search-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 36px;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(180deg,#0e141c,#0a0f15);margin-bottom:7px}.saved-search-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,rgba(131,58,180,.18),rgba(252,176,69,.07));color:#bd9bff}.saved-search-icon .ico{width:19px}.saved-search-row>div{min-width:0}.saved-search-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.saved-search-row small{display:block;margin-top:3px;color:#7d8794;font-size:9px}.saved-search-row>button{min-height:34px;padding:0 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#121821;color:#afb7c2;font-size:9px;font-weight:820}.saved-search-row>button:last-child{width:36px;padding:0;color:#cf8d96}.saved-search-row>button .ico{width:15px}.saved-search-empty{display:grid;place-items:center;text-align:center;padding:44px 24px;color:#7f8996}.saved-search-empty>.ico{width:30px;height:30px;margin-bottom:10px;color:#a37ae6}.saved-search-empty b{color:#dfe3e8;font-size:14px}.saved-search-empty p{max-width:300px;margin:5px 0 0;font-size:10px;line-height:1.45}
@media(min-width:768px){.search-command-shell{margin-left:auto;margin-right:auto;max-width:980px}.search-commerce-controls{margin-top:9px}.search-filter-sheet,.saved-search-sheet{bottom:22px}.search-filter-chips{flex-wrap:wrap;overflow:visible}}
@media(max-width:420px){.search-command-shell{margin-left:10px;margin-right:10px}.search-commerce-controls{gap:5px}.search-commerce-controls button{padding:0 9px}.search-alert-manage{margin-left:0}.search-filter-sheet>header,.saved-search-sheet>header{padding-left:16px;padding-right:16px}.search-filter-sheet form{padding-left:16px;padding-right:16px}.search-filter-sheet footer{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.saved-search-row{grid-template-columns:38px minmax(0,1fr) auto 34px;gap:7px;padding:8px}.saved-search-icon{width:38px;height:38px}.saved-search-row>button{padding:0 7px}}
@media(prefers-reduced-motion:reduce){.search-filter-switch,.search-filter-switch i{transition:none!important}}


/* Xmegram 3.4.9-hotfix358 · Light mode batch 1
   Additive only: existing dark-mode rules above remain the baseline.
   Scope: theme policy/switch, shared shell colors, authentication pages.
   Reels immersive UI is intentionally excluded. */
[data-theme-toggle][hidden]{display:none!important}
.theme-toggle{font:inherit}
.global-header-theme{display:grid!important;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#eef1f5}
.global-header-theme>span{display:grid;place-items:center}.global-header-theme .ico{width:18px;height:18px}
.drawer-theme-toggle{width:calc(100% - 24px);min-height:52px;margin:8px 12px 4px;padding:0 14px;display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.08);background:#0d1219;color:#eef1f5;text-align:left}
.drawer-theme-toggle>span:first-child{display:grid;place-items:center;width:25px}.drawer-theme-toggle .ico{width:19px;height:19px}.drawer-theme-copy{display:grid;gap:2px}.drawer-theme-copy b{font-size:12px}.drawer-theme-copy small{font-size:9px;color:#87919e}
@media(max-width:767px){.global-header-theme{display:none!important}}
@media(min-width:768px){.drawer-theme-toggle{display:none!important}}

html[data-theme="light"]{color-scheme:light;background:#fff!important;--bg:#fff;--surface:#fff;--surface2:#f7f7f8;--text:#0f0f0f;--muted:#60656d;--line:rgba(15,15,15,.11)}
html[data-theme="light"] body{background:#fff!important;color:#0f0f0f}
html[data-theme="light"] #app{background:#fff!important;color:#0f0f0f}
html[data-theme="light"] .screen:not(.reels-screen){background:#fff!important;color:#0f0f0f}
/* Reels remains an intentionally dark media island. Do not theme its captions, buttons, SVGs or bottom navigation. */
html[data-theme="light"] .reels-screen{background:#020306!important;color:#fff!important}

/* Shared shell colors used by the first batch and all top-header routes. */
html[data-theme="light"] .topbar,
html[data-theme="light"] .commerce-topbar,
html[data-theme="light"] .notification-topbar,
html[data-theme="light"] .direct-header,
html[data-theme="light"] .upload-compose-header{background:rgba(255,255,255,.97)!important;color:#111!important;border-color:#e9e9eb!important;box-shadow:none!important}
html[data-theme="light"] .topbar .icon-btn,
html[data-theme="light"] .commerce-topbar .icon-btn,
html[data-theme="light"] .notification-topbar .icon-btn,
html[data-theme="light"] .direct-header .icon-btn,
html[data-theme="light"] .upload-compose-header .icon-btn{color:#171717!important;background:#f8f8f9!important;border-color:#e8e8ea!important;box-shadow:none!important}
html[data-theme="light"] .top-title,
html[data-theme="light"] .commerce-topbar h1,
html[data-theme="light"] .notification-topbar h1,
html[data-theme="light"] .direct-header h1{color:#111!important;text-shadow:none!important}
html[data-theme="light"] .brand-title>span{color:#111214!important;text-shadow:none!important}
html[data-theme="light"] .brand-title>b{filter:none!important}
html[data-theme="light"] .avatar-btn img{border-color:#fff!important}
html[data-theme="light"] .global-header-theme{background:#f5f5f6!important;border-color:#e4e4e6!important;color:#151515!important;box-shadow:none!important}
html[data-theme="light"] .desktop-sidebar{background:#fff!important;color:#151515!important;border-color:#ececee!important;box-shadow:none!important}
html[data-theme="light"] .desktop-side-brand,html[data-theme="light"] .desktop-side-item,html[data-theme="light"] .desktop-side-user{color:#242424!important}
html[data-theme="light"] .desktop-side-brand>b,html[data-theme="light"] .desktop-side-user b{color:#1c1d20!important}
html[data-theme="light"] .desktop-side-user{background:#f7f7f8!important}
html[data-theme="light"] .desktop-side-user>span{background:#eceef1!important;color:#30343a!important}
html[data-theme="light"] .desktop-side-user small{color:#747a82!important}
html[data-theme="light"] .desktop-side-item:hover,html[data-theme="light"] .desktop-side-item.active{background:#f2f2f3!important;color:#101010!important}
html[data-theme="light"] .desktop-more-popover{background:rgba(255,255,255,.98)!important;border-color:#e3e5e8!important;box-shadow:0 18px 54px rgba(20,24,30,.14)!important;color:#151515!important}
html[data-theme="light"] .desktop-more-popover button{color:#242424!important}
html[data-theme="light"] .desktop-more-popover button:hover{background:#f3f4f5!important;border-color:#e7e8ea!important}
html[data-theme="light"] .drawer-scrim{background:rgba(0,0,0,.42)!important}
html[data-theme="light"] .drawer{background:#fff!important;color:#141414!important;border-color:#e8e8ea!important;box-shadow:8px 0 24px rgba(0,0,0,.055)!important}
html[data-theme="light"] .drawer-brand,html[data-theme="light"] .drawer-user,html[data-theme="light"] .drawer nav button{color:#1d1d1d!important}
html[data-theme="light"] .drawer nav button.drawer-admin-link{background:linear-gradient(110deg,#faf6fc,#f7f7f8)!important;border:1px solid #e7dde9!important;color:#242126!important;box-shadow:none!important}
html[data-theme="light"] .drawer-admin-link b{color:#242126!important}
html[data-theme="light"] .drawer-logout{background:#f8f8f9!important;border-top-color:#e7e7e9!important;color:#9e3948!important;box-shadow:none!important}
html[data-theme="light"] .drawer-user,html[data-theme="light"] .drawer nav button:hover{background:#f6f6f7!important}
html[data-theme="light"] .drawer-user>span{background:#eceef1!important;color:#30343a!important}
html[data-theme="light"] .desktop-more-popover .desktop-more-signout{color:#9e3948!important;border-top-color:#e7e7e9!important}
html[data-theme="light"] .drawer-user small,html[data-theme="light"] .drawer-admin-link small{color:#777e87!important}
html[data-theme="light"] .drawer-theme-toggle{background:#f7f7f8!important;border-color:#e3e3e5!important;color:#151515!important;box-shadow:none!important}
html[data-theme="light"] .drawer-theme-copy small{color:#70757d!important}
html[data-theme="light"] .drawer-admin-separator{border-color:#e7e7e8!important}
/* Normal light navigation. Reels is excluded at the screen selector, so its bottom bar/icons/labels remain untouched. */
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav{background:rgba(255,255,255,.98)!important;box-shadow:inset 0 1px #e6e6e8!important;backdrop-filter:blur(24px) saturate(1.08)!important;-webkit-backdrop-filter:blur(24px) saturate(1.08)!important}
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav>button{color:#747a82!important}
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav>button.active,
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav>button.active>span,
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav>button.active .ico{color:#151619!important;stroke:#151619!important}
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav>button.active .ico :is(path,circle,rect,line,polyline,polygon){stroke:#151619!important}
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav .nav-count{box-shadow:0 0 0 2px #fff!important}

/* Authentication pages: Login, Sign up, Forgot password, Reset password. */
html[data-theme="light"] .auth-screen,
html[data-theme="light"] .login-screen,
html[data-theme="light"] .simple-auth{background:#fff!important;color:#0f0f0f!important}
html[data-theme="light"] .login-content,
html[data-theme="light"] .login-form,
html[data-theme="light"] .simple-auth>section,
html[data-theme="light"] .simple-form{background:#fff!important;color:#0f0f0f!important}
/* Preserve the photographic login collage; only its page-edge fade is adapted to the white canvas. */
html[data-theme="light"] .auth-collage{background:#08090b!important}
html[data-theme="light"] .auth-vignette{background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.34) 54%,#fff 100%)!important}
html[data-theme="light"] .login-content h1,
html[data-theme="light"] .simple-auth h1,
html[data-theme="light"] .simple-auth h2,
html[data-theme="light"] .simple-form h1,
html[data-theme="light"] .simple-form h2{color:#0f0f0f!important}
html[data-theme="light"] .login-content>p,
html[data-theme="light"] .simple-auth p,
html[data-theme="light"] .simple-form p,
html[data-theme="light"] .auth-legal,
html[data-theme="light"] .simple-auth small{color:#686d75!important}
html[data-theme="light"] .login-form label,
html[data-theme="light"] .simple-form label{color:#2b2d31!important}
html[data-theme="light"] .login-field,
html[data-theme="light"] .simple-form input,
html[data-theme="light"] .simple-form select,
html[data-theme="light"] .simple-form textarea,
html[data-theme="light"] .registration-field,
html[data-theme="light"] .registration-date-field{background:#f7f7f8!important;border-color:#dedfe1!important;color:#111!important;box-shadow:none!important}
html[data-theme="light"] .login-field input,
html[data-theme="light"] .registration-field input,
html[data-theme="light"] .registration-date-field input{color:#111!important;background:transparent!important}
html[data-theme="light"] .login-field input::placeholder,
html[data-theme="light"] .simple-form input::placeholder,
html[data-theme="light"] .registration-field input::placeholder{color:#8b8f95!important}
html[data-theme="light"] .login-field:focus-within,
html[data-theme="light"] .simple-form input:focus,
html[data-theme="light"] .registration-field:focus-within{border-color:color-mix(in srgb,var(--accent) 48%,#d8d8da)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)!important}
/* Keep colored auth accents, but deepen them where the dark-theme tint is too pale on white. */
html[data-theme="light"] .login-field>.ico,
html[data-theme="light"] .forgot-link,
html[data-theme="light"] .login-signup a,
html[data-theme="light"] .simple-auth a{color:color-mix(in srgb,var(--accent) 80%,#30124a)!important}
html[data-theme="light"] .remember-row{color:#555b63!important}
html[data-theme="light"] .remember-row input{accent-color:var(--accent)}
html[data-theme="light"] .password-toggle{color:#555b63!important;background:transparent!important}
html[data-theme="light"] .auth-divider{color:#858a91!important}
html[data-theme="light"] .auth-divider:before,html[data-theme="light"] .auth-divider:after{background:#e1e2e4!important}
html[data-theme="light"] .social-auth button{background:#f7f7f8!important;border-color:#dedfe1!important;color:#161616!important;box-shadow:none!important}
html[data-theme="light"] .social-auth button.google{background:#fff!important;color:#151515!important}
html[data-theme="light"] .social-auth button.apple .ico{color:#111!important}
html[data-theme="light"] .login-signup{color:#686d75!important}
html[data-theme="light"] .simple-auth .auth-card,
html[data-theme="light"] .simple-auth .verification-card,
html[data-theme="light"] .registration-step-card{background:#fafafa!important;border-color:#e5e5e6!important;color:#151515!important;box-shadow:0 8px 24px rgba(0,0,0,.035)!important}
html[data-theme="light"] .registration-helper,
html[data-theme="light"] .registration-field small,
html[data-theme="light"] .verification-copy,
html[data-theme="light"] .verification-email-note{color:#686e76!important}
html[data-theme="light"] .registration-date-field input{color-scheme:light!important}
html[data-theme="light"] .verification-code-input{background:#fff!important;border-color:#dcdde0!important;color:#111!important}
html[data-theme="light"] .verification-resend,
html[data-theme="light"] .verification-change-email{background:#f3f3f4!important;border-color:#e1e1e3!important;color:#252525!important}
html[data-theme="light"] .auth-error{background:#fff1f2!important;border-color:#ffd4d8!important;color:#a32432!important}
html[data-theme="light"] .auth-success{background:#effaf3!important;border-color:#ccebd6!important;color:#21683d!important}

/* Hotfix358 auth selector parity: target the actual auth DOM without changing dark-mode rules. */
html[data-theme="light"] .login-form>label{background:#f7f7f8!important;box-shadow:inset 0 0 0 1px #dedfe1!important;color:#111!important}
html[data-theme="light"] .login-form>label:focus-within{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,#d8d8da),0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)!important}
html[data-theme="light"] .login-form b{color:#242424!important}
html[data-theme="light"] .login-form input{color:#111!important}
html[data-theme="light"] .login-form input::placeholder{color:#8a8f96!important}
html[data-theme="light"] .password-eye{color:#5f646c!important}
html[data-theme="light"] .remember-row label{color:#555b63!important}
html[data-theme="light"] .remember-row button{color:color-mix(in srgb,var(--accent) 80%,#35154f)!important}
html[data-theme="light"] .remember-toggle>i{background:#e0e1e4!important;box-shadow:inset 0 0 0 1px #d2d3d6!important}
html[data-theme="light"] .remember-toggle>i>span{background:#7c8189!important;box-shadow:0 1px 4px rgba(0,0,0,.14)!important}
html[data-theme="light"] .remember-toggle>input:checked+i{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;box-shadow:none!important}
html[data-theme="light"] .remember-toggle>input:checked+i>span{background:#fff!important}
html[data-theme="light"] .or-line{color:#8a8f96!important}
html[data-theme="light"] .or-line:before,html[data-theme="light"] .or-line:after{background:#dedfe1!important}
html[data-theme="light"] button.social-auth{background:#f7f7f8!important;color:#161616!important;box-shadow:inset 0 0 0 1px #dedfe1!important}
html[data-theme="light"] button.social-auth.google-auth{background:#fff!important;color:#1f1f1f!important;box-shadow:inset 0 0 0 1px #cfd1d4!important}
html[data-theme="light"] .facebook-f{color:#1877f2!important}
html[data-theme="light"] .apple-a{color:#111!important}
html[data-theme="light"] .signup-link,html[data-theme="light"] .legal-copy{color:#686d75!important}
html[data-theme="light"] .signup-link button{color:color-mix(in srgb,var(--accent) 80%,#35154f)!important}
html[data-theme="light"] .legal-copy .ico{color:#777d85!important}
html[data-theme="light"] .registration-flow>p b{color:#171717!important}
html[data-theme="light"] .registration-flow .simple-form>label{color:#34373c!important}
html[data-theme="light"] .registration-date-label>small{color:#71767e!important}
html[data-theme="light"] .registration-date-field>.ico{color:#626871!important}
html[data-theme="light"] .registration-verify-actions button{border-color:#dedfe1!important;background:#f4f4f5!important;color:#26282c!important}
html[data-theme="light"] .registration-verifying{border-color:#e2e2e4!important;background:#fafafa!important;color:#32363c!important}
html[data-theme="light"] .registration-verifying i{border-color:#dfe0e2!important;border-top-color:var(--accent)!important}
html[data-theme="light"] .registration-password-cover{background:rgba(255,255,255,.96)!important}
html[data-theme="light"] .registration-password-card{background:#fff!important;border-color:#e1e2e4!important;box-shadow:0 18px 52px rgba(0,0,0,.075)!important;color:#111!important}
html[data-theme="light"] .registration-password-card>small{color:color-mix(in srgb,var(--accent) 78%,#35154f)!important}
html[data-theme="light"] .registration-password-card>p,html[data-theme="light"] .registration-password-note{color:#686e76!important}
html[data-theme="light"] .registration-password-card form>label>span{color:#34383e!important}
html[data-theme="light"] .registration-password-card input{background:#f7f7f8!important;box-shadow:inset 0 0 0 1px #dedfe1!important;color:#111!important}
html[data-theme="light"] .registration-password-card .password-eye{background:#ededee!important;color:#555b63!important}
html[data-theme="light"] .registration-password-error:not(:empty){background:#fff1f2!important;color:#a32432!important}
/* === Xmegram 3.4.9-hotfix359 · Light mode batch 2: Home + Discover + Search ===
   Additive only. Dark mode remains the existing baseline above.
   Colors only: no layout/media sizing changes. Reels remains excluded. */
html[data-theme="light"]{
  --light-card:#fff;
  --light-card-soft:#f7f7f8;
  --light-card-softer:#fafafa;
  --light-line:#e5e5e7;
  --light-line-strong:#d9dade;
  --light-text:#111214;
  --light-text-2:#565c64;
  --light-text-3:#7b818a;
  --light-shadow:0 8px 24px rgba(0,0,0,.04);
  --light-shadow-soft:0 5px 16px rgba(0,0,0,.025);
}

/* HOME — headings, tabs and category controls. */
html[data-theme="light"] :is(.home-section-title,.top-picks>.section-title,.mobile-suggestions-section>.section-title) h2{color:var(--light-text)!important}
html[data-theme="light"] :is(.home-section-title,.top-picks>.section-title,.mobile-suggestions-section>.section-title) button{color:#6d347b!important}
html[data-theme="light"] .home-all-button{color:#5f646b!important}
html[data-theme="light"] .home-all-button .ico{color:currentColor!important}
html[data-theme="light"] .home-section-title .home-all-button .home-all-dots{filter:none!important}
html[data-theme="light"] .home-section .empty-state{color:#1b1d20!important}
html[data-theme="light"] .home-section .empty-state p{color:#70767e!important}
html[data-theme="light"] .home-section .empty-symbol{background:#f3f0f5!important;color:#71347d!important;box-shadow:none!important}
html[data-theme="light"] .home-category-chip,
html[data-theme="light"] .discover-category-chip{
  border:1px solid #e2e3e5!important;
  background:linear-gradient(160deg,#fafafa,#f5f5f6)!important;
  color:#27292d!important;
  box-shadow:none!important;
}
html[data-theme="light"] .home-category-chip>span,
html[data-theme="light"] .discover-category-chip>span{
  background-color:#ececef!important;
  color:#6a337b!important;
  box-shadow:inset 0 0 0 1px #e0e0e3!important;
}
html[data-theme="light"] .home-category-chip.active,
html[data-theme="light"] .home-category-chip.all-category.active,
html[data-theme="light"] .discover-category-chip.active{
  border-color:#e5d6df!important;
  background:linear-gradient(135deg,#fbf3f8,#f6f1f8 58%,#fff8ed)!important;
  color:#70234f!important;
  box-shadow:none!important;
}
html[data-theme="light"] .home-category-chip.active>span,
html[data-theme="light"] .home-category-chip.all-category.active>span,
html[data-theme="light"] .discover-category-chip.active>span{
  background:linear-gradient(145deg,rgba(131,58,180,.16),rgba(253,29,29,.10),rgba(252,176,69,.13))!important;
  color:#6f2b80!important;
  box-shadow:inset 0 0 0 1px rgba(131,58,180,.09)!important;
}

/* HOME — normal media cards. Media surfaces and their overlay icons remain dark/readable. */
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .video-card{
  border-color:#e4e4e6!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--light-text)!important;
}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .video-card-body{
  background:#fff!important;
  color:var(--light-text)!important;
}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .video-card-body>b{color:#17181a!important}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .video-card-body>small{color:#6f747c!important}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .home-creator-inline{color:#5f646c!important}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .home-creator-inline:hover{color:#2d3035!important}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .card-foot :is(.rating,.views){color:#777d85!important}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .card-foot>strong,
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .sale-price-stack>strong{color:#6c315f!important}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .sale-price-stack>del{color:#878c93!important}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .sale-price-stack>em{background:#fff5e7!important;border-color:#f0d6aa!important;color:#87591f!important}
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) .subscriber-label{color:#75388b!important}
html[data-theme="light"] .home-trending-grid .trend-card-rank,
html[data-theme="light"] .video-card.merch-ranked .trend-card-rank{
  color:#84508d!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  filter:none!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-theme="light"] .home-trending-grid{background:#fff!important;border-top-color:#e7e7e9!important;border-bottom-color:#e7e7e9!important}
html[data-theme="light"] .home-trending-grid .video-card{border-bottom-color:#e7e7e9!important;box-shadow:none!important}
html[data-theme="light"] .home-trending-grid .video-card-body{box-shadow:none!important}
/* Keep all controls that sit on thumbnails dark/translucent with white icons. */
html[data-theme="light"] :is(.home-recommended-section,.home-trending-section,.home-trending-continuation,.home-suggestion-segment,.home-recently-unlocked) :is(.video-thumb,.duration,.save-float,.cart-float,.subscribe-float,.play-circle,.home-card-more){color:#fff}

/* HOME — Top Picks list uses a light list surface while thumbnail overlays stay media-dark. */
html[data-theme="light"] .top-picks .filter-chips button{background:#f3f3f4!important;box-shadow:inset 0 0 0 1px #dfdfe2!important;color:#5f646c!important}
html[data-theme="light"] .top-picks .filter-chips button.active{background:linear-gradient(120deg,#f7eefa,#fff0f2 60%,#fff7e9)!important;box-shadow:inset 0 0 0 1px #e8cedd!important;color:#722b58!important}
html[data-theme="light"] .top-picks .rank-list{border:1px solid #e3e4e6!important;background:#fff!important;box-shadow:none!important}
html[data-theme="light"] .top-picks .rank-row{background:#fff!important;color:#17181a!important}
html[data-theme="light"] .top-picks .rank-row+.rank-row{box-shadow:inset 0 1px #e9e9eb!important}
html[data-theme="light"] .top-picks .rank-copy b{color:#17181a!important}
html[data-theme="light"] .top-picks .rank-copy small{color:#71767e!important}
html[data-theme="light"] .top-picks .rank-copy em{color:#7c828a!important}
html[data-theme="light"] .top-picks .rank-thumb>.rank-duration{background:rgba(3,4,8,.82)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important;box-shadow:none!important}
html[data-theme="light"] .top-picks .rank-row>strong,
html[data-theme="light"] .top-picks .rank-row>.sale-price-stack>strong{color:#6b315e!important}
html[data-theme="light"] .top-picks .rank-cart{background:#f4f4f5!important;box-shadow:inset 0 0 0 1px #dedfe1!important;color:#4f555d!important}
html[data-theme="light"] .top-picks .rank-cart.active{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;color:#fff!important;box-shadow:none!important}

/* HOME — editorial cards with non-media copy surfaces. */
html[data-theme="light"] .home-promo-strip{
  border-color:#e3e4e6!important;
  background:linear-gradient(110deg,#fafafa,#f6f6f7)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .home-promo-strip-copy b{color:#1d1f22!important}
html[data-theme="light"] .home-promo-strip-copy small{color:#737982!important}
html[data-theme="light"] .home-promo-strip time{background:#ececef!important;color:#454a51!important}
html[data-theme="light"] .home-promo-strip button{background:#202124!important;color:#fff!important}
/* Image-backed promo banners and Home Hero intentionally retain dark local fades and white text. */
html[data-theme="light"] .home-promo-banner:not(.has-image){border-color:#e3e4e6!important;background:#f6f6f7!important;box-shadow:none!important}
html[data-theme="light"] .home-promo-banner:not(.has-image):before{border-color:#e1e2e4!important;box-shadow:none!important}
html[data-theme="light"] .home-promo-banner:not(.has-image) .home-promo-banner-shade{background:radial-gradient(circle at 78% 22%,rgba(131,58,180,.08),transparent 34%),linear-gradient(115deg,#fafafa,#f0f0f2)!important}
html[data-theme="light"] .home-promo-banner:not(.has-image) h2{color:#151619!important}
html[data-theme="light"] .home-promo-banner:not(.has-image) p{color:#656b73!important}
html[data-theme="light"] .home-promo-banner:not(.has-image) .home-promo-banner-content>small{color:var(--site-accent2)!important}
html[data-theme="light"] .home-promo-banner:not(.has-image) button{border-color:#dedfe2!important;background:#fff!important;color:#2d3035!important;box-shadow:none!important}
html[data-theme="light"] .home-promo-banner:not(.has-image) time{background:#fff!important;border-color:#dedfe2!important;color:#555b63!important}

/* HOME category showcase: photo cards keep their media shade; text-only fallbacks become light. */
html[data-theme="light"] .home-category-showcase-card{border:1px solid #e3e4e6!important;box-shadow:none!important}
html[data-theme="light"] .home-category-showcase-card.no-image:nth-child(3n/**/+1){background:linear-gradient(145deg,#faf5fb,#f4f4f6)!important}
html[data-theme="light"] .home-category-showcase-card.no-image:nth-child(3n/**/+2){background:linear-gradient(145deg,#f3f7fa,#f6f6f7)!important}
html[data-theme="light"] .home-category-showcase-card.no-image:nth-child(3n){background:linear-gradient(145deg,#fff8ee,#f7f6f4)!important}
html[data-theme="light"] .home-category-showcase-card.no-image .home-category-showcase-shade{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.18) 48%,rgba(255,255,255,.68))!important}
html[data-theme="light"] .home-category-showcase-card.no-image .home-category-showcase-copy small{color:#795083!important}
html[data-theme="light"] .home-category-showcase-card.no-image .home-category-showcase-copy b{color:#202226!important}
html[data-theme="light"] .home-category-showcase-card.no-image .home-category-showcase-copy i{background:#ececef!important;color:#555b63!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme="light"] .home-top-creator-card{
  border:1px solid #e3e4e6!important;
  background:linear-gradient(180deg,#fff,#f8f8f9)!important;
  color:#17181a!important;
  box-shadow:none!important;
}
html[data-theme="light"] .home-top-creator-avatar{border-color:#fff!important;background:#eceef1!important;color:#31343a!important;box-shadow:0 2px 7px rgba(0,0,0,.045)!important}
html[data-theme="light"] .home-top-creator-cover:not(.has-image){background:linear-gradient(135deg,#f0e9f5,#f8f3f5 58%,#fff7ec)!important}
html[data-theme="light"] .home-top-creator-cover:not(.has-image):after{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.24))!important}
html[data-theme="light"] .home-top-creator-copy>b{color:#1a1b1d!important}
html[data-theme="light"] .home-top-creator-copy>small{color:#70767e!important}
html[data-theme="light"] .home-top-creator-copy em{background:#eeeeef!important;color:#5f656d!important}

html[data-theme="light"] .home-creator-profile-card{
  border-color:transparent!important;
  background:#e1e2e4!important;
  box-shadow:none!important;
}
html[data-theme="light"] .home-creator-profile-card:after{border-color:transparent!important;box-shadow:none!important}
html[data-theme="light"] .home-creator-profile-copy{background:#fff!important;color:#161719!important}
html[data-theme="light"] .home-creator-profile-copy>small{color:#7c3888!important}
html[data-theme="light"] .home-creator-profile-identity{color:#18191b!important}
html[data-theme="light"] .home-creator-profile-identity b{color:#1b1d20!important;text-shadow:none!important}
html[data-theme="light"] .home-creator-profile-identity em,
html[data-theme="light"] .home-creator-profile-copy p{color:#70767e!important}
html[data-theme="light"] .home-creator-profile-avatar{border-color:#e0e1e4!important;background:#f0f0f1!important;color:#383b40!important}
html[data-theme="light"] .home-creator-profile-cta{border-color:#dedfe2!important;background:#f3f3f4!important;color:#3c4148!important}
/* Mosaic side stays photographic/dark for media readability. */

html[data-theme="light"] .home-interest-story-card,
html[data-theme="light"] .home-curated-collection-card{
  border-color:#e2e3e5!important;
  background:#fff!important;
  box-shadow:none!important;
}
/* If a category image exists, keep its photo fade. The copy overlay gets a light-safe fade. */
html[data-theme="light"] .home-interest-story-copy{background-color:#f8f8f9!important}
html[data-theme="light"] .home-interest-story-copy-shade{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,255,255,.91) 58%,rgba(255,255,255,.78)),radial-gradient(circle at 10% 6%,rgba(131,58,180,.09),transparent 44%)!important}
html[data-theme="light"] .home-interest-story-copy>small{color:#71347d!important}
html[data-theme="light"] .home-interest-story-copy h2{color:#17181a!important}
html[data-theme="light"] .home-interest-story-copy p{color:#6b7179!important}
html[data-theme="light"] .home-interest-story-copy button{border-color:#dedfe2!important;background:rgba(255,255,255,.78)!important;color:#3f444b!important}
html[data-theme="light"] .home-curated-collection-copy>small{color:#8a5c20!important}
html[data-theme="light"] .home-curated-collection-copy h2{color:#17181a!important}
html[data-theme="light"] .home-curated-collection-copy>p{color:#6e747c!important}
html[data-theme="light"] .home-curated-collection-creator>span{border-color:#e0e1e4!important;background:#f0f1f2!important;color:#30343a!important}
html[data-theme="light"] .home-curated-collection-creator>b{color:#33363b!important}
html[data-theme="light"] .home-curated-collection-meta{border-color:#e6e6e8!important}
html[data-theme="light"] .home-curated-collection-meta>span{color:#777d85!important}
html[data-theme="light"] .home-curated-collection-meta button{border-color:#dedfe2!important;background:#f3f3f4!important;color:#3c4148!important}

/* HOME live cards and image-first editorial blocks keep their media-dark overlays; only surrounding text/icons are adjusted. */
html[data-theme="light"] .home-live-section .live-home-media{border-color:#e2e3e5!important}
html[data-theme="light"] .home-live-section .live-card-avatar{background:#eceef1!important;color:#30343a!important}
html[data-theme="light"] .home-live-section .section-title h2,
html[data-theme="light"] .home-category-showcase .section-title h2,
html[data-theme="light"] .home-top-creators .section-title h2,
html[data-theme="light"] .home-recently-unlocked .section-title h2{color:#17181a!important}
html[data-theme="light"] .home-live-section .section-title button,
html[data-theme="light"] .home-category-showcase .section-title button,
html[data-theme="light"] .home-top-creators .section-title button,
html[data-theme="light"] .home-recently-unlocked .section-title button{color:#673776!important}

/* HOME/Discover live-search suggestions: sheet is light, thumbnails remain media-dark. */
html[data-theme="light"] .home-header-search,
html[data-theme="light"] .home-mobile-search,
html[data-theme="light"] .discover-search,
html[data-theme="light"] .live-search{
  border-color:#e0e1e3!important;
  background:#f5f5f6!important;
  color:#5f656d!important;
}
html[data-theme="light"] :is(.home-header-search,.home-mobile-search,.discover-search,.live-search) input{color:#17181a!important}
html[data-theme="light"] :is(.home-header-search,.home-mobile-search,.discover-search,.live-search) input::placeholder{color:#8a8f96!important}
html[data-theme="light"] :is(.home-header-search,.home-mobile-search,.discover-search,.live-search)>.ico,
html[data-theme="light"] .live-search>span{color:#666c74!important}
html[data-theme="light"] :is(.home-header-search,.home-mobile-search,.home-live-search):focus-within{border-color:#d8d9dc!important;box-shadow:none!important}
html[data-theme="light"] :is(.home-header-search,.home-mobile-search,.discover-live-search)>[data-home-search-clear],
html[data-theme="light"] .live-search>button{background:#e8e8ea!important;color:#626870!important}
html[data-theme="light"] .home-search-suggestions{
  border-color:#dedfe2!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] .home-search-result{color:#17181a!important}
html[data-theme="light"] .home-search-result:active{background:#f3f3f4!important}
html[data-theme="light"] .home-search-result-copy>b{color:#646a72!important}
html[data-theme="light"] .home-search-result-copy>strong{color:#18191b!important}
html[data-theme="light"] .home-search-result-copy>small{color:#7a8088!important}
html[data-theme="light"] .home-search-result-actions button{background:#f1f1f2!important;border-color:#dedfe1!important;color:#555b63!important}
html[data-theme="light"] .home-search-result-actions button.active{color:#78308a!important;border-color:#d9c4e1!important;background:#f8f0fb!important}
html[data-theme="light"] .home-search-all{background:#f2f2f3!important;color:#71317d!important}
html[data-theme="light"] .home-search-loading,
html[data-theme="light"] .home-search-empty{color:#727881!important}

/* HOME creator quick sheet. This popup is Home-specific and therefore safe to theme globally by class. */
html[data-theme="light"] .home-creator-quick-sheet,
html[data-theme="light"] .home-actions-sheet{
  border-color:#dde0e4!important;
  background:linear-gradient(180deg,#fff,#f7f7f8)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.13)!important;
  color:#17181a!important;
  scrollbar-color:#d2d4d8 transparent!important;
}
html[data-theme="light"] .home-quick-handle{background:#d5d6d9!important}
html[data-theme="light"] .home-quick-close,
html[data-theme="light"] .home-actions-sheet>header>button{border-color:#dedfe2!important;background:#f1f1f2!important;color:#40454c!important}
html[data-theme="light"] .home-creator-quick-avatar{border-color:#fff!important;background:#eceef1!important;color:#30343a!important}
html[data-theme="light"] .home-creator-quick-identity small{color:#71347d!important}
html[data-theme="light"] .home-creator-quick-identity h2{color:#17191c!important;text-shadow:none!important}
html[data-theme="light"] .home-creator-quick-identity p,
html[data-theme="light"] .home-quick-error p{color:#737a83!important}
html[data-theme="light"] .home-creator-quick-stats{border-color:#e2e3e5!important;background:#f5f5f6!important}
html[data-theme="light"] .home-creator-quick-stats span+span{border-color:#e1e2e4!important}
html[data-theme="light"] .home-creator-quick-stats small{color:#767c84!important}
html[data-theme="light"] .home-creator-quick-mosaic{border-color:#dce0e4!important;background:#eceef1!important}
html[data-theme="light"] .home-creator-quick-empty{border-color:#e2e3e5!important;background:#f7f7f8!important;color:#737a83!important}
html[data-theme="light"] .home-creator-quick-loading{color:#737a83!important}
html[data-theme="light"] .home-creator-quick-loading i{border-color:#e0e1e4!important;border-top-color:var(--accent)!important}
html[data-theme="light"] .home-creator-quick-stats-pending b,
html[data-theme="light"] .home-creator-quick-stats-pending small{background:linear-gradient(90deg,#ececef,#f5f5f6,#ececef)!important}
html[data-theme="light"] .home-creator-quick-profile{border-color:#dedfe2!important;background:#f2f2f3!important;color:#30343a!important}
html[data-theme="light"] .home-creator-quick-follow.following{background:#f0f0f1!important;border-color:#dadbde!important;color:#4e545c!important}
html[data-theme="light"] .home-creator-drop-alert{border-color:#e2e3e5!important;background:#f6f6f7!important;color:#30343a!important}
html[data-theme="light"] .home-creator-drop-alert small{color:#777e87!important}
html[data-theme="light"] .home-creator-drop-alert>i{border-color:#d5d7da!important;background:#e8e9eb!important}
html[data-theme="light"] .home-creator-drop-alert>i:after{background:#858b93!important;box-shadow:0 1px 4px rgba(0,0,0,.14)!important}
html[data-theme="light"] .home-creator-drop-alert.active{border-color:#dac7e4!important;background:linear-gradient(120deg,#faf3fc,#f7f7f8 55%,#fff8ed)!important}
html[data-theme="light"] .home-actions-sheet>header{border-color:#e4e4e6!important}
html[data-theme="light"] .home-actions-sheet>header small{color:#71347d!important}
html[data-theme="light"] .home-actions-sheet>header p{color:#737a83!important}
html[data-theme="light"] .home-actions-list>button{border-color:#e2e3e5!important;background:#f7f7f8!important;color:#25282c!important}
html[data-theme="light"] .home-actions-list>button>span{background:#ececef!important;color:#71347d!important}
html[data-theme="light"] .home-actions-list>button small{color:#747b84!important}
html[data-theme="light"] .home-actions-list>.home-action-negative>span{color:#a63a48!important;background:#fff0f2!important}
html[data-theme="light"] .home-actions-list>.home-action-negative b{color:#9d2f3d!important}

/* DISCOVER — page headings, category dropdown and category rails. */
html[data-theme="light"] .discover-categories>header h2,
html[data-theme="light"] .discover-charts-head h2,
html[data-theme="light"] .discover-rising-head h2,
html[data-theme="light"] .discover-following>header h2{color:#18191b!important}
html[data-theme="light"] .discover-categories>header,
html[data-theme="light"] .discover-charts-head,
html[data-theme="light"] .discover-rising-head,
html[data-theme="light"] .discover-following>header{color:#18191b!important}
html[data-theme="light"] .discover-category-dropdown>summary{background:#f3f3f4!important;border-color:#dedfe2!important;color:#555b63!important}
html[data-theme="light"] .discover-category-menu{border-color:#dedfe2!important;background:rgba(255,255,255,.98)!important;box-shadow:0 12px 34px rgba(0,0,0,.075)!important}
html[data-theme="light"] .discover-category-menu>button{color:#24272b!important}
html[data-theme="light"] .discover-category-menu>button:active{background:#f2f2f3!important}
html[data-theme="light"] .discover-category-menu>button>span{background:#eeeeef!important;color:#71347d!important}
html[data-theme="light"] .discover-category-menu>button>.ico{color:#777e86!important}

/* DISCOVER/Search shared masonry cards — light body, dark media area. */
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment) .discover-mobile-card{
  border-color:#e7e7e9!important;
  background:#fff!important;
  color:#17181a!important;
  box-shadow:var(--light-shadow-soft)!important;
}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment) .discover-mobile-copy{
  background:#fff!important;
  border-color:#eeeeef!important;
  color:#17181a!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment) .discover-mobile-copy>b{color:#17181a!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment) .discover-mobile-copy>small{color:#717780!important}
/* Beat the older high-specificity premium mobile copy rules without altering their geometry. */
html[data-theme="light"] .surface-discover-masonry .trending-like-mobile-card .discover-mobile-copy,
html[data-theme="light"] .home-suggestion-segment .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-copy,
html[data-theme="light"] .profile-screen-ref .surface-profile-masonry .trending-like-mobile-card .discover-mobile-copy{
  background:#fff!important;
  border-color:#eeeeef!important;
  color:#17181a!important;
  box-shadow:none!important;
}
html[data-theme="light"] .surface-discover-masonry .trending-like-mobile-card .discover-mobile-copy>b,
html[data-theme="light"] .home-suggestion-segment .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-copy>b,
html[data-theme="light"] .profile-screen-ref .surface-profile-masonry .trending-like-mobile-card .discover-mobile-copy>b{color:#17181a!important}
html[data-theme="light"] .surface-discover-masonry .trending-like-mobile-card .discover-mobile-copy>small,
html[data-theme="light"] .home-suggestion-segment .surface-suggested-masonry .trending-like-mobile-card .discover-mobile-copy>small,
html[data-theme="light"] .profile-screen-ref .surface-profile-masonry .trending-like-mobile-card .discover-mobile-copy>small{color:#666d76!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment,.profile-screen-ref) .discover-mobile-foot{border-color:#ededee!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment,.profile-screen-ref) .discover-mobile-foot>span:first-child{color:#646c76!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment,.profile-screen-ref) .discover-mobile-foot>span:first-child .ico{color:#7b848e!important;stroke:currentColor!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment,.profile-screen-ref) .discover-price-actions>strong{color:#74512a!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment,.profile-screen-ref) .subscriber-label{color:#733586!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment) .discover-card-bookmark{
  border-color:#dedfe2!important;background:#f2f2f3!important;color:#565c64!important;box-shadow:none!important
}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment) .discover-card-bookmark.active{
  color:#8b5a1d!important;border-color:#eed7ae!important;background:#fff7e9!important
}
/* Media top-action buttons stay dark/translucent because they sit directly on thumbnails. */
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment,.profile-screen-ref) :is(.trendlike-card-bookmark,.trendlike-card-cart) .discover-card-bookmark,
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.home-suggestion-segment,.profile-screen-ref) :is(.trendlike-card-bookmark,.trendlike-card-cart) .discover-card-cart{
  border-color:rgba(255,255,255,.15)!important;background:rgba(8,10,14,.64)!important;color:#fff!important;box-shadow:0 5px 14px rgba(0,0,0,.13)!important
}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page) .video-card{
  border-color:#e7e7e9!important;background:#fff!important;box-shadow:var(--light-shadow-soft)!important;color:#17181a!important
}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page) .video-card-body{background:#fff!important;color:#17181a!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page) .video-card-body>b{color:#17181a!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page) .video-card-body>small{color:#70767e!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page) .card-foot :is(.rating,.views){color:#777d85!important}
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page) .card-foot>strong,
html[data-theme="light"] :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page) .sale-price-stack>strong{color:#6b315e!important}

/* DISCOVER — image-led Spotlight remains dark on the image; data/content cards become light. */
html[data-theme="light"] .discover-spotlight-card{border-color:#dedfe2!important;box-shadow:var(--light-shadow)!important}
html[data-theme="light"] .discover-saved-card{
  border-color:#e5e5e7!important;background:#fff!important;box-shadow:var(--light-shadow-soft)!important
}
html[data-theme="light"] .discover-saved-copy>b{color:#1b1c1e!important}
html[data-theme="light"] .discover-saved-copy>small,
html[data-theme="light"] .discover-saved-copy>em,
html[data-theme="light"] .discover-saved-copy>div>span{color:#737982!important}
html[data-theme="light"] .discover-saved-copy>div>strong{color:#805921!important}
html[data-theme="light"] .discover-saved-copy .subscriber-label{color:#733586!important}
html[data-theme="light"] .discover-saved-cart{border-color:#dedfe2!important;background:#f2f2f3!important;color:#51575f!important}
html[data-theme="light"] .discover-saved-cart.active{border-color:#ecd3a7!important;background:#fff5e5!important;color:#82581f!important}

html[data-theme="light"] .discover-charts-head>div:first-child small,
html[data-theme="light"] .discover-rising-head>div small,
html[data-theme="light"] .discover-following>header>div small{color:#737982!important}
html[data-theme="light"] .discover-chart-tabs{border-color:#e1e2e4!important;background:#f4f4f5!important}
html[data-theme="light"] .discover-chart-tabs button{color:#686e76!important}
html[data-theme="light"] .discover-chart-tabs button.active{background:linear-gradient(135deg,#f3eaf7,#fff1f2)!important;box-shadow:inset 0 0 0 1px #e4cfdd!important;color:#682b59!important}
html[data-theme="light"] .discover-local-chart-label{border-color:#e4e4e6!important;background:linear-gradient(90deg,#f7f2fa,#fafafa 52%,#fff8ed)!important}
html[data-theme="light"] .discover-local-chart-label b{color:#222427!important}
html[data-theme="light"] .discover-local-chart-label small{color:#747a82!important}
html[data-theme="light"] .discover-chart-row{
  border-color:#e6e6e8!important;background:#fff!important;box-shadow:var(--light-shadow-soft)!important
}
html[data-theme="light"] .discover-chart-rank{color:#7a8088!important}
html[data-theme="light"] .discover-chart-row:nth-child(-n/**/+3) .discover-chart-rank{color:#68466f!important}
html[data-theme="light"] .discover-chart-copy b{color:#1c1d20!important}
html[data-theme="light"] .discover-chart-copy small,
html[data-theme="light"] .discover-chart-copy em{color:#737982!important}
html[data-theme="light"] .discover-chart-commerce>strong{color:#7d5724!important}
html[data-theme="light"] .discover-chart-cart{border-color:#dedfe2!important;background:#f2f2f3!important;color:#51575f!important}
html[data-theme="light"] .discover-chart-cart.active{border-color:#ecd3a7!important;background:#fff5e5!important;color:#82581f!important}

html[data-theme="light"] .discover-rising-head>span,
html[data-theme="light"] .discover-following>header>span{border-color:#e2e3e5!important;background:#f5f5f6!important;color:#737982!important}
html[data-theme="light"] .discover-rising-row{
  border-color:#e6e6e8!important;background:#fff!important;color:#1d1f22!important;box-shadow:var(--light-shadow-soft)!important
}
html[data-theme="light"] .discover-rising-rank{border-color:#e0e1e3!important;background:#f2f2f3!important;color:#727881!important}
html[data-theme="light"] .discover-rising-row:nth-child(-n/**/+3) .discover-rising-rank{border-color:#ead7ae!important;color:#80591f!important;background:#fff8ea!important}
html[data-theme="light"] .discover-rising-avatar{border-color:#dfe0e3!important;background:#eef0f2!important;color:#30343a!important}
html[data-theme="light"] .discover-rising-copy small,
html[data-theme="light"] .discover-rising-copy em{color:#747a82!important}
html[data-theme="light"] .discover-rising-arrow{color:#777d85!important}

html[data-theme="light"] .discover-following-card{
  border-color:#e6e6e8!important;background:#fff!important;color:#1d1f22!important;box-shadow:var(--light-shadow-soft)!important
}
html[data-theme="light"] .discover-following-copy>b{color:#1b1d20!important}
html[data-theme="light"] .discover-following-copy>small{color:#747a82!important}
html[data-theme="light"] .discover-following-copy footer>strong{color:#7d5724!important}
html[data-theme="light"] .discover-following-cart{border-color:#dedfe2!important;background:#f2f2f3!important;color:#51575f!important}
html[data-theme="light"] .discover-following-cart.active{border-color:#ecd3a7!important;background:#fff5e5!important;color:#82581f!important}
/* Creator label on the media itself remains white with text-shadow through existing media rules. */

/* SEARCH — command bar, status, filters/alerts and top storefront matches. */
html[data-theme="light"] .search-command-shell{color:#17181a!important}
html[data-theme="light"] .search-status{color:#747a82!important}
html[data-theme="light"] .search-commerce-controls button{
  border-color:#dedfe2!important;background:linear-gradient(180deg,#fafafa,#f3f3f4)!important;color:#5b6169!important;box-shadow:none!important
}
html[data-theme="light"] .search-filter-trigger.active,
html[data-theme="light"] .search-alert-trigger.active{
  border-color:#dbc9e2!important;color:#6d2d78!important;background:linear-gradient(135deg,#f8f0fb,#fff2f3)!important
}
html[data-theme="light"] .search-filter-trigger em{background:#773286!important;color:#fff!important}
html[data-theme="light"] .search-alert-trigger.editing{border-color:#e6c993!important;color:#83571d!important;background:#fff8e9!important}

html[data-theme="light"] .search-storefront-matches{
  border-color:#e4e4e6!important;background:linear-gradient(145deg,#fff,#f7f7f8)!important;box-shadow:var(--light-shadow-soft)!important
}
html[data-theme="light"] .search-storefront-matches>header small{color:#767c84!important}
html[data-theme="light"] .search-storefront-matches>header h2{color:#1b1c1f!important}
html[data-theme="light"] .search-storefront-matches>header>span{border-color:#e1e2e4!important;background:#f3f3f4!important;color:#727881!important}
html[data-theme="light"] .search-match-group>h3{color:#666c74!important}
html[data-theme="light"] .search-match-creator{
  border-color:#e5e5e7!important;background:#f8f8f9!important;color:#1d1f22!important
}
html[data-theme="light"] .search-match-creator-cover{opacity:.08!important}
html[data-theme="light"] .search-match-creator:after{background:linear-gradient(90deg,rgba(255,255,255,.98) 0 58%,rgba(255,255,255,.84))!important}
html[data-theme="light"] .search-match-avatar{border-color:#dedfe2!important;background:#eceef1!important;color:#30343a!important}
html[data-theme="light"] .search-match-copy>small,
html[data-theme="light"] .search-match-category small{color:#747a82!important}
html[data-theme="light"] .search-match-copy>b{color:#1b1c1e!important}
html[data-theme="light"] .search-match-copy>span{color:#737982!important}
html[data-theme="light"] .search-match-creator>.ico,
html[data-theme="light"] .search-match-category>.ico{color:#777d85!important}
html[data-theme="light"] .search-match-category{border-color:#e5e5e7!important;background:#f8f8f9!important;color:#1d1f22!important}
html[data-theme="light"] .search-match-category b{color:#1b1c1e!important}
html[data-theme="light"] .search-match-category em{color:#747a82!important}
/* Category artwork is media-like; keep its darker play overlay. */

/* SEARCH filter sheet + Saved Search manager. */
html[data-theme="light"] .search-filter-sheet,
html[data-theme="light"] .saved-search-sheet{
  border-color:#dedfe2!important;background:linear-gradient(180deg,#fff,#f7f7f8)!important;box-shadow:0 18px 52px rgba(0,0,0,.09)!important;color:#17181a!important
}
html[data-theme="light"] .search-filter-sheet>header,
html[data-theme="light"] .saved-search-sheet>header{border-color:#e5e5e7!important;background:linear-gradient(135deg,#faf4fc,#fff9ee 70%,#fff)!important}
html[data-theme="light"] .search-filter-sheet>header small,
html[data-theme="light"] .saved-search-sheet>header small{color:#71347d!important}
html[data-theme="light"] .search-filter-sheet>header h2,
html[data-theme="light"] .saved-search-sheet>header h2{color:#17181a!important}
html[data-theme="light"] .search-filter-sheet>header p,
html[data-theme="light"] .saved-search-sheet>header p{color:#737982!important}
html[data-theme="light"] .search-filter-sheet>header>button,
html[data-theme="light"] .saved-search-sheet>header>button{border-color:#dedfe2!important;background:#f1f1f2!important;color:#4a5058!important}
html[data-theme="light"] .search-filter-sheet form>section{border-color:#e7e7e9!important}
html[data-theme="light"] .search-filter-sheet label{color:#2d3035!important}
html[data-theme="light"] .search-filter-chips button{border-color:#dedfe2!important;background:#f2f2f3!important;color:#626870!important}
html[data-theme="light"] .search-filter-chips button.active{border-color:#dbc9e2!important;background:linear-gradient(135deg,#f7eef9,#fff2f3)!important;color:#6b2d76!important}
html[data-theme="light"] .search-filter-section-head small{color:#777d85!important}
html[data-theme="light"] .search-price-range input{border-color:#dedfe2!important;background:#f7f7f8!important;color:#17181a!important}
html[data-theme="light"] .search-price-range input::placeholder{color:#92969c!important}
html[data-theme="light"] .search-price-range input:focus{border-color:#cdb3d7!important;box-shadow:0 0 0 2px rgba(131,58,180,.08)!important}
html[data-theme="light"] .search-price-range span{color:#7a8088!important}
html[data-theme="light"] .search-filter-verified small{color:#777d85!important}
html[data-theme="light"] .search-filter-switch{border-color:#d8dade!important;background:#e7e8ea!important}
html[data-theme="light"] .search-filter-switch i{background:#8a9098!important}
html[data-theme="light"] .search-filter-switch.active{border-color:#d2b9dd!important;background:#eadcf0!important}
html[data-theme="light"] .search-filter-switch.active i{background:#71347d!important}
html[data-theme="light"] .search-filter-sheet footer{border-color:#e3e4e6!important;background:rgba(255,255,255,.97)!important}
html[data-theme="light"] .search-filter-reset{border-color:#dedfe2!important;background:#f2f2f3!important;color:#565c64!important}
html[data-theme="light"] .saved-search-row{border-color:#e4e4e6!important;background:#fff!important;box-shadow:0 3px 10px rgba(0,0,0,.02)!important}
html[data-theme="light"] .saved-search-icon{background:linear-gradient(145deg,#f1e8f6,#fff5e8)!important;color:#71347d!important}
html[data-theme="light"] .saved-search-row b{color:#1d1f22!important}
html[data-theme="light"] .saved-search-row small{color:#737982!important}
html[data-theme="light"] .saved-search-row>button{border-color:#dedfe2!important;background:#f2f2f3!important;color:#565c64!important}
html[data-theme="light"] .saved-search-row>button:last-child{color:#a03b49!important;background:#fff2f3!important;border-color:#efd6da!important}
html[data-theme="light"] .saved-search-empty{color:#747a82!important}
html[data-theme="light"] .saved-search-empty>.ico{color:#71347d!important}
html[data-theme="light"] .saved-search-empty b{color:#25282c!important}

/* Light-mode empty states encountered in these three pages. */
html[data-theme="light"] :is(.home-section,.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.search-video-results) .empty-state,
html[data-theme="light"] .mini-empty{color:#747a82!important}
html[data-theme="light"] :is(.home-section,.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.search-video-results) .empty-state h2{color:#1d1f22!important}
html[data-theme="light"] :is(.home-section,.discover-feed-lead,.discover-feed-middle,.discover-feed-tail,.search-results-page,.search-video-results) .empty-state p{color:#747a82!important}



/* === Xmegram 3.4.9-hotfix360 · Light mode batch 3: Categories + Category + Country ===
   Additive light colors only. Dark mode remains the baseline above.
   Restrained surfaces: no pronounced borders or decorative shadows. Reels remains excluded. */

/* 1/3 CATEGORIES DIRECTORY — category art stays photographic; fallback tiles become soft neutral. */
html[data-theme="light"] .category-grid{color:var(--light-text)!important}
html[data-theme="light"] .category-grid .category-tile{color:#202225!important}
html[data-theme="light"] .category-grid .category-tile>b{color:#202225!important}
html[data-theme="light"] .category-grid .category-tile>span{
  background-color:#f5f5f6!important;
  color:#71347d!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .category-grid .category-tile:first-child>span,
html[data-theme="light"] .category-grid .category-tile.active>span{
  background-color:#f6f1f7!important;
  box-shadow:none!important;
}
html[data-theme="light"] .category-grid .country-category>span{background-color:#f6f6f7!important}
html[data-theme="light"] .category-grid+.empty-state,
html[data-theme="light"] .category-grid .empty-state{color:#747a82!important}

/* 2/3 CATEGORY PAGE — listing filters/subcategories and the shared category video card family. */
html[data-theme="light"] .listing-filter-shell{background:#fff!important}
html[data-theme="light"] .listing-filter-rail button{
  border-color:transparent!important;
  background:#f4f4f5!important;
  color:#5e646c!important;
  box-shadow:none!important;
}
html[data-theme="light"] .listing-filter-rail button:hover{color:#3b3f45!important}
html[data-theme="light"] .listing-filter-rail button.active{
  border-color:transparent!important;
  background:linear-gradient(120deg,#f5edf8,#fff1f2 62%,#fff8ec)!important;
  color:#6a315f!important;
  box-shadow:none!important;
}
html[data-theme="light"] .category-subcategory-rail button{
  background:#f5f5f6!important;
  color:#5b6169!important;
  box-shadow:inset 0 0 0 1px #ededee!important;
}
html[data-theme="light"] .category-subcategory-rail button:active{
  background:#f0e9f3!important;
  color:#693274!important;
}

/* Category/Country mobile listings share one card renderer; theme it once and keep media overlays dark. */
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card{
  border-color:#eeeeef!important;
  background:#fff!important;
  color:#17181a!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-copy{
  background:#fff!important;
  border-color:#f0f0f1!important;
  color:#17181a!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-copy>b{color:#17181a!important}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-copy>small{color:#717780!important}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-foot{border-color:#f0f0f1!important}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-foot>span:first-child{color:#777d85!important}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-price-actions>strong{color:#74512a!important}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .subscriber-label{color:#733586!important}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-card-bookmark{
  border-color:#e9e9eb!important;
  background:#f4f4f5!important;
  color:#565c64!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) .discover-card-bookmark.active{
  border-color:#eee1c9!important;
  background:#fff8ed!important;
  color:#82581f!important;
}
/* Buttons that sit directly over thumbnails stay dark/translucent for media contrast. */
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) :is(.trendlike-card-bookmark,.trendlike-card-cart) .discover-card-bookmark,
html[data-theme="light"] :is(.surface-category-masonry,.surface-country-masonry) :is(.trendlike-card-bookmark,.trendlike-card-cart) .discover-card-cart{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(8,10,14,.76)!important;
  color:#fff!important;
}

/* Category/Country desktop listings share the standard video-card renderer. */
html[data-theme="light"] :is(.surface-category-desktop,.surface-country-desktop) .video-card{
  border-color:#eeeeef!important;
  background:#fff!important;
  color:#17181a!important;
  box-shadow:none!important;
}
html[data-theme="light"] :is(.surface-category-desktop,.surface-country-desktop) .video-card-body{background:#fff!important;color:#17181a!important}
html[data-theme="light"] :is(.surface-category-desktop,.surface-country-desktop) .video-card-body>b{color:#17181a!important}
html[data-theme="light"] :is(.surface-category-desktop,.surface-country-desktop) .video-card-body>small{color:#70767e!important}
html[data-theme="light"] :is(.surface-category-desktop,.surface-country-desktop) .card-foot :is(.rating,.views){color:#777d85!important}
html[data-theme="light"] :is(.surface-category-desktop,.surface-country-desktop) .card-foot>strong,
html[data-theme="light"] :is(.surface-category-desktop,.surface-country-desktop) .sale-price-stack>strong{color:#6b315e!important}

/* 3/3 COUNTRY PAGE — same restrained listing family, including empty/error states. */
html[data-theme="light"] :is(.responsive-listing-grid,.listing-video-grid)>.empty-state,
html[data-theme="light"] :is(.responsive-listing-grid,.listing-video-grid) .empty-state{color:#747a82!important}
html[data-theme="light"] :is(.responsive-listing-grid,.listing-video-grid) .empty-state h2{color:#1d1f22!important}
html[data-theme="light"] :is(.responsive-listing-grid,.listing-video-grid) .empty-state p{color:#747a82!important}

/* === Xmegram 3.4.9-hotfix361 · Light mode batch 4: Lives + Live Watch + Watch ===
   Additive light colors only. Dark mode remains the baseline above.
   Media canvases/overlays remain dark for contrast. Reels remains excluded.
   Borders are quiet and decorative shadows are removed or kept very soft. */

/* 1/3 LIVES DIRECTORY — pure-white directory around media-first Live cards. */
html[data-theme="light"] .lives-screen{background:#fff!important;color:var(--light-text)!important}
html[data-theme="light"] .lives-screen .topbar{background:rgba(255,255,255,.97)!important;border-color:#eeeeef!important;color:var(--light-text)!important;box-shadow:none!important}
html[data-theme="light"] .lives-index{background:#fff!important;color:var(--light-text)!important}
html[data-theme="light"] .live-index-grid .live-home-card{background:transparent!important;color:var(--light-text)!important;box-shadow:none!important}
html[data-theme="light"] .live-index-grid .live-home-media{border-color:#eeeeef!important;box-shadow:none!important}
html[data-theme="light"] .lives-screen .empty-state{color:#747a82!important}
html[data-theme="light"] .lives-screen .empty-state h2{color:#1d1f22!important}
html[data-theme="light"] .lives-screen .empty-state p{color:#747a82!important}
/* LIVE/OFFLINE pills, names, flags and alert buttons sit on media and deliberately keep media-safe colors. */

/* 2/3 LIVE WATCH — the media stage stays immersive/dark; only non-media UI becomes light. */
html[data-theme="light"] .live-screen,
html[data-theme="light"] .live-screen .live-room,
html[data-theme="light"] .live-screen .live-layout,
html[data-theme="light"] .live-screen .live-main,
html[data-theme="light"] .live-screen .live-stage,
html[data-theme="light"] .live-screen .live-media-slot{background:#020306!important}
/* Tablet/desktop right-side discussion panel is outside the video canvas. */
@media(min-width:700px){
  html[data-theme="light"] .live-screen .live-side-panel{
    background:#fff!important;
    border-left-color:#ededee!important;
    color:#17181a!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .live-screen .live-side-tabs{border-bottom-color:#eeeeef!important;background:#fff!important}
  html[data-theme="light"] .live-screen .live-side-tabs button{color:#747a82!important}
  html[data-theme="light"] .live-screen .live-side-tabs button.active{color:#1b1d20!important}
  html[data-theme="light"] .live-screen .live-side-tabs button.active:after{background:#7a3788!important}
  html[data-theme="light"] .live-screen .live-side-comments{background:#fff!important}
  html[data-theme="light"] .live-screen .live-side-comments .live-comment>span,
  html[data-theme="light"] .live-screen .live-tip-activity>span,
  html[data-theme="light"] .live-screen .live-top-fan>span{background:#f0f1f2!important;color:#34383e!important}
  html[data-theme="light"] .live-screen .live-side-comments .live-comment p{color:#33373d!important}
  html[data-theme="light"] .live-screen .live-side-comments .live-comment p b{color:#743382!important}
  html[data-theme="light"] .live-screen .live-comment-head small{color:#8a9098!important}
  html[data-theme="light"] .live-screen .live-host-liked-note{color:#a83a55!important}
  html[data-theme="light"] .live-screen .live-tip-activity{
    background:#f8f5fa!important;
    border-color:#eee7f1!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .live-screen .live-tip-activity b{color:#71347d!important}
  html[data-theme="light"] .live-screen .live-tip-activity b small,
  html[data-theme="light"] .live-screen .live-tip-activity p{color:#70767e!important}
  html[data-theme="light"] .live-screen .live-tip-activity strong{color:#6c315f!important}
  html[data-theme="light"] .live-screen .live-side-empty{color:#7b8189!important}
  html[data-theme="light"] .live-screen .live-top-fan b{color:#222529!important}
  html[data-theme="light"] .live-screen .live-top-fan small{color:#743382!important}
  html[data-theme="light"] .live-screen .live-top-tippers-card{border-color:#eeeeef!important;background:#f8f8f9!important;box-shadow:none!important;color:#222529!important}
  html[data-theme="light"] .live-screen .live-reaction-strip{border-top-color:#eeeeef!important;background:#fff!important}
  html[data-theme="light"] .live-screen .live-reaction-strip button{border-color:#e8e8ea!important;background:#f5f5f6!important;box-shadow:none!important}
  html[data-theme="light"] .live-screen .live-side-quick-tips{border-top-color:#eeeeef!important;background:#fff!important;color:#2b2e33!important}
  html[data-theme="light"] .live-screen .live-side-quick-tips button{border-color:#e6e6e8!important;background:#f4f4f5!important;color:#34383e!important;box-shadow:none!important}
  html[data-theme="light"] .live-screen .live-side-quick-tips button:first-child{border-color:transparent!important;background:#f2eaf6!important;color:#653071!important}
  html[data-theme="light"] .live-screen .live-side-quick-tips button:nth-child(2){border-color:transparent!important;background:#fff0f2!important;color:#9a344a!important}
  html[data-theme="light"] .live-screen .live-side-pinned-slot .live-pinned-stream-comment{
    border-color:#eee6d8!important;
    background:#fffaf2!important;
    color:#24272b!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .live-screen .live-side-pinned-slot .live-pinned-stream-head b{color:#24272b!important}
  html[data-theme="light"] .live-screen .live-side-pinned-slot .live-pinned-stream-comment p{color:#626870!important}
  html[data-theme="light"] .live-screen .live-composer-desktop{
    background:#fff!important;
    border-top-color:#ededee!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .live-screen .live-composer-desktop input{
    border-color:#e5e5e7!important;
    background:#f5f5f6!important;
    color:#17181a!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .live-screen .live-composer-desktop input::placeholder{color:#92979e!important}
  html[data-theme="light"] .live-screen .live-composer-desktop>button:not(:first-child):not(:last-child){border-color:#e5e5e7!important;background:#f3f3f4!important;color:#555b63!important}
}
/* Live tip/payment sheets are normal UI surfaces even though they open over the stream. */
html[data-theme="light"] .live-tip-sheet{
  border-color:#e2e3e5!important;
  background:linear-gradient(180deg,#fff,#f7f7f8)!important;
  color:#17181a!important;
  box-shadow:0 16px 44px rgba(0,0,0,.10)!important;
}
html[data-theme="light"] .live-tip-handle{background:#d2d4d7!important}
html[data-theme="light"] .live-tip-sheet header b{color:#17181a!important}
html[data-theme="light"] .live-tip-sheet header small{color:#737982!important}
html[data-theme="light"] .live-tip-sheet header>button{border-color:#e4e4e6!important;background:#f2f2f3!important;color:#4c525a!important;box-shadow:none!important}
html[data-theme="light"] .live-tip-balance{color:#565c64!important}
html[data-theme="light"] .live-tip-presets button{border-color:#eadde2!important;background:#f8f8f9!important;color:#383c42!important;box-shadow:none!important}
html[data-theme="light"] .live-tip-presets button.active{border-color:transparent!important;background:#f2e9f6!important;color:#653071!important;box-shadow:none!important}
html[data-theme="light"] .live-tip-custom,
html[data-theme="light"] .live-tip-message textarea{border-color:#e3e4e6!important;background:#f5f5f6!important;color:#17181a!important;box-shadow:none!important}
html[data-theme="light"] .live-tip-custom input{color:#17181a!important}
html[data-theme="light"] .live-tip-custom>b,
html[data-theme="light"] .live-tip-message{color:#666c74!important}
html[data-theme="light"] .live-tip-message span small,
html[data-theme="light"] .live-tip-secure{color:#858b93!important}
html[data-theme="light"] .live-balance-modal{
  border-color:#e2e3e5!important;
  background:linear-gradient(180deg,#fff,#f7f7f8)!important;
  color:#17181a!important;
  box-shadow:0 18px 48px rgba(0,0,0,.11)!important;
}
html[data-theme="light"] .live-balance-modal>p,
html[data-theme="light"] .live-balance-current small,
html[data-theme="light"] .live-balance-tip,
html[data-theme="light"] .live-balance-modal>label{color:#6d737b!important}
html[data-theme="light"] .live-balance-current{border-color:#e5e5e7!important;background:#f7f7f8!important;box-shadow:none!important}
html[data-theme="light"] .live-balance-current b{color:#17181a!important}
html[data-theme="light"] .live-balance-options button{border-color:#e4e4e6!important;background:#f4f4f5!important;color:#33373d!important;box-shadow:none!important}
html[data-theme="light"] .live-balance-options button.active{border-color:transparent!important;background:#f1e9f5!important;color:#693274!important;box-shadow:none!important}
html[data-theme="light"] .live-balance-cancel{border-color:#e3e4e6!important;background:#f2f2f3!important;color:#4c525a!important;box-shadow:none!important}
/* Paywall, player status, overlay comments/actions and mobile composer remain dark because they are directly over video. */

/* 3/3 WATCH — white reading/commerce canvas while the player itself stays black. */
html[data-theme="light"] .watch-screen{background:#fff!important;color:#17181a!important}
html[data-theme="light"] .watch-screen .topbar{background:rgba(255,255,255,.97)!important;border-color:#eeeeef!important;color:#17181a!important;box-shadow:none!important}
html[data-theme="light"] .watch-screen .watch-player{background:#050608!important;border-color:#eeeeef!important;box-shadow:none!important}
html[data-theme="light"] .watch-screen .watch-info{color:#17181a!important}
html[data-theme="light"] .watch-screen .watch-title-line h1,
html[data-theme="light"] .watch-screen .watch-description-clamp h1{color:#17181a!important}
html[data-theme="light"] .watch-screen .watch-description-more{color:#5c626a!important;background:linear-gradient(90deg,transparent 0%,#fff 24%,#fff 100%)!important}
html[data-theme="light"] .watch-screen .tag-row span{background:#f4edf7!important;color:#693274!important}
html[data-theme="light"] .watch-screen .watch-meta{color:#6f757d!important}
html[data-theme="light"] .watch-screen .watch-meta i{color:#b0b4ba!important}
html[data-theme="light"] .watch-screen .creator-avatar{background:#eef0f2!important;color:#33373d!important;box-shadow:none!important}
html[data-theme="light"] .watch-screen .creator-main b{color:#202327!important}
html[data-theme="light"] .watch-screen .creator-main small,
html[data-theme="light"] .watch-screen .creator-row small{color:#777d85!important}
html[data-theme="light"] .watch-screen .follow-btn{border-color:#dbc8e3!important;background:#faf7fb!important;color:#6b3177!important;box-shadow:none!important}
html[data-theme="light"] .watch-screen .follow-btn.active{border-color:#e3e3e5!important;background:#f2f2f3!important;color:#626870!important}
html[data-theme="light"] .watch-screen .watch-actions{border-color:#eeeeef!important;background:#f7f7f8!important;box-shadow:none!important}
html[data-theme="light"] .watch-screen .watch-actions button{color:#4e545c!important}
html[data-theme="light"] .watch-screen .watch-actions button+button:before{background:#e6e6e8!important}
html[data-theme="light"] .watch-screen .watch-actions button.active{color:#a13a4e!important}
html[data-theme="light"] .watch-screen .preview-note{border-color:#eeeeef!important;background:#f7f7f8!important;box-shadow:none!important}
html[data-theme="light"] .watch-screen .preview-note p{color:#676d75!important}
html[data-theme="light"] .watch-screen .preview-note>span{color:#71347d!important}

/* Buyer confidence/rating panel. */
html[data-theme="light"] .buyer-rating-panel{
  border-color:#eeeeef!important;
  background:#f8f8f9!important;
  color:#202327!important;
  box-shadow:none!important;
}
html[data-theme="light"] .buyer-rating-score{border-color:#e5e5e7!important}
html[data-theme="light"] .buyer-rating-score>span>small,
html[data-theme="light"] .buyer-rating-copy>p,
html[data-theme="light"] .buyer-rating-action>span,
html[data-theme="light"] .buyer-rating-lock small{color:#777d85!important}
html[data-theme="light"] .buyer-rating-copy>b,
html[data-theme="light"] .buyer-rating-lock b{color:#25282c!important}
html[data-theme="light"] .buyer-rating-copy>small,
html[data-theme="light"] .buyer-rating-action>small{color:#6f317c!important}
html[data-theme="light"] .buyer-rating-stars.interactive button{border-color:#e4e4e6!important;background:#fff!important;color:#858b93!important;box-shadow:none!important}
html[data-theme="light"] .buyer-rating-lock{border-color:#e5e5e7!important;background:#fff!important;box-shadow:none!important}
html[data-theme="light"] .buyer-rating-lock>.ico{color:#737982!important}
@media(max-width:700px){
  html[data-theme="light"] .buyer-rating-action,
  html[data-theme="light"] .buyer-rating-lock{border-top-color:#e6e6e8!important}
}

/* Details + verified reviews share the same quiet information-card surface. */
html[data-theme="light"] .watch-details-panel,
html[data-theme="light"] .verified-reviews{
  border-color:#eeeeef!important;
  background:#fff!important;
  color:#202327!important;
  box-shadow:none!important;
}
html[data-theme="light"] .watch-details-panel>header,
html[data-theme="light"] .verified-reviews>header{border-bottom-color:#eeeeef!important}
html[data-theme="light"] .watch-details-panel>header>span{border-color:#eee6f1!important;background:#f5eff7!important;color:#71347d!important;box-shadow:none!important}
html[data-theme="light"] .watch-details-panel header small,
html[data-theme="light"] .verified-reviews header small{color:#71347d!important}
html[data-theme="light"] .watch-details-panel header h2,
html[data-theme="light"] .verified-reviews header h2{color:#202327!important}
html[data-theme="light"] .watch-details-grid>div+div{border-left-color:#eeeeef!important}
html[data-theme="light"] .watch-details-grid>div>span{background:#f4f4f5!important;color:#6c727a!important}
html[data-theme="light"] .watch-details-grid small{color:#7a8088!important}
html[data-theme="light"] .watch-details-grid b{color:#25282c!important}
html[data-theme="light"] .verified-review-write{border-color:#e7dced!important;background:#f6f0f8!important;color:#693274!important;box-shadow:none!important}
html[data-theme="light"] .verified-review-card{border-color:#eeeeef!important;background:#f8f8f9!important;box-shadow:none!important;color:#25282c!important}
html[data-theme="light"] .verified-review-avatar{background:#eceef1!important;color:#34383e!important}
html[data-theme="light"] .verified-review-card header small,
html[data-theme="light"] .verified-review-card>time{color:#7b8189!important}
html[data-theme="light"] .verified-review-card header small .ico{color:#71347d!important}
html[data-theme="light"] .verified-review-card>p{color:#555b63!important}
html[data-theme="light"] .verified-review-empty>span{background:#f3edf6!important;color:#71347d!important}
html[data-theme="light"] .verified-review-empty b{color:#25282c!important}
html[data-theme="light"] .verified-review-empty small{color:#777d85!important}

/* Verified-review sheet. */
html[data-theme="light"] .buyer-review-sheet{
  border-color:#e1e2e4!important;
  background:linear-gradient(180deg,#fff,#f7f7f8)!important;
  color:#17181a!important;
  box-shadow:0 16px 46px rgba(0,0,0,.10)!important;
}
html[data-theme="light"] .buyer-review-handle{background:#d5d6d9!important}
html[data-theme="light"] .buyer-review-sheet>header{border-bottom-color:#e6e6e8!important}
html[data-theme="light"] .buyer-review-sheet>header small{color:#71347d!important}
html[data-theme="light"] .buyer-review-sheet>header h2{color:#202327!important}
html[data-theme="light"] .buyer-review-sheet>header button{border-color:#e3e4e6!important;background:#f2f2f3!important;color:#4e545c!important;box-shadow:none!important}
html[data-theme="light"] .buyer-review-product{border-color:#e7e7e9!important;background:#fff!important;box-shadow:none!important}
html[data-theme="light"] .buyer-review-product b{color:#25282c!important}
html[data-theme="light"] .buyer-review-product small{color:#777d85!important}
html[data-theme="light"] .buyer-review-product>.ico{color:#71347d!important}
html[data-theme="light"] .buyer-review-rating>span,
html[data-theme="light"] .buyer-review-copy>span{color:#5e646c!important}
html[data-theme="light"] .buyer-review-rating button{border-color:#e3e4e6!important;background:#f4f4f5!important;color:#a0a5ab!important;box-shadow:none!important}
html[data-theme="light"] .buyer-review-rating button.active{border-color:#efe0bd!important;background:#fff8e9!important;color:#bb7d25!important}
html[data-theme="light"] .buyer-review-copy textarea{border-color:#e2e3e5!important;background:#fff!important;color:#17181a!important;box-shadow:none!important}
html[data-theme="light"] .buyer-review-copy textarea:focus{border-color:#d8c5e0!important;box-shadow:0 0 0 2px rgba(131,58,180,.06)!important}
html[data-theme="light"] .buyer-review-sheet form>p{color:#7b8189!important}

/* Frequently bought together. Media thumbnails keep their dark labels/overlays. */
html[data-theme="light"] .watch-fbt{border-color:#eeeeef!important;background:#f8f8f9!important;box-shadow:none!important;color:#202327!important}
html[data-theme="light"] .watch-fbt>header small{color:#71347d!important}
html[data-theme="light"] .watch-fbt>header h2{color:#202327!important}
html[data-theme="light"] .watch-fbt>header p{color:#777d85!important}
html[data-theme="light"] .watch-fbt>header>span{border-color:#eee6f1!important;background:#f4eef6!important;color:#71347d!important;box-shadow:none!important}
html[data-theme="light"] .watch-fbt-card{border-color:#e8e8ea!important;background:#fff!important;box-shadow:none!important}
html[data-theme="light"] .watch-fbt-card.current{border-color:#e7dced!important}
html[data-theme="light"] .watch-fbt-copy>b{color:#25282c!important}
html[data-theme="light"] .watch-fbt-copy>small{color:#777d85!important}
html[data-theme="light"] .watch-fbt-copy>strong{color:#74512a!important}
html[data-theme="light"] .watch-fbt-plus{color:#9da2a9!important}
html[data-theme="light"] .watch-fbt>footer{border-top-color:#e6e6e8!important}
html[data-theme="light"] .watch-fbt>footer>div small{color:#7b8189!important}
html[data-theme="light"] .watch-fbt>footer>div b{color:#202327!important}
html[data-theme="light"] .watch-fbt-add.secondary{border-color:#e4e4e6!important;background:#f2f2f3!important;color:#4d535b!important;box-shadow:none!important}

/* Creator store — text/card portion turns light; thumbnail controls remain media-safe. */
html[data-theme="light"] .watch-creator-store{border-top-color:#eeeeef!important}
html[data-theme="light"] .watch-creator-store-identity>span{border-color:#e4e4e6!important;background:#eef0f2!important;color:#34383e!important;box-shadow:none!important}
html[data-theme="light"] .watch-creator-store-identity small{color:#71347d!important}
html[data-theme="light"] .watch-creator-store-identity h2{color:#202327!important}
html[data-theme="light"] .watch-creator-store-identity p{color:#777d85!important}
html[data-theme="light"] .watch-creator-store>header>button{border-color:#e4e4e6!important;background:#f3f3f4!important;color:#525860!important;box-shadow:none!important}
html[data-theme="light"] .watch-creator-store-card{border-color:#eeeeef!important;background:#fff!important;box-shadow:none!important}
html[data-theme="light"] .watch-creator-store-copy>b{color:#25282c!important}
html[data-theme="light"] .watch-creator-store-copy>small{color:#7b8189!important}
html[data-theme="light"] .watch-creator-store-copy>div>strong{color:#74512a!important}
html[data-theme="light"] .watch-creator-store-copy .cart-action{border-color:#e4e4e6!important;background:#f3f3f4!important;color:#555b63!important;box-shadow:none!important}

/* Collection context. Artwork stays media; copy/actions turn light. */
html[data-theme="light"] .watch-collection-context{border-color:#eeeeef!important;background:#fff!important;box-shadow:none!important;color:#202327!important}
html[data-theme="light"] .watch-collection-copy>small{color:#71347d!important}
html[data-theme="light"] .watch-collection-copy h2{color:#202327!important}
html[data-theme="light"] .watch-collection-owner{color:#626870!important}
html[data-theme="light"] .watch-collection-owner>span{border-color:#e3e4e6!important;background:#eef0f2!important;color:#34383e!important}
html[data-theme="light"] .watch-collection-progress>span{background:#ececee!important}
html[data-theme="light"] .watch-collection-progress small{color:#777d85!important}
html[data-theme="light"] .watch-collection-open{border-color:#e4e4e6!important;background:#f3f3f4!important;color:#4e545c!important;box-shadow:none!important}
html[data-theme="light"] .watch-collection-cart.secondary{border-color:#e4e4e6!important;background:#f3f3f4!important;color:#4e545c!important}
html[data-theme="light"] .watch-collection-owned{border-color:#dceee4!important;background:#f1faf5!important;color:#397457!important}

/* Related cards reuse the shared Watch media-card family instead of a duplicate renderer. */
html[data-theme="light"] .watch-related .section-title h2{color:#202327!important}
html[data-theme="light"] .surface-related-masonry .discover-mobile-card,
html[data-theme="light"] .surface-related-desktop .video-card{border-color:#eeeeef!important;background:#fff!important;color:#17181a!important;box-shadow:none!important}
html[data-theme="light"] .surface-related-masonry .discover-mobile-copy,
html[data-theme="light"] .surface-related-desktop .video-card-body{background:#fff!important;color:#17181a!important;border-color:#f0f0f1!important;box-shadow:none!important}
html[data-theme="light"] .surface-related-masonry .discover-mobile-copy>b,
html[data-theme="light"] .surface-related-desktop .video-card-body>b{color:#17181a!important}
html[data-theme="light"] .surface-related-masonry .discover-mobile-copy>small,
html[data-theme="light"] .surface-related-desktop .video-card-body>small,
html[data-theme="light"] .surface-related-desktop .card-foot .views{color:#737982!important}
html[data-theme="light"] .surface-related-masonry .discover-price-actions>strong,
html[data-theme="light"] .surface-related-desktop .card-foot>strong{color:#74512a!important}
html[data-theme="light"] .surface-related-masonry .subscriber-label{color:#71347d!important}

/* Mobile sticky purchase/creator area: light because it sits below, not over, the player. */
@media(max-width:767px){
  html[data-theme="light"] .watch-mobile-commerce-dock{border-top-color:#e6e6e8!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 22px rgba(0,0,0,.045)!important;color:#17181a!important}
  html[data-theme="light"] .watch-mobile-creator-row{background:rgba(255,255,255,.98)!important;border-bottom-color:#eeeeef!important}
  html[data-theme="light"] .watch-mobile-creator-main{color:#202327!important}
  html[data-theme="light"] .watch-mobile-creator-avatar{background:#eef0f2!important;color:#34383e!important;box-shadow:inset 0 0 0 1px #e2e3e5!important}
  html[data-theme="light"] .watch-mobile-creator-copy b{color:#202327!important}
  html[data-theme="light"] .watch-mobile-creator-copy small{color:#777d85!important}
  html[data-theme="light"] .watch-mobile-follow{border-color:#ead2d8!important;background:#fff3f4!important;color:#98364a!important;box-shadow:none!important}
  html[data-theme="light"] .watch-mobile-follow.active,
  html[data-theme="light"] .watch-mobile-follow.following{border-color:#e3e4e6!important;background:#f2f2f3!important;color:#656b73!important}
  /* The commerce action bar keeps its existing brand gradient and white labels as the conversion anchor. */
}

/* Preview-end smart purchase card and desktop sticky purchase dock. */
html[data-theme="light"] .watch-smart-purchase{
  border-color:#e1e2e4!important;
  background:linear-gradient(180deg,#fff,#f7f7f8)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.10)!important;
  color:#17181a!important;
}
html[data-theme="light"] .watch-smart-close{background:#f1f1f2!important;color:#555b63!important;box-shadow:none!important}
html[data-theme="light"] .watch-smart-badge{border-color:#e4e4e6!important;background:#f4f4f5!important;color:#40454c!important}
html[data-theme="light"] .watch-smart-purchase>small:not(.watch-smart-trust){color:#71347d!important}
html[data-theme="light"] .watch-smart-purchase h2{color:#202327!important}
html[data-theme="light"] .watch-smart-purchase>p{color:#6f757d!important}
html[data-theme="light"] .watch-smart-summary>span{border-color:#e8e8ea!important;background:#f7f7f8!important;box-shadow:none!important}
html[data-theme="light"] .watch-smart-summary small{color:#7b8189!important}
html[data-theme="light"] .watch-smart-summary b{color:#202327!important}
html[data-theme="light"] .watch-smart-mpesa{color:#565c64!important}
html[data-theme="light"] .watch-smart-mpesa>div{border-color:#e3e4e6!important;background:#f5f5f6!important;box-shadow:none!important}
html[data-theme="light"] .watch-smart-mpesa input{color:#17181a!important}
html[data-theme="light"] .watch-smart-other{color:#5c626a!important}
html[data-theme="light"] .watch-smart-trust{color:#858b93!important}
@media(min-width:768px){
  html[data-theme="light"] .watch-smart-purchase-dock{
    border-color:#e2e3e5!important;
    background:rgba(255,255,255,.97)!important;
    color:#17181a!important;
    box-shadow:0 8px 24px rgba(0,0,0,.055)!important;
  }
  html[data-theme="light"] .watch-smart-poster{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)!important}
  html[data-theme="light"] .watch-smart-copy small{color:#71347d!important}
  html[data-theme="light"] .watch-smart-copy b{color:#202327!important}
  html[data-theme="light"] .watch-smart-copy em{color:#777d85!important}
  html[data-theme="light"] .watch-smart-actions>button{border-color:#e3e4e6!important;background:#f3f3f4!important;color:#50565e!important;box-shadow:none!important}
  html[data-theme="light"] .watch-smart-cart.active{border-color:#e3d6e8!important;background:#f6eff8!important;color:#71347d!important}
  /* Buy/Subscribe conversion buttons keep their existing brand emphasis. */
}

/* Watch description sheet. Scrim remains dark/translucent; sheet itself becomes light. */
html[data-theme="light"] .watch-description-sheet{
  border-color:#e1e2e4!important;
  background:linear-gradient(180deg,#fff,#f7f7f8)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.10)!important;
  color:#17181a!important;
}
html[data-theme="light"] .watch-description-sheet header{border-bottom-color:#e5e5e7!important}
html[data-theme="light"] .watch-description-sheet header small{color:#71347d!important}
html[data-theme="light"] .watch-description-sheet header h2{color:#202327!important}
html[data-theme="light"] .watch-description-sheet header button{border-color:#e3e4e6!important;background:#f2f2f3!important;color:#4f555d!important;box-shadow:none!important}
html[data-theme="light"] .watch-description-creator>span{background:#eef0f2!important;color:#34383e!important}
html[data-theme="light"] .watch-description-creator b{color:#202327!important}
html[data-theme="light"] .watch-description-creator small{color:#777d85!important}
html[data-theme="light"] .watch-description-body{border-color:#e7e7e9!important;background:#fff!important;color:#4f555d!important;box-shadow:none!important}

/* Watch empty/error state. */
html[data-theme="light"] .watch-screen .empty-state{color:#747a82!important}
html[data-theme="light"] .watch-screen .empty-state h2{color:#1d1f22!important}
html[data-theme="light"] .watch-screen .empty-state p{color:#747a82!important}

/* === Xmegram 3.4.9-hotfix364 · Light Theme Batch 5: Purchases + Saved + Cart parity === */
/* Colors only. Dark mode remains the baseline. Media-local overlays stay dark for contrast. */

/* Shared canvas for this batch. */
html[data-theme="light"] :is(.purchase-screen,.saved-library-screen,.cart-screen){
  background:#fff!important;
  color:#151618!important;
}
html[data-theme="light"] :is(.purchase-screen,.saved-library-screen,.cart-screen) .empty-state{color:#72777f!important}
html[data-theme="light"] :is(.purchase-screen,.saved-library-screen,.cart-screen) .empty-state h2,
html[data-theme="light"] :is(.purchase-screen,.saved-library-screen,.cart-screen) .empty-state b{color:#1b1d20!important}

/* ---------------- Purchases / Library ---------------- */
html[data-theme="light"] .purchase-tabs{
  background:#f5f5f6!important;
  border:1px solid #e5e5e7!important;
  box-shadow:0 7px 20px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] .purchase-tabs button{color:#f4f5f7!important}
html[data-theme="light"] .purchase-tabs button.active{
  color:#fff!important;
  background:linear-gradient(110deg,#833AB4,#FD1D1D)!important;
  box-shadow:0 7px 18px rgba(131,58,180,.18)!important;
}
html[data-theme="light"] .purchase-card{
  background:#fff!important;
  border:1px solid #e7e7e9!important;
  color:#17181a!important;
  box-shadow:0 10px 25px rgba(0,0,0,.075)!important;
}
html[data-theme="light"] .purchase-info{background:#fff!important;color:#17181a!important}
html[data-theme="light"] .purchase-copy h2{color:#17181a!important}
html[data-theme="light"] .purchase-copy>b{color:#71347d!important}
html[data-theme="light"] .purchase-copy p,
html[data-theme="light"] .purchase-payment-line{color:#757b83!important}
html[data-theme="light"] .purchase-copy strong{color:#704d27!important}
html[data-theme="light"] .purchase-side>span{color:#60666e!important}
html[data-theme="light"] .purchase-more{color:#51565d!important;background:#f6f6f7!important}
html[data-theme="light"] .purchase-action:not(.downloaded){
  color:#fff!important;
  background:linear-gradient(110deg,#833AB4,#FD1D1D)!important;
  border-color:rgba(131,58,180,.12)!important;
  box-shadow:0 8px 20px rgba(131,58,180,.15)!important;
}
html[data-theme="light"] .purchase-action.downloaded,
html[data-theme="light"] .purchase-action.premium-download{
  background:#f5f2f7!important;
  border-color:#e5dce9!important;
  color:#71347d!important;
  box-shadow:none!important;
}
/* Thumbnail/player-local controls remain dark. */
html[data-theme="light"] .purchase-thumb{background-color:#11151b!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important}
html[data-theme="light"] .purchase-thumb:after{background:linear-gradient(90deg,transparent 60%,rgba(5,7,10,.17))!important}
html[data-theme="light"] .purchase-thumb>span{background:rgba(3,5,8,.82)!important;color:#fff!important}

html[data-theme="light"] .purchase-loading article{background:#f7f7f8!important;border-color:#e8e8ea!important}
html[data-theme="light"] .purchase-loading :is(i,b,em){background:linear-gradient(90deg,#eeeeef 20%,#f7f7f8 50%,#eeeeef 80%)!important;background-size:220% 100%!important}

/* Continue Watching */
html[data-theme="light"] .purchase-resume-section{border-color:#e7e7e9!important}
html[data-theme="light"] .purchase-resume-section>header>div small{color:#747a82!important}
html[data-theme="light"] .purchase-resume-section>header h2{color:#17181a!important}
html[data-theme="light"] .purchase-resume-section>header>span{border-color:#e2e3e5!important;background:#f6f6f7!important;color:#737982!important}
html[data-theme="light"] .purchase-resume-card{
  border-color:#e5e5e7!important;
  background:#fff!important;
  color:#17181a!important;
  box-shadow:0 9px 24px rgba(0,0,0,.075)!important;
}
html[data-theme="light"] .purchase-resume-copy>b{color:#1c1e21!important}
html[data-theme="light"] .purchase-resume-copy>small,
html[data-theme="light"] .purchase-resume-copy em{color:#757b83!important}
html[data-theme="light"] .purchase-resume-copy strong{color:#71347d!important}
html[data-theme="light"] .purchase-resume-media{background-color:#11151b!important}
html[data-theme="light"] .purchase-resume-shade{background:linear-gradient(180deg,rgba(3,4,7,.04) 30%,rgba(3,4,7,.8) 100%)!important}
html[data-theme="light"] .purchase-resume-play,
html[data-theme="light"] .purchase-resume-media time{color:#fff!important}

/* Post-purchase recommendations */
html[data-theme="light"] .purchase-after-section>header small{color:#747a82!important}
html[data-theme="light"] .purchase-after-section>header h2{color:#17181a!important}
html[data-theme="light"] .purchase-after-section>header>span{border-color:#e3e4e6!important;background:#f7f7f8!important;color:#737982!important}
html[data-theme="light"] .purchase-after-card{
  border-color:#e6e6e8!important;
  background:#fff!important;
  color:#17181a!important;
  box-shadow:0 8px 22px rgba(0,0,0,.065)!important;
}
html[data-theme="light"] .purchase-after-copy>small,
html[data-theme="light"] .purchase-after-copy>div>span{color:#747a82!important}
html[data-theme="light"] .purchase-after-copy>b{color:#1c1e21!important}
html[data-theme="light"] .purchase-after-copy>div>strong{color:#704d27!important}
html[data-theme="light"] .purchase-after-media{background-color:#11151b!important}
html[data-theme="light"] .purchase-after-media>span,
html[data-theme="light"] .purchase-after-cart .cart-action{color:#fff!important;background:rgba(5,7,10,.78)!important;border-color:rgba(255,255,255,.14)!important}

/* Collection progress */
html[data-theme="light"] .purchase-collection-progress>header small{color:#71347d!important}
html[data-theme="light"] .purchase-collection-progress>header h2{color:#17181a!important}
html[data-theme="light"] .purchase-collection-progress>header>span{color:#727880!important}
html[data-theme="light"] .purchase-collection-progress>header .ico{color:#71347d!important}
html[data-theme="light"] .purchase-collection-card{
  border-color:#e4e4e6!important;
  background:#fff!important;
  color:#17181a!important;
  box-shadow:0 9px 24px rgba(0,0,0,.07)!important;
}
html[data-theme="light"] .purchase-collection-copy>small{color:#71347d!important}
html[data-theme="light"] .purchase-collection-copy h3{color:#191b1e!important}
html[data-theme="light"] .purchase-collection-creator{color:#6f757d!important}
html[data-theme="light"] .purchase-collection-creator>span{background:#edf0f2!important;color:#33373d!important}
html[data-theme="light"] .purchase-collection-meter>span{background:#e9e9eb!important}
html[data-theme="light"] .purchase-collection-meter small{color:#737982!important}
html[data-theme="light"] .purchase-collection-cta.secondary{background:#f4f4f5!important;border-color:#dedfe2!important;color:#4e545c!important}
html[data-theme="light"] .purchase-collection-mosaic{background:#11151b!important}
html[data-theme="light"] .purchase-collection-mosaic>span:last-child{background:rgba(5,7,10,.82)!important;color:#fff!important}

/* Always with you */
html[data-theme="light"] .purchase-sync.commerce-sync-card{
  background:linear-gradient(120deg,#fff,#faf8fc)!important;
  border-color:#e3dce8!important;
  color:#17181a!important;
  box-shadow:0 10px 26px rgba(0,0,0,.06),inset 0 0 30px rgba(131,58,180,.025)!important;
}
html[data-theme="light"] .purchase-sync .sync-mark{background:#f2eaf6!important;color:#71347d!important}
html[data-theme="light"] .purchase-sync b{color:#1a1c1f!important}
html[data-theme="light"] .purchase-sync p{color:#747a82!important}
html[data-theme="light"] .purchase-sync .sync-stat{border-color:#e6e6e8!important}
html[data-theme="light"] .purchase-sync .sync-stat>i{background:#f2f2f3!important;color:#565c64!important}
html[data-theme="light"] .purchase-sync .sync-stat small{color:#777d85!important}
html[data-theme="light"] .purchase-sync .sync-stat strong{color:#1b1d20!important}

/* Purchases filter sheet (legacy/overflow path). */
html[data-theme="light"] .purchase-filter-sheet{background:#fff!important;color:#17181a!important;border-color:#e1e2e4!important;box-shadow:0 22px 64px rgba(0,0,0,.18)!important}
html[data-theme="light"] .purchase-filter-sheet>header{border-color:#e6e6e8!important;background:#fff!important;color:#17181a!important}
html[data-theme="light"] .purchase-filter-sheet>header button{background:#f1f1f2!important;color:#42474e!important}
html[data-theme="light"] .purchase-filter-sheet>div>button{color:#24272b!important;background:#fff!important;border-color:transparent!important}
html[data-theme="light"] .purchase-filter-sheet>div>button.active{background:#f4edf7!important;color:#71347d!important}
html[data-theme="light"] .purchase-filter-sheet>div>button>span{background:#f1edf4!important;color:#71347d!important}
html[data-theme="light"] .purchase-filter-sheet small{color:#747a82!important}

/* Premium download popup reachable from Purchases. */
html[data-theme="light"] .premium-download-sheet{
  background:linear-gradient(180deg,#fff,#f8f8f9 55%)!important;
  border-color:#dedfe2!important;
  color:#17181a!important;
  box-shadow:0 28px 80px rgba(0,0,0,.22)!important;
}
html[data-theme="light"] .premium-download-close{background:#f0f0f1!important;color:#454a51!important}
html[data-theme="light"] .premium-download-crown{background:linear-gradient(145deg,#f3e9f8,#fff4e7)!important;color:#71347d!important;box-shadow:inset 0 0 0 1px #e3d0e8,0 10px 28px rgba(0,0,0,.06)!important}
html[data-theme="light"] .premium-download-sheet>small{color:#71347d!important}
html[data-theme="light"] .premium-download-sheet h2{color:#17181a!important}
html[data-theme="light"] .premium-download-sheet>p{color:#666d75!important}
html[data-theme="light"] .premium-download-plans button{border-color:#e1e2e4!important;background:#fff!important;color:#22252a!important}
html[data-theme="light"] .premium-download-plans span{color:#6e747c!important}
html[data-theme="light"] .premium-download-sheet>em{color:#777e86!important}

/* ---------------- Saved / Bookmarks ---------------- */
html[data-theme="light"] .saved-library-tools{
  border-color:#e4e4e6!important;
  background:#fff!important;
  color:#17181a!important;
  box-shadow:0 9px 24px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] .saved-library-overview small{color:#7a4a21!important}
html[data-theme="light"] .saved-library-overview h1{color:#17181a!important}
html[data-theme="light"] .saved-library-overview p{color:#747a82!important}
html[data-theme="light"] .saved-library-overview p b{color:#24272b!important}
html[data-theme="light"] .saved-library-overview>span,
html[data-theme="light"] .saved-library-overview-actions>span{border-color:#e2e3e5!important;background:#f6f6f7!important;color:#71347d!important}
html[data-theme="light"] .saved-library-search,
html[data-theme="light"] .saved-library-sort{border-color:#dedfe2!important;background:#f7f7f8!important;color:#22252a!important}
html[data-theme="light"] .saved-library-search .ico{color:#6c727a!important}
html[data-theme="light"] .saved-library-search input{color:#181a1d!important}
html[data-theme="light"] .saved-library-search input::placeholder{color:#90959b!important}
html[data-theme="light"] .saved-library-search button{background:#ececee!important;color:#666c74!important}
html[data-theme="light"] .saved-library-sort span{color:#727880!important}
html[data-theme="light"] .saved-library-sort select{color:#24272b!important}
html[data-theme="light"] .saved-library-categories button{border-color:#e2e3e5!important;background:#f7f7f8!important;color:#646a72!important}
html[data-theme="light"] .saved-library-categories button.active{border-color:#e4d8e8!important;background:linear-gradient(135deg,#f4edf7,#fff5e8)!important;color:#71347d!important}
html[data-theme="light"] .saved-library-empty{border-color:#dfe0e2!important;color:#757b83!important}
html[data-theme="light"] .saved-library-empty b{color:#1d2024!important}
html[data-theme="light"] .saved-library-empty button{border-color:#dedfe2!important;background:#f3f3f4!important;color:#4e545c!important}

/* Shared video cards inside Saved. Media controls intentionally stay dark/white. */
html[data-theme="light"] .saved-library-grid .video-card{
  background:#fff!important;
  border-color:#e7e7e9!important;
  color:#17181a!important;
  box-shadow:0 8px 22px rgba(0,0,0,.065)!important;
}
html[data-theme="light"] .saved-library-grid .video-card-body{background:#fff!important;color:#17181a!important}
html[data-theme="light"] .saved-library-grid .video-card-body>b{color:#17181a!important}
html[data-theme="light"] .saved-library-grid .video-card-body>small{color:#70767e!important}
html[data-theme="light"] .saved-library-grid .home-creator-inline{color:inherit!important}
html[data-theme="light"] .saved-library-grid .home-creator-inline:hover{color:#71347d!important}
html[data-theme="light"] .saved-library-grid .card-foot :is(.rating,.views){color:#777d85!important}
html[data-theme="light"] .saved-library-grid .card-foot>strong{color:#704d27!important}
html[data-theme="light"] .saved-library-grid .subscriber-label{color:#71347d!important}
html[data-theme="light"] .saved-library-grid :is(.video-thumb,.duration,.save-float,.cart-float,.subscribe-float,.play-circle,.home-card-more){color:#fff!important}

/* Price alerts */
html[data-theme="light"] .saved-price-alert{border-color:#e3e4e6!important;background:#f8f8f9!important;color:#24272b!important}
html[data-theme="light"] .saved-price-alert-icon{background:#eeeaf1!important;color:#71347d!important}
html[data-theme="light"] .saved-price-alert-copy b{color:#25282c!important}
html[data-theme="light"] .saved-price-alert-copy small{color:#747a82!important}
html[data-theme="light"] .saved-price-alert.active{border-color:#e1d4e6!important;background:linear-gradient(145deg,#f7f1f9,#fff8ec)!important}
html[data-theme="light"] .saved-price-alert.active .saved-price-alert-icon{background:linear-gradient(145deg,#833AB4,#b24bc8)!important;color:#fff!important}
html[data-theme="light"] .saved-price-alert.active .saved-price-alert-copy small{color:#665d6d!important}
html[data-theme="light"] .saved-price-alert-switch{border-color:#cfd2d5!important;background:#e2e4e6!important}

/* Recently viewed + Saved collections */
html[data-theme="light"] :is(.saved-recently-viewed,.saved-collections-panel){
  border-color:#e4e4e6!important;
  background:#fff!important;
  color:#17181a!important;
  box-shadow:0 9px 24px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] :is(.saved-recently-viewed,.saved-collections-panel)>header small{color:#71347d!important}
html[data-theme="light"] :is(.saved-recently-viewed,.saved-collections-panel)>header h2{color:#17181a!important}
html[data-theme="light"] .saved-recently-viewed>header p{color:#747a82!important}
html[data-theme="light"] .saved-recently-viewed>header>span{border-color:#e1e2e4!important;background:#f3f1f5!important;color:#71347d!important}
html[data-theme="light"] .saved-recent-card{border-color:#e4e5e7!important;background:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.055)!important}
html[data-theme="light"] .saved-recent-copy>small,
html[data-theme="light"] .saved-recent-copy>p{color:#747a82!important}
html[data-theme="light"] .saved-recent-copy>b{color:#1b1d20!important}
html[data-theme="light"] .saved-recent-copy>div>strong{color:#704d27!important}
html[data-theme="light"] .saved-recent-media time,
html[data-theme="light"] .saved-recent-media>i{color:#fff!important;background:rgba(5,7,10,.78)!important}
html[data-theme="light"] .saved-collections-panel>header>button{border-color:#e1d4e6!important;background:#f5eef8!important;color:#71347d!important}
html[data-theme="light"] :is(.saved-collection-all,.saved-collection-card){border-color:#e3e4e6!important;background:#fff!important;color:#656b73!important;box-shadow:0 6px 16px rgba(0,0,0,.045)!important}
html[data-theme="light"] .saved-collection-all>span{background:#f0ebf3!important;color:#71347d!important}
html[data-theme="light"] .saved-collection-all b{color:#22252a!important}
html[data-theme="light"] :is(.saved-collection-all,.saved-collection-card).active{border-color:#d9c9df!important;box-shadow:inset 0 0 0 1px #eee4f1,0 6px 16px rgba(0,0,0,.045)!important}
html[data-theme="light"] .saved-collection-mosaic{background:#11151b!important}
html[data-theme="light"] .saved-collection-empty-art{background:#f0f1f2!important;color:#737982!important}
html[data-theme="light"] .saved-collection-copy small{color:#71347d!important}
html[data-theme="light"] .saved-collection-copy b{color:#1e2024!important}
html[data-theme="light"] .saved-collection-copy em{color:#747a82!important}
html[data-theme="light"] .saved-collection-manage{border-color:rgba(255,255,255,.13)!important;background:rgba(5,7,10,.76)!important;color:#fff!important}

/* Saved collection manager sheet */
html[data-theme="light"] .saved-collection-sheet{
  border-color:#dedfe2!important;
  background:linear-gradient(180deg,#fff,#f8f8f9 72%)!important;
  color:#17181a!important;
  box-shadow:0 28px 85px rgba(0,0,0,.22)!important;
}
html[data-theme="light"] .saved-collection-sheet>i{background:#cfd1d4!important}
html[data-theme="light"] .saved-collection-sheet>header{border-color:#e5e5e7!important}
html[data-theme="light"] .saved-collection-sheet>header small{color:#71347d!important}
html[data-theme="light"] .saved-collection-sheet>header h2{color:#17181a!important}
html[data-theme="light"] .saved-collection-sheet>header p{color:#747a82!important}
html[data-theme="light"] .saved-collection-sheet>header>button{border-color:#dedfe2!important;background:#f0f0f1!important;color:#454a51!important}
html[data-theme="light"] .saved-collection-sheet.compact label{color:#656c74!important}
html[data-theme="light"] .saved-collection-sheet.compact input,
html[data-theme="light"] .saved-collection-rename input{border-color:#dcdfe2!important;background:#fff!important;color:#17191c!important}
html[data-theme="light"] .saved-collection-rename button{border-color:#dedfe2!important;background:#f1f1f2!important;color:#4b5158!important}
html[data-theme="light"] .saved-collection-video{border-color:#e4e5e7!important;background:#fff!important;color:#202328!important}
html[data-theme="light"] .saved-collection-video.active{border-color:#d8c9df!important;background:#f8f3fa!important}
html[data-theme="light"] .saved-collection-video p b{color:#1d2024!important}
html[data-theme="light"] .saved-collection-video p small{color:#747a82!important}
html[data-theme="light"] .saved-collection-video>i{background:#eeeaf2!important;color:#71347d!important}
html[data-theme="light"] .saved-collection-video.active>i{background:#e5d6eb!important;color:#71347d!important}
html[data-theme="light"] .saved-collection-sheet>footer{border-color:#e5e5e7!important;background:#fafafa!important}
html[data-theme="light"] .saved-collection-sheet>footer .danger{border-color:#efd6da!important;background:#fff2f3!important;color:#a03b49!important}
html[data-theme="light"] .saved-collection-sheet .mini-empty{color:#747a82!important;background:#f7f7f8!important;border-color:#e4e5e7!important}
/* Scrim stays dark intentionally. */
html[data-theme="light"] .saved-collection-scrim{background:rgba(0,0,0,.48)!important}

/* Bulk/Compare floating states. Selection circles remain dark over media. */
html[data-theme="light"] :is(.saved-bulk-toggle,.saved-compare-toggle){border-color:#dedfe2!important;background:#f3f3f4!important;color:#51575f!important}
html[data-theme="light"] :is(.saved-bulk-toggle,.saved-compare-toggle).active{border-color:#ddcee3!important;background:#f2eaf5!important;color:#71347d!important}
html[data-theme="light"] :is(.saved-bulk-select,.saved-compare-select){border-color:rgba(255,255,255,.22)!important;background:rgba(6,9,14,.82)!important;color:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.24)!important}
html[data-theme="light"] .saved-library-item-shell.bulk-selected:after{border-color:#b985ca!important;box-shadow:0 0 0 2px rgba(131,58,180,.08)!important}
html[data-theme="light"] .saved-library-item-shell.compare-selected{box-shadow:0 0 0 1px #b985ca,0 10px 28px rgba(0,0,0,.10)!important}
html[data-theme="light"] :is(.saved-bulk-dock,.saved-compare-dock){
  border-color:#dfd4e3!important;
  background:rgba(255,255,255,.97)!important;
  color:#17181a!important;
  box-shadow:0 16px 42px rgba(0,0,0,.16)!important;
}
html[data-theme="light"] :is(.saved-bulk-dock,.saved-compare-dock) small{color:#71347d!important}
html[data-theme="light"] :is(.saved-bulk-dock,.saved-compare-dock) b{color:#1d2024!important}
html[data-theme="light"] .saved-bulk-dock em{color:#704d27!important}
html[data-theme="light"] .saved-compare-dock span{color:#737982!important}

/* Compare sheet */
html[data-theme="light"] .saved-compare-scrim{background:rgba(0,0,0,.50)!important}
html[data-theme="light"] .saved-compare-sheet{
  border-color:#dedfe2!important;
  background:linear-gradient(180deg,#fff,#f8f8f9 72%)!important;
  color:#17181a!important;
  box-shadow:0 28px 90px rgba(0,0,0,.24)!important;
}
html[data-theme="light"] .saved-compare-sheet>i{background:#cfd1d4!important}
html[data-theme="light"] .saved-compare-sheet>header{border-color:#e5e5e7!important}
html[data-theme="light"] .saved-compare-sheet>header small{color:#71347d!important}
html[data-theme="light"] .saved-compare-sheet>header h2{color:#17181a!important}
html[data-theme="light"] .saved-compare-sheet>header p{color:#747a82!important}
html[data-theme="light"] .saved-compare-sheet>header>button{border-color:#dedfe2!important;background:#f1f1f2!important;color:#454a51!important}
html[data-theme="light"] .saved-compare-column{border-color:#e2e3e5!important;background:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.055)!important}
html[data-theme="light"] .saved-compare-product{border-color:#e8e8ea!important}
html[data-theme="light"] .saved-compare-product>b{color:#1b1d20!important}
html[data-theme="light"] .saved-compare-product>small{color:#737982!important}
html[data-theme="light"] .saved-compare-product>strong{color:#704d27!important}
html[data-theme="light"] .saved-compare-column dl>div{border-color:#ececee!important}
html[data-theme="light"] .saved-compare-column dt{color:#737982!important}
html[data-theme="light"] .saved-compare-column dd{color:#25282c!important}
html[data-theme="light"] .saved-compare-cart.in-cart,
html[data-theme="light"] .saved-compare-open-video{background:#f2f2f3!important;color:#4f555d!important;border:1px solid #dedfe2!important}
html[data-theme="light"] .saved-compare-sheet>footer{border-color:#e5e5e7!important;background:#fafafa!important}
html[data-theme="light"] .saved-compare-sheet>footer>span{color:#737982!important}
html[data-theme="light"] .saved-compare-sheet>footer>button{border-color:#dedfe2!important;background:#f1f1f2!important;color:#454a51!important}
/* Compare media remains dark locally. */
html[data-theme="light"] .saved-compare-media time{background:rgba(2,4,7,.8)!important;color:#fff!important}

/* Delete collection confirmation popup. */
html[data-theme="light"] .modern-confirm-sheet{
  background:#fff!important;
  border-color:#dedfe2!important;
  color:#17181a!important;
  box-shadow:0 25px 90px rgba(0,0,0,.24)!important;
}
html[data-theme="light"] .modern-confirm-sheet .modern-sheet-close,
html[data-theme="light"] .wallet-funds-sheet .modern-sheet-close{background:#f0f0f1!important;color:#454a51!important}
html[data-theme="light"] .modern-confirm-icon{background:#f1eaf5!important;color:#71347d!important}
html[data-theme="light"] .modern-confirm-icon.danger{background:#fff0f2!important;color:#ad3d4d!important}
html[data-theme="light"] .modern-confirm-sheet h2{color:#17181a!important}
html[data-theme="light"] .modern-confirm-sheet p{color:#666d75!important}
html[data-theme="light"] .modern-confirm-actions>button:not(.primary):not(.danger){background:#f1f1f2!important;color:#4b5158!important;border-color:#dedfe2!important}

/* ---------------- Cart ---------------- */
html[data-theme="light"] .cart-screen{background:#fff!important}
html[data-theme="light"] .cart-screen .cart-secure{background:#f8f8f9!important;color:#717780!important;border-color:#e7e7e9!important}
html[data-theme="light"] .cart-screen .cart-secure .ico{color:#71347d!important}
html[data-theme="light"] .cart-screen .cart-list{
  background:#fff!important;
  color:#17181a!important;
  box-shadow:0 14px 34px rgba(0,0,0,.09),inset 0 0 0 1px #e5e5e7!important;
}
html[data-theme="light"] .cart-screen .cart-item-card.cart-item-premium{border-bottom-color:#e8e8ea!important;background:transparent!important;color:#17181a!important}
html[data-theme="light"] .cart-screen .cart-item-head h2{color:#191b1e!important}
html[data-theme="light"] .cart-screen .cart-remove{background:#fff1f2!important;color:#a63e4c!important}
html[data-theme="light"] .cart-screen .cart-creator{color:#6e747c!important}
html[data-theme="light"] .cart-screen .cart-creator b{color:#33373d!important}
html[data-theme="light"] .cart-screen .mini-avatar{background:#eef0f2!important;color:#41464d!important;box-shadow:0 0 0 1px #dfe1e4!important}
html[data-theme="light"] .cart-screen .cart-unlock-status{color:#737982!important}
html[data-theme="light"] .cart-screen .cart-unlock-status .ico{color:#71347d!important}
html[data-theme="light"] .cart-screen .cart-item-commerce{border-color:#e8e8ea!important}
html[data-theme="light"] .cart-screen .cart-line-price,
html[data-theme="light"] .cart-screen .cart-item-commerce .cart-line-price{color:#704d27!important}
html[data-theme="light"] .cart-screen .cart-save-later{border-color:#dedfe2!important;background:#f3f3f4!important;color:#51575f!important}
html[data-theme="light"] .cart-screen .cart-item-subscribe{border-color:#dfd2e4!important;background:#f3edf6!important;color:#71347d!important}
html[data-theme="light"] .cart-screen .cart-clear{background:#fff1f2!important;color:#a33c4a!important}
html[data-theme="light"] .cart-screen .cart-thumb{background-color:#11151b!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important}
html[data-theme="light"] .cart-screen .cart-thumb>span{background:rgba(2,4,7,.82)!important;color:#fff!important}

/* Creator-group wrappers */
html[data-theme="light"] .cart-creator-group{border-color:#e3e4e6!important;background:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.065)!important}
html[data-theme="light"] .cart-creator-group-head{background:#f8f8f9!important;color:#202328!important;border-color:#e7e7e9!important}
html[data-theme="light"] .cart-creator-group-avatar{background:#eceef1!important;color:#30343a!important}
html[data-theme="light"] .cart-creator-group-copy small,
html[data-theme="light"] .cart-creator-group-total small{color:#747a82!important}
html[data-theme="light"] .cart-creator-group-copy b{color:#1c1f23!important}
html[data-theme="light"] .cart-creator-group-total strong{color:#704d27!important}
html[data-theme="light"] .cart-creator-group-total .ico{color:#777d85!important}

/* Coupon + totals */
html[data-theme="light"] .cart-coupon,
html[data-theme="light"] .cart-summary{
  background:#fff!important;
  color:#17181a!important;
  border:1px solid #e3e4e6!important;
  box-shadow:0 10px 26px rgba(0,0,0,.065)!important;
}
html[data-theme="light"] .cart-coupon>span{color:#71347d!important}
html[data-theme="light"] .cart-coupon input{background:#f7f7f8!important;color:#17191c!important;border-color:#dedfe2!important}
html[data-theme="light"] .cart-coupon input::placeholder{color:#8c9299!important}
html[data-theme="light"] .cart-coupon button{background:#f1edf4!important;color:#71347d!important;border-color:#e1d5e5!important}
html[data-theme="light"] .cart-summary>div{color:#666d75!important}
html[data-theme="light"] .cart-summary>div b{color:#24272b!important}
html[data-theme="light"] .cart-summary hr{background:#e8e8ea!important}
html[data-theme="light"] .cart-summary .cart-total{color:#17181a!important;border-top-color:#e6e6e8!important}
html[data-theme="light"] .cart-summary .cart-total strong{color:#704d27!important}
html[data-theme="light"] .cart-summary .discount b{color:#19724a!important}
html[data-theme="light"] .cart-summary .bundle-discount-line span{color:#71347d!important}
html[data-theme="light"] .cart-summary>p{color:#747a82!important}
html[data-theme="light"] .cart-summary>p .ico{color:#248a58!important}

/* Cart recommendations */
html[data-theme="light"] .cart-recommended .section-title{color:#17181a!important}
html[data-theme="light"] .cart-rec-card{
  background:#fff!important;
  border:1px solid #e5e5e7!important;
  color:#17181a!important;
  box-shadow:0 9px 22px rgba(0,0,0,.07)!important;
}
html[data-theme="light"] .cart-rec-card>b{color:#1b1d20!important}
html[data-theme="light"] .cart-rec-card>div>strong{color:#704d27!important}
html[data-theme="light"] .cart-rec-add{border-color:#dedfe2!important;background:#f2f2f3!important;color:#51575f!important}
html[data-theme="light"] .cart-rec-add.active{border-color:#ecd3a7!important;background:#fff5e5!important;color:#82581f!important}
html[data-theme="light"] .cart-rec-subscribe{border-color:#e0d1e5!important;background:#f4edf7!important;color:#71347d!important}
html[data-theme="light"] .cart-rec-thumb{background-color:#11151b!important;color:#fff!important}
html[data-theme="light"] .cart-rec-thumb>span{background:rgba(2,4,7,.82)!important;color:#fff!important}

/* Shared checkout/payment sheet reached from Cart. This is intentionally shared once, not duplicated per page. */
html[data-theme="light"] .site-payment-sheet{
  background:linear-gradient(180deg,#fff,#f8f8f9)!important;
  border-color:#dedfe2!important;
  color:#17181a!important;
  box-shadow:0 -28px 90px rgba(0,0,0,.24)!important;
}
html[data-theme="light"] .site-payment-sheet>header,
html[data-theme="light"] .site-payment-sheet>footer{border-color:#e5e5e7!important}
html[data-theme="light"] .site-payment-sheet>header>button{background:#f0f0f1!important;color:#454a51!important;border-color:#dedfe2!important}
html[data-theme="light"] .site-payment-sheet header small{color:#7a4a21!important}
html[data-theme="light"] .site-payment-sheet header h2{color:#17181a!important}
html[data-theme="light"] .site-payment-method{background:#fff!important;border-color:#e1e2e4!important;color:#202328!important;box-shadow:0 5px 14px rgba(0,0,0,.035)!important}
html[data-theme="light"] .site-payment-method.active{background:linear-gradient(110deg,#f7f0f9,#fff8ec)!important;border-color:#d9c6df!important;box-shadow:inset 0 0 0 1px #eee3f0!important}
html[data-theme="light"] .site-payment-copy b{color:#1c1f23!important}
html[data-theme="light"] .site-payment-copy small{color:#707780!important}
html[data-theme="light"] .site-payment-radio{border-color:#a7adb4!important;background:#fff!important}
html[data-theme="light"] .site-payment-method.active .site-payment-radio{border-color:#FCB045!important;background:#fff!important}
html[data-theme="light"] .site-mpesa-field{background:#f7f7f8!important;border-color:#dedfe2!important;color:#202328!important}
html[data-theme="light"] .site-mpesa-field>span{color:#30343a!important}
html[data-theme="light"] .site-mpesa-field>div{background:#fff!important;border-color:#dcdfe2!important}
html[data-theme="light"] .site-mpesa-field input{color:#17191c!important}
html[data-theme="light"] .site-mpesa-field small{color:#747a82!important}
html[data-theme="light"] .site-payment-sheet>footer{background:linear-gradient(180deg,rgba(250,250,250,.80),#fafafa)!important}
html[data-theme="light"] .site-payment-sheet>footer small{color:#747a82!important}
html[data-theme="light"] .site-payment-sheet>footer strong{color:#704d27!important}
html[data-theme="light"] .site-payment-scroll{scrollbar-color:#c7c9cc transparent!important}
html[data-theme="light"] .site-payment-scroll::-webkit-scrollbar-thumb{background:#c7c9cc!important}

/* Access summary inside Cart checkout sheet. */
html[data-theme="light"] .checkout-access-summary{border-color:#e3e4e6!important;background:#fafafa!important;box-shadow:inset 0 1px #fff!important}
html[data-theme="light"] .checkout-access-summary>header>span{border-color:#ead6b9!important;background:linear-gradient(145deg,#fff6e8,#f3edf6)!important;color:#805921!important}
html[data-theme="light"] .checkout-access-summary>header small{color:#747a82!important}
html[data-theme="light"] .checkout-access-summary>header b{color:#1e2024!important}
html[data-theme="light"] .checkout-access-grid article{border-color:#e6e6e8!important;background:#fff!important}
html[data-theme="light"] .checkout-access-grid article>i{background:#f0f1f2!important;color:#5f666e!important}
html[data-theme="light"] .checkout-access-grid article b{color:#22252a!important}
html[data-theme="light"] .checkout-access-grid article small{color:#747a82!important}
html[data-theme="light"] .payment-access-summary{border-color:#e5e5e7!important}
html[data-theme="light"] .payment-access-summary>div{border-color:#e5e5e7!important;background:#fff!important}
html[data-theme="light"] .payment-access-summary>div>span{background:#f0f1f2!important;color:#5f666e!important}
html[data-theme="light"] .payment-access-summary b{color:#22252a!important}
html[data-theme="light"] .payment-access-summary small{color:#747a82!important}

/* Insufficient wallet popup reachable from Cart checkout. */
html[data-theme="light"] .wallet-funds-sheet{
  background:linear-gradient(180deg,#fff,#f8f8f9)!important;
  border-color:#dedfe2!important;
  color:#17181a!important;
  box-shadow:0 25px 90px rgba(0,0,0,.24)!important;
}
html[data-theme="light"] .wallet-funds-icon{background:linear-gradient(135deg,#f1e9f5,#fff5e8)!important;color:#71347d!important}
html[data-theme="light"] .wallet-funds-sheet>small{color:#71347d!important}
html[data-theme="light"] .wallet-funds-sheet h2{color:#17181a!important}
html[data-theme="light"] .wallet-funds-sheet p{color:#666d75!important}
html[data-theme="light"] .wallet-funds-breakdown>span{border-color:#e1e2e4!important;background:#fff!important}
html[data-theme="light"] .wallet-funds-breakdown small{color:#747a82!important}
html[data-theme="light"] .wallet-funds-breakdown b{color:#1f2226!important}
html[data-theme="light"] .wallet-funds-actions>button:not(.primary){border-color:#dedfe2!important;background:#f1f1f2!important;color:#4b5158!important}



/* === Xmegram 3.4.9-hotfix365 · Light Theme Batch 6: Checkout + Payment Complete + Receipt parity === */
/* Colors only. Dark mode remains the baseline. Live Watch is intentionally untouched. */

/* Shared canvas + empty states for only these three routes. */
html[data-theme="light"] :is(.checkout-screen,.payment-complete-screen,.receipt-screen){
  background:#fff!important;
  color:#17181a!important;
}
html[data-theme="light"] :is(.checkout-screen,.payment-complete-screen,.receipt-screen) .empty-state{color:#737982!important}
html[data-theme="light"] :is(.checkout-screen,.payment-complete-screen,.receipt-screen) .empty-state h2{color:#1c1e21!important}
html[data-theme="light"] :is(.checkout-screen,.payment-complete-screen,.receipt-screen) .empty-state p{color:#737982!important}

/* ---------------- Checkout ---------------- */
html[data-theme="light"] .checkout-screen .checkout-card{
  border:1px solid #e4e5e7!important;
  background:linear-gradient(180deg,#fff,#fbfbfc)!important;
  color:#17181a!important;
  box-shadow:0 14px 34px rgba(0,0,0,.09)!important;
}
html[data-theme="light"] .checkout-screen .checkout-card h2{color:#1b1d20!important}
html[data-theme="light"] .checkout-screen .checkout-video{
  background:#f8f8f9!important;
  box-shadow:inset 0 -1px #e4e5e7!important;
}
html[data-theme="light"] .checkout-screen .checkout-video>span{
  border-color:#e1e2e4!important;
  background-color:#11151b!important;
  box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
}
html[data-theme="light"] .checkout-screen .checkout-video b{color:#1c1e21!important}
html[data-theme="light"] .checkout-screen .checkout-video small{color:#737982!important}
html[data-theme="light"] .checkout-screen .checkout-video>strong,
html[data-theme="light"] .checkout-screen .checkout-sale-price,
html[data-theme="light"] .checkout-screen .checkout-sale-price>strong{color:#6c315f!important}
html[data-theme="light"] .checkout-screen .checkout-sale-price>del{color:#888e95!important}
html[data-theme="light"] .checkout-screen .checkout-sale-price>em{background:#fff5e7!important;border-color:#efd5aa!important;color:#87591f!important}
html[data-theme="light"] .checkout-screen .subscriber-label{color:#71347d!important}

html[data-theme="light"] .checkout-screen .payment-options button{
  border:1px solid #e0e1e3!important;
  background:#fff!important;
  color:#202327!important;
  box-shadow:0 6px 16px rgba(0,0,0,.05)!important;
}
html[data-theme="light"] .checkout-screen .payment-options button.active{
  border-color:#dbc9e0!important;
  background:linear-gradient(120deg,#f6eff8,#fff7ea)!important;
  color:#1f2023!important;
  box-shadow:0 7px 18px rgba(0,0,0,.055),inset 0 0 0 1px #eee4f0!important;
}
html[data-theme="light"] .checkout-screen .payment-options button b{color:#202327!important}
html[data-theme="light"] .checkout-screen .payment-options button small{color:#747a82!important}
html[data-theme="light"] .checkout-screen .payment-options .ico{color:#71347d!important}

html[data-theme="light"] .checkout-screen .checkout-phone{
  background:transparent!important;
  color:#5f666e!important;
}
html[data-theme="light"] .checkout-screen .checkout-phone input{
  border-color:#dedfe2!important;
  background:#f7f7f8!important;
  color:#17191c!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .checkout-screen .checkout-phone input::placeholder{color:#8d939a!important}
html[data-theme="light"] .checkout-screen .checkout-phone input:focus{
  border-color:#d4b8da!important;
  box-shadow:0 0 0 3px rgba(131,58,180,.07),inset 0 1px #fff!important;
}
html[data-theme="light"] .checkout-screen .checkout-status,
html[data-theme="light"] .checkout-screen .checkout-provider-note{
  border-color:#e1e2e4!important;
  background:#f6f6f7!important;
  color:#555c64!important;
}
html[data-theme="light"] .checkout-screen .checkout-status strong{color:#704d27!important}

/* Shared access summary was already themed by Hotfix364 for Cart. Keep one implementation; only scope its card edge here. */
html[data-theme="light"] .checkout-screen .checkout-access-summary{box-shadow:inset 0 1px #fff,0 5px 14px rgba(0,0,0,.035)!important}

/* ---------------- Payment Complete ---------------- */
html[data-theme="light"] .payment-complete-screen .commerce-topbar h1 i{
  border:1px solid #e2d8e5!important;
  background:#f4eef6!important;
  color:#71347d!important;
  box-shadow:none!important;
}
html[data-theme="light"] .payment-complete-screen .payment-return-card{
  border:1px solid #e3e4e6!important;
  background:linear-gradient(180deg,#fff,#fafafa)!important;
  color:#17181a!important;
  box-shadow:0 14px 34px rgba(0,0,0,.09)!important;
}
html[data-theme="light"] .payment-complete-screen .payment-return-card .form-hero-icon{
  border-color:#e5d9e8!important;
  background:linear-gradient(145deg,#f3ebf6,#fff5e7)!important;
  color:#71347d!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .payment-complete-screen .payment-return-card h2{color:#1b1d20!important}
html[data-theme="light"] .payment-complete-screen .payment-return-card>p{color:#686f77!important}
html[data-theme="light"] .payment-complete-screen .payment-return-card .upload-import-progress{color:#71347d!important}
html[data-theme="light"] .payment-complete-screen .payment-return-card .upload-import-progress>i{background:linear-gradient(90deg,#833AB4,#FD1D1D,#FCB045)!important}

/* ---------------- Receipt ---------------- */
html[data-theme="light"] .receipt-screen .commerce-topbar h1 i{
  border:1px solid #e2d8e5!important;
  background:#f4eef6!important;
  color:#71347d!important;
  box-shadow:none!important;
}
html[data-theme="light"] .receipt-screen .receipt-card,
html[data-theme="light"] .receipt-screen .receipt-transaction-only{
  border:1px solid #e3e4e6!important;
  background:linear-gradient(180deg,#fff,#fafafa)!important;
  color:#17181a!important;
  box-shadow:0 14px 34px rgba(0,0,0,.09)!important;
}
html[data-theme="light"] .receipt-screen .receipt-transaction-only .receipt-top{border-bottom-color:#e5e5e7!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only .receipt-mark{
  border-color:#e5d8e8!important;
  background:linear-gradient(145deg,#f3ebf6,#fff5e7)!important;
  color:#71347d!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .receipt-screen .receipt-top>div>small{color:#747a82!important}
html[data-theme="light"] .receipt-screen .receipt-top h1{color:#1b1d20!important}
html[data-theme="light"] .receipt-screen .receipt-top p{color:#747a82!important}
html[data-theme="light"] .receipt-screen .receipt-status-pill{
  border-color:#dedfe2!important;
  background:#f2f2f3!important;
  color:#60666e!important;
}
html[data-theme="light"] .receipt-screen .receipt-status-pill.paid{
  border-color:#cce9d8!important;
  background:#eef9f2!important;
  color:#207347!important;
}
html[data-theme="light"] .receipt-screen .receipt-privacy-note{
  border-color:#e4e5e7!important;
  background:#f7f7f8!important;
  color:#666d75!important;
}
html[data-theme="light"] .receipt-screen .receipt-privacy-note .ico{color:#747a82!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only dl>div{border-bottom-color:#e8e8ea!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only dt{color:#747a82!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only dd{color:#24272b!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only .receipt-reference{color:#565d65!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only .receipt-paid{color:#207347!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only .receipt-discount dd{color:#24764c!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only .receipt-totals{border-top-color:#e3e4e6!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only .receipt-total dt{color:#4f555c!important}
html[data-theme="light"] .receipt-screen .receipt-transaction-only .receipt-total dd{color:#17181a!important}
html[data-theme="light"] .receipt-screen .receipt-card dd .payment-inline-provider span:last-child{color:#24272b!important}


/* Xmegram 3.4.9-hotfix366 · Light mode batch 7 — Subscription + Wallet + Wallet Top Up
   Deep parity pass: main pages, empty/loading/status states and payment/floating paths.
   Dark mode remains the baseline above. Live Watch and Reels are intentionally untouched. */

/* Shared page canvases for only this batch. */
html[data-theme="light"] .wallet-main-screen,
html[data-theme="light"] .wallet-topup-screen,
html[data-theme="light"] .subscription-screen{
  background:#fff!important;
  color:#17181a!important;
}
html[data-theme="light"] :is(.wallet-main-screen,.wallet-topup-screen,.subscription-screen) .empty-state{color:#737982!important}
html[data-theme="light"] :is(.wallet-main-screen,.wallet-topup-screen,.subscription-screen) .empty-state h2{color:#1c1e21!important}
html[data-theme="light"] :is(.wallet-main-screen,.wallet-topup-screen,.subscription-screen) .empty-state p{color:#737982!important}

/* WALLET — balance, quick actions, transactions, earnings and history-toggle state. */
html[data-theme="light"] .wallet-main-screen .commerce-topbar h1 i{
  background:linear-gradient(145deg,#f4edf7,#fff6e9)!important;
  border-color:#e6dbe8!important;
  color:#71347d!important;
  box-shadow:0 5px 14px rgba(0,0,0,.07)!important;
}
html[data-theme="light"] .wallet-main-screen .wallet-hero-modern{
  border-color:#e6dfe8!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(252,176,69,.18),transparent 30%),
    radial-gradient(circle at 16% 0%,rgba(131,58,180,.10),transparent 34%),
    linear-gradient(145deg,#fff 0%,#faf8fb 58%,#f7f7f8 100%)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .wallet-main-screen .wallet-hero-modern:after{background:rgba(131,58,180,.075)!important}
html[data-theme="light"] .wallet-main-screen .wallet-balance small{color:#676d75!important}
html[data-theme="light"] .wallet-main-screen .wallet-balance small .ico{color:#737982!important}
html[data-theme="light"] .wallet-main-screen .wallet-balance>strong{color:#17181a!important;text-shadow:none!important}
html[data-theme="light"] .wallet-main-screen .wallet-balance>span{color:#7b4d1c!important}
html[data-theme="light"] .wallet-main-screen .wallet-hero-stats{border-top-color:#e2e2e5!important}
html[data-theme="light"] .wallet-main-screen .wallet-hero-stats>div+div{border-left-color:#e2e2e5!important}
html[data-theme="light"] .wallet-main-screen .wallet-hero-stats small{color:#747a82!important}
html[data-theme="light"] .wallet-main-screen .wallet-hero-stats strong{color:#24272b!important}
html[data-theme="light"] .wallet-main-screen .wallet-hero-stats .ico{color:#777e86!important}

/* Keep money actions intentionally branded in light mode; ensure their copy never inherits dark text. */
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action{
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.13)!important;
}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.topup{
  background:linear-gradient(118deg,#a51f39 0%,#d82f37 48%,#d57a32 100%)!important;
}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw{
  background:linear-gradient(135deg,#71358f,#4b285c)!important;
}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action>i{background:rgba(255,255,255,.14)!important;color:#fff!important}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action b{color:#fff!important}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action small{color:rgba(255,255,255,.78)!important}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action>.ico{color:rgba(255,255,255,.78)!important}

html[data-theme="light"] .wallet-main-screen .wallet-panel-modern{
  border-color:#e7e7e9!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.11),inset 0 1px #fff!important;
}
html[data-theme="light"] .wallet-main-screen .wallet-panel-modern>header h2{color:#1d1f22!important}
html[data-theme="light"] .wallet-main-screen .wallet-panel-modern>header :is(button,span){color:#71347d!important}
html[data-theme="light"] .wallet-main-screen .wallet-tx{border-top-color:#e9e9eb!important}
html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-icon{
  background:#f2ebf6!important;
  color:#71347d!important;
  border-color:#e1d2e7!important;
}
html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-icon.tip_received,
html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-icon.tip{background:#eaf7ef!important;color:#257047!important;border-color:#d2eadb!important}
html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-copy b{color:#25282c!important}
html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-copy small{color:#7a8088!important}
html[data-theme="light"] .wallet-main-screen .wallet-tx>strong.credit{color:#207347!important}
html[data-theme="light"] .wallet-main-screen .wallet-tx>strong.debit{color:#643252!important}
html[data-theme="light"] .wallet-main-screen .wallet-panel-modern .earnings-grid article{
  border-color:#e7e7e9!important;
  background:#f8f8f9!important;
  box-shadow:0 7px 18px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] .wallet-main-screen .wallet-panel-modern .earnings-grid article>i{
  border-color:#e2d5e8!important;
  background:#f1e9f5!important;
  color:#71347d!important;
}
html[data-theme="light"] .wallet-main-screen .earnings-grid small{color:#747a82!important}
html[data-theme="light"] .wallet-main-screen .earnings-grid strong{color:#202327!important}
html[data-theme="light"] .wallet-main-screen .earnings-grid em.up{color:#207347!important}
html[data-theme="light"] .wallet-main-screen .earnings-grid em.down{color:#a33e50!important}
html[data-theme="light"] .wallet-main-screen .earnings-grid em u{color:#7b8188!important}
html[data-theme="light"] .wallet-main-screen .mini-empty{color:#777e86!important}

/* WALLET TOP UP — isolated from Wallet Methods/Payout/other commerce routes. */
html[data-theme="light"] .wallet-topup-screen .commerce-form-card{
  border-color:#e5e5e7!important;
  background:#fff!important;
  color:#1c1e21!important;
  box-shadow:0 18px 42px rgba(0,0,0,.13),inset 0 1px #fff!important;
}
html[data-theme="light"] .wallet-topup-screen .form-hero-icon{
  border-color:#e4d8e7!important;
  background:linear-gradient(145deg,#f2eaf6,#fff5e7)!important;
  color:#71347d!important;
  box-shadow:0 8px 22px rgba(0,0,0,.08)!important;
}
html[data-theme="light"] .wallet-topup-screen .commerce-form-card>h2{color:#1b1d20!important}
html[data-theme="light"] .wallet-topup-screen .commerce-form-card>p{color:#686f77!important}
html[data-theme="light"] .wallet-topup-screen .commerce-form>label{color:#454b52!important}
html[data-theme="light"] .wallet-topup-screen .commerce-form input,
html[data-theme="light"] .wallet-topup-screen .commerce-form select{
  border-color:#dedfe2!important;
  background:#f7f7f8!important;
  color:#202327!important;
  box-shadow:inset 0 1px rgba(0,0,0,.025)!important;
}
html[data-theme="light"] .wallet-topup-screen .commerce-form input::placeholder{color:#91969d!important}
html[data-theme="light"] .wallet-topup-screen .commerce-form input:focus,
html[data-theme="light"] .wallet-topup-screen .commerce-form select:focus{
  border-color:#c9a9cd!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(131,58,180,.075)!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-provider{
  border-color:#e0e1e3!important;
  background:#fff!important;
  color:#23262a!important;
  box-shadow:0 6px 16px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-provider.active{
  border-color:#d8c4dc!important;
  background:linear-gradient(125deg,#f7f0f9,#fff8ec)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.07),inset 0 0 0 1px #eee3f0!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-provider b{color:#24272b!important}
html[data-theme="light"] .wallet-topup-screen .topup-provider small{color:#757b83!important}
html[data-theme="light"] .wallet-topup-screen .topup-provider>.ico{color:#71347d!important}
html[data-theme="light"] .wallet-topup-screen .checkout-status{
  border:1px solid #e3d6c3!important;
  background:#fff8ee!important;
  color:#704d27!important;
  box-shadow:0 5px 14px rgba(0,0,0,.045)!important;
}

/* SUBSCRIPTION — hero, current plan, plan decisions, benefits, history and payment entry. */
html[data-theme="light"] .subscription-screen .commerce-link{color:#71347d!important}
html[data-theme="light"] .subscription-screen .subscription-hero{
  border-color:#e5dce8!important;
  background:
    radial-gradient(circle at 82% 14%,rgba(252,176,69,.20),transparent 31%),
    radial-gradient(circle at 8% 0%,rgba(131,58,180,.11),transparent 35%),
    linear-gradient(138deg,#fff 0%,#faf7fb 62%,#f7f7f8 100%)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.14),inset 0 1px #fff!important;
}
html[data-theme="light"] .subscription-screen .go-premium{
  color:#7a4d1d!important;
  background:#fff3e4!important;
  border:1px solid #efd8b8!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .subscription-screen .subscription-hero h1{color:#17181a!important;text-shadow:none!important}
html[data-theme="light"] .subscription-screen .subscription-hero p{color:#666d75!important}
html[data-theme="light"] .subscription-screen .crown-art{color:#71347d!important}
html[data-theme="light"] .subscription-screen .crown-art>.ico{
  color:#71347d!important;
  fill:rgba(131,58,180,.15)!important;
  filter:drop-shadow(0 10px 20px rgba(71,31,83,.14))!important;
}
html[data-theme="light"] .subscription-screen .crown-art i{
  border-color:#cda9d4!important;
  box-shadow:0 0 18px rgba(131,58,180,.10) inset,0 7px 16px rgba(0,0,0,.06)!important;
}

html[data-theme="light"] .subscription-screen .current-plan{
  border-color:#e4e4e6!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.11),inset 0 1px #fff!important;
}
html[data-theme="light"] .subscription-screen .current-plan>small{color:#71347d!important}
html[data-theme="light"] .subscription-screen .current-plan>div>span{background:linear-gradient(135deg,#71358f,var(--site-accent2))!important;color:#fff!important}
html[data-theme="light"] .subscription-screen .current-plan>div>span .ico{color:#fff!important;fill:rgba(255,255,255,.20)!important}
html[data-theme="light"] .subscription-screen .current-plan b{color:#202327!important}
html[data-theme="light"] .subscription-screen .current-plan p{color:#737982!important}
html[data-theme="light"] .subscription-screen .current-plan em{color:#207347!important;background:#e9f6ee!important}

html[data-theme="light"] .subscription-screen .choose-plan-heading h2{color:#1b1d20!important}
html[data-theme="light"] .subscription-screen .choose-plan-heading p{color:#747a82!important}
html[data-theme="light"] .subscription-screen .choose-plan-heading>span{
  color:#686f77!important;
  background:#f6f6f7!important;
  border:1px solid #e4e4e6!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .subscription-screen .choose-plan-heading>span .ico{color:#71347d!important}
html[data-theme="light"] .subscription-screen .subscription-plan.subscription-plan-premium{
  border-color:#e4e4e6!important;
  background:#fff!important;
  color:#202327!important;
  box-shadow:0 14px 32px rgba(0,0,0,.11),inset 0 1px #fff!important;
}
html[data-theme="light"] .subscription-screen .subscription-plan.subscription-plan-premium.featured,
html[data-theme="light"] .subscription-screen .subscription-plan.subscription-plan-premium.selected{
  border-color:#ddcde2!important;
  background:
    radial-gradient(circle at 90% -4%,rgba(252,176,69,.17),transparent 34%),
    radial-gradient(circle at 10% 0%,rgba(131,58,180,.10),transparent 36%),
    linear-gradient(150deg,#fff,#faf8fb)!important;
  box-shadow:0 17px 38px rgba(0,0,0,.13),0 7px 18px rgba(94,49,106,.07)!important;
}
html[data-theme="light"] .subscription-screen .subscription-plan-premium .plan-badge{
  color:#7a4d1d!important;
  background:#fff3e4!important;
  border:1px solid #efd8b8!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .subscription-screen .subscription-plan-premium h3{color:#1f2226!important}
html[data-theme="light"] .subscription-screen .subscription-plan-premium .subscription-plan-head p{color:#747a82!important}
html[data-theme="light"] .subscription-screen .subscription-plan-premium .plan-save{background:#fff1e5!important;color:#87531d!important}
html[data-theme="light"] .subscription-screen .subscription-plan-price{border-bottom-color:#e7e7e9!important}
html[data-theme="light"] .subscription-screen .subscription-plan-price strong{color:#87531d!important}
html[data-theme="light"] .subscription-screen .subscription-plan-price del{color:#8b9097!important}
html[data-theme="light"] .subscription-screen .subscription-plan-price small{color:#747a82!important}
html[data-theme="light"] .subscription-screen .subscription-plan-benefits span{color:#3f454c!important}
html[data-theme="light"] .subscription-screen .subscription-plan-benefits .ico{color:#71347d!important}
html[data-theme="light"] .subscription-screen .subscription-plan-cta{color:#fff!important}
html[data-theme="light"] .subscription-screen .subscription-plan-cta:disabled{
  background:#eeeeef!important;
  color:#777d84!important;
  border:1px solid #dedfe1!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .subscription-screen .moneyback{color:#747a82!important}
html[data-theme="light"] .subscription-screen .moneyback .ico{color:#71347d!important}

html[data-theme="light"] .subscription-screen .premium-benefits{
  border-color:#e5e5e7!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.10),inset 0 1px #fff!important;
}
html[data-theme="light"] .subscription-screen .premium-benefits>h2{color:#1d1f22!important}
html[data-theme="light"] .subscription-screen .premium-benefits article>i{
  background:#f1e9f5!important;
  color:#71347d!important;
  border:1px solid #e3d7e7!important;
}
html[data-theme="light"] .subscription-screen .premium-benefits b{color:#25282c!important}
html[data-theme="light"] .subscription-screen .premium-benefits small{color:#747a82!important}

html[data-theme="light"] .subscription-screen .subscription-history>header h2{color:#1d1f22!important}
html[data-theme="light"] .subscription-screen .subscription-history>header button{color:#71347d!important}
html[data-theme="light"] .subscription-screen .subscription-history>div{
  border:1px solid #e5e5e7!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.09)!important;
}
html[data-theme="light"] .subscription-screen .subscription-history-row{
  color:#25282c!important;
  border-top-color:#e9e9eb!important;
  background:#fff!important;
}
html[data-theme="light"] .subscription-screen .subscription-history-row b{color:#25282c!important}
html[data-theme="light"] .subscription-screen .subscription-history-row small{color:#7a8088!important}
html[data-theme="light"] .subscription-screen .subscription-history-row>strong{color:#4f555c!important}
html[data-theme="light"] .subscription-screen .subscription-history-row>em{background:#f0f0f1!important;color:#686f77!important}
html[data-theme="light"] .subscription-screen .subscription-history-row>em.active{background:#e9f6ee!important;color:#207347!important}
html[data-theme="light"] .subscription-screen .subscription-history-row>.ico{color:#8b9097!important}

/* Subscription purchasing reuses the already-light shared site payment sheet from Hotfix364.
   Wallet Top Up's TGPayment modal remains its isolated provider-owned white modal. */
html[data-theme="light"] .subscription-screen .history-crown{color:#fff!important}
html[data-theme="light"] .subscription-screen .history-crown .ico{color:#fff!important}
html[data-theme="light"] :is(.wallet-main-screen,.wallet-topup-screen,.subscription-screen) .empty-symbol{
  background:#f1e9f5!important;
  color:#71347d!important;
  border:1px solid #e3d7e7!important;
  box-shadow:0 7px 18px rgba(0,0,0,.06)!important;
}
nn/* Xmegram 3.4.9-hotfix367 · Light mode batch 8 — Wallet Payment Methods + Upload + Creator Studio
   Color-only parity pass. Public Live Watch and Reels are intentionally excluded.
   Creator Studio camera/test/player media surfaces stay dark for media readability. */

/* 1) WALLET PAYMENT METHODS — saved methods, form, states and confirmation entry. */
html[data-theme="light"] .wallet-methods-screen{
  background:#fff!important;
  color:#1d2024!important;
}
html[data-theme="light"] .wallet-methods-screen .commerce-panel.method-manager,
html[data-theme="light"] .wallet-methods-screen .commerce-form-card{
  border-color:#e2e3e5!important;
  background:#fff!important;
  color:#1d2024!important;
  box-shadow:0 14px 34px rgba(0,0,0,.10),inset 0 1px #fff!important;
}
html[data-theme="light"] .wallet-methods-screen .method-manager>header{
  border-bottom-color:#e8e8ea!important;
}
html[data-theme="light"] .wallet-methods-screen .method-manager h2,
html[data-theme="light"] .wallet-methods-screen .commerce-form-card h2{color:#1d2024!important}
html[data-theme="light"] .wallet-methods-screen .saved-methods article{
  border-color:#e4e4e6!important;
  background:#fafafa!important;
  color:#24272b!important;
  box-shadow:0 7px 18px rgba(0,0,0,.055),inset 0 1px #fff!important;
}
html[data-theme="light"] .wallet-methods-screen .saved-methods b{color:#24272b!important}
html[data-theme="light"] .wallet-methods-screen .saved-methods small{color:#767c84!important}
html[data-theme="light"] .wallet-methods-screen .saved-methods em{
  color:#24754a!important;
  background:#eaf7ef!important;
  border:1px solid #d6eddf!important;
}
html[data-theme="light"] .wallet-methods-screen .saved-methods button:not(.method-delete){color:#71347d!important}
html[data-theme="light"] .wallet-methods-screen .method-delete{
  color:#a63c4b!important;
  background:#fff0f2!important;
  border:1px solid #f0d9dd!important;
}
html[data-theme="light"] .wallet-methods-screen .provider-logo{
  background:linear-gradient(145deg,#f2eaf6,#fff5e8)!important;
  border:1px solid #e2d5e5!important;
  color:#71347d!important;
  font-size:13px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.055),inset 0 1px #fff!important;
}
html[data-theme="light"] .wallet-methods-screen .provider-logo .ico{color:#71347d!important}
html[data-theme="light"] .wallet-methods-screen .commerce-form>label,
html[data-theme="light"] .wallet-methods-screen .check-line{color:#444a51!important}
html[data-theme="light"] .wallet-methods-screen .commerce-form input,
html[data-theme="light"] .wallet-methods-screen .commerce-form select{
  border-color:#dedfe2!important;
  background:#f7f7f8!important;
  color:#202327!important;
  box-shadow:inset 0 1px rgba(0,0,0,.025)!important;
}
html[data-theme="light"] .wallet-methods-screen .commerce-form input::placeholder{color:#92979d!important}
html[data-theme="light"] .wallet-methods-screen .commerce-form input:focus,
html[data-theme="light"] .wallet-methods-screen .commerce-form select:focus{
  border-color:#c9a9cd!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(131,58,180,.075)!important;
}
html[data-theme="light"] .wallet-methods-screen .mini-empty{color:#777d84!important}

/* 2) UPLOAD / CREATE POST — shell, composer, dropdowns, import, preview chrome and upload-only sheets. */
html[data-theme="light"] .screen.upload-shell,
html[data-theme="light"] .upload-composer{
  background:#fff!important;
  color:#1b1e22!important;
}
html[data-theme="light"] .upload-screen{
  background:#fff!important;
  color:#1b1e22!important;
  --upload-card:#fafafa;
  --upload-card-2:#f5f5f6;
  --upload-line:#e5e5e7;
  --upload-soft:#f1eaf5;
  --upload-premium-card:linear-gradient(155deg,#fff,#f8f8f9);
  --upload-premium-border:#e3e3e5;
}
html[data-theme="light"] .upload-shell .upload-screen>.topbar,
html[data-theme="light"] .upload-shell .upload-desktop-topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:#e7e7e9!important;
  color:#1b1e22!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08),inset 0 -1px #fff!important;
}
html[data-theme="light"] .upload-shell .upload-composer{
  border-color:#e2e3e5!important;
  background:#fff!important;
  box-shadow:0 18px 50px rgba(0,0,0,.12)!important;
}
html[data-theme="light"] .upload-user-row{border-bottom-color:#e8e8ea!important}
html[data-theme="light"] .upload-user-row strong{color:#202327!important}
html[data-theme="light"] .upload-avatar{
  background:#f1eaf5!important;
  color:#71347d!important;
  box-shadow:inset 0 0 0 1px #dfd3e2,0 5px 14px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] .upload-caption{
  border-bottom-color:#e8e8ea!important;
  background:#fff!important;
  color:#202327!important;
}
html[data-theme="light"] .upload-caption::placeholder{color:#8d939a!important}
html[data-theme="light"] .upload-actions{border-bottom-color:#e8e8ea!important}
html[data-theme="light"] .upload-action{
  border-color:#e1e2e4!important;
  background:#fafafa!important;
  color:#25282c!important;
  box-shadow:0 6px 16px rgba(0,0,0,.05),inset 0 1px #fff!important;
}
html[data-theme="light"] .upload-action:hover,
html[data-theme="light"] .upload-action:focus-visible{
  border-color:#d4c5d8!important;
  background:#f7f2f8!important;
}
html[data-theme="light"] .upload-actions>[data-upload-pick]{
  border-color:#cfe8ec!important;
  background:linear-gradient(155deg,#f4fbfc,#fff)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.055),inset 0 1px #fff!important;
}
html[data-theme="light"] .upload-actions>[data-upload-import]{
  border-color:#e2e3e5!important;
  background:linear-gradient(155deg,#fff,#f8f8f9)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.045)!important;
}
html[data-theme="light"] .upload-actions>[data-upload-import] .ico{color:#69727d!important}
html[data-theme="light"] .upload-actions>.upload-action-live{
  border-color:#e3d8e5!important;
  background:linear-gradient(150deg,#fff8f9,#faf7fc)!important;
  color:#25282c!important;
  box-shadow:0 8px 20px rgba(0,0,0,.06),inset 0 1px #fff!important;
}
html[data-theme="light"] .upload-actions>.upload-action-live:before{
  background:linear-gradient(90deg,rgba(253,29,29,.035),transparent 34%,transparent 70%,rgba(131,58,180,.035))!important;
}
html[data-theme="light"] .upload-actions>.upload-action-live>span small{color:#737b84!important}
html[data-theme="light"] .upload-actions>.upload-action-live.is-locked,
html[data-theme="light"] .upload-actions>.upload-action-live:disabled{color:#777d84!important}
html[data-theme="light"] .upload-import-input{
  border-color:#e1e2e4!important;
  background:#f8f8f9!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .upload-import-input>.ico{color:#787f87!important}
html[data-theme="light"] .upload-import-input input{color:#202327!important}
html[data-theme="light"] .upload-import-input input::placeholder{color:#92979d!important}
html[data-theme="light"] .upload-import-ok{color:#174c2d!important;background:#dff4e7!important}
html[data-theme="light"] .upload-import-track,
html[data-theme="light"] .upload-composer-progress>div{
  background:#ececef!important;
  box-shadow:inset 0 0 0 1px #e1e2e4!important;
}
html[data-theme="light"] .upload-import-progress b,
html[data-theme="light"] .upload-composer-progress b{color:#6b5470!important}
html[data-theme="light"] .upload-category-control>.upload-setting-row,
html[data-theme="light"] .upload-gates>.upload-setting-row,
html[data-theme="light"] .upload-setting-row{
  border-color:#e2e3e5!important;
  background:linear-gradient(155deg,#fff,#f8f8f9)!important;
  color:#24272b!important;
  box-shadow:0 5px 14px rgba(0,0,0,.04),inset 0 1px #fff!important;
}
html[data-theme="light"] .upload-setting-value,
html[data-theme="light"] .upload-setting-row>.ico{color:#737a82!important}
html[data-theme="light"] .upload-setting-icon{
  border-color:#d7ecef!important;
  background:#eef9fa!important;
  color:#168ea3!important;
}
html[data-theme="light"] .upload-gates>.upload-setting-row:has(#uploadSubscriberOnly) .upload-setting-icon{
  border-color:#e3d6e7!important;background:#f3ebf6!important;color:#71347d!important;
}
html[data-theme="light"] .upload-gates>.upload-setting-row:has(#uploadBothAccess) .upload-setting-icon{
  border-color:#efdfc7!important;background:#fff5e8!important;color:#8a5a20!important;
}
html[data-theme="light"] .upload-switch{background:#d9dce0!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.12)!important}
html[data-theme="light"] .upload-switch i{box-shadow:0 2px 7px rgba(0,0,0,.24)!important}
html[data-theme="light"] .upload-category-dropdown{
  border-color:#dedfe2!important;
  background:#fff!important;
  color:#24272b!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
}
html[data-theme="light"] .upload-category-options label:hover{background:#f5f0f7!important}
html[data-theme="light"] .upload-category-options span b{color:#24272b!important}
html[data-theme="light"] .upload-category-options span small,
html[data-theme="light"] .upload-category-empty{color:#777d84!important}
html[data-theme="light"] .upload-category-done{background:#f1eaf5!important;color:#71347d!important;border:1px solid #e2d5e5!important}
html[data-theme="light"] .imported-video-card.professional,
html[data-theme="light"] .imported-video-card{
  border-color:#e2e3e5!important;
  background:#fff!important;
  color:#24272b!important;
  box-shadow:0 8px 20px rgba(0,0,0,.06)!important;
}
html[data-theme="light"] .imported-video-copy b{color:#24272b!important}
html[data-theme="light"] .imported-video-copy span{color:#777d84!important}
html[data-theme="light"] .picked-file-fallback{background:#f7f7f8!important;color:#747b83!important}
/* Uploaded media itself stays a dark media surface. */
html[data-theme="light"] :is(.picked-video,.imported-video-thumb,.imported-video-card.professional .imported-video-thumb,.upload-pro-player){background:#05070a!important}
html[data-theme="light"] :is(.picked-duration,.preview-float,.upload-pro-center,.upload-pro-controls){color:#fff!important}
html[data-theme="light"] .upload-preview-actions .preview-float{
  background:rgba(9,12,18,.78)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
}
html[data-theme="light"] .upload-bottom-publish{color:#fff!important}
/* Upload-only blocking/rejection and price sheets live outside .upload-shell in drawerRoot. */
html[data-theme="light"] .upload-block-popup,
html[data-theme="light"] .upload-price-sheet{
  border-color:#e1e2e4!important;
  background:radial-gradient(circle at 88% -6%,rgba(252,176,69,.08),transparent 28%),radial-gradient(circle at 8% 0%,rgba(131,58,180,.08),transparent 30%),linear-gradient(180deg,#fff,#fafafa)!important;
  color:#1f2226!important;
  box-shadow:0 -22px 70px rgba(0,0,0,.24)!important;
}
html[data-theme="light"] .upload-block-popup h2,
html[data-theme="light"] .upload-price-sheet>header b{color:#1f2226!important}
html[data-theme="light"] .upload-block-popup p{color:#6d737b!important}
html[data-theme="light"] .upload-price-sheet>header button{
  background:#f0f0f2!important;color:#555c64!important;border:1px solid #dedfe2!important;
}
html[data-theme="light"] .upload-price-sheet .price-entry{
  border-color:#dedfe2!important;background:#f7f7f8!important;box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .upload-price-sheet .price-entry span{color:#737a82!important}
html[data-theme="light"] .upload-price-sheet .price-entry input{color:#202327!important}

/* 3) CREATOR STUDIO — channel manager, analytics pulse, private Live Studio management panels. */
html[data-theme="light"] .creator-studio-screen{
  --studio-line:#e4e4e6;
  --studio-card:#fff;
  --studio-card-2:#f8f8f9;
  background:#fff!important;
  color:#1d2024!important;
}
html[data-theme="light"] .creator-studio-screen>.topbar{
  background:rgba(255,255,255,.96)!important;
  border-bottom-color:#e7e7e9!important;
  color:#1d2024!important;
  box-shadow:0 8px 24px rgba(0,0,0,.08)!important;
}
html[data-theme="light"] .creator-studio-screen .creator-studio-heading small{color:#71347d!important}
html[data-theme="light"] .creator-studio-screen .creator-studio-heading h1{color:#17191c!important}
html[data-theme="light"] .creator-studio-screen .creator-studio-heading p{color:#6f767e!important}
html[data-theme="light"] .creator-studio-screen .creator-upload-head{
  background:#f2f2f3!important;color:#363b41!important;border:1px solid #e0e1e3!important;
  box-shadow:0 5px 14px rgba(0,0,0,.05)!important;
}
html[data-theme="light"] .creator-studio-screen .creator-live-entry{
  border-color:#e3d5e6!important;
  background:linear-gradient(145deg,#fff6f7,#f7f1fa)!important;
  color:#4e3752!important;
  box-shadow:0 6px 16px rgba(0,0,0,.05)!important;
}
html[data-theme="light"] .creator-studio-screen .creator-summary article{
  border-color:#e2e3e5!important;
  background:linear-gradient(145deg,#fff,#f7f7f8)!important;
  color:#1f2226!important;
  box-shadow:0 10px 24px rgba(0,0,0,.07),inset 0 1px #fff!important;
}
html[data-theme="light"] .creator-studio-screen .creator-stat-icon{
  background:#f1eaf5!important;color:#71347d!important;border:1px solid #e2d5e5!important;
}
html[data-theme="light"] .creator-studio-screen .creator-summary small{color:#747b83!important}
html[data-theme="light"] .creator-studio-screen .creator-summary b{color:#1f2226!important}
html[data-theme="light"] .creator-performance-pulse{
  border-color:#e2e3e5!important;
  background:linear-gradient(145deg,#fff,#f8f8f9)!important;
  box-shadow:0 11px 26px rgba(0,0,0,.075),inset 0 1px #fff!important;
}
html[data-theme="light"] .creator-performance-pulse>header small{color:#71347d!important}
html[data-theme="light"] .creator-performance-pulse>header h2{color:#1d2024!important}
html[data-theme="light"] .creator-performance-pulse>header>span{border-color:#e1e2e4!important;color:#777d84!important;background:#f7f7f8!important}
html[data-theme="light"] .creator-pulse-grid>article,
html[data-theme="light"] .creator-pulse-top{
  border-color:#e6e6e8!important;background:#fafafa!important;color:#23262a!important;
}
html[data-theme="light"] .creator-pulse-icon{border-color:#e6dccd!important;background:#fff5e8!important;color:#8b5b22!important}
html[data-theme="light"] .creator-pulse-grid article small,
html[data-theme="light"] .creator-pulse-top small{color:#747b83!important}
html[data-theme="light"] .creator-pulse-grid article b,
html[data-theme="light"] .creator-pulse-top b{color:#222529!important}
html[data-theme="light"] .creator-pulse-grid article em,
html[data-theme="light"] .creator-pulse-top em{color:#777e86!important}
html[data-theme="light"] .creator-pulse-grid article em i,
html[data-theme="light"] .creator-pulse-top>.ico{color:#8a9097!important}
html[data-theme="light"] .creator-pulse-grid article em.up{color:#2c754d!important}
html[data-theme="light"] .creator-pulse-grid article em.down{color:#a64a58!important}
html[data-theme="light"] .creator-pulse-empty-icon{background:#f1eaf5!important;color:#71347d!important;border:1px solid #e2d5e5!important}
html[data-theme="light"] .creator-studio-screen .creator-studio-toolbar{
  border-color:#e2e3e5!important;background:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] .creator-studio-screen .creator-studio-search{
  border-color:#dedfe2!important;background:#f7f7f8!important;color:#777e86!important;
}
html[data-theme="light"] .creator-studio-screen .creator-studio-search:focus-within{
  border-color:#c9a9cd!important;background:#fff!important;box-shadow:0 0 0 3px rgba(131,58,180,.075)!important;
}
html[data-theme="light"] .creator-studio-screen .creator-studio-search input{color:#202327!important}
html[data-theme="light"] .creator-studio-screen .creator-studio-search input::placeholder{color:#92979d!important}
html[data-theme="light"] .creator-studio-screen .creator-studio-search button{color:#666d75!important}
html[data-theme="light"] .creator-studio-screen .creator-studio-filters button{
  border:1px solid #e2e3e5!important;background:#f5f5f6!important;color:#555c64!important;box-shadow:none!important;
}
html[data-theme="light"] .creator-studio-screen .creator-studio-filters button.active{
  border-color:#e0d2e3!important;background:#f1eaf5!important;color:#71347d!important;box-shadow:none!important;
}
html[data-theme="light"] .creator-studio-screen .creator-list{background:transparent!important;border-color:#e3e3e5!important}
html[data-theme="light"] .creator-studio-screen .creator-table-head{border-bottom-color:#e5e5e7!important;color:#777e86!important}
html[data-theme="light"] .creator-studio-screen .creator-row{
  border-color:#e4e4e6!important;background:#fff!important;color:#23262a!important;
  box-shadow:0 8px 20px rgba(0,0,0,.055)!important;
}
html[data-theme="light"] .creator-studio-screen .creator-row:hover{background:#fafafa!important}
html[data-theme="light"] .creator-studio-screen .creator-video-copy>b{color:#23262a!important}
html[data-theme="light"] .creator-studio-screen .creator-video-copy>small,
html[data-theme="light"] .creator-studio-screen .creator-mobile-meta,
html[data-theme="light"] .creator-studio-screen .creator-mobile-meta>span:not(.creator-status),
html[data-theme="light"] .creator-studio-screen .creator-status-col>small{color:#777e86!important}
html[data-theme="light"] .creator-studio-screen .creator-col,
html[data-theme="light"] .creator-studio-screen .creator-number{color:#4c535b!important}
html[data-theme="light"] .creator-studio-screen .creator-price,
html[data-theme="light"] .creator-studio-screen .creator-mobile-price{color:#87531d!important}
html[data-theme="light"] .creator-studio-screen .creator-status{background:#f0f1f2!important;color:#636a72!important}
html[data-theme="light"] .creator-studio-screen .creator-status.published{background:#e9f6ee!important;color:#24754a!important}
html[data-theme="light"] .creator-studio-screen .creator-status.processing{background:#fff5df!important;color:#87621e!important}
html[data-theme="light"] .creator-studio-screen .creator-status.private,
html[data-theme="light"] .creator-studio-screen .creator-status.unlisted{background:#eff0f2!important;color:#616872!important}
html[data-theme="light"] .creator-studio-screen .creator-status.rejected{background:#fff0f2!important;color:#a33d4c!important}
html[data-theme="light"] .creator-studio-screen .creator-row-actions{border-top-color:#e9e9eb!important}
html[data-theme="light"] .creator-studio-screen .creator-icon-action{
  background:#f1f1f2!important;color:#555c64!important;border:1px solid #e0e1e3!important;
}
html[data-theme="light"] .creator-studio-screen .creator-icon-action:hover{background:#e9e9eb!important;color:#222529!important}
html[data-theme="light"] .creator-studio-screen .creator-icon-action.danger-link{background:#fff0f2!important;color:#a63c4b!important;border-color:#f0d8dd!important}
html[data-theme="light"] .creator-studio-screen .creator-studio-no-results{color:#777e86!important}
html[data-theme="light"] .creator-studio-screen .creator-studio-no-results b{color:#25282c!important}
/* Creator thumbnails/duration are media, so the media-local dark treatment remains. */
html[data-theme="light"] .creator-studio-screen .creator-thumb{background-color:#151b24!important}
html[data-theme="light"] .creator-studio-screen .creator-thumb>i{background:rgba(5,7,10,.84)!important;color:#fff!important}

/* Creator Studio > Live management: light management UI, dark preview/camera stages. */
html[data-theme="light"] .creator-live-screen .creator-live-studio{color:#1f2226!important}
html[data-theme="light"] .creator-live-screen .creator-live-hero{
  border-color:#e4dce6!important;
  background:radial-gradient(circle at 86% 0%,rgba(253,29,29,.08),transparent 34%),radial-gradient(circle at 8% 100%,rgba(252,176,69,.10),transparent 36%),linear-gradient(135deg,#fff,#faf7fb)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.11),inset 0 1px #fff!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-kicker{color:#b53d59!important}
html[data-theme="light"] .creator-live-screen .creator-live-hero h1{color:#1b1d20!important}
html[data-theme="light"] .creator-live-screen .creator-live-hero p{color:#6f767e!important}
html[data-theme="light"] .creator-live-screen .creator-live-video-link{
  border-color:#e1e2e4!important;background:#f3f3f4!important;color:#4d545c!important;box-shadow:0 5px 14px rgba(0,0,0,.05)!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-card{
  border-color:#e2e3e5!important;
  background:linear-gradient(145deg,#fff,#fafafa)!important;
  color:#222529!important;
  box-shadow:0 13px 34px rgba(0,0,0,.09),inset 0 1px #fff!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-card>header{border-bottom-color:#e7e7e9!important}
html[data-theme="light"] .creator-live-screen .creator-live-card>header>div b{color:#222529!important}
html[data-theme="light"] .creator-live-screen .creator-live-card>header>div small{color:#777e86!important}
html[data-theme="light"] .creator-live-screen .creator-live-card>header>button{
  border-color:#dedfe2!important;background:#f1f1f2!important;color:#555c64!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-status{
  border-color:#e1e2e4!important;background:#f1f1f2!important;color:#626971!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-status.live,
html[data-theme="light"] .creator-live-screen .creator-live-state.live{background:#fff0f2!important;border-color:#f1d5da!important;color:#b53d4f!important}
html[data-theme="light"] .creator-live-screen .creator-live-status.paused,
html[data-theme="light"] .creator-live-screen .creator-live-state.paused{background:#fff6e7!important;border-color:#efdfc5!important;color:#8a5c20!important}
html[data-theme="light"] .creator-live-screen .creator-live-status.ended,
html[data-theme="light"] .creator-live-screen .creator-live-state.ended{color:#747b83!important}
html[data-theme="light"] .creator-live-screen .creator-live-editor label>span,
html[data-theme="light"] .creator-live-screen .creator-live-source-pane label>span{color:#5e656d!important}
html[data-theme="light"] .creator-live-screen .creator-live-editor input,
html[data-theme="light"] .creator-live-screen .creator-live-editor select,
html[data-theme="light"] .creator-live-screen .creator-live-card #creatorLiveGoalForm input,
html[data-theme="light"] .creator-live-screen .creator-live-card #creatorLiveGoalForm select{
  border-color:#dedfe2!important;background:#f7f7f8!important;color:#202327!important;box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-editor input::placeholder,
html[data-theme="light"] .creator-live-screen .creator-live-card #creatorLiveGoalForm input::placeholder{color:#93989e!important}
html[data-theme="light"] .creator-live-screen .creator-live-editor input:focus,
html[data-theme="light"] .creator-live-screen .creator-live-editor select:focus,
html[data-theme="light"] .creator-live-screen .creator-live-card #creatorLiveGoalForm input:focus,
html[data-theme="light"] .creator-live-screen .creator-live-card #creatorLiveGoalForm select:focus{
  border-color:#c9a9cd!important;background:#fff!important;box-shadow:0 0 0 3px rgba(131,58,180,.075)!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-editor input:disabled,
html[data-theme="light"] .creator-live-screen .creator-live-editor select:disabled{color:#8b9198!important;background:#efeff1!important;border-color:#e0e1e3!important}
html[data-theme="light"] .creator-live-screen .creator-live-source-tabs{
  background:#f1f1f2!important;border-color:#e0e1e3!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-source-tabs button{color:#6c737b!important}
html[data-theme="light"] .creator-live-screen .creator-live-source-tabs button.active{
  background:#fff!important;color:#71347d!important;box-shadow:0 4px 12px rgba(0,0,0,.06),inset 0 0 0 1px #e1d5e4!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-source-pane{
  border-color:#e2e3e5!important;background:linear-gradient(145deg,#fff,#f8f8f9)!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-source-pane>small,
html[data-theme="light"] .creator-live-screen .creator-live-key-box>small,
html[data-theme="light"] .creator-live-screen .creator-phone-live-note{color:#747b83!important}
html[data-theme="light"] .creator-live-screen .creator-live-key-box label>div button,
html[data-theme="light"] .creator-live-screen .creator-live-rotate{
  border-color:#dedfe2!important;background:#f1f1f2!important;color:#4f565e!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-comments-toggle{
  border-color:#e2e3e5!important;background:#f8f8f9!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-comments-toggle>span b{color:#25282c!important}
html[data-theme="light"] .creator-live-screen .creator-live-comments-toggle>span small{color:#777e86!important}
html[data-theme="light"] .creator-live-screen .creator-live-toggle{border-color:#d8dadd!important;background:#d9dce0!important}
html[data-theme="light"] .creator-live-screen .creator-live-session-lock{
  border-color:#eeddbf!important;background:#fff7e9!important;color:#5c482b!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-session-lock small{color:#7d6a50!important}
html[data-theme="light"] .creator-live-screen .creator-live-session-lock.warning{
  border-color:#efd7dc!important;background:#fff1f3!important;color:#713d46!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-list-row{color:#25282c!important}
html[data-theme="light"] .creator-live-screen .creator-live-list-row:hover,
html[data-theme="light"] .creator-live-screen .creator-live-list-row.active{background:#f5f2f7!important}
html[data-theme="light"] .creator-live-screen .creator-live-list-row b{color:#25282c!important}
html[data-theme="light"] .creator-live-screen .creator-live-list-row small{color:#777e86!important}
html[data-theme="light"] .creator-live-screen .creator-live-list-row>.ico{color:#737a82!important}
html[data-theme="light"] .creator-live-screen .creator-live-state{background:#f0f1f2!important;color:#666d75!important;border-color:#e1e2e4!important}
html[data-theme="light"] .creator-live-screen .creator-live-empty{color:#777e86!important}
html[data-theme="light"] .creator-live-screen .creator-live-empty>span{background:#f5ebf1!important;color:#b53d59!important;border:1px solid #ead7df!important}
html[data-theme="light"] .creator-live-screen .creator-live-empty b{color:#30343a!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat>header>span{
  background:#f0f1f2!important;color:#686f77!important;border:1px solid #e0e1e3!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-chat-row:hover{background:#f6f6f7!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat-row.pinned{background:#f5f0f7!important;box-shadow:inset 2px 0 0 #833AB4!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat-row>span,
html[data-theme="light"] .creator-live-screen .creator-live-viewer>span{background:#f1eaf5!important;color:#71347d!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat-row b,
html[data-theme="light"] .creator-live-screen .creator-live-viewer>div:nth-child(2) b{color:#25282c!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat-row p{color:#5d646c!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat-actions button,
html[data-theme="light"] .creator-live-screen .creator-live-viewer-actions button{
  border-color:#e0e1e3!important;background:#f1f1f2!important;color:#5a6169!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-chat-actions button.active{background:#f1eaf5!important;color:#71347d!important;border-color:#e0d2e3!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat-empty,
html[data-theme="light"] .creator-live-screen .creator-live-viewers-empty,
html[data-theme="light"] .creator-live-screen .creator-live-viewer>div:nth-child(2) small{color:#777e86!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat form{border-top-color:#e7e7e9!important}
html[data-theme="light"] .creator-live-screen .creator-live-chat form input{
  border-color:#dedfe2!important;background:#f7f7f8!important;color:#202327!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-chat form input::placeholder{color:#92979d!important}
html[data-theme="light"] .creator-live-screen .creator-live-viewer:hover{background:#f6f6f7!important}
html[data-theme="light"] .creator-live-screen .creator-live-moderation>header>span{color:#70777f!important}
html[data-theme="light"] .creator-live-screen .creator-live-analytics-grid article{
  border-color:#e5e5e7!important;background:#fafafa!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-analytics-grid article>span{background:#f1eaf5!important;color:#71347d!important}
html[data-theme="light"] .creator-live-screen .creator-live-analytics-grid article b{color:#25282c!important}
html[data-theme="light"] .creator-live-screen .creator-live-analytics-grid article small{color:#777e86!important}
html[data-theme="light"] .creator-live-screen .creator-live-encoder-state{
  border-color:#e0e1e3!important;background:#f5f5f6!important;color:#626971!important;
}
html[data-theme="light"] .creator-live-screen .creator-live-encoder-state.connected,
html[data-theme="light"] .creator-live-screen .creator-live-encoder-state.live{color:#24754a!important;border-color:#d4eadc!important;background:#eaf7ef!important}
html[data-theme="light"] .creator-live-screen .creator-live-encoder-state.server_unavailable,
html[data-theme="light"] .creator-live-screen .creator-live-encoder-state.unavailable{color:#a63c4b!important;border-color:#efd8dc!important;background:#fff0f2!important}
/* The private test player and browser-camera preview are media surfaces and deliberately remain dark. */
html[data-theme="light"] .creator-live-screen :is(.creator-live-test-panel,.creator-live-preview-player,.creator-live-preview-clean,.creator-live-preview-stage,.creator-phone-live-stage){
  background-color:#05070a!important;
  color:#fff!important;
}
html[data-theme="light"] .creator-live-screen :is(.creator-live-preview-stage,.creator-live-test-stage,.creator-phone-live-stage video){background:#020306!important}
html[data-theme="light"] .creator-live-screen .creator-phone-live-empty{color:#9ba4b0!important}
html[data-theme="light"] .creator-live-screen .creator-phone-live-empty b{color:#f2f4f7!important}
html[data-theme="light"] .creator-live-screen .creator-phone-live-status{color:#e1e5eb!important;background:rgba(5,8,12,.78)!important;border-color:rgba(255,255,255,.12)!important}
html[data-theme="light"] .creator-live-screen .creator-phone-live-controls .soft-btn{
  border-color:#dedfe2!important;background:#f2f2f3!important;color:#4f565e!important;
}
html[data-theme="light"] .creator-live-screen .creator-phone-live-controls .soft-btn.active{background:#eaf7ef!important;color:#24754a!important;border-color:#d5eadc!important}
/* Shared confirm sheet used for Creator Studio video deletion is already covered by the core Light Mode sheet rules. */

/* Hotfix367 parity refinements: colored accents that were too bright on white. */
html[data-theme="light"] .upload-actions>[data-upload-pick] .ico{color:#168ea3!important}
html[data-theme="light"] .upload-actions>.upload-action-live .ico{color:#b53d59!important}
html[data-theme="light"] .upload-actions>.upload-action-live>em{
  background:#fff0f2!important;color:#a93c4e!important;border-color:#efd5da!important;box-shadow:none!important;
}
html[data-theme="light"] .creator-studio-screen .creator-live-entry .ico{color:#b53d59!important}
html[data-theme="light"] .creator-live-screen .creator-live-config-note{color:#87531d!important}
html[data-theme="light"] .creator-live-screen .creator-live-session-lock>.ico{color:#8a5c20!important}
html[data-theme="light"] .creator-live-screen .creator-live-session-lock.warning>.ico{color:#a83d4d!important}
html[data-theme="light"] .creator-live-screen .creator-live-save-row .danger,
html[data-theme="light"] .creator-live-screen .creator-live-viewer-actions .danger{
  background:#fff0f2!important;border-color:#efd6db!important;color:#a63c4b!important;
}

/* === Xmegram 3.4.9-hotfix368 · Light mode batch 9: Profile + Notifications + Messages inbox ===
   Additive light-only parity. Dark mode stays unchanged.
   Profile media/cover overlays remain media-safe; individual Direct Message chat is intentionally deferred. */

/* Profile canvas and identity. */
html[data-theme="light"] .profile-screen-ref,
html[data-theme="light"] .profile-screen-ref .profile-showcase{background:#fff!important;color:#151618!important}
html[data-theme="light"] .profile-screen-ref .profile-hero-shade{
  background:linear-gradient(180deg,rgba(0,0,0,.10) 24%,rgba(255,255,255,.10) 68%,rgba(255,255,255,.96) 100%),linear-gradient(90deg,rgba(0,0,0,.18),transparent 46%)!important
}
/* Hero/menu/back/actions stay white-on-dark because they sit directly over cover media. */
html[data-theme="light"] .profile-screen-ref .profile-avatar-xl{background:#f0f1f3!important;border-color:#fff!important;color:#34383e!important}
html[data-theme="light"] .profile-screen-ref .profile-avatar-live-badge{border-color:#fff!important}
html[data-theme="light"] .profile-screen-ref .profile-name-block h1{color:#151618!important;text-shadow:none!important}
html[data-theme="light"] .profile-screen-ref .profile-name-block>div{color:#70757d!important}
html[data-theme="light"] .profile-screen-ref .profile-stats-wide>div+div{border-color:#e3e4e6!important}
html[data-theme="light"] .profile-screen-ref .profile-stats-wide b{color:#191a1d!important}
html[data-theme="light"] .profile-screen-ref .profile-stats-wide span{color:#737982!important}
html[data-theme="light"] .profile-screen-ref .profile-headline{color:#202226!important}
html[data-theme="light"] .profile-screen-ref .profile-bio{color:#565c64!important}
html[data-theme="light"] .profile-screen-ref .profile-link{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-secondary{border-color:#dedfe2!important;background:#f5f5f6!important;color:#2e3237!important;box-shadow:0 7px 20px rgba(0,0,0,.055)!important}
html[data-theme="light"] .profile-screen-ref .profile-primary{color:#fff!important;text-shadow:none!important}

html[data-theme="light"] .profile-screen-ref .profile-secondary.active{border-color:#c8afd4!important;background:#f7f1f9!important;color:#653070!important}
html[data-theme="light"] .profile-screen-ref .profile-tabs{box-shadow:inset 0 -1px #e5e6e8!important}
html[data-theme="light"] .profile-screen-ref .profile-tabs button{color:#737981!important}
html[data-theme="light"] .profile-screen-ref .profile-tabs button.active{color:#17181a!important}
html[data-theme="light"] .profile-screen-ref .profile-filters-premium button{border-color:#e1e2e4!important;background:#f5f5f6!important;color:#51575f!important;box-shadow:none!important}
html[data-theme="light"] .profile-screen-ref .profile-filters-premium button.active{border-color:#d9c4df!important;background:linear-gradient(120deg,#f4eaf7,#fbf2f3 62%,#fff7ea)!important;color:#5d2d67!important;box-shadow:0 5px 14px rgba(0,0,0,.045)!important}
html[data-theme="light"] .profile-screen-ref .profile-filter-more{color:#555b63!important}
html[data-theme="light"] .profile-screen-ref .profile-about-card{border-color:#e1e2e4!important;background:#f8f8f9!important;color:#202226!important;box-shadow:0 9px 26px rgba(0,0,0,.055)!important}
html[data-theme="light"] .profile-screen-ref .profile-about-card h2{color:#18191b!important}
html[data-theme="light"] .profile-screen-ref .profile-about-card p{color:#5f656d!important}
html[data-theme="light"] .profile-screen-ref .profile-about-card a{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-tab-empty{color:#70767e!important}

/* Profile video cards: light outer copy, dark media-local pills/controls stay intact. */
html[data-theme="light"] .profile-screen-ref .profile-video-card,
html[data-theme="light"] .profile-screen-ref .profile-feed-card{border-color:#e5e6e8!important;background:#fff!important;color:#17181a!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important}
html[data-theme="light"] .profile-screen-ref .profile-video-copy{background:#fff!important;color:#18191b!important}
html[data-theme="light"] .profile-screen-ref .profile-video-copy>b{color:#18191b!important}
html[data-theme="light"] .profile-screen-ref .profile-video-views{color:#747a82!important}
html[data-theme="light"] .profile-screen-ref .profile-video-more{color:#5c626a!important;background:#f4f4f5!important;border-color:#e3e4e6!important}

/* New-video alert. */
html[data-theme="light"] .profile-screen-ref .profile-drop-alert{border-color:#e1e2e5!important;background:linear-gradient(135deg,#fff,#f7f7f8)!important;color:#202226!important;box-shadow:0 8px 24px rgba(0,0,0,.055)!important}
html[data-theme="light"] .profile-screen-ref .profile-drop-alert>span:first-child{border-color:#decde7!important;background:linear-gradient(145deg,#f5edf8,#fff6ec)!important;color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-drop-alert small{color:#747b84!important}
html[data-theme="light"] .profile-screen-ref .profile-drop-alert>i{border-color:#d5d8dc!important;background:#e8eaed!important}
html[data-theme="light"] .profile-screen-ref .profile-drop-alert>i:after{background:#777f89!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important}
html[data-theme="light"] .profile-screen-ref .profile-drop-alert.active{border-color:#d7c4df!important;background:linear-gradient(135deg,#f8f0fa,#fff 70%)!important}
html[data-theme="light"] .profile-screen-ref .profile-drop-alert.active>i{border-color:#b785ca!important;background:linear-gradient(90deg,#833ab4,#a94bb7)!important}
html[data-theme="light"] .profile-screen-ref .profile-drop-alert.active>i:after{background:#fff!important}

/* Creator membership spotlight / active member hub. */
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight{border-color:#e2d9e7!important;background:radial-gradient(circle at 0 0,rgba(131,58,180,.08),transparent 36%),radial-gradient(circle at 100% 100%,rgba(252,176,69,.08),transparent 35%),linear-gradient(145deg,#fff,#faf8fb)!important;color:#1d1e21!important;box-shadow:0 12px 32px rgba(0,0,0,.065)!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight>header{border-color:#e6e0e9!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight>header small{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight>header h2{color:#1c1d20!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight>header p{color:#70767e!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight>header>strong b{color:#8b5717!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight>header>strong small{color:#7c828a!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-crown{border-color:#decde7!important;background:linear-gradient(145deg,#f2e9f6,#fff4e6)!important;color:#733983!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-benefit{border-color:#e5e1e7!important;background:#f7f7f8!important;color:#464b52!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-benefit .ico{color:#4c8b65!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-catalogue{border-color:#e4e5e7!important;color:#626871!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-catalogue>.ico{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-catalogue b{color:#34383e!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-catalogue small{color:#777e87!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-cta.is-active{border-color:#cfe1d6!important;background:#eef7f1!important;color:#2e7149!important;box-shadow:none!important}
html[data-theme="light"] .profile-screen-ref .creator-plan-compare-trigger{border-color:#dfd7e3!important;background:linear-gradient(120deg,#f6eef8,#fff 52%,#fff8ee)!important;color:#35393f!important}
html[data-theme="light"] .profile-screen-ref .creator-plan-compare-trigger>.ico{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .creator-plan-compare-trigger b{background:#eee1f2!important;color:#62306d!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight>footer{border-color:#e5e0e8!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight>footer>span{color:#757b83!important}
html[data-theme="light"] .profile-screen-ref .profile-membership-compare-link,
html[data-theme="light"] .profile-screen-ref .profile-member-compare{border-color:#dfdfe2!important;background:#f4f4f5!important;color:#40454c!important}
html[data-theme="light"] .profile-screen-ref .profile-member-hub{border-color:#dce9e2!important;background:radial-gradient(circle at 0 0,rgba(55,177,112,.09),transparent 36%),radial-gradient(circle at 100% 100%,rgba(131,58,180,.055),transparent 34%),linear-gradient(145deg,#fbfffc,#f8faf9 68%)!important}
html[data-theme="light"] .profile-screen-ref .profile-member-status{border-color:#cfe7d8!important;background:#eef8f1!important;color:#287447!important}
html[data-theme="light"] .profile-screen-ref .profile-member-status b{color:#287447!important}
html[data-theme="light"] .profile-screen-ref .profile-member-meter{border-color:#e1e6e3!important;background:#fff!important}
html[data-theme="light"] .profile-screen-ref .profile-member-meter>header b{color:#34383e!important}
html[data-theme="light"] .profile-screen-ref .profile-member-meter>header strong{color:#2d7a4b!important}
html[data-theme="light"] .profile-screen-ref .profile-member-meter>div{background:#e7e9eb!important}
html[data-theme="light"] .profile-screen-ref .profile-member-meter>small{color:#777e87!important}
html[data-theme="light"] .profile-screen-ref .profile-member-benefit-strip>span{border-color:#e1e4e2!important;background:#f6f8f7!important;color:#4f555c!important}

/* Creator best seller: keep art/media overlay dark; lighten copy side. */
html[data-theme="light"] .profile-screen-ref .profile-bestseller-showcase{border-color:#e1e2e4!important;background:linear-gradient(145deg,#fff,#f8f8f9 72%)!important;box-shadow:0 12px 30px rgba(0,0,0,.065)!important}
html[data-theme="light"] .profile-screen-ref .profile-bestseller-copy>small{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-bestseller-copy h2{color:#191a1d!important}
html[data-theme="light"] .profile-screen-ref .profile-bestseller-copy>p,
html[data-theme="light"] .profile-screen-ref .profile-bestseller-meta{color:#747b84!important}
html[data-theme="light"] .profile-screen-ref .profile-bestseller-meta strong{color:#8b5717!important}
html[data-theme="light"] .profile-screen-ref .profile-bestseller-open{border-color:#dedfe1!important;background:#f1f2f3!important;color:#161719!important}
html[data-theme="light"] .profile-screen-ref .profile-bestseller-cart .cart-action{border-color:#dedfe1!important;background:#f3f3f4!important;color:#373b41!important}

/* Creator collections. */
html[data-theme="light"] .profile-screen-ref .creator-collections-section>header small{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .creator-collections-section>header h2{color:#191a1d!important}
html[data-theme="light"] .profile-screen-ref .creator-collections-section>header>span{color:#747b84!important}
html[data-theme="light"] .profile-screen-ref .creator-collection-card{border-color:#e2e3e5!important;background:linear-gradient(145deg,#fff,#f7f7f8)!important;color:#1b1c1f!important;box-shadow:0 8px 22px rgba(0,0,0,.05)!important}
html[data-theme="light"] .profile-screen-ref .creator-collection-copy>small{color:#7b6286!important}
html[data-theme="light"] .profile-screen-ref .creator-collection-copy>b{color:#202226!important}
html[data-theme="light"] .profile-screen-ref .creator-collection-copy>span{color:#727982!important}
html[data-theme="light"] .profile-screen-ref .creator-collection-card>i{color:#6a717a!important}
html[data-theme="light"] .profile-screen-ref .creator-collection-media{background:#eceef1!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.055)!important}
html[data-theme="light"] .profile-screen-ref .creator-collection-card:hover{border-color:#d8dade!important;background:linear-gradient(145deg,#fff,#f3f3f4)!important}
/* collection media glass/bundle badges remain dark over artwork */

/* Creator store category / access / search. */
html[data-theme="light"] .profile-screen-ref .profile-shop-categories>header small,
html[data-theme="light"] .profile-screen-ref .profile-shop-access>header small{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-categories>header b,
html[data-theme="light"] .profile-screen-ref .profile-shop-access>header b{color:#202226!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-categories>header>span,
html[data-theme="light"] .profile-screen-ref .profile-shop-access>header>span{color:#777e87!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-category{border-color:#e2e3e5!important;background:linear-gradient(145deg,#fff,#f7f7f8)!important;color:#212327!important;box-shadow:none!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-category-art{box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-category-all{background:linear-gradient(145deg,#f1e8f6,#fff4e7)!important;color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-category small{color:#747b84!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-category.active{border-color:#d6c2df!important;background:linear-gradient(135deg,#f5edf8,#fff 65%,#fff7ec)!important;color:#54285e!important;box-shadow:0 7px 18px rgba(0,0,0,.045)!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-category.active b{color:#54285e!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-category.active small{color:#77687c!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-access{border-color:#e2e3e5!important;background:#fafafa!important;color:#222428!important;box-shadow:none!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-access-chip{border-color:#e1e2e4!important;background:#f5f5f6!important;color:#4b5057!important;box-shadow:none!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-access-chip>i{color:#765c80!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-access-chip>b{background:#e9eaec!important;color:#656c75!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-access-chip.active{border-color:#d3bade!important;background:linear-gradient(135deg,#f4eaf7,#fff 70%,#fff6e9)!important;color:#572a61!important;box-shadow:none!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-access-chip.active>i{color:#713483!important}
html[data-theme="light"] .profile-screen-ref .profile-shop-access-chip.active>b{background:#eadcf0!important;color:#63306e!important}
html[data-theme="light"] .profile-screen-ref .profile-store-search{border-color:#e2e3e5!important;background:#f8f8f9!important;box-shadow:0 7px 20px rgba(0,0,0,.045)!important}
html[data-theme="light"] .profile-screen-ref .profile-store-search label{border-color:#e0e1e3!important;background:#fff!important;color:#777e87!important}
html[data-theme="light"] .profile-screen-ref .profile-store-search input{color:#18191b!important}
html[data-theme="light"] .profile-screen-ref .profile-store-search input::placeholder{color:#8a9098!important}
html[data-theme="light"] .profile-screen-ref .profile-store-search label button{background:#f0f1f2!important;color:#666d75!important}
html[data-theme="light"] .profile-screen-ref .profile-store-search>span b{color:#1f2124!important}
html[data-theme="light"] .profile-screen-ref .profile-store-search>span small{color:#737a83!important}

/* Floating profile shop bar. */
html[data-theme="light"] .profile-sticky-shop{border-color:#dedfe2!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,247,248,.98))!important;box-shadow:0 16px 44px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.8)!important}
html[data-theme="light"] .profile-sticky-avatar{background:#eceef0!important;color:#30343a!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07)!important}
html[data-theme="light"] .profile-sticky-copy small{color:#713483!important}
html[data-theme="light"] .profile-sticky-copy b{color:#202226!important}
html[data-theme="light"] .profile-sticky-copy em{color:#727982!important}
html[data-theme="light"] .profile-sticky-follow{border-color:#dedfe2!important;background:#f4f4f5!important;color:#33373d!important}
html[data-theme="light"] .profile-sticky-follow.following{background:#eeeeef!important;color:#686e76!important}
html[data-theme="light"] .profile-sticky-membership{border-color:#d7bfdf!important;background:linear-gradient(115deg,#f1e5f5,#fff2e3)!important;color:#63306e!important}
html[data-theme="light"] .profile-sticky-membership small{color:#805015!important}
html[data-theme="light"] .profile-sticky-member{border-color:#cfe1d6!important;background:#eef7f1!important;color:#2e7149!important}

/* Private/logged-out profile overlay. */
html[data-theme="light"] .profile-screen-ref .profile-anonymous-lock{background:rgba(255,255,255,.44)!important;backdrop-filter:blur(18px) brightness(1.02)!important;-webkit-backdrop-filter:blur(18px) brightness(1.02)!important}
html[data-theme="light"] .profile-screen-ref .profile-anonymous-gate{border-color:#dedfe2!important;background:rgba(255,255,255,.96)!important;box-shadow:0 24px 70px rgba(0,0,0,.16)!important;color:#18191b!important}
html[data-theme="light"] .profile-screen-ref .profile-anonymous-title h2{color:#18191b!important}
html[data-theme="light"] .profile-screen-ref .profile-anonymous-gate p{color:#686f78!important}

/* Profile-only action/sort sheets. */
html[data-theme="light"] .profile-action-sheet,
html[data-theme="light"] .profile-filter-sheet,
html[data-theme="light"] .profile-options-premium{border-color:#dedfe2!important;background:linear-gradient(180deg,#fff,#f8f8f9)!important;color:#18191b!important;box-shadow:0 -24px 72px rgba(0,0,0,.18)!important}
html[data-theme="light"] .profile-action-sheet>header,
html[data-theme="light"] .profile-filter-sheet>header,
html[data-theme="light"] .profile-options-premium>header{border-color:#e4e5e7!important;background:linear-gradient(180deg,#fff,#fbfbfb)!important;box-shadow:none!important}
html[data-theme="light"] .profile-action-sheet>header b,
html[data-theme="light"] .profile-filter-sheet>header b,
html[data-theme="light"] .profile-options-premium>header b{color:#1b1c1f!important}
html[data-theme="light"] .profile-options-premium>header small{color:#713483!important}
html[data-theme="light"] .profile-action-sheet>header>button,
html[data-theme="light"] .profile-filter-sheet>header>button,
html[data-theme="light"] .profile-options-premium>header>button{border-color:#e0e1e3!important;background:#f1f2f3!important;color:#555b63!important}
html[data-theme="light"] .profile-action-sheet .pro-action-list>button,
html[data-theme="light"] .profile-options-premium>.pro-action-list>button{border-color:#e2e3e5!important;background:linear-gradient(145deg,#fff,#f5f5f6)!important;color:#222428!important;box-shadow:none!important}
html[data-theme="light"] .profile-action-sheet .pro-action-list>button>i,
html[data-theme="light"] .profile-options-premium>.pro-action-list>button>i{border-color:#e2d5e7!important;background:linear-gradient(145deg,#f3eaf7,#fff5e8)!important;color:#713483!important}
html[data-theme="light"] .profile-action-sheet .pro-action-list>button b,
html[data-theme="light"] .profile-options-premium>.pro-action-list>button>span>b{
  color:#222428!important;
  background:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.22!important;
}
html[data-theme="light"] .profile-action-sheet .pro-action-list>button>em,
html[data-theme="light"] .profile-options-premium>.pro-action-list>button>em{color:#737a83!important}
html[data-theme="light"] .profile-action-sheet .pro-action-list>button:active,
html[data-theme="light"] .profile-options-premium>.pro-action-list>button:active{border-color:#d7d9dc!important;background:#f0f1f2!important}
html[data-theme="light"] .profile-filter-sheet>div>button{color:#30343a!important;background:transparent!important}
html[data-theme="light"] .profile-filter-sheet>div>button>span{background:#f1e8f5!important;color:#713483!important}
html[data-theme="light"] .profile-filter-sheet>div>button:active{background:#f2f2f3!important}
html[data-theme="light"] .profile-filter-sheet>div>button.active{background:#f1e7f5!important;color:#5d2c68!important}

/* Verified-profile floating share card. */
html[data-theme="light"] .profile-share-float{border-color:#dedfe2!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,248,249,.99))!important;box-shadow:0 24px 70px rgba(0,0,0,.16),inset 0 0 0 1px rgba(131,58,180,.035)!important;color:#1b1c1f!important}
html[data-theme="light"] .profile-share-float:before{background:radial-gradient(circle at 12% 0,rgba(131,58,180,.09),transparent 36%),radial-gradient(circle at 92% 8%,rgba(253,29,29,.055),transparent 34%)!important}
html[data-theme="light"] .profile-share-close{border-color:#e1e2e4!important;background:#f1f2f3!important;color:#555b63!important}
html[data-theme="light"] .profile-share-badge{color:#b43755!important}
html[data-theme="light"] .profile-share-float h3{color:#1a1b1e!important}
html[data-theme="light"] .profile-share-float p{color:#666d75!important}
html[data-theme="light"] .profile-share-link{border-color:#e0e1e3!important;background:#f5f5f6!important}
html[data-theme="light"] .profile-share-link input{color:#4f555d!important}

/* Profile-triggered shared creator subscription / compare / tip sheets only.
   The context class is added only when these shared sheets are opened from Profile,
   so Reels and unrelated routes keep their existing treatment. */
html[data-theme="light"] .profile-context-sheet.support-money-sheet,
html[data-theme="light"] .profile-context-sheet.creator-subscribe-sheet,
html[data-theme="light"] .profile-context-sheet.creator-plan-compare-sheet{border-color:#dedfe2!important;background:radial-gradient(circle at 50% -10%,rgba(131,58,180,.055),transparent 32%),linear-gradient(180deg,#fff,#f8f8f9)!important;color:#18191b!important;box-shadow:0 -28px 80px rgba(0,0,0,.18)!important}
html[data-theme="light"] .profile-context-sheet>header{border-color:#e3e4e6!important}
html[data-theme="light"] .profile-context-sheet>header h2,
html[data-theme="light"] .profile-context-sheet>header b{color:#1a1b1e!important}
html[data-theme="light"] .profile-context-sheet>header small{color:#713483!important}
html[data-theme="light"] .profile-context-sheet>header p{color:#727982!important}
html[data-theme="light"] .profile-context-sheet>header>button{border-color:#e0e1e3!important;background:#f1f2f3!important;color:#555b63!important}
html[data-theme="light"] .profile-context-sheet .support-money-icon{background:linear-gradient(135deg,#f1e8f5,#fff2e4)!important;color:#713483!important}
html[data-theme="light"] .profile-context-sheet .support-balance{border-color:#e1e2e4!important;background:#f5f5f6!important;color:#222428!important}
html[data-theme="light"] .profile-context-sheet .support-balance span{color:#70767e!important}
html[data-theme="light"] .profile-context-sheet .support-balance strong{color:#1c1d20!important}
html[data-theme="light"] .profile-context-sheet .support-presets button{border-color:#e1e2e4!important;background:#f5f5f6!important;color:#202226!important}
html[data-theme="light"] .profile-context-sheet .support-presets button span{color:#777e87!important}
html[data-theme="light"] .profile-context-sheet .support-presets button.active{border-color:#d0b2dc!important;background:#f1e7f5!important;color:#5d2c68!important}
html[data-theme="light"] .profile-context-sheet .support-amount>span,
html[data-theme="light"] .profile-context-sheet .support-message>span{color:#373b41!important}
html[data-theme="light"] .profile-context-sheet .support-message small{color:#7b8189!important}
html[data-theme="light"] .profile-context-sheet .support-amount>div,
html[data-theme="light"] .profile-context-sheet .support-message textarea{border-color:#e1e2e4!important;background:#f5f5f6!important;color:#1d1f22!important}
html[data-theme="light"] .profile-context-sheet .support-amount>div>b{color:#6d737b!important}
html[data-theme="light"] .profile-context-sheet .support-amount input{color:#1b1c1f!important}
html[data-theme="light"] .profile-context-sheet .creator-plan-compare-trigger{border-color:#dfd7e3!important;background:linear-gradient(120deg,#f6eef8,#fff 52%,#fff8ee)!important;color:#35393f!important}
html[data-theme="light"] .profile-context-sheet .creator-plan-compare-trigger>.ico{color:#713483!important}
html[data-theme="light"] .profile-context-sheet .creator-plan-compare-trigger b{background:#eee1f2!important;color:#62306d!important}
html[data-theme="light"] .profile-context-sheet .creator-subscribe-plan,
html[data-theme="light"] .profile-context-sheet .creator-compare-plan{border-color:#e0e1e3!important;background:linear-gradient(150deg,#fff,#f6f6f7)!important;color:#1f2124!important;box-shadow:0 8px 22px rgba(0,0,0,.045)!important}
html[data-theme="light"] .profile-context-sheet .creator-subscribe-plan.featured{border-color:#d2b7dc!important;background:linear-gradient(150deg,#f8f0fa,#fff)!important}
html[data-theme="light"] .profile-context-sheet .creator-plan-top b,
html[data-theme="light"] .profile-context-sheet .creator-compare-plan>header b{color:#202226!important}
html[data-theme="light"] .profile-context-sheet .creator-plan-top small,
html[data-theme="light"] .profile-context-sheet .creator-compare-plan>header small,
html[data-theme="light"] .profile-context-sheet .creator-compare-plan dt{color:#777e87!important}
html[data-theme="light"] .profile-context-sheet .creator-plan-top strong,
html[data-theme="light"] .profile-context-sheet .creator-compare-plan>header strong{color:#8b5717!important}
html[data-theme="light"] .profile-context-sheet .creator-subscribe-plan li,
html[data-theme="light"] .profile-context-sheet .creator-compare-benefits>span{color:#4f555d!important}
html[data-theme="light"] .profile-context-sheet .creator-subscribe-plan li .ico,
html[data-theme="light"] .profile-context-sheet .creator-compare-benefits .ico{color:#397a51!important}
html[data-theme="light"] .profile-context-sheet .creator-compare-plan>header,
html[data-theme="light"] .profile-context-sheet .creator-compare-plan dl>div{border-color:#e4e5e7!important}
html[data-theme="light"] .profile-context-sheet .creator-compare-plan dd{color:#30343a!important}
html[data-theme="light"] .profile-context-sheet>footer{color:#777e87!important}

/* Notifications page. */
html[data-theme="light"] .notification-screen{background:#fff!important;color:#17181a!important}
html[data-theme="light"] .notification-screen .notification-filters button{background:#f4f4f5!important;color:#565c64!important;box-shadow:inset 0 0 0 1px #e1e2e4!important}
html[data-theme="light"] .notification-screen .notification-filters button.active{background:linear-gradient(110deg,#7740a2,#9a3c8f)!important;color:#fff!important;box-shadow:0 8px 22px rgba(90,38,117,.12)!important}
html[data-theme="light"] .notification-screen .notification-summary>button{background:#f7f7f8!important;color:#555b63!important;box-shadow:inset 0 0 0 1px #e2e3e5!important}
html[data-theme="light"] .notification-screen .notification-summary>button b{color:#3b3f45!important}
html[data-theme="light"] .notification-screen .notification-summary>button.active{background:#f2e9f6!important;color:#713483!important;box-shadow:inset 0 0 0 1px #d6bfdf,0 7px 20px rgba(89,42,109,.07)!important}
html[data-theme="light"] .notification-screen .notification-summary>button em{background:#dceefb!important;color:#24303a!important;box-shadow:0 2px 6px rgba(0,0,0,.13)!important}
html[data-theme="light"] .notification-screen .notification-group-title h2{color:#1d1f22!important}
html[data-theme="light"] .notification-screen .notification-group-title h2 i{background:#7c38a8!important;box-shadow:0 2px 6px rgba(124,56,168,.22)!important}
html[data-theme="light"] .notification-screen .notification-unread-dot{background:#7c38a8!important;box-shadow:0 2px 6px rgba(124,56,168,.20)!important}

html[data-theme="light"] .notification-screen .notification-group-title button{color:#713483!important}
html[data-theme="light"] .notification-screen .notification-card{background:#fff!important;box-shadow:inset 0 0 0 1px #e2e3e5,0 10px 28px rgba(0,0,0,.075)!important}
html[data-theme="light"] .notification-screen .notification-row{color:#1f2124!important;background:#fff!important}
html[data-theme="light"] .notification-screen .notification-row+.notification-row:before{background:#e8e9eb!important}
html[data-theme="light"] .notification-screen .notification-row:active{background:#f5f5f6!important}
html[data-theme="light"] .notification-screen .notification-row.unread{background:#faf7fc!important}
html[data-theme="light"] .notification-screen .notification-row.notification-recommendation{background:linear-gradient(90deg,#fbf6fc 0%,#fff 42%,#fff 100%)!important}
html[data-theme="light"] .notification-screen .notification-row.notification-profile-share{background:linear-gradient(110deg,rgba(131,58,180,.055),rgba(253,29,29,.035) 52%,rgba(252,176,69,.035))!important}
html[data-theme="light"] .notification-screen .notification-copy b{color:#202226!important}
html[data-theme="light"] .notification-screen .notification-copy p{color:#656c75!important}
html[data-theme="light"] .notification-screen .notification-copy small{color:#818891!important}
html[data-theme="light"] .notification-screen .notification-avatar{background:#fff!important}
html[data-theme="light"] .notification-screen .notification-avatar>span{background:linear-gradient(135deg,#eceef1,#f8f8f9)!important;color:#34383e!important}
html[data-theme="light"] .notification-screen .notification-avatar>i{border-color:#fff!important}
html[data-theme="light"] .notification-screen .notification-type.bucket-likes{color:var(--site-accent2)!important}
html[data-theme="light"] .notification-screen .notification-type.bucket-comments{color:#126fbf!important}
html[data-theme="light"] .notification-screen .notification-type.bucket-mentions{color:#7c35a6!important}
html[data-theme="light"] .notification-screen .notification-type.bucket-follows{color:#238653!important}
html[data-theme="light"] .notification-screen .notification-type.bucket-offers{color:#c14837!important}
html[data-theme="light"] .notification-screen .notification-type.bucket-updates{color:#b26413!important}
html[data-theme="light"] .notification-screen .notification-thumb{background-color:#eceef1!important;box-shadow:0 5px 16px rgba(0,0,0,.12)!important}
html[data-theme="light"] .notification-screen .follow-back{color:#713483!important;box-shadow:inset 0 0 0 1px #b98ac9!important;background:#fff!important}
html[data-theme="light"] .notification-screen .follow-back.following{color:#656b73!important;box-shadow:inset 0 0 0 1px #d9dade!important;background:#f2f2f3!important}
html[data-theme="light"] .notification-screen .notification-profile-copy{border-color:#dedfe2!important;background:#f5f5f6!important;color:#444950!important}
html[data-theme="light"] .notification-screen .notification-profile-copy:active{background:#eeeeef!important}
html[data-theme="light"] .notification-screen .route-instant-loading i{background:#e1e3e6!important}
html[data-theme="light"] .notification-screen .empty-state{color:#646b74!important}
html[data-theme="light"] .notification-screen .empty-state h2{color:#1d1f22!important}

/* Messages / Messenger inbox. Individual Direct Message chat is not included in this batch. */
html[data-theme="light"] .messages-screen{background:#fff!important;color:#17181a!important}
html[data-theme="light"] .messages-screen .messages-inbox{background:#fff!important}
html[data-theme="light"] .messages-screen .messages-search{border-color:#e0e1e3!important;background:#f5f5f6!important;color:#33373d!important;box-shadow:none!important}
html[data-theme="light"] .messages-screen .messages-search .ico{color:#727982!important}
html[data-theme="light"] .messages-screen .messages-search input{color:#191a1d!important}
html[data-theme="light"] .messages-screen .messages-search input::placeholder{color:#858b93!important}
html[data-theme="light"] .messages-screen .messages-search-clear{background:#e9eaec!important;color:#656b73!important}
html[data-theme="light"] .messages-screen .messages-filter-tabs button{border-color:#e1e3e6!important;background:#f7f7f8!important;color:#666d76!important;box-shadow:none!important}
html[data-theme="light"] .messages-screen .messages-filter-tabs button i{background:#eceef1!important;color:#737a83!important}
html[data-theme="light"] .messages-screen .messages-filter-tabs button.active{border-color:#d5b6e3!important;background:linear-gradient(135deg,#f5ebfa,#fff2f7)!important;color:#6b2d83!important;box-shadow:0 7px 18px rgba(98,50,120,.07)!important}
html[data-theme="light"] .messages-screen .messages-filter-tabs button.active i{background:#7a378f!important;color:#fff!important}
html[data-theme="light"] .messages-screen .messages-filter-empty{color:#737b85!important}
html[data-theme="light"] .messages-screen .messages-filter-empty>.ico{color:#7a378f!important}
html[data-theme="light"] .messages-screen .messages-filter-empty b{color:#25272b!important}
html[data-theme="light"] .messages-screen .messages-filter-empty small{color:#7a818a!important}
html[data-theme="light"] .messages-screen .messages-inbox-summary b{color:#1c1d20!important}
html[data-theme="light"] .messages-screen .messages-inbox-summary small{color:#747b84!important}
html[data-theme="light"] .messages-screen .message-conversation{color:#202226!important;background:transparent!important}
html[data-theme="light"] .messages-screen .message-conversation:active{background:#f2f2f3!important}
html[data-theme="light"] .messages-screen .message-conversation.unread{background:#f7f3f9!important}
html[data-theme="light"] .messages-screen .message-avatar{background:linear-gradient(135deg,#eceef1,#f7f7f8)!important;color:#34383e!important}
html[data-theme="light"] .messages-screen .message-premium-dot{border-color:#fff!important;background:#7c38a8!important;color:#fff!important}
html[data-theme="light"] .messages-screen .message-conversation-copy b{color:#202226!important}
html[data-theme="light"] .messages-screen .message-conversation-copy small{color:#777e87!important}
html[data-theme="light"] .messages-screen .message-conversation.unread .message-conversation-copy small{color:#4f555d!important}
html[data-theme="light"] .messages-screen .message-conversation-meta time{color:#858b93!important}
html[data-theme="light"] .messages-screen .message-conversation-meta i{background:#7a378f!important;color:#fff!important}
html[data-theme="light"] .messages-screen .route-instant-loading i{background:#e1e3e6!important}
html[data-theme="light"] .messages-screen .empty-state{color:#646b74!important}
html[data-theme="light"] .messages-screen .empty-state h2{color:#1d1f22!important}
html[data-theme="light"] .messages-screen .notify-btn>i{border-color:#fff!important;box-shadow:0 4px 12px rgba(253,29,29,.16)!important}

/* Messenger quick popup can float over any normal light route. */
html[data-theme="light"] .messages-popup.light-route-popup{background:#fff!important;border-color:#dedfe2!important;box-shadow:0 24px 80px rgba(0,0,0,.16)!important;color:#1b1c1f!important}
html[data-theme="light"] .messages-popup.light-route-popup>header{border-color:#e3e4e6!important}
html[data-theme="light"] .messages-popup.light-route-popup>header b{color:#1c1d20!important}
html[data-theme="light"] .messages-popup.light-route-popup>header small{color:#737a83!important}
html[data-theme="light"] .messages-popup.light-route-popup>header button{background:#f1f2f3!important;color:#555b63!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-conversation{color:#202226!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-conversation:active{background:#f2f2f3!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-conversation.unread{background:#f7f3f9!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-avatar{background:linear-gradient(135deg,#eceef1,#f7f7f8)!important;color:#34383e!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-premium-dot{border-color:#fff!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-conversation-copy b{color:#202226!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-conversation-copy small{color:#777e87!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-conversation.unread .message-conversation-copy small{color:#4f555d!important}
html[data-theme="light"] .messages-popup.light-route-popup .message-conversation-meta time{color:#858b93!important}
html[data-theme="light"] .messages-popup.light-route-popup>footer{border-color:#e3e4e6!important}
html[data-theme="light"] .messages-popup.light-route-popup>footer button{background:#f1e8f5!important;color:#713483!important}
html[data-theme="light"] .messages-popup.light-route-popup .mini-empty{color:#737a83!important}

/* The global message/recommendation arrival toast is intentionally retained as a dark translucent
   brand overlay in Light Mode so it remains readable above white pages and media alike. */


/* === Xmegram 3.4.9-hotfix369 · Light Mode batch 10: Direct Message + Edit Profile + Creator Edit === */
/* This batch is color-only. Dark Mode remains the baseline; media-local overlays stay dark. */

/* 1/3 · Individual Direct Message chat. */
html[data-theme="light"] .direct-screen{background:#fff!important;color:#1a1b1e!important}
html[data-theme="light"] .direct-screen .direct-header{background:rgba(255,255,255,.975)!important;border-color:#e4e5e7!important;box-shadow:0 8px 24px rgba(0,0,0,.075)!important}
html[data-theme="light"] .direct-screen .direct-header>.icon-btn{background:#f5f5f6!important;border-color:#e2e3e5!important;color:#26292e!important;box-shadow:0 4px 12px rgba(0,0,0,.055)!important}
html[data-theme="light"] .direct-screen .direct-user b{color:#1d1f22!important;text-shadow:none!important}
html[data-theme="light"] .direct-screen .direct-user small{color:#737a83!important}
html[data-theme="light"] .direct-screen .message-avatar{background:linear-gradient(135deg,#eceef1,#f8f8f9)!important;color:#34383e!important}
html[data-theme="light"] .direct-screen .message-premium-dot{background:#7b38a5!important;border-color:#fff!important;color:#fff!important}
html[data-theme="light"] .direct-screen .direct-rate-note{background:rgba(250,250,251,.97)!important;border-color:#e3e4e6!important;color:#25282d!important;box-shadow:0 6px 18px rgba(0,0,0,.045)!important}
html[data-theme="light"] .direct-screen .direct-rate-note>.ico{color:#703483!important}
html[data-theme="light"] .direct-screen .direct-rate-note b{color:#272a2f!important}
html[data-theme="light"] .direct-screen .direct-rate-note small{color:#747b84!important}
html[data-theme="light"] .direct-screen .direct-rate-note button{background:#f2e9f6!important;border-color:#d4bddc!important;color:#673078!important;box-shadow:none!important}
html[data-theme="light"] .direct-screen .direct-thread{background:#fff!important}
html[data-theme="light"] .direct-screen .direct-message.incoming .direct-bubble{background:#f2f3f4!important;border-color:#e1e2e4!important;box-shadow:0 5px 16px rgba(0,0,0,.055)!important}
html[data-theme="light"] .direct-screen .direct-message.incoming.automatic .direct-bubble{background:#f5eff7!important;border-color:#ddcfe3!important}
html[data-theme="light"] .direct-screen .direct-message.outgoing .direct-bubble{background:linear-gradient(135deg,#6b38d0,#8a3dca)!important;border-color:#7440bb!important;box-shadow:0 7px 20px rgba(82,37,137,.16)!important}
html[data-theme="light"] .direct-screen .direct-message.outgoing.automatic .direct-bubble{background:linear-gradient(135deg,#5f329f,#793ab0)!important;border-color:#70408e!important}
html[data-theme="light"] .direct-screen .direct-message.incoming .direct-bubble>p{color:#25282d!important}
html[data-theme="light"] .direct-screen .direct-message.outgoing .direct-bubble>p{color:#fff!important}
html[data-theme="light"] .direct-screen .direct-message.incoming .direct-bubble>footer{color:#757c85!important}
html[data-theme="light"] .direct-screen .direct-message.outgoing .direct-bubble>footer{color:#e9ddf3!important}
html[data-theme="light"] .direct-screen .direct-message.outgoing .direct-status{color:#fff2ff!important}
html[data-theme="light"] .direct-screen .direct-video-card{background:#fff!important;border-color:#dfe1e4!important;box-shadow:0 6px 18px rgba(0,0,0,.07)!important;color:#202226!important}
html[data-theme="light"] .direct-screen .direct-video-thumb{background-color:#111!important}
html[data-theme="light"] .direct-screen .direct-video-thumb:after{background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.68))!important}
html[data-theme="light"] .direct-screen .direct-video-lock,
html[data-theme="light"] .direct-screen .direct-video-play{background:rgba(7,9,13,.80)!important;color:#fff!important}
html[data-theme="light"] .direct-screen .direct-video-lock .ico,
html[data-theme="light"] .direct-screen .direct-video-play .ico{color:#fff!important}
html[data-theme="light"] .direct-screen .direct-video-duration{background:rgba(5,6,9,.86)!important;color:#fff!important}
html[data-theme="light"] .direct-screen .direct-video-copy{background:#fff!important;color:#202226!important}
html[data-theme="light"] .direct-screen .direct-video-copy>b{color:#202226!important}
html[data-theme="light"] .direct-screen .direct-video-copy>p{color:#5f666f!important}
html[data-theme="light"] .direct-screen .direct-video-copy>small{color:#737a83!important}
html[data-theme="light"] .direct-screen .direct-video-copy>button{color:#fff!important;box-shadow:0 7px 18px rgba(91,43,143,.15)!important}
html[data-theme="light"] .direct-screen .direct-reminder-link{background:#fff!important;border-color:#dfe1e4!important;color:#272a2f!important;box-shadow:0 4px 14px rgba(0,0,0,.05)!important}
html[data-theme="light"] .direct-screen .direct-reminder-link>.ico{color:#713483!important}
html[data-theme="light"] .direct-screen .direct-reminder-link b{color:#272a2f!important}
html[data-theme="light"] .direct-screen .direct-reminder-link small{color:#747b84!important}
html[data-theme="light"] .direct-screen .direct-message.outgoing .direct-reminder-link{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important}
html[data-theme="light"] .direct-screen .direct-message.outgoing .direct-reminder-link>.ico,
html[data-theme="light"] .direct-screen .direct-message.outgoing .direct-reminder-link b{color:#fff!important}
html[data-theme="light"] .direct-screen .direct-message.outgoing .direct-reminder-link small{color:#eadff2!important}
html[data-theme="light"] .direct-screen .direct-start{color:#747b84!important}
html[data-theme="light"] .direct-screen .direct-start>span{background:#f0e8f4!important;color:#713483!important;box-shadow:0 5px 16px rgba(82,38,104,.08)!important}
html[data-theme="light"] .direct-screen .direct-start b{color:#222529!important}
html[data-theme="light"] .direct-screen .direct-start small{color:#777e87!important}
html[data-theme="light"] .direct-screen .direct-composer{background:rgba(255,255,255,.98)!important;border-color:#e2e3e5!important;box-shadow:0 -10px 30px rgba(0,0,0,.075)!important}
html[data-theme="light"] .direct-screen .direct-composer textarea{border-color:#dfe1e4!important;background:#f5f5f6!important;color:#1e2024!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.025)!important}
html[data-theme="light"] .direct-screen .direct-composer textarea::placeholder{color:#888e96!important}
html[data-theme="light"] .direct-screen .direct-emoji{color:#626970!important;background:#f4f4f5!important}
html[data-theme="light"] .direct-screen .direct-send{color:#fff!important;box-shadow:0 7px 19px rgba(92,44,151,.18)!important}
html[data-theme="light"] .direct-screen .direct-send .ico{color:#fff!important}
html[data-theme="light"] .direct-screen .empty-state{color:#656c75!important}
html[data-theme="light"] .direct-screen .empty-state h2{color:#1d1f22!important}

/* DM floating payment/credit sheets. Wallet insufficiency sheet is already shared from batch 5. */
html[data-theme="light"] .chat-credit-popup{background:#fff!important;border-color:#dedfe2!important;color:#1b1d20!important;box-shadow:0 24px 80px rgba(0,0,0,.19)!important}
html[data-theme="light"] .chat-credit-close{background:#f1f2f3!important;color:#50565e!important}
html[data-theme="light"] .chat-credit-popup h2{color:#1b1d20!important}
html[data-theme="light"] .chat-credit-popup p{color:#666d76!important}
html[data-theme="light"] .chat-credit-popup>div{background:#f5f5f6!important;color:#6b727a!important;box-shadow:inset 0 0 0 1px #e4e5e7!important}
html[data-theme="light"] .chat-credit-popup>div strong{color:#202327!important}
html[data-theme="light"] .chat-purchase-popup{background:linear-gradient(180deg,#fff,#fafafa)!important;border-color:#dedfe2!important;color:#1b1d20!important;box-shadow:0 -28px 80px rgba(0,0,0,.20)!important}
html[data-theme="light"] .chat-purchase-popup>header b{color:#1c1e21!important}
html[data-theme="light"] .chat-purchase-popup>header small{color:#737a83!important}
html[data-theme="light"] .chat-purchase-popup>header button{background:#f1f2f3!important;color:#50565e!important}
html[data-theme="light"] .chat-purchase-video{background:#111!important;box-shadow:0 7px 22px rgba(0,0,0,.11)!important}
html[data-theme="light"] .chat-purchase-video strong{color:#f2c06f!important;text-shadow:0 1px 3px rgba(0,0,0,.65)!important}
html[data-theme="light"] .chat-pay-methods>button{background:#f6f6f7!important;border-color:#dfe1e4!important;color:#25282d!important;box-shadow:none!important}
html[data-theme="light"] .chat-pay-methods>button.active{background:linear-gradient(120deg,#f3eaf6,#fff 60%,#fff8ee)!important;border-color:#cdb3d7!important;box-shadow:inset 0 0 0 1px rgba(112,52,131,.05),0 6px 18px rgba(0,0,0,.055)!important}
html[data-theme="light"] .chat-pay-methods b{color:#272a2f!important}
html[data-theme="light"] .chat-pay-methods small{color:#747b84!important}
html[data-theme="light"] .chat-mpesa-phone{color:#555c65!important}
html[data-theme="light"] .chat-mpesa-phone input{border-color:#dfe1e4!important;background:#f5f5f6!important;color:#1e2024!important}
html[data-theme="light"] .chat-mpesa-phone input::placeholder{color:#898f97!important}

/* 2/3 · Edit Profile. Page-scoped so generic form styles on other routes are not overridden. */
html[data-theme="light"] .edit-profile-screen{background:#fff!important;color:#1a1b1e!important}
html[data-theme="light"] .edit-profile-screen .settings-form>label:not(.check-line),
html[data-theme="light"] .edit-profile-screen .page-form>label:not(.check-line){color:#4f565e!important}
html[data-theme="light"] .edit-profile-screen .settings-form input:not([type=checkbox]):not([type=hidden]),
html[data-theme="light"] .edit-profile-screen .settings-form select,
html[data-theme="light"] .edit-profile-screen .settings-form textarea{background:#f6f6f7!important;color:#1e2024!important;box-shadow:inset 0 0 0 1px #dfe1e4!important}
html[data-theme="light"] .edit-profile-screen .settings-form input:focus,
html[data-theme="light"] .edit-profile-screen .settings-form select:focus,
html[data-theme="light"] .edit-profile-screen .settings-form textarea:focus{box-shadow:inset 0 0 0 1.5px #9d6aad,0 0 0 3px rgba(112,52,131,.08)!important}
html[data-theme="light"] .edit-profile-screen .settings-form input:disabled{background:#f0f0f1!important;color:#777e87!important;-webkit-text-fill-color:#777e87!important;opacity:1!important}
html[data-theme="light"] .edit-profile-screen .profile-image-picker>span{color:#3f444b!important}
html[data-theme="light"] .edit-profile-screen .profile-image-picker>div{border-color:#d4d6d9!important;background-color:#f5f5f6!important;color:#4f565e!important;box-shadow:0 6px 18px rgba(0,0,0,.055)!important}
/* Image-picker copy stays on local dark chips because it can sit over a user photo. */
html[data-theme="light"] .edit-profile-screen .profile-image-picker i{background:rgba(20,22,26,.78)!important;color:#e0bdf0!important}
html[data-theme="light"] .edit-profile-screen .profile-image-picker b{background:rgba(13,15,18,.74)!important;color:#fff!important}
html[data-theme="light"] .edit-profile-screen .profile-image-picker small{background:rgba(13,15,18,.68)!important;color:#eceff3!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-settings{background:#fafafa!important;border-color:#dfe1e4!important;color:#1f2125!important;box-shadow:0 10px 28px rgba(0,0,0,.065)!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-settings h2{color:#202226!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-settings p{color:#717881!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-settings>header>button{background:#f1e8f5!important;border-color:#d1b8da!important;color:#6c317b!important;box-shadow:none!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-manage{background:#fff!important;border-color:#e0e2e4!important;box-shadow:0 5px 15px rgba(0,0,0,.045)!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-manage b{color:#24272b!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-manage small,
html[data-theme="light"] .edit-profile-screen .creator-plan-manage span{color:#737a83!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-manage button{background:#f1e8f5!important;color:#6b3079!important;box-shadow:none!important}
html[data-theme="light"] .edit-profile-screen .creator-plan-empty{color:#737a83!important;background:#fff!important;box-shadow:inset 0 0 0 1px #e3e4e6!important}
html[data-theme="light"] .edit-profile-screen .empty-state{color:#656c75!important}
html[data-theme="light"] .edit-profile-screen .empty-state h2{color:#1d1f22!important}

/* Creator plan editor/access sheets opened from Edit Profile. */
html[data-theme="light"] .creator-plan-editor-modern{background:linear-gradient(180deg,#fff,#f9f9fa)!important;border-color:#dedfe2!important;color:#1b1d20!important;box-shadow:0 -26px 80px rgba(0,0,0,.20)!important}
html[data-theme="light"] .creator-plan-editor-modern>header{background:rgba(255,255,255,.97)!important;border-color:#e3e4e6!important}
html[data-theme="light"] .creator-plan-editor-modern>header:after{background:#d1d3d6!important}
html[data-theme="light"] .creator-plan-title-icon{background:linear-gradient(145deg,#f2e9f5,#fff1ee)!important;border-color:#ded3e2!important;color:#713483!important}
html[data-theme="light"] .creator-plan-editor-modern header small{color:#713483!important}
html[data-theme="light"] .creator-plan-editor-modern h2{color:#1e2024!important}
html[data-theme="light"] .creator-plan-editor-modern header p{color:#737a83!important}
html[data-theme="light"] .creator-plan-close{background:#f1f2f3!important;border-color:#e0e1e3!important;color:#50565e!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-field>span,
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-features>span{color:#3e444b!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-field>span i,
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-features>span i{background:#f0e8f4!important;border-color:#ddcfe3!important;color:#713483!important;box-shadow:none!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-features>span small{color:#777e87!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-grid input,
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-grid select,
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-features textarea,
html[data-theme="light"] .creator-plan-editor-modern .benefit-step input{background:#f6f6f7!important;border-color:#dfe1e4!important;color:#1f2226!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.025)!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-grid input:focus,
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-grid select:focus,
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-features textarea:focus,
html[data-theme="light"] .creator-plan-editor-modern .benefit-step input:focus{border-color:#9c6aac!important;box-shadow:0 0 0 3px rgba(112,52,131,.08)!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-benefit-controls>label{background:#fff!important;border-color:#e1e2e4!important;box-shadow:0 4px 13px rgba(0,0,0,.04)!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-benefits-heading>span{background:#f1e9f5!important;color:#713483!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-benefits-heading b{color:#30343a!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-benefits-heading small{color:#777e87!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-benefit-controls>label>span{color:#3e444b!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-benefit-controls>label>span i{background:#f1e9f5!important;border-color:#dfd2e4!important;color:#713483!important;box-shadow:none!important}
html[data-theme="light"] .creator-plan-editor-modern .benefit-step small{color:#777e87!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-active{background:#fff!important;border-color:#e0e2e4!important;color:#30343a!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-active>span>i{background:#f1f2f3!important;border-color:#e0e1e3!important;color:#606770!important;box-shadow:none!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-active b{color:#30343a!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-active small{color:#777e87!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-active .creator-plan-toggle{background:#d7dade!important}
html[data-theme="light"] .creator-plan-editor-modern .creator-plan-active input:checked+.creator-plan-toggle{background:linear-gradient(90deg,#763c9c,#9c397f)!important}
html[data-theme="light"] .creator-plan-disable{border-color:#e6b9c0!important;background:#fff3f4!important;color:#a73b4a!important}
html[data-theme="light"] .creator-download-note{color:#747b84!important}
html[data-theme="light"] .creator-plan-access-sheet{background:linear-gradient(180deg,#fff,#fafafa)!important;border-color:#dedfe2!important;color:#1b1d20!important;box-shadow:0 -28px 84px rgba(0,0,0,.19)!important}
html[data-theme="light"] .creator-plan-access-sheet:before{background:#d1d3d6!important}
html[data-theme="light"] .creator-access-close{background:#f1f2f3!important;border-color:#e0e1e3!important;color:#50565e!important}
html[data-theme="light"] .creator-access-emblem{background:linear-gradient(145deg,#f1e7f5,#fff0ed)!important;border-color:#decfe4!important;color:#713483!important;box-shadow:0 9px 25px rgba(83,38,104,.10)!important}
html[data-theme="light"] .creator-plan-access-sheet>small{color:#713483!important}
html[data-theme="light"] .creator-plan-access-sheet h2{color:#1d1f22!important}
html[data-theme="light"] .creator-plan-access-sheet>p{color:#666d76!important}
html[data-theme="light"] .creator-access-rule{background:#f6f6f7!important;border-color:#e1e2e4!important;color:#292c31!important}
html[data-theme="light"] .creator-access-rule>span{background:#f0e7f4!important;color:#713483!important}
html[data-theme="light"] .creator-access-rule b{color:#292c31!important}
html[data-theme="light"] .creator-access-rule small{color:#747b84!important}
html[data-theme="light"] .creator-access-verify{background:#f2eaf5!important;border-color:#cfb4d8!important;color:#673078!important}
html[data-theme="light"] .creator-access-premium{color:#fff!important}
html[data-theme="light"] .creator-plan-submit{color:#fff!important}
html[data-theme="light"] .creator-access-later{color:#6f767f!important}

/* 3/3 · Creator Edit / Edit Video. */
html[data-theme="light"] .creator-edit-screen{background:#fff!important;color:#1a1b1e!important}
html[data-theme="light"] .creator-edit-screen .settings-form>label:not(.check-line),
html[data-theme="light"] .creator-edit-screen .page-form>label:not(.check-line),
html[data-theme="light"] .creator-edit-screen .form-grid>label{color:#4f565e!important}
html[data-theme="light"] .creator-edit-screen .form-grid input,
html[data-theme="light"] .creator-edit-screen .form-grid select,
html[data-theme="light"] .creator-edit-screen .form-grid textarea,
html[data-theme="light"] .creator-edit-screen .settings-form input:not([type=checkbox]):not([type=hidden]),
html[data-theme="light"] .creator-edit-screen .settings-form select,
html[data-theme="light"] .creator-edit-screen .settings-form textarea{background:#f6f6f7!important;color:#1e2024!important;box-shadow:inset 0 0 0 1px #dfe1e4!important}
html[data-theme="light"] .creator-edit-screen .form-grid input:focus,
html[data-theme="light"] .creator-edit-screen .form-grid select:focus,
html[data-theme="light"] .creator-edit-screen .form-grid textarea:focus,
html[data-theme="light"] .creator-edit-screen .settings-form input:focus,
html[data-theme="light"] .creator-edit-screen .settings-form select:focus,
html[data-theme="light"] .creator-edit-screen .settings-form textarea:focus{box-shadow:inset 0 0 0 1.5px #9d6aad,0 0 0 3px rgba(112,52,131,.08)!important}
html[data-theme="light"] .creator-edit-screen .check-line{color:#3f454c!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-card{background:linear-gradient(145deg,#fafafa,#f5f5f6)!important;border-color:#dfe1e4!important;color:#202327!important;box-shadow:0 8px 24px rgba(0,0,0,.06)!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-card>header>span{background:#f0e8f4!important;border-color:#dac9e0!important;color:#713483!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-card>header small{color:#713483!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-card>header b{color:#202327!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-card>header p{color:#6d747d!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-switch i{background:#dfe1e4!important;border-color:#cfd2d6!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-switch i:after{background:#858c95!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-switch input:checked+i{background:linear-gradient(90deg,#763c9c,#9c397f)!important;border-color:#8d5ba0!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-switch input:checked+i:after{background:#fff!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-note{color:#707781!important}
html[data-theme="light"] .creator-edit-screen .empty-state{color:#656c75!important}
html[data-theme="light"] .creator-edit-screen .empty-state h2{color:#1d1f22!important}

/* === Xmegram 3.4.9-hotfix370 · Light Mode batch 11: Preferences + Support + Playlists === */
/* Color-only. Dark Mode remains the baseline. Reels and public Live Watch stay protected. */

/* 1/3 · Preferences. */
html[data-theme="light"] .preferences-page{background:radial-gradient(circle at 82% -5%,rgba(131,58,180,.045),transparent 30%),#fff!important;color:#1c1d20!important}
html[data-theme="light"] .preferences-page .preferences-intro{border-color:#e2e3e5!important;background:linear-gradient(135deg,#faf7fb,#fff 58%,#fff9f1)!important;box-shadow:0 12px 32px rgba(0,0,0,.07)!important}
html[data-theme="light"] .preferences-page .preferences-intro-icon{box-shadow:0 10px 24px rgba(88,42,111,.16)!important}
html[data-theme="light"] .preferences-page .preferences-intro h1{color:#1d1f22!important}
html[data-theme="light"] .preferences-page .preferences-intro p{color:#6f7680!important}
html[data-theme="light"] .preferences-page .preference-card{border-color:#e2e3e5!important;background:linear-gradient(155deg,#fff,#fafafa)!important;box-shadow:0 12px 30px rgba(0,0,0,.065),inset 0 1px rgba(255,255,255,.8)!important}
html[data-theme="light"] .preferences-page .preference-card-head>span{border-color:#e1e2e4!important;background:#f2f3f4!important;color:#5f6570!important}
html[data-theme="light"] .preferences-page .preference-card-head h2{color:#202226!important}
html[data-theme="light"] .preferences-page .preference-card-head p{color:#717984!important}
html[data-theme="light"] .preferences-page .preference-row{border-color:#e9eaec!important;color:#202226!important}
html[data-theme="light"] .preferences-page .preference-copy b{color:#25272b!important}
html[data-theme="light"] .preferences-page .preference-copy small{color:#737b85!important}
html[data-theme="light"] .preferences-page .preference-toggle{border-color:#d7d9dc!important;background:#dfe1e4!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important}
html[data-theme="light"] .preferences-page .preference-toggle i{background:#fff!important;box-shadow:0 3px 9px rgba(0,0,0,.20)!important}
html[data-theme="light"] .preferences-page .preference-toggle.on{border-color:#b57cc3!important;background:linear-gradient(90deg,#762ca9,#d52e4e 72%,#e98b35)!important;box-shadow:0 7px 18px rgba(92,43,112,.14)!important}
html[data-theme="light"] .preferences-page .preference-language-row select{border-color:#dedfe2!important;background:#f4f5f6!important;color:#24272c!important;box-shadow:none!important}
html[data-theme="light"] .preferences-page .preferences-footnote{color:#777e87!important}
html[data-theme="light"] .preferences-page .empty-state{background:#fafafa!important;border-color:#e4e5e7!important;color:#25272b!important}
html[data-theme="light"] .preferences-page .empty-state h2{color:#202226!important}

/* 2/3 · Support: ticket creation, ticket list, conversation and sticky reply composer. */
html[data-theme="light"] .support-screen{background:radial-gradient(circle at 88% 8%,rgba(131,58,180,.045),transparent 27rem),radial-gradient(circle at 8% 38%,rgba(253,29,29,.025),transparent 25rem),#fff!important;color:#1c1d20!important}
html[data-theme="light"] .support-screen .support-compose-card,
html[data-theme="light"] .support-screen .support-ticket-summary,
html[data-theme="light"] .support-screen .support-thread{border-color:#e1e2e4!important;background:linear-gradient(155deg,#fff,#fafafa)!important;box-shadow:0 14px 34px rgba(0,0,0,.07),inset 0 1px rgba(255,255,255,.8)!important}
html[data-theme="light"] .support-screen .support-compose-card>header>span,
html[data-theme="light"] .support-screen .support-ticket-icon{background:linear-gradient(145deg,#f1eaf5,#f8f6f9)!important;box-shadow:0 8px 20px rgba(0,0,0,.055)!important;color:#713483!important}
html[data-theme="light"] .support-screen .support-compose-card>header small{color:#713483!important}
html[data-theme="light"] .support-screen .support-compose-card>header h1,
html[data-theme="light"] .support-screen .support-ticket-section>header h2,
html[data-theme="light"] .support-screen .support-thread>header h2,
html[data-theme="light"] .support-screen .support-ticket-copy h1{color:#1e2024!important}
html[data-theme="light"] .support-screen .support-premium-form label{color:#444950!important}
html[data-theme="light"] .support-screen .support-premium-form input,
html[data-theme="light"] .support-screen .support-premium-form select,
html[data-theme="light"] .support-screen .support-premium-form textarea{border-color:#dedfe2!important;background:#f7f7f8!important;color:#222428!important;box-shadow:inset 0 1px rgba(255,255,255,.8)!important}
html[data-theme="light"] .support-screen .support-premium-form input:focus,
html[data-theme="light"] .support-screen .support-premium-form select:focus,
html[data-theme="light"] .support-screen .support-premium-form textarea:focus{border-color:#c6a8d0!important;background:#fff!important;box-shadow:0 0 0 3px rgba(131,58,180,.07)!important}
html[data-theme="light"] .support-screen .support-ticket-section>header>span{background:#f0f1f2!important;color:#5f666f!important}
html[data-theme="light"] .support-screen .ticket-list.premium>button{border-color:#e2e3e5!important;background:linear-gradient(145deg,#fff,#fafafa)!important;color:#222428!important;box-shadow:0 8px 22px rgba(0,0,0,.055)!important}
html[data-theme="light"] .support-screen .ticket-list.premium>button:active{background:#f5f5f6!important}
html[data-theme="light"] .support-screen .support-ticket-list-icon{background:#f1e9f5!important;color:#713483!important}
html[data-theme="light"] .support-screen .support-ticket-list-copy b{color:#24262a!important}
html[data-theme="light"] .support-screen .support-ticket-list-copy small{color:#737b85!important}
html[data-theme="light"] .support-screen .ticket-list.premium>button>.ico{color:#7a818a!important}
html[data-theme="light"] .support-screen .support-status,
html[data-theme="light"] .support-screen .support-priority{border-color:#dedfe2!important;background:#f1f2f3!important;color:#5f666f!important}
html[data-theme="light"] .support-screen .support-status.open,
html[data-theme="light"] .support-screen .support-status.pending{border-color:#c9d8e9!important;background:#eef5fb!important;color:#336b9e!important}
html[data-theme="light"] .support-screen .support-status.resolved,
html[data-theme="light"] .support-screen .support-status.closed{border-color:#c7e3d1!important;background:#edf8f1!important;color:#33724c!important}
html[data-theme="light"] .support-screen .support-status.waiting{border-color:#e7d5b8!important;background:#fbf5e9!important;color:#8b632b!important}
html[data-theme="light"] .support-screen .support-priority.urgent{border-color:#ebc6ca!important;background:#fbeff0!important;color:#a13d49!important}
html[data-theme="light"] .support-screen .support-priority.high{border-color:#ead2b3!important;background:#fbf2e7!important;color:#95602c!important}
html[data-theme="light"] .support-screen .support-priority.low{border-color:#d2dce6!important;background:#f0f4f7!important;color:#536f89!important}
html[data-theme="light"] .support-screen .support-empty{border-color:#dfe1e4!important;background:#fafafa!important;color:#747b84!important}
html[data-theme="light"] .support-screen .support-empty>span{background:#f0e8f4!important;color:#713483!important}
html[data-theme="light"] .support-screen .support-empty b{color:#4f555d!important}
html[data-theme="light"] .support-screen .support-ticket-copy>p{color:#626a74!important}
html[data-theme="light"] .support-screen .support-thread>header{border-color:#e6e7e9!important}
html[data-theme="light"] .support-screen .support-thread>header small{color:#767d86!important}
html[data-theme="light"] .support-screen .ticket-messages.premium article{border-color:#e2e3e5!important;background:#f2f3f4!important;box-shadow:0 6px 18px rgba(0,0,0,.05)!important;color:#25272b!important}
html[data-theme="light"] .support-screen .ticket-messages.premium article.mine,
html[data-theme="light"] .support-screen .ticket-messages.premium article.user{border-color:#dbcce1!important;background:linear-gradient(145deg,#f3ebf6,#f8f4fa)!important}
html[data-theme="light"] .support-screen .support-message-head b{color:#2d3035!important}
html[data-theme="light"] .support-screen .support-message-head small{color:#7b828b!important}
html[data-theme="light"] .support-screen .ticket-messages.premium p{color:#30343a!important}
html[data-theme="light"] .support-screen .support-thread-empty{color:#757d87!important}
html[data-theme="light"] .support-screen .support-reply.premium{border-color:#dfe1e4!important;background:rgba(255,255,255,.94)!important;box-shadow:0 16px 42px rgba(0,0,0,.12)!important}
html[data-theme="light"] .support-screen .support-reply.premium textarea{border-color:#dedfe2!important;background:#f4f5f6!important;color:#222428!important}
html[data-theme="light"] .support-screen .support-reply.premium textarea::placeholder{color:#8a9098!important}
html[data-theme="light"] .support-screen .empty-state{background:#fafafa!important;border-color:#e4e5e7!important;color:#25272b!important}
html[data-theme="light"] .support-screen .empty-state h2{color:#202226!important}

/* 3/3 · Playlists / Creator Collections. */
html[data-theme="light"] .playlists-screen{background:#fff!important;color:#1c1d20!important}
html[data-theme="light"] .playlists-screen .premium-playlist-create{border:1px solid #e1e2e4!important;background:linear-gradient(155deg,#fff,#fafafa)!important;box-shadow:0 12px 30px rgba(0,0,0,.065)!important}
html[data-theme="light"] .playlists-screen .premium-playlist-create input,
html[data-theme="light"] .playlists-screen .premium-playlist-create select{border-color:#dedfe2!important;background:#f5f5f6!important;color:#23262a!important;box-shadow:none!important}
html[data-theme="light"] .playlists-screen .premium-playlist-create input::placeholder{color:#858c95!important}
html[data-theme="light"] .playlists-screen .playlist-list article{border:1px solid #e2e3e5!important;background:#fff!important;box-shadow:0 7px 20px rgba(0,0,0,.05)!important;color:#222428!important}
html[data-theme="light"] .playlists-screen .playlist-main{background:transparent!important;color:#25272b!important}
html[data-theme="light"] .playlists-screen .playlist-main>span{color:#713483!important}
html[data-theme="light"] .playlists-screen .playlist-main b{color:#25272b!important}
html[data-theme="light"] .playlists-screen .playlist-main small{color:#747b84!important}
html[data-theme="light"] .playlists-screen .playlist-row-actions button{background:#f3f4f5!important;border:1px solid #e1e2e4!important;color:#5d636c!important;box-shadow:none!important}
html[data-theme="light"] .playlists-screen .playlist-row-actions .bundle-link{background:#f2eaf5!important;border-color:#dccce2!important;color:#713483!important}
html[data-theme="light"] .playlists-screen .playlist-row-actions .danger-link{background:#fbf0f1!important;border-color:#eccfd3!important;color:#a4424e!important}
html[data-theme="light"] .playlists-screen .mini-empty{color:#747b84!important;background:#fafafa!important;border-color:#e4e5e7!important}

html[data-theme="light"] .playlist-premium-screen{background:#fff!important;color:#1c1d20!important}
html[data-theme="light"] .playlist-premium-screen .playlist-premium-hero{border-color:#e1e2e4!important;background:linear-gradient(145deg,#fff,#fafafa)!important;box-shadow:0 12px 30px rgba(0,0,0,.065)!important}
html[data-theme="light"] .playlist-premium-screen .playlist-hero-mosaic{background:#eceef1!important}
html[data-theme="light"] .playlist-premium-screen .playlist-hero-empty{background:#f1f2f3!important;color:#707780!important}
html[data-theme="light"] .playlist-premium-screen .playlist-hero-copy>small{color:#713483!important}
html[data-theme="light"] .playlist-premium-screen .playlist-hero-copy h1{color:#1f2125!important}
html[data-theme="light"] .playlist-premium-screen .playlist-hero-copy>p{color:#6f7680!important}
html[data-theme="light"] .playlist-premium-screen .playlist-owner-avatar{background:#eceef1!important;color:#3d4248!important}
html[data-theme="light"] .playlist-premium-screen .playlist-hero-copy>div b{color:#292c31!important}
html[data-theme="light"] .playlist-premium-screen .playlist-hero-copy>div small{color:#777e87!important}
html[data-theme="light"] .playlist-premium-screen .collection-commerce-panel{border-color:#dedfe2!important;background:linear-gradient(145deg,#fff,#fafafa)!important;box-shadow:0 10px 28px rgba(0,0,0,.06)!important}
html[data-theme="light"] .playlist-premium-screen .collection-commerce-copy>small{color:#713483!important}
html[data-theme="light"] .playlist-premium-screen .collection-commerce-copy h2{color:#202226!important}
html[data-theme="light"] .playlist-premium-screen .collection-commerce-copy>div>strong,
html[data-theme="light"] .playlist-premium-screen .collection-bundle-price>strong{color:#202226!important}
html[data-theme="light"] .playlist-premium-screen .collection-bundle-price>del{color:#7b828b!important}
html[data-theme="light"] .playlist-premium-screen .collection-bundle-price>em{background:#fff3e4!important;color:#8c5a21!important}
html[data-theme="light"] .playlist-premium-screen .collection-commerce-copy>p{color:#6f7680!important}
html[data-theme="light"] .playlist-premium-screen .collection-commerce-progress{background:#e8e9eb!important}
html[data-theme="light"] .playlist-premium-screen .collection-commerce-copy>footer{color:#747b84!important}
html[data-theme="light"] .playlist-premium-screen .collection-unlock-btn{border-color:#6f3c8e!important;background:linear-gradient(135deg,#70358a,#8c3b87)!important;color:#fff!important;box-shadow:0 8px 20px rgba(82,40,97,.15)!important}
html[data-theme="light"] .playlist-premium-screen .collection-unlock-btn .ico,
html[data-theme="light"] .playlist-premium-screen .collection-unlock-btn strong{color:#fff!important}
html[data-theme="light"] .playlist-premium-screen .collection-unlock-btn.complete{border-color:#dedfe2!important;background:#f1f2f3!important;color:#5e656e!important;box-shadow:none!important}
html[data-theme="light"] .playlist-premium-screen .collection-unlock-btn.complete .ico,
html[data-theme="light"] .playlist-premium-screen .collection-unlock-btn.complete strong{color:#5e656e!important}
html[data-theme="light"] .playlist-premium-screen .empty-state{background:#fafafa!important;border-color:#e4e5e7!important;color:#25272b!important}
html[data-theme="light"] .playlist-premium-screen .empty-state h2{color:#202226!important}

/* Add-to-playlist popup: light on normal routes only. Reels and public Live never receive this class. */
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet{background:#fff!important;border:1px solid #dedfe2!important;border-bottom:0!important;box-shadow:0 -22px 60px rgba(0,0,0,.18)!important;color:#202226!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet>header{box-shadow:inset 0 -1px #e4e5e7!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet>header b{color:#202226!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet>header button{background:#f1f2f3!important;color:#555b63!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet>div>button{color:#24272b!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet>div>button:active{background:#f3f4f5!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet>div>button>span{background:#f0e9f4!important;color:#713483!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet>div>button b{color:#25272b!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet>div>button small{color:#777e87!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet .empty-state{background:#fafafa!important;border-color:#e4e5e7!important;color:#25272b!important}
html[data-theme="light"] .playlist-sheet.light-route-playlist-sheet .empty-state h2{color:#202226!important}

/* Bundle-offer editor: its scrim stays dark; the sheet itself follows Light Mode on normal routes. */
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor{border-color:#dedfe2!important;background:linear-gradient(180deg,#fff,#fafafa)!important;box-shadow:0 28px 80px rgba(0,0,0,.20)!important;color:#202226!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor>header{border-color:#e3e4e6!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor>header>span{border-color:#dfd4e4!important;background:#f2eaf5!important;color:#713483!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor>header small{color:#713483!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor>header b{color:#202226!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor>header p{color:#737b85!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor>header>button{border-color:#dedfe2!important;background:#f1f2f3!important;color:#555b63!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor form>label>span{color:#3f444b!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor form>label>div{border-color:#dedfe2!important;background:#f5f5f6!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor input{color:#202226!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor form>label>div strong{border-color:#dedfe2!important;color:#713483!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor form>label>small{color:#777e87!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor .collection-bundle-preview{border-color:#e1e2e4!important;background:#f7f7f8!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor .collection-bundle-preview>span{background:#f0e8f4!important;color:#713483!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor .collection-bundle-preview b{color:#292c31!important}
html[data-theme="light"] .collection-bundle-editor.light-route-bundle-editor .collection-bundle-preview small{color:#747b84!important}

/* Inline Add to playlist controls may appear on Watch/Profile, but never recolor immersive Reels/Live. */
html[data-theme="light"] .screen:not(.reels-screen):not(.live-screen) .playlist-quick{background:#f2f3f4!important;border:1px solid #e0e1e3!important;color:#454a51!important;box-shadow:none!important}
html[data-theme="light"] .playlists-screen .empty-state{background:#fafafa!important;border-color:#e4e5e7!important;color:#25272b!important}
html[data-theme="light"] .playlists-screen .empty-state h2{color:#202226!important}
html[data-theme="light"] .playlists-screen .empty-state p{color:#747b84!important}


/* === Xmegram 3.4.9-hotfix371/373 · Light Mode batch 12 repair: Payout + Verification + Server Connection === */
/* Hotfix373 deep parity repair. Light Mode only. Dark Mode remains the baseline. Public Live Watch and Reels stay protected. */

/* 1/3 · Payout / Withdraw earnings. */
html[data-theme="light"] .payout-screen{background:#fff!important;color:#1c1d20!important}
html[data-theme="light"] .payout-screen .payout-available{background:linear-gradient(145deg,#fbf8fc,#f7f7f8)!important;border:1px solid #dde1e5!important;box-shadow:0 12px 30px rgba(0,0,0,.085)!important;color:#202226!important}
html[data-theme="light"] .payout-screen .payout-available>i{background:linear-gradient(135deg,#713483,var(--site-accent2))!important;color:#fff!important;box-shadow:0 8px 20px rgba(86,39,101,.18)!important}
html[data-theme="light"] .payout-screen .payout-available>i .ico{color:#fff!important;fill:currentColor!important;stroke:currentColor!important}
html[data-theme="light"] .payout-screen .payout-available small{color:#747b84!important}
html[data-theme="light"] .payout-screen .payout-available strong{color:#1d1f22!important}
html[data-theme="light"] .payout-screen .settings-form.compact-form{background:#fff!important;color:#202226!important;box-shadow:inset 0 0 0 1px #e1e4e7,0 10px 26px rgba(0,0,0,.05)!important}
html[data-theme="light"] .payout-screen .settings-form h2{color:#202226!important}
html[data-theme="light"] .payout-screen .settings-form>label:not(.check-line),
html[data-theme="light"] .payout-screen .form-grid>label{color:#4f565e!important}
html[data-theme="light"] .payout-screen .settings-form input:not([type=checkbox]):not([type=hidden]),
html[data-theme="light"] .payout-screen .settings-form select,
html[data-theme="light"] .payout-screen .form-grid input,
html[data-theme="light"] .payout-screen .form-grid select{background:#f6f7f8!important;color:#202226!important;box-shadow:inset 0 0 0 1px #d9dde1!important;-webkit-text-fill-color:#202226!important}
html[data-theme="light"] .payout-screen .settings-form select option{background:#fff!important;color:#202226!important}
html[data-theme="light"] .payout-screen .settings-form input::placeholder{color:#858c95!important;-webkit-text-fill-color:#858c95!important}
html[data-theme="light"] .payout-screen .settings-form input:focus,
html[data-theme="light"] .payout-screen .settings-form select:focus{box-shadow:inset 0 0 0 1.5px #8e599f,0 0 0 3px rgba(112,52,131,.09)!important}
html[data-theme="light"] .payout-screen .check-line{color:#3f454c!important}
html[data-theme="light"] .payout-screen .check-line input[type=checkbox]{accent-color:#713483!important}
html[data-theme="light"] .payout-screen .soft-btn{background:linear-gradient(180deg,#f6f7f8,#eef0f2)!important;border:1px solid #d8dce0!important;color:#41474f!important;box-shadow:0 5px 13px rgba(0,0,0,.055)!important}
html[data-theme="light"] .payout-screen .soft-btn:active{background:#e9ecef!important}
html[data-theme="light"] .payout-screen .primary:not(:disabled){color:#fff!important;box-shadow:0 10px 24px rgba(116,45,145,.18)!important}
html[data-theme="light"] .payout-screen .primary:disabled{background:#e9ebee!important;color:#969da6!important;box-shadow:inset 0 0 0 1px #daddE1!important;opacity:1!important;cursor:not-allowed!important}
html[data-theme="light"] .payout-screen .section-title h2{color:#202226!important}
html[data-theme="light"] .payout-screen .transaction-list>div{box-shadow:inset 0 -1px #e4e7ea!important;color:#25272b!important}
html[data-theme="light"] .payout-screen .transaction-list>div:last-child{box-shadow:none!important}
html[data-theme="light"] .payout-screen .transaction-list b{color:#25272b!important}
html[data-theme="light"] .payout-screen .transaction-list small{color:#747b84!important}
html[data-theme="light"] .payout-screen .mini-link{color:#9b3849!important}
html[data-theme="light"] .payout-screen .mini-link:active{color:#7f2e3c!important}
html[data-theme="light"] .payout-screen .mini-empty{color:#747b84!important;background:#fafafa!important;border-color:#e1e4e7!important}
html[data-theme="light"] .payout-screen .empty-state{background:#fafafa!important;border-color:#e1e4e7!important;color:#25272b!important}
html[data-theme="light"] .payout-screen .empty-state h2{color:#202226!important}
html[data-theme="light"] .payout-screen .empty-state p{color:#747b84!important}
html[data-theme="light"] .payout-screen .empty-state .primary{color:#fff!important}

/* 2/3 · Verification: prerequisites, email/code, real details, capture, review, consent and all status states. */
html[data-theme="light"] .verification-screen{--verification-card:#fff;--verification-line:#dde1e5;background:#fff!important;color:#1d1f22!important}
html[data-theme="light"] .verification-screen .verification-page{color:#1d1f22!important}
html[data-theme="light"] .verification-screen .verification-loading{color:#707881!important}
html[data-theme="light"] .verification-screen .verification-loading>span{border-color:#e1e4e7!important;border-top-color:#713483!important}
html[data-theme="light"] .verification-screen .verification-loading>b{color:#4f565e!important}
html[data-theme="light"] .verification-screen .verification-progress-line{background:#e7eaed!important}
html[data-theme="light"] .verification-screen .verification-progress>span{color:#69717a!important}
html[data-theme="light"] .verification-screen .verification-step-card{border-color:#dce0e4!important;background:linear-gradient(155deg,#fff,#fafafa)!important;color:#202226!important;box-shadow:0 12px 30px rgba(0,0,0,.075)!important}
html[data-theme="light"] .verification-screen .verification-step-head>span{background:linear-gradient(135deg,#f1e8f5,#fff0ee)!important;color:#713483!important;box-shadow:0 7px 18px rgba(86,39,101,.10)!important}
html[data-theme="light"] .verification-screen .verification-step-head small,
html[data-theme="light"] .verification-screen .verification-submit-step>small{color:#713483!important}
html[data-theme="light"] .verification-screen .verification-step-head h1,
html[data-theme="light"] .verification-screen .verification-submit-step h1{color:#202226!important}
html[data-theme="light"] .verification-screen .verification-step-head p,
html[data-theme="light"] .verification-screen .verification-submit-step p{color:#6b737c!important}
html[data-theme="light"] .verification-screen .verification-requirement{border-color:#e0e3e6!important;background:#f8f9fa!important;color:#25272b!important}
html[data-theme="light"] .verification-screen .verification-requirement>i{background:#eceff1!important;color:#68707a!important}
html[data-theme="light"] .verification-screen .verification-requirement.done>i{background:#e8f6ed!important;color:#278653!important}
html[data-theme="light"] .verification-screen .verification-requirement b{color:#25272b!important}
html[data-theme="light"] .verification-screen .verification-requirement small{color:#707881!important}
html[data-theme="light"] .verification-screen .verification-requirement em{color:#777e87!important}
html[data-theme="light"] .verification-screen .verification-requirement.done em{color:#2d8958!important}
html[data-theme="light"] .verification-screen .verification-requirement>button{background:#eef0f2!important;color:#3f454c!important;border:1px solid #d8dce0!important;box-shadow:none!important}
html[data-theme="light"] .verification-screen .verification-email-panel,
html[data-theme="light"] .verification-screen .verification-email-box{border-color:#d8c9df!important;background:#faf4fb!important;color:#25272b!important}
html[data-theme="light"] .verification-screen .verification-email-panel>p,
html[data-theme="light"] .verification-screen .verification-email-box small{color:#68717a!important}
html[data-theme="light"] .verification-screen .verification-email-box b{color:#25272b!important}
html[data-theme="light"] .verification-screen .verification-email-box>.soft-btn{background:linear-gradient(180deg,#f5edf7,#efe6f3)!important;border:1px solid #d7c8de!important;color:#683077!important;box-shadow:0 5px 13px rgba(79,37,91,.055)!important}
html[data-theme="light"] .verification-screen .verification-email-box>.soft-btn:disabled{background:#eceef0!important;border-color:#dde0e3!important;color:#9299a2!important;box-shadow:none!important;opacity:1!important}
html[data-theme="light"] .verification-screen .verification-email-form input,
html[data-theme="light"] .verification-screen .verification-email-code input,
html[data-theme="light"] .verification-screen .verification-details-form input,
html[data-theme="light"] .verification-screen .verification-details-form select{border-color:#d8dce0!important;background:#f6f7f8!important;color:#202226!important;box-shadow:none!important;-webkit-text-fill-color:#202226!important}
html[data-theme="light"] .verification-screen .verification-details-form select option{background:#fff!important;color:#202226!important}
html[data-theme="light"] .verification-screen .verification-email-form input::placeholder,
html[data-theme="light"] .verification-screen .verification-email-code input::placeholder,
html[data-theme="light"] .verification-screen .verification-details-form input::placeholder{color:#858c95!important;-webkit-text-fill-color:#858c95!important}
html[data-theme="light"] .verification-screen .verification-email-form input:focus,
html[data-theme="light"] .verification-screen .verification-email-code input:focus,
html[data-theme="light"] .verification-screen .verification-details-form input:focus,
html[data-theme="light"] .verification-screen .verification-details-form select:focus{border-color:#8e599f!important;box-shadow:0 0 0 3px rgba(112,52,131,.09)!important}
html[data-theme="light"] .verification-screen .verification-details-form label{color:#454b52!important}
html[data-theme="light"] .verification-screen .verification-camera-guide{border-color:#dfe2e5!important;background:linear-gradient(180deg,#fafafa,#f5f6f7)!important}
html[data-theme="light"] .verification-screen .verification-camera-guide>b{color:#292c31!important}
html[data-theme="light"] .verification-screen .verification-camera-guide>span{color:#69727b!important}
html[data-theme="light"] .verification-screen .verification-camera-guide .ico{color:#287f51!important}
html[data-theme="light"] .verification-screen .verification-photo-box:not(.has-image){border-color:#d2d7dc!important;background:#f7f8f9!important}
html[data-theme="light"] .verification-screen .verification-photo-box:not(.has-image)>div{color:#707983!important}
html[data-theme="light"] .verification-screen .verification-photo-box:not(.has-image)>div .ico{color:#713483!important}
html[data-theme="light"] .verification-screen .verification-photo-box:not(.has-image)>div b{color:#30343a!important}
html[data-theme="light"] .verification-screen .verification-photo-box.pending{border-color:#aa76b8!important;box-shadow:0 0 0 3px rgba(112,52,131,.08)!important}
html[data-theme="light"] .verification-screen .verification-photo-tips>span{border-color:#dfe3e6!important;background:#f7f8f9!important;color:#69727b!important}
html[data-theme="light"] .verification-screen .verification-photo-tips .ico{color:#287f51!important}
html[data-theme="light"] .verification-screen .verification-retake-button{border-color:#d9dde1!important;background:linear-gradient(180deg,#f6f7f8,#eef0f2)!important;color:#474e56!important;box-shadow:0 5px 13px rgba(0,0,0,.045)!important}
html[data-theme="light"] .verification-screen .verification-upload-button,
html[data-theme="light"] .verification-screen .verification-submit-photo,
html[data-theme="light"] .verification-screen .verification-final-submit,
html[data-theme="light"] .verification-screen .verification-email-code .primary,
html[data-theme="light"] .verification-screen .verification-step-actions .primary,
html[data-theme="light"] .verification-screen .verification-status-page>.primary{color:#fff!important}
html[data-theme="light"] .verification-screen .verification-upload-button:disabled,
html[data-theme="light"] .verification-screen .verification-submit-photo:disabled,
html[data-theme="light"] .verification-screen .verification-email-code .primary:disabled,
html[data-theme="light"] .verification-screen .verification-step-actions .primary:disabled{background:#e8ebee!important;color:#969da6!important;box-shadow:inset 0 0 0 1px #d7dbe0!important;opacity:1!important;cursor:not-allowed!important}
html[data-theme="light"] .verification-screen .verification-step-actions .ghost{background:linear-gradient(180deg,#f6f7f8,#eef0f2)!important;border-color:#d9dde1!important;color:#4b525a!important;box-shadow:none!important}
html[data-theme="light"] .verification-screen .verification-review-details article{border-color:#dfe3e6!important;background:#f8f9fa!important}
html[data-theme="light"] .verification-screen .verification-review-details span{color:#707881!important}
html[data-theme="light"] .verification-screen .verification-review-details b{color:#292c31!important}
html[data-theme="light"] .verification-screen .verification-review-images article{border-color:#dde1e5!important;background:#fafafa!important;color:#292c31!important}
html[data-theme="light"] .verification-screen .verification-review-images article>div{background:#eceff1!important;box-shadow:inset 0 0 0 1px #d7dbe0!important}
html[data-theme="light"] .verification-screen .verification-review-images article:has(img)>div,
html[data-theme="light"] .verification-screen .verification-review-video>div{background:#05080d!important;box-shadow:inset 0 0 0 1px #cfd4da!important}
html[data-theme="light"] .verification-screen .verification-review-images .ico{color:#707780!important}
html[data-theme="light"] .verification-screen .verification-review-images b{color:#292c31!important}
html[data-theme="light"] .verification-screen .verification-confirm-note,
html[data-theme="light"] .verification-screen .verification-consent{border-color:#dfe2e5!important;background:#f7f8f9!important;color:#666f78!important}
html[data-theme="light"] .verification-screen .verification-confirm-note .ico,
html[data-theme="light"] .verification-screen .verification-consent .ico{color:#713483!important}
html[data-theme="light"] .verification-screen .verification-status-page{background:#fff!important;color:#202226!important}
html[data-theme="light"] .verification-screen .verification-status-page h1{color:#202226!important}
html[data-theme="light"] .verification-screen .verification-status-page>p{color:#6b737c!important}
html[data-theme="light"] .verification-screen .verification-status-page.submitted>small{color:#713483!important}
html[data-theme="light"] .verification-screen .verification-status-page.approved>small{color:#287f51!important}
html[data-theme="light"] .verification-screen .verification-status-page.rejected>small{color:#a43b4b!important}
html[data-theme="light"] .verification-screen .verification-status-chip{border-color:#b8ddc6!important;background:#eef8f2!important;color:#267b4d!important}
html[data-theme="light"] .verification-screen .verification-status-chip .ico{color:#267b4d!important}
html[data-theme="light"] .verification-screen .verification-review-note,
html[data-theme="light"] .verification-screen .verification-reapply-card{border-color:#dde1e5!important;background:#f8f9fa!important;color:#292c31!important;box-shadow:0 8px 22px rgba(0,0,0,.05)!important}
html[data-theme="light"] .verification-screen .verification-review-note>span,
html[data-theme="light"] .verification-screen .verification-reapply-card>span{background:#f0e8f4!important;color:#713483!important}
html[data-theme="light"] .verification-screen .verification-review-note b,
html[data-theme="light"] .verification-screen .verification-reapply-card b{color:#292c31!important}
html[data-theme="light"] .verification-screen .verification-review-note small,
html[data-theme="light"] .verification-screen .verification-reapply-card small{color:#707881!important}
html[data-theme="light"] .verification-screen .verification-status-page>.soft-btn{background:linear-gradient(180deg,#f6f7f8,#eef0f2)!important;border:1px solid #d8dce0!important;color:#454c54!important;box-shadow:0 5px 13px rgba(0,0,0,.045)!important}
html[data-theme="light"] .verification-screen .empty-state{background:#fafafa!important;border-color:#e1e4e7!important;color:#25272b!important}
html[data-theme="light"] .verification-screen .empty-state h2{color:#202226!important}
html[data-theme="light"] .verification-screen .empty-state p{color:#747b84!important}
html[data-theme="light"] .verification-screen .empty-state .primary{color:#fff!important}
/* Verification media stays intentionally dark/media-safe in Light Mode. Only the boundary is lightened. */
html[data-theme="light"] .verification-screen .verification-photo-box.has-image,
html[data-theme="light"] .verification-screen .verification-video-box{background:#030507!important;border-color:#cfd4da!important;box-shadow:0 7px 20px rgba(0,0,0,.09)!important}
html[data-theme="light"] .verification-screen .verification-clean-player{background:#030507!important}
html[data-theme="light"] .verification-screen .verification-video-duration{background:#05070add!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
html[data-theme="light"] .verification-screen .verification-player-play{background:#ffffffeb!important;color:#07090d!important;border-color:rgba(255,255,255,.30)!important}
html[data-theme="light"] .verification-image-lightbox{background:#000e!important}
html[data-theme="light"] .verification-image-lightbox button{background:#10141de8!important;border-color:#ffffff28!important;color:#fff!important}

/* 3/3 · Server / connection utility. */
html[data-theme="light"] .server-connection-screen{background:#fff!important;color:#1c1d20!important}
html[data-theme="light"] .server-connection-screen .server-settings>h1{color:#202226!important}
html[data-theme="light"] .server-connection-screen .server-settings>p{color:#68717a!important}
html[data-theme="light"] .server-connection-screen .simple-form{background:#fff!important;color:#202226!important}
html[data-theme="light"] .server-connection-screen .simple-form label{color:#454b52!important}
html[data-theme="light"] .server-connection-screen .simple-form input{background:#f6f7f8!important;color:#202226!important;box-shadow:inset 0 0 0 1px #d8dce0!important;-webkit-text-fill-color:#202226!important}
html[data-theme="light"] .server-connection-screen .simple-form input::placeholder{color:#858c95!important;-webkit-text-fill-color:#858c95!important}
html[data-theme="light"] .server-connection-screen .simple-form input:focus{box-shadow:inset 0 0 0 1.5px #8e599f,0 0 0 3px rgba(112,52,131,.09)!important}
html[data-theme="light"] .server-connection-screen .simple-form .primary{color:#fff!important;box-shadow:0 10px 24px rgba(116,45,145,.18)!important}
html[data-theme="light"] .server-connection-screen .simple-form .primary:disabled{background:#e9ebee!important;color:#969da6!important;box-shadow:inset 0 0 0 1px #daddE1!important;opacity:1!important}
html[data-theme="light"] .server-connection-screen .server-health{background:linear-gradient(155deg,#fff,#fafafa)!important;border:1px solid #dde1e5!important;box-shadow:0 12px 30px rgba(0,0,0,.07)!important;color:#202226!important}
html[data-theme="light"] .server-connection-screen .server-health>div{box-shadow:inset 0 -1px #e5e8eb!important}
html[data-theme="light"] .server-connection-screen .server-health>div:last-of-type{box-shadow:none!important}
html[data-theme="light"] .server-connection-screen .server-health span{color:#707881!important}
html[data-theme="light"] .server-connection-screen .server-health b{color:#292c31!important}
html[data-theme="light"] .server-connection-screen .server-error{background:#fff0f2!important;border:1px solid #e9c7cd!important;color:#9e3948!important}

/* === Xmegram 3.4.9-hotfix372 · full Light Mode visual parity repair ===
   Screenshot-driven dark-vs-light audit for Home, Discover, Watch, Auth and shared desktop/tablet shell.
   Additive Light Mode only. Dark Mode, Reels and public Live Watch remain unchanged. */

/* Shared desktop/tablet shell — keep boundaries visible on a white canvas without loud outlines. */
html[data-theme="light"] .screen.home-screen>.topbar,
html[data-theme="light"] .screen.discover-screen>.topbar,
html[data-theme="light"] .screen.watch-screen>.topbar{
  border-bottom:1px solid #dfe2e6!important;
  box-shadow:0 3px 12px rgba(0,0,0,.035)!important;
}
html[data-theme="light"] .screen.home-screen .topbar .icon-btn,
html[data-theme="light"] .screen.discover-screen .topbar .icon-btn,
html[data-theme="light"] .screen.watch-screen .topbar .icon-btn{
  border-color:#dfe2e6!important;
  background:#fafafa!important;
}
html[data-theme="light"] .screen.home-screen .home-header-search,
html[data-theme="light"] .screen.discover-screen .discover-search{
  border-color:#d9dde2!important;
  background:#f7f8f9!important;
  box-shadow:inset 0 1px rgba(255,255,255,.8)!important;
}
html[data-theme="light"] :is(.screen.home-screen,.screen.discover-screen,.screen.watch-screen)>.desktop-sidebar{
  border-right:1px solid #dfe2e6!important;
}
html[data-theme="light"] :is(.screen.home-screen,.screen.discover-screen,.screen.watch-screen)>.desktop-sidebar .desktop-side-item.active{
  box-shadow:inset 0 0 0 1px #e2e4e7!important;
}
html[data-theme="light"] :is(.screen.home-screen,.screen.discover-screen,.screen.watch-screen) .brand-title>span{color:#151619!important}

/* AUTH / WELCOME — the Light Mode media collage now lives on a white canvas, including desktop/tablet. */
html[data-theme="light"] .screen.auth-screen .login-screen .auth-collage{
  background:#fff!important;
  border-color:#dfe2e6!important;
}
html[data-theme="light"] .screen.auth-screen .login-screen .auth-vignette{
  background:
    linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.09) 48%,rgba(255,255,255,.96) 91%,#fff 100%),
    radial-gradient(circle at 50% 44%,transparent 0%,rgba(255,255,255,.05) 48%,rgba(255,255,255,.36) 78%,rgba(255,255,255,.72) 100%)!important;
}
html[data-theme="light"] .screen.auth-screen .login-screen .auth-tile{
  border:1px solid rgba(255,255,255,.92)!important;
  background-color:#f2f3f4!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(.96) brightness(.92) contrast(.98)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.075)!important;
}
html[data-theme="light"] .screen.auth-screen .login-screen .auth-logo-mark{
  filter:drop-shadow(0 9px 20px rgba(0,0,0,.13))!important;
}
html[data-theme="light"] .screen.auth-screen .login-inline-field>b{color:#5f666f!important}
html[data-theme="light"] .screen.auth-screen .login-inline-field:focus-within>b{color:#4c535b!important}
html[data-theme="light"] .screen.auth-screen .auth-progress{background:#e3e6e9!important}
html[data-theme="light"] .screen.auth-screen .auth-validation small{color:#717881!important}
html[data-theme="light"] .screen.auth-screen .confirmation-form .confirm-pair.matched .auth-validation small,
html[data-theme="light"] .screen.auth-screen .password-strength.strong small{color:#28734a!important}
html[data-theme="light"] .screen.auth-screen .confirmation-form .confirm-pair.mismatch .auth-validation small,
html[data-theme="light"] .screen.auth-screen .password-strength.weak small{color:#a93d4c!important}
@media(min-width:768px){
  html[data-theme="light"] .screen.auth-screen .login-screen>.auth-collage{
    border-right:1px solid #dfe2e6!important;
  }
}

/* HOME — image-backed modules explicitly own white media text so Light Mode inheritance cannot turn it black. */
html[data-theme="light"] .screen.home-screen .home-hero{
  color:#fff!important;
  border:1px solid #d6dae0!important;
  box-shadow:0 14px 32px rgba(0,0,0,.15)!important;
}
html[data-theme="light"] .screen.home-screen .home-hero .hero-slide,
html[data-theme="light"] .screen.home-screen .home-hero .hero-content,
html[data-theme="light"] .screen.home-screen .home-hero .hero-content h1,
html[data-theme="light"] .screen.home-screen .home-hero .hero-content p{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
}
html[data-theme="light"] .screen.home-screen .home-hero .hero-content small{
  color:#f1c6ff!important;
  text-shadow:0 1px 9px rgba(0,0,0,.5)!important;
}
html[data-theme="light"] .screen.home-screen .home-hero .slide-count{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(5,7,11,.68)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.18)!important;
}
html[data-theme="light"] .screen.home-screen .home-hero .hero-dots button{
  background:rgba(255,255,255,.50)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.10)!important;
}
html[data-theme="light"] .screen.home-screen .home-hero .hero-dots button.active{
  background:#fff!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.13),0 2px 7px rgba(0,0,0,.2)!important;
}
/* Keep the dark image shade itself; it is a local readability layer, not the Light Mode page background. */
html[data-theme="light"] .screen.home-screen .home-hero .hero-shade{
  background:linear-gradient(90deg,rgba(4,5,8,.84) 0%,rgba(4,5,8,.55) 46%,rgba(4,5,8,.16) 78%,rgba(4,5,8,.05) 100%)!important;
}

/* Home media spotlight: keep imagery dark, but make the outer frame legible against white. */
html[data-theme="light"] .screen.home-screen .home-front-spotlight{
  background:linear-gradient(115deg,rgba(131,58,180,.27),rgba(218,221,225,.92) 38%,rgba(253,29,29,.18) 69%,rgba(252,176,69,.26))!important;
  box-shadow:0 13px 30px rgba(0,0,0,.12)!important;
}
html[data-theme="light"] .screen.home-screen .home-front-spotlight:after{
  border-color:rgba(255,255,255,.30)!important;
}
html[data-theme="light"] .screen.home-screen :is(.home-front-spotlight-main,.home-front-spotlight-peek) :is(b,em,small){
  color:#fff!important;
  text-shadow:0 1px 9px rgba(0,0,0,.48)!important;
}

/* Home card families — visible but quiet lines + reusable dark-mode-quality shadow hierarchy. */
html[data-theme="light"] .screen.home-screen :is(.video-card,.home-top-creator-card,.home-interest-story-card,.home-curated-collection-card){
  border-color:#d9dde2!important;
  box-shadow:0 8px 22px rgba(0,0,0,.075)!important;
}
html[data-theme="light"] .screen.home-screen .home-category-showcase-card{
  border-color:#d7dbe0!important;
  box-shadow:0 8px 20px rgba(0,0,0,.07)!important;
}
html[data-theme="light"] .screen.home-screen .home-creator-profile-card{
  background:#d8dce1!important;
  box-shadow:0 11px 26px rgba(0,0,0,.09)!important;
}
html[data-theme="light"] .screen.home-screen .home-creator-profile-card:after{
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .screen.home-screen .home-creator-profile-copy{
  border-right:0!important;
}
html[data-theme="light"] .screen.home-screen .home-creator-profile-identity b{color:#17191c!important}
html[data-theme="light"] .screen.home-screen .home-creator-profile-identity em,
html[data-theme="light"] .screen.home-screen .home-creator-profile-copy p{color:#666d76!important}

/* Image-backed promo/category copy must not inherit black from the Light Mode screen. */
html[data-theme="light"] .screen.home-screen .home-promo-banner.has-image,
html[data-theme="light"] .screen.home-screen .home-category-showcase-card:not(.no-image){
  border-color:#d6dae0!important;
  box-shadow:0 10px 26px rgba(0,0,0,.11)!important;
  color:#fff!important;
}
html[data-theme="light"] .screen.home-screen .home-promo-banner.has-image :is(h2,p,small,time),
html[data-theme="light"] .screen.home-screen .home-category-showcase-card:not(.no-image) .home-category-showcase-copy :is(small,b,i){
  color:#fff!important;
  text-shadow:0 1px 9px rgba(0,0,0,.45)!important;
}

/* Tiny media labels / lengths / rank pills always remain white on their dark media-local pills. */
html[data-theme="light"] .screen.home-screen :is(.duration,.rank-duration,.home-top-creator-rank),
html[data-theme="light"] .screen.discover-screen :is(.duration,.rank-duration),
html[data-theme="light"] .screen.watch-screen :is(.preview-badge,.duration,.rank-duration){
  color:#fff!important;
}
html[data-theme="light"] .screen.home-screen :is(.duration,.rank-duration),
html[data-theme="light"] .screen.discover-screen :is(.duration,.rank-duration){
  background:rgba(7,9,13,.80)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  text-shadow:0 1px 5px rgba(0,0,0,.55)!important;
}

/* Home headings, overflow dots and tiny metadata need reliable contrast on white. */
html[data-theme="light"] .screen.home-screen .section-title h2{color:#17191c!important}
html[data-theme="light"] .screen.home-screen .section-title button{color:#71347d!important}
html[data-theme="light"] .screen.home-screen :is(.card-foot span,.rank-copy small,.rank-copy em){color:#646c76!important}
html[data-theme="light"] .screen.home-screen :is(.card-foot strong,.rank-row>strong){color:#6e4d27!important}

/* DISCOVER — strengthen card boundaries while preserving image-led Spotlight/Live media darkness. */
html[data-theme="light"] .screen.discover-screen .discover-spotlight-card{
  border-color:#d9dde2!important;
  box-shadow:0 11px 27px rgba(0,0,0,.11)!important;
  color:#fff!important;
}
html[data-theme="light"] .screen.discover-screen .discover-spotlight-card :is(.discover-spotlight-copy,.discover-spotlight-copy b,.discover-spotlight-copy small,.discover-spotlight-copy em,.discover-spotlight-copy span){
  color:#fff!important;
  text-shadow:0 1px 8px rgba(0,0,0,.50)!important;
}
html[data-theme="light"] .screen.discover-screen .discover-spotlight-card:after{
  opacity:.82!important;
}
html[data-theme="light"] .screen.discover-screen :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail) .video-card{
  border-color:#d8dce1!important;
  box-shadow:0 8px 21px rgba(0,0,0,.07)!important;
}
html[data-theme="light"] .screen.discover-screen :is(.discover-saved-card,.discover-chart-row,.discover-rising-row,.discover-following-card){
  border-color:#d9dde2!important;
  box-shadow:0 8px 21px rgba(0,0,0,.065)!important;
}
html[data-theme="light"] .screen.discover-screen .discover-live .live-home-media{
  border:1px solid #d5d9de!important;
  box-shadow:0 8px 20px rgba(0,0,0,.08)!important;
}
html[data-theme="light"] .screen.discover-screen .discover-live .live-home-media :is(.live-pill,.live-home-name,.live-home-flag){
  text-shadow:0 1px 8px rgba(0,0,0,.55)!important;
}
html[data-theme="light"] .screen.discover-screen :is(.discover-charts-head,.discover-rising-head,.discover-following>header) :is(h2,b){color:#191b1e!important}
html[data-theme="light"] .screen.discover-screen :is(.discover-charts-head,.discover-rising-head,.discover-following>header) small{color:#6e757e!important}

/* Thumbnail/image borders are inset so no geometry shifts at mobile, tablet or desktop widths. */
html[data-theme="light"] .screen.home-screen .video-thumb,
html[data-theme="light"] .screen.discover-screen :is(.video-thumb,.discover-mobile-media){
  box-shadow:inset 0 0 0 1px rgba(14,18,24,.08)!important;
}

/* WATCH — player remains black, but its Light Mode boundary and all non-media controls become truly light. */
html[data-theme="light"] .screen.watch-screen .watch-player{
  color:#fff!important;
}
html[data-theme="light"] .screen.watch-screen .watch-player .preview-badge{
  color:#fff!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(5,7,11,.76)!important;
  text-shadow:0 1px 7px rgba(0,0,0,.55)!important;
}
html[data-theme="light"] .screen.watch-screen .watch-player :is(.player-controls,time,.watch-quality){color:#fff!important}
@media(min-width:768px){
  html[data-theme="light"] .screen.watch-screen>.watch-player{
    border:1px solid #d3d7dc!important;
    box-shadow:0 12px 29px rgba(0,0,0,.14)!important;
  }
  /* Hotfix275's later desktop dark button backgrounds are explicitly converted here. */
  html[data-theme="light"] .screen.watch-screen .watch-actions{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] .screen.watch-screen .watch-actions button:not(.watch-action-buy){
    border:1px solid #d9dde2!important;
    background:linear-gradient(180deg,#fafafa,#f2f3f4)!important;
    color:#4d545d!important;
    box-shadow:0 7px 18px rgba(0,0,0,.07),inset 0 1px rgba(255,255,255,.88)!important;
  }
  html[data-theme="light"] .screen.watch-screen .watch-actions button:not(.watch-action-buy):hover{
    background:linear-gradient(180deg,#fff,#eef0f2)!important;
    border-color:#cfd4da!important;
  }
  html[data-theme="light"] .screen.watch-screen .watch-actions button:not(.watch-action-buy).active{
    border-color:#e3c9d1!important;
    background:#fff1f4!important;
    color:#a33a50!important;
  }
  html[data-theme="light"] .screen.watch-screen .watch-actions button:not(.watch-action-buy):disabled{
    border-color:#e0e2e5!important;
    background:#eef0f2!important;
    color:#9aa0a8!important;
    opacity:1!important;
  }
  html[data-theme="light"] .screen.watch-screen .watch-actions .action-lock{color:#8c692d!important}
  html[data-theme="light"] .screen.watch-screen .watch-actions .watch-action-buy{color:#fff!important}
}
@media(max-width:767px){
  html[data-theme="light"] .screen.watch-screen .watch-actions.watch-actions-compact button:disabled{
    background:#f1f2f3!important;
    border-color:#e2e4e7!important;
    color:#969da5!important;
    box-shadow:0 3px 9px rgba(0,0,0,.045)!important;
    opacity:1!important;
  }
}

/* Watch tiny metadata: don't reuse gold tuned for black backgrounds. */
html[data-theme="light"] .screen.watch-screen .watch-meta{color:#69717a!important}
html[data-theme="light"] .screen.watch-screen .watch-meta .watch-rating{color:#8a671d!important}
html[data-theme="light"] .screen.watch-screen .watch-meta [data-video-views]{color:#636b75!important}
html[data-theme="light"] .screen.watch-screen .watch-meta [data-video-views] .ico{color:#79838d!important;stroke:currentColor!important}
html[data-theme="light"] .screen.watch-screen .watch-smart-price{color:#76501f!important}

/* Watch cards/panels: consistent quiet border and shadow instead of disappearing into the white canvas. */
html[data-theme="light"] .screen.watch-screen :is(.watch-details-panel,.verified-reviews,.buyer-rating-panel,.watch-fbt,.watch-creator-store,.watch-collection-context){
  border-color:#dce0e4!important;
  box-shadow:0 8px 23px rgba(0,0,0,.06)!important;
}
html[data-theme="light"] .screen.watch-screen :is(.watch-details-panel>header,.verified-reviews>header){border-bottom-color:#e0e3e6!important}
html[data-theme="light"] .screen.watch-screen .watch-details-grid>div+div{border-left-color:#e0e3e6!important}
html[data-theme="light"] .screen.watch-screen .verified-review-card{border-color:#dfe2e5!important;box-shadow:0 5px 15px rgba(0,0,0,.045)!important}
html[data-theme="light"] .screen.watch-screen :is(.watch-fbt-card,.watch-creator-store-card){border-color:#dce0e4!important;box-shadow:0 6px 18px rgba(0,0,0,.055)!important}
html[data-theme="light"] .screen.watch-screen .watch-related .video-card{border-color:#d9dde2!important;box-shadow:0 8px 21px rgba(0,0,0,.065)!important}
html[data-theme="light"] .screen.watch-screen .watch-smart-purchase-dock{border-color:#d7dbe0!important;box-shadow:0 9px 25px rgba(0,0,0,.08)!important}

/* Tablet-specific parity: preserve the same light card/header hierarchy instead of falling back to dark desktop rules. */
@media(min-width:768px) and (max-width:1099px){
  html[data-theme="light"] .screen.home-screen :is(.video-card,.home-creator-profile-card,.home-category-showcase-card),
  html[data-theme="light"] .screen.discover-screen :is(.video-card,.discover-spotlight-card),
  html[data-theme="light"] .screen.watch-screen :is(.watch-details-panel,.verified-reviews,.buyer-rating-panel){
    border-color:#d8dce1!important;
  }
}


/* === Xmegram 3.4.9-hotfix374 · screenshot parity polish: auth, shared actions, badges, Home rhythm/categories, Profile feed === */
/* Light Mode only. Dark Mode, Reels and public Live Watch remain unchanged. */

/* Header inbox/notification badges: white digits on red, with a crisp white keyline on every top header. */
html[data-theme="light"] .topbar .notify-btn>i,
html[data-theme="light"] .global-header-actions .notify-btn>i,
html[data-theme="light"] .mobile-global-actions .notify-btn>i{
  color:#fff!important;
  background:#FD1D1D!important;
  border:2px solid #fff!important;
  box-shadow:0 4px 11px rgba(253,29,29,.22)!important;
  text-shadow:none!important;
}

/* Media-local floating controls remain white-on-dark, but the black plate is less heavy in Light Mode. */
html[data-theme="light"] .screen.home-screen .video-thumb :is(.save-float,.cart-float,.home-card-more),
html[data-theme="light"] .profile-screen-ref .profile-video-thumb :is(.profile-cart-action,.profile-subscribe-action){
  background:rgba(8,10,14,.62)!important;
  border-color:rgba(255,255,255,.15)!important;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
html[data-theme="light"] .screen.home-screen .video-thumb :is(.cart-float,.save-float).active,
html[data-theme="light"] .profile-screen-ref .profile-video-thumb .profile-cart-action.active{
  color:#fff!important;
}

/* Profile cover controls sit on photography, so keep white SVGs but soften the dark circular plates. */
html[data-theme="light"] .profile-screen-ref :is(.profile-hero-menu,.profile-hero-back,.profile-hero-actions button){
  background:rgba(8,10,14,.56)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}

/* Front spotlight access/price is a pale pill: it must stay dark text on Light Mode. */
html[data-theme="light"] .screen.home-screen .home-front-spotlight-copy>span>strong{
  color:#111318!important;
  background:rgba(248,249,250,.96)!important;
  border-color:rgba(255,255,255,.52)!important;
  text-shadow:none!important;
  box-shadow:0 4px 12px rgba(0,0,0,.10)!important;
}

/* Mobile Watch actions: remove the four loud pastel plates and use one restrained neutral action surface. */
@media(max-width:767px){
  html[data-theme="light"] .screen.watch-screen .watch-actions.watch-actions-compact button{
    background:rgba(248,249,250,.96)!important;
    border:1px solid #e0e3e6!important;
    color:#4c545d!important;
    box-shadow:0 5px 14px rgba(0,0,0,.075)!important;
  }
  html[data-theme="light"] .screen.watch-screen .watch-actions.watch-actions-compact button.active{
    background:#fff3f5!important;
    border-color:#ebd3d9!important;
    color:#a43d52!important;
  }
}

/* Mobile section rhythm: compact and uniform vertical breathing room without changing dark mode. */
@media(max-width:767px){
  html[data-theme="light"] .screen.home-screen .home-section{margin-top:6px!important}
  html[data-theme="light"] .screen.home-screen .home-categories-section{margin-top:6px!important}
  html[data-theme="light"] .screen:not(.reels-screen):not(.live-screen) .section-title{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:4px!important;
  }
  html[data-theme="light"] .screen.home-screen .home-category-showcase-track,
  html[data-theme="light"] .screen.home-screen .home-top-creators-track{padding-top:1px!important;padding-bottom:5px!important}
}

/* Views: visible but secondary on every light commerce/feed text surface. */
html[data-theme="light"] .screen.home-screen .card-foot .views,
html[data-theme="light"] .screen.home-screen .rank-copy em,
html[data-theme="light"] .profile-screen-ref .surface-profile-masonry .discover-mobile-foot>span:first-child{
  color:#646c76!important;
}
html[data-theme="light"] .screen.home-screen .card-foot .views .ico,
html[data-theme="light"] .screen.home-screen .rank-copy em .ico,
html[data-theme="light"] .profile-screen-ref .surface-profile-masonry .discover-mobile-foot>span:first-child .ico{
  color:#7a848e!important;
  stroke:currentColor!important;
  opacity:1!important;
}

/* Profile mobile feed parity: text/meta area is light; only thumbnail/player media stays dark. */
html[data-theme="light"] .profile-screen-ref .surface-profile-masonry .trending-like-mobile-card{
  background:#fff!important;
  border-bottom-color:#e6e8ea!important;
  color:#17191c!important;
}
html[data-theme="light"] .profile-screen-ref .surface-profile-masonry .trending-like-mobile-card .discover-mobile-foot{
  border-color:#eceeef!important;
  background:#fff!important;
}
html[data-theme="light"] .profile-screen-ref .surface-profile-masonry .trending-like-mobile-card .discover-price-actions>strong{
  color:#725027!important;
}


/* === Xmegram 3.4.9-hotfix375 · Profile popup + Home rhythm follow-up === */
#drawerRoot .playlist-sheet.profile-filter-sheet{
  width:min(520px,calc(100% - 22px))!important;
  max-height:min(78dvh,650px)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>header{
  min-height:74px!important;
  height:auto!important;
  padding:14px 16px 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>header>b{
  font-size:20px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>header>button{
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  border-radius:50%!important;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>div{
  display:grid!important;
  gap:8px!important;
  max-height:calc(min(78dvh,650px) - 74px)!important;
  padding:11px 13px calc(13px + var(--safe-bottom))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>div>button{
  min-height:62px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:11px!important;
  padding:9px 11px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:15px!important;
  background:#101620!important;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>div>button>span{
  width:40px!important;height:40px!important;
  display:grid!important;place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(131,58,180,.12),rgba(252,176,69,.035))!important;
  border:1px solid rgba(167,103,210,.13)!important;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>div>button>div{min-width:0!important}
#drawerRoot .playlist-sheet.profile-filter-sheet>div>button>div>b{
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  font-size:14px!important;
  line-height:1.2!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>div>button:after{
  content:"›";
  justify-self:end;
  color:#7f8997;
  font-size:21px;
  line-height:1;
}
#drawerRoot .playlist-sheet.profile-filter-sheet>div>button.active:after{content:"✓";font-size:17px;color:#b884ff}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet{
  border-color:#dedfe2!important;
  background:linear-gradient(180deg,#fff,#f8f8f9)!important;
  box-shadow:0 -20px 64px rgba(0,0,0,.16)!important;
  color:#18191b!important;
}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>header{
  border-color:#e4e5e7!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>header>b{color:#1b1c1f!important}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>header>button{
  border:1px solid #e0e1e3!important;
  background:#f1f2f3!important;
  color:#555b63!important;
}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>div>button{
  border-color:#e2e3e5!important;
  background:linear-gradient(145deg,#fff,#f5f5f6)!important;
  color:#222428!important;
  box-shadow:none!important;
}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>div>button>span{
  border-color:#e2d5e7!important;
  background:linear-gradient(145deg,#f3eaf7,#fff5e8)!important;
  color:#713483!important;
}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>div>button>div>b{color:#222428!important}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>div>button:after{color:#737a83!important}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>div>button.active{
  border-color:#d9cde1!important;
  background:linear-gradient(145deg,#faf6fc,#fffaf1)!important;
}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>div>button.active>span{
  background:linear-gradient(145deg,#eadcf1,#fff0df)!important;
  border-color:#dfcbe7!important;
  color:#6e3182!important;
}
html[data-theme="light"] #drawerRoot .playlist-sheet.profile-filter-sheet>div>button.active:after{color:#713483!important}
@media(max-width:700px){
  #drawerRoot .playlist-sheet.profile-filter-sheet{width:calc(100% - 20px)!important;border-radius:22px!important}
}


/* HOTFIX 376 — category image completeness + Discover Spotlight Light Mode separators. */
/* Spotlight is image-led even in Light Mode: keep dark media shading, but use a clean
   light internal separator instead of a black seam between collage images. */
html[data-theme="light"] .screen.discover-screen .discover-spotlight-art{
  gap:1px!important;
  background:rgba(255,255,255,.82)!important;
}
html[data-theme="light"] .screen.discover-screen .discover-spotlight-stack{
  gap:1px!important;
  background:rgba(255,255,255,.82)!important;
}


/* === Xmegram 3.4.9-hotfix382 · canonical transparent-cutout brand mark === */
.brand-logo-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.auth-logo-mark:before{display:none!important}
.auth-logo-mark>.brand-logo-image{position:relative;width:100%!important;height:100%!important;filter:none!important}
.drawer-brand>span{background:transparent!important;border-radius:0!important;overflow:visible!important}
.drawer-brand>span>.brand-logo-image{width:34px!important;height:34px!important}
@media(min-width:768px){
  .desktop-side-brand>span{background:transparent!important;border-radius:0!important;overflow:visible!important}
  .desktop-side-brand>span>.brand-logo-image{width:42px!important;height:42px!important}
}
html[data-theme="light"] .auth-logo-mark>.brand-logo-image,
html[data-theme="light"] .drawer-brand .brand-logo-image,
html[data-theme="light"] .desktop-side-brand .brand-logo-image{filter:none!important}

/* === Xmegram 3.4.9-hotfix385 · desktop single-brand placement === */
@media(min-width:768px){
  .desktop-side-wordmark{display:none}
}
@media(min-width:1100px){
  .desktop-side-brand>.desktop-side-wordmark{
    display:flex!important;
    align-items:baseline;
    min-width:0;
    gap:0;
    font-size:19px!important;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .desktop-side-wordmark>span,
  .desktop-side-wordmark>b{white-space:nowrap}
  .brand-topbar>.brand-title{display:none!important}
  .brand-topbar>.top-actions{margin-left:auto!important}
}

/* === Xmegram 3.4.9-hotfix386 · desktop-only Admin header shortcut === */
.global-header-admin{display:none!important}
@media(min-width:1100px){.global-header-actions .global-header-admin{display:grid!important}}


/* === Xmegram 3.4.9-hotfix387 · Privacy Policy static page + auth/support links === */
.auth-static-links{display:flex;align-items:center;justify-content:center;gap:10px;margin:18px 0 0;padding:0}.auth-static-links button{min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#b8bec8;font:inherit;font-size:11px;font-weight:800;text-decoration:none}.legal-copy button{border:0;background:transparent;color:#bd78f4;font:inherit;font-weight:800;padding:0;text-decoration:none}.registration-privacy-copy button{border:0;background:transparent;color:#b86cff;font:inherit;font-weight:800;padding:0;text-decoration:none}.registration-privacy-copy{margin:20px auto 0;max-width:440px;color:#7d8692;font-size:11px;line-height:1.55;text-align:center}
.privacy-screen{min-height:100dvh;background:#06090e;color:#edf0f4}.privacy-page{width:min(940px,calc(100% - 36px));margin:0 auto;padding:28px 0 calc(70px + var(--safe-bottom))}.privacy-hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:20px;padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:radial-gradient(circle at 10% 0%,rgba(131,58,180,.18),transparent 40%),radial-gradient(circle at 100% 100%,rgba(252,176,69,.08),transparent 36%),linear-gradient(145deg,#111720,#0a0e14);box-shadow:0 18px 46px rgba(0,0,0,.24)}.privacy-hero-icon{width:66px;height:66px;flex:0 0 66px;display:grid;place-items:center;border:1px solid rgba(190,116,244,.22);border-radius:20px;background:linear-gradient(145deg,rgba(131,58,180,.22),rgba(252,176,69,.07));color:#c48bf0}.privacy-hero-icon .ico{width:32px;height:32px}.privacy-hero small,.privacy-support-card small{display:block;color:#b27ad6;font-size:9px;font-weight:950;letter-spacing:.17em}.privacy-hero h1{margin:5px 0 7px;font-size:30px;line-height:1.06;letter-spacing:-.035em}.privacy-hero p{max-width:650px;margin:0;color:#8e98a5;font-size:13px;line-height:1.55}.privacy-document{margin-top:18px;padding:30px 32px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:#0c1118;box-shadow:0 14px 38px rgba(0,0,0,.18)}.privacy-effective{display:inline-flex;margin:0 0 22px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#121923;color:#9ba4b0;font-size:10px;font-weight:780}.privacy-document h2{margin:28px 0 10px;color:#f0f2f6;font-size:18px;line-height:1.2;letter-spacing:-.015em}.privacy-document h2:first-of-type{margin-top:0}.privacy-document p{margin:0 0 14px;color:#a0a8b3;font-size:13px;line-height:1.72}.privacy-document ul{margin:0 0 15px;padding-left:20px;color:#a0a8b3}.privacy-document li{margin:6px 0;font-size:13px;line-height:1.6}.privacy-support-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:18px;padding:24px 26px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,#101620,#0a0f16)}.privacy-support-card h2{margin:4px 0 5px;font-size:18px}.privacy-support-card p{margin:0;color:#87919d;font-size:12px;line-height:1.5}.privacy-support-action{min-width:230px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#151c26;color:#eef1f5;text-align:left}.privacy-support-action>.ico:first-child{width:21px;color:#bb7adb}.privacy-support-action>span{min-width:0}.privacy-support-action b{display:block;font-size:12px}.privacy-support-action small{display:block;margin-top:2px;color:#89939f;font-size:9px;line-height:1.35}.privacy-support-action>.ico:last-child{width:15px;color:#737e8a}.support-privacy-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;margin:0 0 14px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(145deg,rgba(131,58,180,.09),rgba(15,20,28,.96))}.support-privacy-card>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(131,58,180,.12);color:#bd7add}.support-privacy-card>span .ico{width:21px}.support-privacy-card>div small{display:block;color:#a677c1;font-size:8px;font-weight:950;letter-spacing:.14em}.support-privacy-card>div b{display:block;margin-top:2px;font-size:13px}.support-privacy-card>div p{margin:3px 0 0;color:#87919d;font-size:9.5px;line-height:1.4}.support-privacy-card>button{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#151b24;color:#dce1e7;font-size:10px;font-weight:820}.support-privacy-card>button .ico{width:13px}.support-public-entry{padding-top:18px}
@media(max-width:767px){.privacy-screen .privacy-page{width:calc(100% - 20px);padding-top:10px}.privacy-screen .privacy-hero{align-items:flex-start;gap:13px;padding:18px 16px;border-radius:18px}.privacy-screen .privacy-hero-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}.privacy-screen .privacy-hero-icon .ico{width:24px;height:24px}.privacy-screen .privacy-hero h1{font-size:23px}.privacy-screen .privacy-hero p{font-size:11px}.privacy-screen .privacy-document{margin-top:10px;padding:20px 17px;border-radius:17px}.privacy-screen .privacy-document h2{margin-top:24px;font-size:17px}.privacy-screen .privacy-document p,.privacy-screen .privacy-document li{font-size:12px}.privacy-screen .privacy-support-card{grid-template-columns:1fr;gap:14px;margin-top:10px;padding:18px 16px;border-radius:17px}.privacy-screen .privacy-support-action{width:100%;min-width:0}.support-screen .support-privacy-card{grid-template-columns:40px minmax(0,1fr);padding:12px}.support-screen .support-privacy-card>span{width:40px;height:40px}.support-screen .support-privacy-card>button{grid-column:1/-1;width:100%;justify-content:center}.auth-screen .auth-static-links{margin-top:14px}}
html[data-theme="light"] .auth-static-links button{border-color:#e1e3e6!important;background:#f7f7f8!important;color:#666d76!important}html[data-theme="light"] .legal-copy button,html[data-theme="light"] .registration-privacy-copy button{color:#753585!important}html[data-theme="light"] .registration-privacy-copy{color:#747b84!important}html[data-theme="light"] .privacy-screen{background:#fff!important;color:#17191c!important}html[data-theme="light"] .privacy-hero{border-color:#e1e4e7!important;background:radial-gradient(circle at 10% 0%,rgba(131,58,180,.08),transparent 40%),radial-gradient(circle at 100% 100%,rgba(252,176,69,.07),transparent 36%),linear-gradient(145deg,#fff,#f7f8f9)!important;box-shadow:0 12px 30px rgba(0,0,0,.07)!important}html[data-theme="light"] .privacy-hero-icon{border-color:#eadcf0!important;background:linear-gradient(145deg,#f3e9f7,#fff4e7)!important;color:#713483!important}html[data-theme="light"] .privacy-hero small,html[data-theme="light"] .privacy-support-card small{color:#713483!important}html[data-theme="light"] .privacy-hero h1{color:#17191c!important}html[data-theme="light"] .privacy-hero p{color:#66707a!important}html[data-theme="light"] .privacy-document{border-color:#e3e5e8!important;background:#fff!important;box-shadow:0 10px 28px rgba(0,0,0,.055)!important}html[data-theme="light"] .privacy-effective{border-color:#e3e5e8!important;background:#f6f7f8!important;color:#68717b!important}html[data-theme="light"] .privacy-document h2{color:#1c1e21!important}html[data-theme="light"] .privacy-document p,html[data-theme="light"] .privacy-document li{color:#5f6872!important}html[data-theme="light"] .privacy-support-card{border-color:#e1e4e7!important;background:linear-gradient(145deg,#fff,#f7f8f9)!important}html[data-theme="light"] .privacy-support-card h2{color:#1b1d20!important}html[data-theme="light"] .privacy-support-card p{color:#68717b!important}html[data-theme="light"] .privacy-support-action{border-color:#dfe2e5!important;background:#f3f4f5!important;color:#222428!important}html[data-theme="light"] .privacy-support-action small{color:#6d7680!important}html[data-theme="light"] .support-privacy-card{border-color:#e0e3e6!important;background:linear-gradient(145deg,#fff,#f8f7f9)!important}html[data-theme="light"] .support-privacy-card>span{background:#f1e7f5!important;color:#713483!important}html[data-theme="light"] .support-privacy-card>div b{color:#222428!important}html[data-theme="light"] .support-privacy-card>div p{color:#68717b!important}html[data-theme="light"] .support-privacy-card>button{border-color:#dfe2e5!important;background:#f2f3f4!important;color:#34383e!important}

/* === Xmegram 3.4.9-hotfix388 · free public Live, tip support prompt, paid private mode === */
.live-private-gate-card{width:min(520px,100%);margin:0 auto!important;padding:28px 24px 24px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:radial-gradient(circle at 12% 0,rgba(131,58,180,.24),transparent 37%),radial-gradient(circle at 96% 94%,rgba(253,29,29,.16),transparent 42%),linear-gradient(155deg,rgba(16,19,27,.97),rgba(7,9,14,.98))!important;box-shadow:0 28px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.06)!important}
.live-private-kicker{display:inline-flex!important;width:auto!important;height:27px!important;margin:0 auto 14px!important;padding:0 10px!important;border:1px solid rgba(255,90,116,.28)!important;border-radius:999px!important;background:rgba(253,29,29,.10)!important;color:#ff7187!important;align-items:center!important;justify-content:center!important;font-size:9px!important;font-weight:950!important;letter-spacing:.12em!important;box-shadow:none!important}
.live-private-gate-card .live-paywall-lock{width:68px!important;height:68px!important;margin:0 auto 16px!important;border-radius:22px!important}
.live-private-gate-card h2{font-size:clamp(24px,4vw,31px)!important;letter-spacing:-.035em!important}
.live-private-gate-card>p{margin-top:12px!important;padding:10px 15px!important;font-size:14px!important}
.live-private-join{display:flex!important;width:min(320px,100%)!important;height:52px!important;margin:20px auto 0!important;align-items:center!important;justify-content:center!important;gap:9px!important;border-radius:15px!important;background:linear-gradient(95deg,#833AB4,#FD1D1D 62%,#FCB045)!important;color:#fff!important;font-size:12px!important;font-weight:950!important;box-shadow:0 16px 38px rgba(253,29,29,.18)!important}
.live-private-join .ico{width:18px!important;height:18px!important}
.live-private-gate-card>small{display:flex!important;align-items:flex-start!important;justify-content:center!important;gap:8px!important;max-width:400px!important;margin:17px auto 0!important;color:#b8bec8!important;font-size:10px!important;line-height:1.45!important}
.live-private-gate-card>small .ico{width:16px!important;flex:0 0 16px!important}
.live-support-prompt{position:absolute;z-index:12;left:50%;bottom:88px;width:min(570px,calc(100% - 24px));transform:translate(-50%,12px) scale(.985);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.live-support-prompt[hidden]{display:none!important}.live-support-prompt.active{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}
.live-support-card{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px 12px;padding:14px 15px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:radial-gradient(circle at 0 0,rgba(131,58,180,.23),transparent 42%),radial-gradient(circle at 100% 100%,rgba(252,176,69,.12),transparent 38%),rgba(9,11,16,.94);color:#fff;box-shadow:0 22px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px)}
.live-support-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#833AB4,#FD1D1D,#FCB045)}
.live-support-close{position:absolute;right:9px;top:8px;width:28px;height:28px;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:rgba(255,255,255,.055);color:#cbd0d8;font-size:18px;line-height:1;display:grid;place-items:center}
.live-support-icon{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,rgba(131,58,180,.32),rgba(253,29,29,.22));color:#ff9eb0;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}.live-support-icon .ico{width:20px}
.live-support-copy{min-width:0;padding-right:25px}.live-support-copy small,.live-support-copy b,.live-support-copy p{display:block;margin:0}.live-support-copy small{color:#ff788d;font-size:8px;font-weight:950;letter-spacing:.13em}.live-support-copy b{margin-top:3px;font-size:14px;letter-spacing:-.015em}.live-support-copy p{margin-top:3px;color:#9ca5b2;font-size:9px;line-height:1.35}
.live-support-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.live-support-actions button{min-height:39px;padding:0 7px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#111620;color:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:900}.live-support-actions button:not(.custom){background:linear-gradient(145deg,rgba(131,58,180,.14),rgba(253,29,29,.08));border-color:rgba(190,86,255,.20)}.live-support-actions button .ico{width:14px}.live-support-actions button:not(.custom) .ico{color:#ff6e87}.live-support-actions button.custom{color:#c6ccd5}
.creator-live-private-card{position:relative}.creator-live-private-card.active{border-color:rgba(253,59,87,.22);box-shadow:0 18px 52px rgba(253,29,29,.07),inset 0 1px 0 rgba(255,255,255,.04)}
.creator-live-private-state{min-width:58px;height:26px;padding:0 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#171c24;color:#8f98a5;display:grid;place-items:center;font-size:8px;font-weight:950;letter-spacing:.08em}.creator-live-private-state.active{border-color:rgba(253,65,87,.24);background:rgba(253,29,29,.12);color:#ff7386;box-shadow:0 0 22px rgba(253,29,29,.08)}
.creator-live-private-price{display:grid;gap:7px;padding:15px 15px 8px}.creator-live-private-price>span{color:#99a3b0;font-size:9px;font-weight:850}.creator-live-private-price input{width:100%;height:48px;padding:0 13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#090d13;color:#fff;outline:0;font:inherit;font-size:12px}.creator-live-private-price input:focus{border-color:rgba(181,83,255,.42);box-shadow:0 0 0 4px rgba(131,58,180,.08)}
.creator-live-private-start,.creator-live-private-end{width:calc(100% - 30px);min-height:43px;margin:3px 15px 0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:950}.creator-live-private-start .ico{width:16px}.creator-live-private-card>p{margin:9px 16px 16px;color:#747f8d;font-size:8.5px;line-height:1.45;text-align:center}
.creator-live-private-live{display:flex;align-items:center;gap:12px;margin:15px;padding:14px;border:1px solid rgba(253,73,96,.14);border-radius:16px;background:linear-gradient(135deg,rgba(131,58,180,.11),rgba(253,29,29,.07))}.creator-live-private-live>span{width:43px;height:43px;flex:0 0 43px;border-radius:14px;background:linear-gradient(145deg,#833AB4,#FD1D1D);color:#fff;display:grid;place-items:center}.creator-live-private-live>span .ico{width:19px}.creator-live-private-live>div{min-width:0}.creator-live-private-live small,.creator-live-private-live b,.creator-live-private-live em{display:block}.creator-live-private-live small{color:#9da6b2;font-size:8px}.creator-live-private-live b{margin-top:2px;color:#fff;font-size:18px}.creator-live-private-live em{margin-top:3px;color:#ff8293;font-size:8px;font-style:normal;font-weight:800}
.creator-live-private-wait{display:flex;align-items:center;gap:11px;margin:15px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#0a0e14;color:#7e8996}.creator-live-private-wait>.ico{width:21px}.creator-live-private-wait b,.creator-live-private-wait small{display:block}.creator-live-private-wait b{color:#bdc4ce;font-size:10px}.creator-live-private-wait small{margin-top:3px;font-size:8px;line-height:1.4}
@media(max-width:700px){.live-support-prompt{bottom:72px;width:calc(100% - 18px)}.live-support-card{padding:12px;border-radius:16px}.live-support-icon{width:38px;height:38px}.live-support-copy b{font-size:12px}.live-support-copy p{font-size:8px}.live-support-actions{gap:5px}.live-support-actions button{min-height:38px;padding:0 3px;font-size:8px}.live-private-gate-card{padding:22px 16px 20px!important;border-radius:20px!important}.live-private-gate-card h2{font-size:25px!important}.live-private-join{height:49px!important}.creator-live-private-start,.creator-live-private-end{width:calc(100% - 24px);margin-left:12px;margin-right:12px}.creator-live-private-card>p{margin-left:13px;margin-right:13px}}
html[data-theme="light"] .live-support-card{background:radial-gradient(circle at 0 0,rgba(131,58,180,.12),transparent 42%),radial-gradient(circle at 100% 100%,rgba(252,176,69,.11),transparent 38%),rgba(255,255,255,.96);border-color:rgba(24,27,33,.10);color:#17181b;box-shadow:0 22px 58px rgba(19,22,30,.16),inset 0 1px 0 rgba(255,255,255,.9)}
html[data-theme="light"] .live-support-copy p{color:#727984}html[data-theme="light"] .live-support-actions button{background:#f5f5f7;border-color:#dedfe3;color:#24272c}html[data-theme="light"] .live-support-actions button:not(.custom){background:linear-gradient(145deg,rgba(131,58,180,.08),rgba(253,29,29,.045));border-color:rgba(131,58,180,.14)}
html[data-theme="light"] .creator-live-private-price input,html[data-theme="light"] .creator-live-private-wait{background:#f7f7f8;color:#17181b;border-color:#dedfe3}
@media (prefers-reduced-motion:reduce){.live-support-prompt{transition:none}.live-support-card,.creator-live-private-card{animation:none!important}}

/* Hotfix388 · private live status badges */
.live-pill.private{border-color:rgba(255,255,255,.18)!important;background:linear-gradient(95deg,#833AB4,#FD1D1D 68%,#FCB045)!important;color:#fff!important;box-shadow:0 7px 22px rgba(131,58,180,.26)!important}
.live-meta-state.private{border-color:rgba(253,91,111,.26)!important;background:linear-gradient(95deg,rgba(131,58,180,.18),rgba(253,29,29,.14))!important;color:#ff8798!important}
html[data-theme="light"] .live-meta-state.private{border-color:color-mix(in srgb,var(--site-accent2) 20%,transparent)!important;background:linear-gradient(95deg,rgba(131,58,180,.10),rgba(253,29,29,.08))!important;color:var(--site-accent2)!important}

.live-support-option-copy{display:grid;gap:1px;text-align:center;line-height:1.05}.live-support-option-copy b{font-size:9px}.live-support-option-copy small{color:#8f99a6;font-size:7px;font-weight:800;white-space:nowrap}.live-support-actions button:not(.custom):hover .live-support-option-copy small{color:#c8ced7}
html[data-theme="light"] .live-support-option-copy small{color:#747b85}


/* Hotfix389: Live comment-tip pass */
.live-composer.comment-tip-gated input{cursor:pointer!important;border-color:rgba(252,176,69,.34)!important;background:linear-gradient(90deg,rgba(131,58,180,.10),rgba(253,29,29,.08),rgba(252,176,69,.08))!important}.live-composer.comment-tip-gated>button:last-child{background:linear-gradient(145deg,#833AB4,#FD1D1D 62%,#FCB045)!important}.live-comment-tip-sheet{position:fixed;z-index:3;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);padding:16px 18px max(22px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.12);border-radius:26px 26px 0 0;background:radial-gradient(circle at 84% 0,rgba(252,176,69,.11),transparent 32%),radial-gradient(circle at 14% 14%,rgba(131,58,180,.18),transparent 34%),linear-gradient(160deg,#171a22,#0b0e14 72%);color:#fff;box-shadow:0 -24px 70px rgba(0,0,0,.38)}.live-comment-tip-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-comment-tip-creator{display:flex;align-items:center;gap:10px;min-width:0}.live-comment-tip-creator>span{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCB045);font-weight:950}.live-comment-tip-creator img{width:100%;height:100%;object-fit:cover}.live-comment-tip-creator b,.live-comment-tip-creator small{display:block}.live-comment-tip-creator b{font-size:15px}.live-comment-tip-creator small{margin-top:2px;color:#aeb3bd;font-size:10px}.live-comment-tip-sheet header>button{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.10);background:#ffffff0b;color:#d9dce2;font-size:24px}.live-comment-tip-heart{position:relative;width:58px;height:58px;margin:17px auto 8px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,rgba(131,58,180,.28),rgba(253,29,29,.23),rgba(252,176,69,.18));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.live-comment-tip-heart>.ico{width:27px;height:27px}.live-comment-tip-heart>span{position:absolute;right:-6px;bottom:-5px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#833AB4,#FD1D1D);box-shadow:0 5px 16px rgba(0,0,0,.3)}.live-comment-tip-heart>span .ico{width:13px;height:13px}.live-comment-tip-sheet h3,.live-comment-tip-sheet>p{margin:0;text-align:center}.live-comment-tip-sheet h3{font-size:23px;letter-spacing:-.02em}.live-comment-tip-sheet>p{margin-top:5px;color:#aeb3bd;font-size:11px}.live-comment-tip-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}.live-comment-tip-options button{position:relative;min-height:94px;padding:12px 7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(255,255,255,.035);color:#fff;text-align:center}.live-comment-tip-options button:active{transform:scale(.98)}.live-comment-tip-options button.popular{border-color:rgba(166,71,230,.72);background:linear-gradient(155deg,rgba(131,58,180,.24),rgba(253,29,29,.10));box-shadow:0 10px 28px rgba(131,58,180,.12)}.live-comment-tip-options button>span{display:block}.live-comment-tip-options button>span b{display:block;font-size:24px;line-height:1}.live-comment-tip-options button>span small{display:block;margin-top:3px;color:#aeb3bd;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.live-comment-tip-options button>strong{display:block;margin-top:10px;font-size:13px}.live-comment-tip-options button>em{position:absolute;top:-8px;left:50%;transform:translateX(-50%);padding:3px 7px;border-radius:999px;background:linear-gradient(90deg,#833AB4,#FD1D1D);color:#fff;font-size:7px;font-style:normal;font-weight:950;text-transform:uppercase;letter-spacing:.07em}.live-comment-tip-balance{display:flex;align-items:center;gap:7px;margin-top:14px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);color:#9fa5af;font-size:10px}.live-comment-tip-balance .ico{width:17px;height:17px;color:#f0b448}.live-comment-tip-balance b{margin-left:auto;color:#fff;font-size:12px}.live-comment-tip-note{display:block;margin-top:11px;color:#7f8691;text-align:center;font-size:9px;line-height:1.4}
@media(min-width:768px){.live-comment-tip-sheet{left:67%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(450px,42vw);border-radius:22px;padding:20px}.live-comment-tip-sheet .live-tip-handle{display:none}}
@media(min-width:1180px){.live-comment-tip-sheet{left:auto;right:calc(clamp(350px,27vw,440px) + 28px);transform:translateY(-50%);width:390px}}
html[data-theme="light"] .live-comment-tip-sheet{border-color:#e5e5e8;background:radial-gradient(circle at 84% 0,rgba(252,176,69,.12),transparent 32%),radial-gradient(circle at 14% 14%,rgba(131,58,180,.10),transparent 34%),linear-gradient(160deg,#fff,#f6f6f8);color:#17181b;box-shadow:0 -18px 60px rgba(30,25,35,.16)}html[data-theme="light"] .live-comment-tip-creator small,html[data-theme="light"] .live-comment-tip-sheet>p,html[data-theme="light"] .live-comment-tip-options button>span small{color:#727780}html[data-theme="light"] .live-comment-tip-sheet header>button,html[data-theme="light"] .live-comment-tip-options button,html[data-theme="light"] .live-comment-tip-balance{border-color:#e5e5e8;background:#f7f7f9;color:#30333a}html[data-theme="light"] .live-comment-tip-options button.popular{border-color:#d9c0e7;background:#f6eef9;box-shadow:none}html[data-theme="light"] .live-comment-tip-balance b{color:#17181b}html[data-theme="light"] .live-comment-tip-note{color:#858a92}html[data-theme="light"] .live-composer.comment-tip-gated input{border-color:#e8d5ca!important;background:linear-gradient(90deg,#f8f1fa,#fff4f4,#fff8ed)!important}


/* === Xmegram 3.4.9-hotfix390 · reliable premium Live support conversion === */
.live-support-prompt{z-index:18!important}
.live-support-card{grid-template-columns:1fr!important;gap:12px!important;padding:16px!important;border-radius:20px!important;box-shadow:0 24px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07)!important}
.live-support-creator{display:flex;align-items:center;gap:11px;min-width:0;padding-right:28px}.live-support-creator>span{width:46px;height:46px;flex:0 0 46px;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#833AB4,#FD1D1D 62%,#FCB045);color:#fff;font-size:15px;font-weight:950;box-shadow:0 0 0 3px rgba(255,255,255,.07)}.live-support-creator>span img{width:100%;height:100%;object-fit:cover}.live-support-creator>div{min-width:0}.live-support-creator small{display:block;color:#d693ff;font-size:8px;font-weight:950;letter-spacing:.14em}.live-support-creator b{display:block;margin-top:2px;color:#fff;font-size:14px;line-height:1.2}.live-support-creator p{margin:3px 0 0;color:#aeb6c1;font-size:9px;line-height:1.45}
.live-support-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.live-support-actions button{position:relative!important;min-height:48px!important;border-radius:13px!important}.live-support-actions button.featured{border-color:rgba(194,97,255,.55)!important;background:linear-gradient(145deg,rgba(131,58,180,.23),rgba(253,29,29,.10))!important;box-shadow:0 8px 24px rgba(131,58,180,.14)!important}.live-support-actions button>em{position:absolute;left:50%;top:-7px;transform:translateX(-50%);padding:2px 6px;border-radius:999px;background:linear-gradient(90deg,#833AB4,#FD1D1D);color:#fff;font-size:6px;font-style:normal;font-weight:950;letter-spacing:.06em;text-transform:uppercase}.live-support-foot{display:flex;align-items:center;justify-content:center;gap:6px;color:#7f8996;font-size:8px;text-align:center}.live-support-foot .ico{width:13px;height:13px;color:#FCB045}
@media(max-width:700px){.live-support-prompt{bottom:78px!important}.live-support-card{padding:13px!important;border-radius:17px!important}.live-support-creator>span{width:41px;height:41px;flex-basis:41px}.live-support-creator b{font-size:12px}.live-support-creator p{font-size:8px}.live-support-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.live-support-actions button{min-height:43px!important;padding:0 3px!important}.live-support-option-copy b{font-size:8px!important}.live-support-option-copy small{font-size:6px!important}.live-support-foot{font-size:7px}}
html[data-theme="light"] .live-support-creator b{color:#181a1f}html[data-theme="light"] .live-support-creator p{color:#6f7680}html[data-theme="light"] .live-support-foot{color:#747b85}

.live-composer .live-tip-entry{position:relative!important;overflow:visible!important;border:1px solid rgba(190,91,255,.28)!important;background:linear-gradient(145deg,rgba(131,58,180,.22),rgba(253,29,29,.13))!important;box-shadow:0 6px 20px rgba(131,58,180,.12)!important}.live-composer .live-tip-entry:after{content:"TIP";position:absolute;right:-4px;top:-5px;min-width:22px;height:13px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(90deg,#833AB4,#FD1D1D 68%,#FCB045);color:#fff;font-size:6px;font-weight:950;letter-spacing:.05em;box-shadow:0 4px 10px rgba(0,0,0,.22)}.live-composer .live-tip-entry .ico{animation:liveTipEntryPulse 3.6s ease-in-out infinite}@keyframes liveTipEntryPulse{0%,76%,100%{transform:scale(1)}82%{transform:scale(1.16)}88%{transform:scale(.98)}94%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.live-composer .live-tip-entry .ico{animation:none!important}}
html[data-theme="light"] .live-composer .live-tip-entry{border-color:#e4cbea!important;background:linear-gradient(145deg,#f7effa,#fff3f3)!important;box-shadow:0 5px 15px rgba(80,35,92,.08)!important}

/* === Xmegram 3.4.9-hotfix391 · persistent upper-left Live support prompt === */
.live-support-prompt{left:clamp(12px,3vw,26px)!important;top:clamp(96px,18%,170px)!important;bottom:auto!important;width:min(440px,calc(100% - 28px))!important;transform:translateY(-8px) scale(.985)!important;transform-origin:top left!important;z-index:22!important}
.live-support-prompt.active{transform:translateY(0) scale(1)!important}
.live-support-close{z-index:3!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(12,15,20,.78)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
@media(max-width:700px){.live-support-prompt{left:12px!important;right:auto!important;top:clamp(104px,17%,158px)!important;bottom:auto!important;width:min(355px,calc(100% - 24px))!important}.live-support-card{max-height:min(48vh,390px);overflow:auto;overscroll-behavior:contain}.live-support-actions{position:relative;z-index:2}}
@media(min-width:701px){.live-support-prompt{top:clamp(108px,18%,178px)!important}}


/* === Xmegram 3.4.9-hotfix392 · full Live support cover + randomized tip nudges === */
.live-support-prompt{
  position:absolute!important;
  inset:0!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:100%!important;height:100%!important;
  z-index:80!important;
  display:grid;
  place-items:center;
  padding:max(76px,calc(env(safe-area-inset-top) + 58px)) 16px max(76px,calc(env(safe-area-inset-bottom) + 58px))!important;
  transform:none!important;
  transform-origin:center!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(131,58,180,.22),transparent 34%),
    radial-gradient(circle at 78% 74%,rgba(253,29,29,.13),transparent 32%),
    linear-gradient(180deg,rgba(2,3,7,.58),rgba(2,3,7,.78))!important;
  -webkit-backdrop-filter:blur(9px) saturate(.82)!important;
  backdrop-filter:blur(9px) saturate(.82)!important;
}
.live-support-prompt[hidden]{display:none!important}
.live-support-prompt.active{transform:none!important;opacity:1!important;pointer-events:auto!important}
.live-support-card{
  width:min(560px,100%)!important;
  max-width:560px!important;
  max-height:100%!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  grid-template-columns:1fr!important;
  gap:14px!important;
  padding:22px 20px 19px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 18% 0,rgba(131,58,180,.24),transparent 33%),
    radial-gradient(circle at 100% 100%,rgba(252,176,69,.12),transparent 34%),
    linear-gradient(155deg,rgba(18,20,29,.985),rgba(7,9,14,.985))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.live-support-card:before{width:4px!important;background:linear-gradient(180deg,#833AB4,#FD1D1D 58%,#FCB045)!important}
.live-support-cover-icon{
  width:76px;height:76px;margin:0 auto 1px;
  display:grid;place-items:center;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(145deg,#7a33df,#b63ab5 42%,var(--site-accent) 72%,#f5a142);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 0 0 9px rgba(154,59,212,.08),0 18px 42px rgba(111,34,166,.30);
}
.live-support-cover-icon .ico{width:35px!important;height:35px!important;stroke:#fff!important;stroke-width:2.05px!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.24))}
.live-support-creator{justify-content:center!important;padding:0 32px!important;text-align:left}
.live-support-creator>span{width:48px!important;height:48px!important;flex-basis:48px!important}
.live-support-creator small{font-size:9px!important;color:#ff8ba3!important;letter-spacing:.14em!important}
.live-support-creator b{font-size:17px!important;line-height:1.18!important}
.live-support-creator p{max-width:390px;margin-top:5px!important;font-size:10px!important;line-height:1.5!important}
.live-support-close{right:13px!important;top:13px!important;width:34px!important;height:34px!important;border-color:rgba(255,255,255,.14)!important;background:rgba(7,9,14,.72)!important;color:#fff!important;font-size:20px!important}
.live-support-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
.live-support-actions button{min-height:61px!important;padding:8px 7px!important;border-radius:16px!important;background:linear-gradient(155deg,#171b25,#0d1119)!important}
.live-support-actions button>span:first-child .ico,.live-support-actions button>.ico{width:17px!important;height:17px!important}
.live-support-actions button.featured{border-color:rgba(194,97,255,.72)!important;box-shadow:0 10px 30px rgba(131,58,180,.20)!important}
.live-support-actions button.custom{grid-column:1/-1;min-height:46px!important;background:rgba(255,255,255,.045)!important;color:#d8dde5!important}
.live-support-option-copy b{font-size:11px!important}.live-support-option-copy small{font-size:8px!important}
.live-support-foot{font-size:9px!important;line-height:1.4!important}

.live-tip-nudge{
  position:absolute;
  z-index:38;
  left:50%;top:82px;
  width:min(340px,calc(100% - 86px));
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-10px) scale(.985);
  transition:opacity .18s ease,transform .18s ease;
}
.live-tip-nudge[hidden]{display:none!important}
.live-tip-nudge.active{opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.live-tip-nudge-card{
  width:100%;min-height:62px;
  display:grid;grid-template-columns:44px minmax(0,1fr) 28px;
  align-items:center;gap:10px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(17,20,29,.94),rgba(7,10,15,.94));
  color:#fff;text-align:left;
  box-shadow:0 18px 52px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.live-tip-nudge-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#7d34e2,var(--site-accent) 68%,#f3a23f);box-shadow:0 8px 22px rgba(124,48,204,.25)}
.live-tip-nudge-icon .ico{width:22px;height:22px;stroke:#fff;stroke-width:2.1px}
.live-tip-nudge-copy{min-width:0;display:block}.live-tip-nudge-copy small,.live-tip-nudge-copy b,.live-tip-nudge-copy em{display:block;font-style:normal}
.live-tip-nudge-copy small{color:#ff8298;font-size:7px;font-weight:950;letter-spacing:.13em}.live-tip-nudge-copy b{margin-top:2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-tip-nudge-copy em{margin-top:2px;color:#aeb6c2;font-size:9px}
.live-tip-nudge-go{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.06);color:#d8dce4}.live-tip-nudge-go .ico{width:15px;height:15px}

/* Keep the left Live tip control premium and legible in both site themes. */
.live-screen .live-composer .live-tip-entry,
html[data-theme="light"] .live-screen .live-composer .live-tip-entry{
  position:relative!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:linear-gradient(145deg,#7131dc 0%,#a33ce6 42%,var(--site-accent) 74%,#f39c3d 100%)!important;
  color:#fff!important;
  box-shadow:0 9px 26px rgba(113,49,220,.26),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.live-screen .live-composer .live-tip-entry:before{
  content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid rgba(255,255,255,.12);pointer-events:none
}
.live-screen .live-composer .live-tip-entry .ico,
html[data-theme="light"] .live-screen .live-composer .live-tip-entry .ico{
  width:25px!important;height:25px!important;
  color:#fff!important;stroke:#fff!important;stroke-width:2.15px!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.26));
}
.live-screen .live-composer .live-tip-entry:after{right:-5px!important;top:-6px!important;min-width:25px!important;height:15px!important;font-size:7px!important;border:1px solid rgba(255,255,255,.18)!important}

html[data-theme="light"] .live-support-prompt{background:linear-gradient(180deg,rgba(10,12,17,.48),rgba(10,12,17,.68))!important}
html[data-theme="light"] .live-support-card{background:radial-gradient(circle at 18% 0,rgba(131,58,180,.12),transparent 34%),radial-gradient(circle at 100% 100%,rgba(252,176,69,.10),transparent 35%),linear-gradient(155deg,rgba(255,255,255,.985),rgba(247,247,250,.985))!important;border-color:rgba(20,22,28,.11)!important;color:#17191e!important;box-shadow:0 34px 90px rgba(24,20,32,.26),inset 0 1px 0 #fff!important}
html[data-theme="light"] .live-support-creator b{color:#17191e!important}html[data-theme="light"] .live-support-creator p{color:#6d7480!important}html[data-theme="light"] .live-support-actions button{background:#f4f4f7!important;border-color:#dedfe5!important;color:#252830!important}html[data-theme="light"] .live-support-actions button.featured{background:linear-gradient(145deg,#f4ecfa,#fff1f4)!important;border-color:#d6b8e7!important}html[data-theme="light"] .live-support-actions button.custom{background:#f0f1f4!important;color:#474c55!important}html[data-theme="light"] .live-support-foot{color:#717781!important}
html[data-theme="light"] .live-tip-nudge-card{background:rgba(255,255,255,.96);border-color:rgba(20,22,28,.11);color:#17191e;box-shadow:0 18px 45px rgba(28,23,36,.20)}html[data-theme="light"] .live-tip-nudge-copy em{color:#727985}html[data-theme="light"] .live-tip-nudge-go{background:#f0f1f4;color:#515761}

@media(max-width:700px){
  .live-support-prompt{padding:78px 13px 76px!important}
  .live-support-card{width:min(430px,100%)!important;padding:18px 14px 15px!important;border-radius:22px!important}
  .live-support-cover-icon{width:68px;height:68px;border-radius:21px}.live-support-cover-icon .ico{width:31px!important;height:31px!important}
  .live-support-creator{padding:0 28px 0 0!important;justify-content:flex-start!important}.live-support-creator>span{width:43px!important;height:43px!important;flex-basis:43px!important}.live-support-creator b{font-size:14px!important}.live-support-creator p{font-size:9px!important}
  .live-support-actions{gap:7px!important}.live-support-actions button{min-height:57px!important;border-radius:14px!important}.live-support-actions button.custom{min-height:44px!important}
  .live-tip-nudge{top:76px;width:min(326px,calc(100% - 78px))}.live-tip-nudge-card{min-height:58px;border-radius:17px}.live-tip-nudge-icon{width:40px;height:40px;border-radius:14px}.live-tip-nudge-copy b{font-size:11px}.live-tip-nudge-copy em{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.live-tip-nudge{transition:none}.live-screen .live-composer .live-tip-entry .ico{animation:none!important}}


/* === Xmegram 3.4.9-hotfix393 · manual left-middle nudge + independent support cover === */
.live-tip-nudge{
  left:12px!important;
  right:auto!important;
  top:50%!important;
  width:min(318px,calc(100% - 86px))!important;
  transform:translate(-9px,-50%) scale(.985)!important;
  transform-origin:left center!important;
}
.live-tip-nudge.active{transform:translate(0,-50%) scale(1)!important}
.live-tip-nudge-card{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  gap:5px!important;
  padding:7px 7px 7px 8px!important;
}
.live-tip-nudge-main{
  min-width:0;
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 28px;
  align-items:center;
  gap:10px;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
}
.live-tip-nudge-close{
  width:30px;height:30px;
  align-self:start;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  background:rgba(255,255,255,.055);
  color:#e8eaf0;
  font-size:18px;line-height:1;
}
html[data-theme="light"] .live-tip-nudge-close{border-color:#dedfe5;background:#f1f2f5;color:#5f6672}
@media(max-width:700px){
  .live-tip-nudge{left:10px!important;top:50%!important;width:min(304px,calc(100% - 80px))!important}
  .live-tip-nudge-main{grid-template-columns:40px minmax(0,1fr) 26px;gap:8px}
}

/* === Xmegram 3.4.9-hotfix395 · premium Live nudge controls + shared reaction/tip particles === */
.live-room .live-tip-nudge-card{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 9px 8px 9px!important;
}
.live-room .live-tip-nudge-main{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:10px!important;
}
.live-room .live-tip-nudge-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  align-self:center!important;
}
.live-room .live-tip-nudge-go,
.live-room .live-tip-nudge-close{
  position:relative!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  align-self:center!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:50%!important;
}
.live-room .live-tip-nudge-go{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(145deg,rgba(131,58,180,.22),rgba(253,29,29,.16),rgba(252,176,69,.12))!important;
  color:#fff!important;
  box-shadow:0 5px 16px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.10)!important;
  animation:vhLiveTipArrowPulse 1.65s ease-in-out infinite!important;
}
.live-room .live-tip-nudge-go:before{
  content:"";position:absolute;inset:-45%;border-radius:50%;
  background:conic-gradient(from 180deg,transparent,rgba(255,255,255,.28),transparent 36%);
  animation:vhLiveTipArrowSweep 2.2s linear infinite;
}
.live-room .live-tip-nudge-go .ico{position:relative;z-index:1;width:17px!important;height:17px!important;stroke-width:2.2px!important;animation:vhLiveTipArrowNudge 1.35s ease-in-out infinite!important}
.live-room .live-tip-nudge-close{
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.055)!important;
  color:#dfe3ea!important;
  box-shadow:none!important;
}
.live-room .live-tip-nudge-close .ico{width:15px!important;height:15px!important;stroke-width:2.15px!important}
html[data-theme="light"] .live-room .live-tip-nudge-go{border-color:#e0d2ea!important;background:linear-gradient(145deg,#f6edfb,#fff0f2)!important;color:#7e3ab1!important}
html[data-theme="light"] .live-room .live-tip-nudge-close{border-color:#dedfe5!important;background:#f1f2f5!important;color:#5f6672!important}
@keyframes vhLiveTipArrowPulse{0%,100%{transform:scale(1);box-shadow:0 5px 16px rgba(0,0,0,.16),0 0 0 0 rgba(174,72,232,.10)}50%{transform:scale(1.06);box-shadow:0 7px 20px rgba(0,0,0,.20),0 0 0 5px rgba(174,72,232,.045)}}
@keyframes vhLiveTipArrowSweep{to{transform:rotate(360deg)}}
@keyframes vhLiveTipArrowNudge{0%,100%{transform:translateX(-1px)}52%{transform:translateX(2.5px)}}

/* Reactions are intentionally above the mobile chat stack (z-index 23) but below support UI. */
.live-room .live-reactions{
  position:absolute!important;
  z-index:34!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  overflow:hidden!important;
  pointer-events:none!important;
  isolation:isolate!important;
}
.live-room .live-celebration-particle{
  position:absolute!important;
  left:var(--particle-x,9%)!important;
  bottom:62px!important;
  width:var(--particle-size,28px)!important;
  height:var(--particle-size,28px)!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font-style:normal!important;
  font-size:var(--particle-size,28px)!important;
  line-height:1!important;
  opacity:0;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.34)) saturate(1.12)!important;
  transform-origin:center!important;
  will-change:transform,opacity!important;
  animation:vhLiveParticleFlight 2.85s cubic-bezier(.16,.72,.22,1) var(--particle-delay,0ms) forwards!important;
}
.live-room .live-heart-particle{
  color:#ff2f61!important;
  text-shadow:0 1px 0 rgba(255,255,255,.45),0 0 15px rgba(255,47,97,.32)!important;
}
.live-room .live-balloon-particle,
.live-room .live-gift-particle{filter:drop-shadow(0 6px 8px rgba(0,0,0,.34)) saturate(1.18)!important}
.live-room .live-balloon-particle{animation-name:vhLiveBalloonFlight!important}
.live-room .live-gift-particle{animation-name:vhLiveGiftFlight!important}
.live-room .live-comment-particle{font-size:calc(var(--particle-size,28px) * .84)!important}
@keyframes vhLiveParticleFlight{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.46) rotate(-12deg)}
  8%{opacity:1;transform:translate3d(8px,-10px,0) scale(1.02) rotate(-4deg)}
  48%{opacity:1;transform:translate3d(calc(var(--particle-dx) * .48),calc(var(--particle-dy) * .48),0) scale(1.08) rotate(7deg)}
  86%{opacity:.98}
  100%{opacity:0;transform:translate3d(var(--particle-dx),var(--particle-dy),0) scale(.88) rotate(17deg)}
}
@keyframes vhLiveBalloonFlight{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.52) rotate(-8deg)}
  9%{opacity:1;transform:translate3d(7px,-11px,0) scale(1.05) rotate(4deg)}
  36%{transform:translate3d(calc(var(--particle-dx) * .35),calc(var(--particle-dy) * .35),0) scale(1.08) rotate(-7deg)}
  68%{opacity:1;transform:translate3d(calc(var(--particle-dx) * .68),calc(var(--particle-dy) * .68),0) scale(1.03) rotate(7deg)}
  89%{opacity:.98}
  100%{opacity:0;transform:translate3d(var(--particle-dx),var(--particle-dy),0) scale(.90) rotate(-4deg)}
}
@keyframes vhLiveGiftFlight{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.42) rotate(-18deg)}
  10%{opacity:1;transform:translate3d(6px,-12px,0) scale(1.08) rotate(4deg)}
  50%{opacity:1;transform:translate3d(calc(var(--particle-dx) * .50),calc(var(--particle-dy) * .50),0) scale(1.12) rotate(-8deg)}
  87%{opacity:.98}
  100%{opacity:0;transform:translate3d(var(--particle-dx),var(--particle-dy),0) scale(.86) rotate(15deg)}
}
@media(max-width:700px){
  .live-room .live-tip-nudge-main{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important}
  .live-room .live-tip-nudge-actions{gap:5px!important}
  .live-room .live-tip-nudge-go,.live-room .live-tip-nudge-close{width:30px!important;height:30px!important;flex-basis:30px!important}
  .live-room .live-celebration-particle{bottom:64px!important}
}
@media(prefers-reduced-motion:reduce){
  .live-room .live-tip-nudge-go,.live-room .live-tip-nudge-go:before,.live-room .live-tip-nudge-go .ico{animation:none!important}
  .live-room .live-celebration-particle{animation-duration:1.15s!important}
}


/* Hotfix398 — daily featured-video compare price. The crossed reference price and
   live selling price intentionally use different visual tones. */
.daily-promo-price{display:inline-flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.daily-promo-price>del{color:#8f99a7;font-size:.78em;font-weight:700;text-decoration-thickness:1.5px;text-decoration-color:#c27682;opacity:.92}
.daily-promo-price>strong{color:#f0a541;font-weight:950;letter-spacing:-.02em}
.watch-price.daily-promo-price{justify-content:flex-end;font-size:inherit}
.watch-price.daily-promo-price>strong{font-size:inherit}
.watch-commerce-price-wrap,.watch-smart-price{display:inline-flex;align-items:center;justify-content:center;min-width:0}
.watch-commerce-price-wrap .daily-promo-price,.watch-smart-price .daily-promo-price{gap:4px}
.watch-commerce-price-wrap .daily-promo-price>del,.watch-smart-price .daily-promo-price>del{font-size:9px}
.watch-commerce-price-wrap .daily-promo-price>strong,.watch-smart-price .daily-promo-price>strong{font-size:12px}
.chat-purchase-price.daily-promo-price,.cart-line-promo.daily-promo-price,.cart-rec-price.daily-promo-price,.checkout-sale-price.daily-promo-price{justify-content:flex-end}
.home-preview-promo-price.daily-promo-price{margin-left:2px}
html[data-theme="light"] .daily-promo-price>del{color:#9c7d84!important;text-decoration-color:#b76d79!important}
html[data-theme="light"] .daily-promo-price>strong{color:#b9501d!important}

/* Watch details no longer expose quality or publish time; keep the three useful
   commerce details balanced on desktop and mobile. */
.watch-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:767px){.watch-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.watch-details-grid>div{border-left:0!important;border-top:0!important}.watch-details-grid>div+div{border-left:1px solid rgba(255,255,255,.045)!important}.watch-details-grid>div:last-child{grid-column:auto!important}.watch-details-grid>div>span{width:28px;height:28px;flex-basis:28px}.watch-details-grid b{font-size:10px}}
@media(max-width:430px){.watch-details-grid>div{gap:6px;padding:9px 5px}.watch-details-grid>div>span{display:none}.watch-details-grid small{font-size:7px}.watch-details-grid b{font-size:9.5px}}
html[data-theme="light"] .watch-details-grid>div+div{border-left-color:#eeeeef!important}

/* === Xmegram 3.4.9-hotfix402 · responsive compare-price layout ===
   Compare-at pricing is intentionally surface-aware. Compact controls stack the
   old/current values; roomy desktop rows may keep them inline. */
.watch-daily-offer-countdown{display:inline-flex;align-items:center;gap:5px;min-width:0;width:max-content;max-width:100%;padding:6px 9px;border:1px solid rgba(255,91,74,.25);border-radius:999px;background:linear-gradient(135deg,rgba(253,29,29,.09),rgba(252,176,69,.10));box-shadow:0 7px 20px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.07);color:var(--text);font-size:10px;font-weight:800;line-height:1;white-space:nowrap;letter-spacing:.01em}
.watch-daily-offer-countdown svg{width:13px;height:13px;flex:0 0 13px;stroke:#fd4c36;stroke-width:2.15}
.watch-daily-offer-countdown b{font:inherit;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
html[data-theme="light"] .watch-daily-offer-countdown{background:linear-gradient(135deg,rgba(253,29,29,.055),rgba(252,176,69,.12));border-color:rgba(198,79,38,.18);box-shadow:0 5px 15px rgba(84,48,31,.08),inset 0 1px 0 rgba(255,255,255,.85);color:#46372f}
html[data-theme="light"] .watch-daily-offer-countdown svg{stroke:#e54a2f}
.daily-promo-price{max-width:100%;box-sizing:border-box}
.daily-promo-price>del,.daily-promo-price>strong{min-width:0;max-width:100%}

/* Watch title: never compete with a long title on phone. */
@media(max-width:767px){
  .daily-promo-price{flex-wrap:wrap!important;white-space:normal!important;row-gap:2px!important}
  .watch-screen .watch-title-line{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;column-gap:9px!important;row-gap:7px!important}
  .watch-screen .watch-title-line>div:first-child{grid-column:1/-1!important;min-width:0!important}
  .watch-screen .watch-title-line>.watch-daily-offer-countdown{grid-column:1!important;grid-row:2!important;justify-self:start!important;align-self:center!important}
  .watch-screen .watch-title-line>.watch-price{grid-column:2!important;grid-row:2!important;justify-self:end!important;align-self:center!important}
  .watch-screen .watch-title-line>.watch-price.daily-promo-price{justify-self:end!important;display:inline-flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:7px!important;margin:0!important;font-size:20px!important;white-space:normal!important;max-width:100%!important}
  .watch-screen .watch-daily-offer-countdown{padding:6px 8px!important;font-size:9.5px!important;box-shadow:0 4px 12px rgba(0,0,0,.08)!important}
  .watch-screen .watch-title-line>.watch-price.daily-promo-price>del{font-size:12px!important}

  /* Sticky Watch purchase button is a compact control: stack prices vertically. */
  .watch-mobile-buy{gap:5px!important;padding-left:8px!important;padding-right:8px!important}
  .watch-mobile-buy>.watch-commerce-price-wrap{min-width:0!important;max-width:58%!important}
  .watch-mobile-buy .daily-promo-price{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important;align-content:center!important;gap:1px!important;line-height:1!important;white-space:normal!important;text-align:left!important}
  .watch-mobile-buy .daily-promo-price>del{font-size:7.5px!important;line-height:1!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .watch-mobile-buy .daily-promo-price>strong{font-size:10.5px!important;line-height:1.05!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* One-tap purchase summary: use two clean lines rather than squeezing values. */
  .watch-smart-summary-price-wrap{display:block!important;min-width:0!important;margin-top:4px!important}
  .watch-smart-summary-price-wrap .daily-promo-price{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important;gap:2px!important;white-space:normal!important;line-height:1.05!important}
  .watch-smart-summary-price-wrap .daily-promo-price>del{font-size:9px!important;line-height:1!important}
  .watch-smart-summary-price-wrap .daily-promo-price>strong{font-size:12px!important;line-height:1.08!important}

  /* Checkout and cart rows get vertical price stacks on narrow screens. */
  .checkout-video>.daily-promo-price,.cart-line-promo.daily-promo-price,.cart-rec-price.daily-promo-price,
  .chat-purchase-price.daily-promo-price,.watch-fbt-copy .daily-promo-price,.watch-creator-store-copy .daily-promo-price,
  .desktop-suggestion-price .daily-promo-price,.rank-row>.daily-promo-price,.card-foot .daily-promo-price{
    display:inline-grid!important;grid-template-columns:1fr!important;justify-items:end!important;gap:1px!important;white-space:normal!important;line-height:1.05!important
  }
  .checkout-video>.daily-promo-price{flex:0 0 auto!important;justify-self:end!important;text-align:right!important;max-width:34vw!important}
  .checkout-video>.daily-promo-price>del{font-size:9px!important}.checkout-video>.daily-promo-price>strong{font-size:13px!important}
  .cart-line-promo.daily-promo-price>del,.cart-rec-price.daily-promo-price>del{font-size:8px!important}
  .cart-line-promo.daily-promo-price>strong,.cart-rec-price.daily-promo-price>strong{font-size:11px!important}

  /* Thumbnail purchase sheet needs explicit positioning because the generic price
     renderer is a span, not the legacy standalone <strong>. */
  .chat-purchase-video>.chat-purchase-price.daily-promo-price{position:absolute!important;z-index:3!important;right:12px!important;bottom:10px!important;max-width:72%!important;text-align:right!important}
  .chat-purchase-video>.chat-purchase-price.daily-promo-price>del{font-size:10px!important;text-shadow:0 1px 3px rgba(0,0,0,.7)}
  .chat-purchase-video>.chat-purchase-price.daily-promo-price>strong{font-size:18px!important;text-shadow:0 1px 3px rgba(0,0,0,.7)}
}

/* Tablet has more width, but price pairs still stack in constrained commerce boxes. */
@media(min-width:768px) and (max-width:1099px){
  .watch-screen .watch-title-line>.watch-price.daily-promo-price{display:grid!important;grid-template-columns:1fr!important;justify-items:end!important;gap:2px!important;line-height:1.03!important;white-space:normal!important}
  .watch-screen .watch-title-line>.watch-price.daily-promo-price>del{font-size:11px!important}
  .checkout-video>.daily-promo-price,.watch-smart-summary-price-wrap .daily-promo-price,.cart-line-promo.daily-promo-price{
    display:inline-grid!important;grid-template-columns:1fr!important;justify-items:end!important;gap:2px!important;white-space:normal!important
  }
}

/* Desktop keeps the premium compact inline treatment where space is genuinely available. */
@media(min-width:1100px){
  .watch-title-line>.daily-promo-price,.checkout-video>.daily-promo-price,.watch-smart-summary-price-wrap .daily-promo-price{white-space:nowrap!important}
}

html[data-theme="light"] .watch-mobile-buy .daily-promo-price>del{color:#755c54!important;text-decoration-color:#9a514f!important}
html[data-theme="light"] .watch-mobile-buy .daily-promo-price>strong{color:#24140d!important;-webkit-text-fill-color:#24140d!important}

/* Hotfix400 surface hooks: allocate real space before choosing price orientation. */
.watch-smart-summary[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.watch-smart-summary[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:767px){
  .checkout-video.has-daily-promo{display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:11px!important;row-gap:5px!important}
  .checkout-video.has-daily-promo>span{grid-column:1!important;grid-row:1/3!important;width:78px!important;height:56px!important;flex:none!important}
  .checkout-video.has-daily-promo>div{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .checkout-video.has-daily-promo>.daily-promo-price{grid-column:2!important;grid-row:2!important;justify-self:start!important;justify-items:start!important;text-align:left!important;max-width:100%!important}
}

/* Hotfix406 · country-targeted recommendation headings. The flag stays inline with
   the truthful shelf name on mobile/tablet/desktop; card layout is intentionally untouched. */
.country-target-title h2{display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0!important;max-width:100%!important}
.country-target-title h2>span:last-child{min-width:0;overflow-wrap:anywhere}
.country-target-title-flag{display:inline-block!important;width:24px!important;height:17px!important;flex:0 0 24px!important;object-fit:cover!important;border-radius:3px!important;box-shadow:0 0 0 1px rgba(255,255,255,.14)!important}
.country-target-title-emoji{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;font-style:normal!important;font-size:20px!important;line-height:1!important}
@media(max-width:767px){.country-target-title h2{gap:7px!important}.country-target-title-flag{width:22px!important;height:15px!important;flex-basis:22px!important}.country-target-title-emoji{font-size:19px!important}}


/* === Xmegram 3.4.9-hotfix408 · mobile Watch empty-gap repair ===
   Keep genuine Watch panels in normal flow. Only the JS-measured empty gap before
   the first recommendation shelf is collapsed when no visible panel occupies it. */
@media(max-width:767px){
  .watch-screen>.watch-info{
    min-height:0!important;
    height:auto!important;
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  .watch-screen>.watch-related[data-watch-gap-trimmed="1"]{
    transition:none!important;
  }
}


/* === Xmegram 3.4.9-hotfix423 · Watch caption two-line parity + offer-row alignment ===
   Crossed-price offers must never steal horizontal width from the caption. The caption
   owns the full first row; timer + price share the row immediately below it on phone,
   tablet and desktop. This preserves the existing surrounding Watch layout. */
.watch-screen .watch-title-line.has-daily-offer-countdown{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  column-gap:16px!important;
  row-gap:8px!important;
  align-items:center!important;
  justify-content:stretch!important;
}
.watch-screen .watch-title-line.has-daily-offer-countdown>div:first-child{
  grid-column:1/-1!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
.watch-screen .watch-title-line.has-daily-offer-countdown>.watch-daily-offer-countdown{
  grid-column:1!important;
  grid-row:2!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
}
.watch-screen .watch-title-line.has-daily-offer-countdown>.watch-price{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}
/* One caption rule everywhere: full text when it naturally fits within two lines;
   only captions exceeding two lines receive the measured `more...` truncation. */
.watch-screen .watch-description-clamp,
.watch-screen .watch-description-clamp h1{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.watch-screen .watch-description-clamp h1{
  line-height:1.12!important;
  max-height:2.24em!important;
  overflow:hidden!important;
}
@media(min-width:768px) and (max-width:1099px){
  .watch-screen .watch-title-line.has-daily-offer-countdown{column-gap:14px!important;row-gap:8px!important}
  .watch-screen .watch-title-line.has-daily-offer-countdown>.watch-daily-offer-countdown{padding:6px 9px!important;font-size:10px!important}
}
@media(min-width:1100px){
  .watch-screen .watch-title-line.has-daily-offer-countdown{column-gap:18px!important;row-gap:9px!important}
  .watch-screen .watch-title-line.has-daily-offer-countdown>.watch-daily-offer-countdown{padding:6px 10px!important;font-size:10.5px!important}
}

/* === Xmegram 3.4.9-hotfix423 · desktop/tablet Watch caption + inline offer timer repair ===
   On tablet/desktop the daily timer belongs to the metadata line beside views, never
   in the title/price flex row. Keep a strong minimum caption surface and make the
   timer legible without disturbing the existing Watch hierarchy. */
@media(min-width:768px){
  .watch-screen .watch-title-line,
  .watch-screen .watch-title-line.has-daily-offer-countdown{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:18px!important;
    width:100%!important;
    min-width:0!important;
  }
  .watch-screen .watch-title-line>div:first-child,
  .watch-screen .watch-title-line.has-daily-offer-countdown>div:first-child{
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:180px!important;
    max-width:100%!important;
  }
  .watch-screen .watch-title-line>.watch-price,
  .watch-screen .watch-title-line.has-daily-offer-countdown>.watch-price{
    position:static!important;
    flex:0 0 auto!important;
    align-self:flex-start!important;
    margin:0!important;
  }
  .watch-screen .watch-meta.has-daily-offer{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
    min-width:0!important;
  }
  .watch-screen .watch-meta.has-daily-offer>.watch-daily-offer-countdown{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    flex:0 0 auto!important;
    margin:0 0 0 5px!important;
    padding:7px 11px!important;
    border:1px solid rgba(255,105,67,.62)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(253,29,29,.22),rgba(252,176,69,.18))!important;
    box-shadow:0 7px 20px rgba(253,29,29,.14),inset 0 1px 0 rgba(255,255,255,.13)!important;
    color:#f8f9fb!important;
    font-size:11.5px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.015em!important;
    white-space:nowrap!important;
    animation:watchOfferPulse423 2.8s ease-in-out infinite!important;
  }
  .watch-screen .watch-meta.has-daily-offer>.watch-daily-offer-countdown svg{
    width:14px!important;
    height:14px!important;
    flex:0 0 14px!important;
    stroke:#ff684d!important;
    stroke-width:2.35!important;
  }
  .watch-screen .watch-description-clamp,
  .watch-screen .watch-description-clamp h1{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}
@media(min-width:768px) and (max-width:1099px){
  .watch-screen .watch-title-line,
  .watch-screen .watch-title-line.has-daily-offer-countdown{gap:14px!important}
  .watch-screen .watch-meta.has-daily-offer>.watch-daily-offer-countdown{font-size:11px!important;padding:7px 10px!important}
}
@keyframes watchOfferPulse423{
  0%,100%{box-shadow:0 7px 20px rgba(253,29,29,.12),inset 0 1px 0 rgba(255,255,255,.12)}
  50%{box-shadow:0 8px 24px rgba(253,29,29,.22),0 0 0 3px rgba(252,176,69,.045),inset 0 1px 0 rgba(255,255,255,.15)}
}
html[data-theme="light"] .watch-screen .watch-meta.has-daily-offer>.watch-daily-offer-countdown{
  border-color:rgba(221,75,42,.38)!important;
  background:linear-gradient(135deg,rgba(253,29,29,.09),rgba(252,176,69,.18))!important;
  color:#3f302b!important;
  box-shadow:0 7px 18px rgba(140,69,42,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
@media(prefers-reduced-motion:reduce){
  .watch-screen .watch-meta.has-daily-offer>.watch-daily-offer-countdown{animation:none!important}
}

/* === Xmegram 3.4.9-hotfix424 · Profile desktop/tablet duration contrast ===
   Profile feed media keeps a dark local duration pill over thumbnails, but Light Mode
   must never let the timestamp inherit the page's dark foreground color. */
@media (min-width:768px){
  .profile-screen-ref .profile-feed-card .profile-feed-player>.duration{
    color:#fff!important;
    background:rgba(5,7,11,.84)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    text-shadow:0 1px 5px rgba(0,0,0,.72)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.28)!important;
    opacity:1!important;
  }
}


/* === Xmegram 3.4.9-hotfix425 · stable Watch + compact recommendation handoff ===
   Mobile Watch must not reserve dead vertical air before the first real recommendation shelf.
   JS still refuses to cross any visible trust/commerce panel; these rules only normalize the
   Watch info box and the shelf's baseline spacing. */
@media(max-width:767px){
  .watch-screen>.watch-info{min-height:0!important;height:auto!important;padding-bottom:0!important;margin-bottom:0!important}
  .watch-screen>.watch-related{margin-top:0!important}
  .watch-screen>.watch-related[data-watch-gap-trimmed="1"]{transition:none!important}
}


/* === Xmegram 3.4.9-hotfix428 · Watch conversion-first preview flow ===
   Unowned Watch pages lead with direct Purchase / Subscribe actions. Preview remains
   available as a deliberate secondary action and feed autoplay remains untouched. */
.watch-entry-offer{padding:14px 0 2px;display:grid;justify-items:center;gap:9px}
.watch-entry-actions{width:min(620px,100%);display:flex;align-items:stretch;justify-content:center;gap:10px}
.watch-entry-actions:empty{display:none}
.watch-entry-actions[data-count="1"] .watch-entry-cta{width:min(310px,100%);flex:0 1 310px}
.watch-entry-actions[data-count="2"] .watch-entry-cta{flex:1 1 0;max-width:310px}
.watch-entry-cta{min-height:54px;border-radius:15px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff!important;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.watch-entry-cta .ico{width:21px;height:21px;flex:0 0 21px}
.watch-entry-cta>span{display:grid;text-align:left;line-height:1.04}
.watch-entry-cta small{font-size:7.5px;letter-spacing:.11em;font-weight:900;opacity:.78}
.watch-entry-cta b{font-size:14px;margin-top:3px}
.watch-entry-purchase{background:linear-gradient(120deg,#c70e24,#FD1D1D 58%,#ff5d37)!important;border:1px solid rgba(255,124,100,.46)!important;box-shadow:0 13px 30px rgba(253,29,29,.22)!important}
.watch-entry-subscribe{background:linear-gradient(120deg,#087a43,#0da55c 58%,#21c875)!important;border:1px solid rgba(94,231,158,.38)!important;box-shadow:0 13px 30px rgba(13,165,92,.20)!important}
.watch-entry-cta:active{transform:scale(.985)}
.watch-preview-first{min-height:29px;padding:3px 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#9199a4;font-size:10px;font-weight:800;letter-spacing:.005em}
.watch-preview-first .ico{width:13px;height:13px}
.watch-preview-first:hover{color:#c5cbd2}
.watch-preview-first.is-playing{color:#aa83c4}
.watch-smart-subscribe-alt{display:block;width:100%;min-height:38px;margin-top:8px;border-radius:11px;border:1px solid rgba(65,213,137,.25);background:rgba(13,165,92,.10);color:#73e6a9;font-size:10px;font-weight:850}
.watch-smart-subscription .watch-smart-sub-primary{background:linear-gradient(112deg,#087a43,#0da55c 58%,#21c875)!important;box-shadow:0 12px 28px rgba(13,165,92,.20)!important}
/* The automatic preview-end conversion prompt belongs in the viewport center, not at the bottom. */
.watch-smart-purchase.watch-smart-preview-end{left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;max-height:min(720px,calc(100dvh - max(28px,var(--safe-top)) - max(28px,var(--safe-bottom))))!important}
@media(max-width:767px){
  .watch-entry-offer{padding:12px 0 2px;gap:7px}
  .watch-entry-actions{gap:8px}
  .watch-entry-cta{min-height:50px;border-radius:13px;padding:0 12px}
  .watch-entry-cta b{font-size:13px}.watch-entry-cta small{font-size:7px}.watch-entry-cta .ico{width:19px;height:19px}
  .watch-preview-first{font-size:9.5px}
  .watch-smart-purchase.watch-smart-preview-end{width:calc(100vw - 24px)!important;top:50%!important;bottom:auto!important;padding:20px 17px 16px!important;border-radius:22px!important}
}
@media(max-width:390px){.watch-entry-actions{gap:6px}.watch-entry-cta{padding:0 9px}.watch-entry-cta b{font-size:12px}.watch-entry-cta small{font-size:6.6px}}
html[data-theme="light"] .watch-preview-first{color:#767d85!important}
html[data-theme="light"] .watch-preview-first:hover{color:#4a5057!important}
html[data-theme="light"] .watch-smart-subscribe-alt{border-color:rgba(22,142,80,.22)!important;background:rgba(13,165,92,.07)!important;color:#147846!important}
@media(prefers-reduced-motion:reduce){.watch-entry-cta{transition:none!important}}

/* Preview-end subscription plan chooser stays centered as part of the same conversion moment. */
.creator-subscribe-sheet.watch-subscribe-plans.watch-subscribe-preview-end{left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;max-height:min(720px,calc(100dvh - max(28px,var(--safe-top)) - max(28px,var(--safe-bottom))))!important;overflow:auto!important}
@media(max-width:767px){.creator-subscribe-sheet.watch-subscribe-plans.watch-subscribe-preview-end{width:calc(100vw - 24px)!important;top:50%!important;bottom:auto!important;border-radius:22px!important}}

/* === Xmegram 3.4.9-hotfix432 · premium compact Watch conversion overlay ===
   Keep access actions prominent without covering the media. Controls stay hidden until
   preview playback has actually started; normal playing auto-hide remains unchanged. */
.watch-player.has-watch-entry-offer{position:relative!important;isolation:isolate!important}
.watch-player.has-watch-entry-offer::after{
  content:"";position:absolute;inset:0;z-index:20;pointer-events:none;
  background:radial-gradient(circle at 50% 48%,rgba(4,6,10,.18) 0,rgba(4,6,10,.30) 36%,rgba(4,6,10,.10) 68%,rgba(4,6,10,.02) 100%);
  backdrop-filter:blur(1.5px) saturate(.92);-webkit-backdrop-filter:blur(1.5px) saturate(.92);
}
.watch-player.has-watch-entry-offer>.preview-only-badge{display:none!important}
.watch-player.has-watch-entry-offer>.big-play,
.watch-player.has-watch-entry-offer>.player-controls{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.watch-player>.watch-entry-offer.is-playing{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing){
  display:grid!important;position:absolute!important;z-index:2147480000!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;width:auto!important;max-width:calc(100% - 28px)!important;padding:0!important;gap:9px!important;
  justify-items:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;overflow:visible!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-actions{
  display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:100%!important;gap:8px!important;
  padding:6px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:17px!important;
  background:rgba(7,9,13,.48)!important;box-shadow:0 12px 34px rgba(0,0,0,.30)!important;
  backdrop-filter:blur(11px) saturate(1.05)!important;-webkit-backdrop-filter:blur(11px) saturate(1.05)!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-actions[data-count="1"] .watch-entry-cta{
  flex:0 0 auto!important;width:auto!important;min-width:168px!important;max-width:196px!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-actions[data-count="2"] .watch-entry-cta{
  flex:0 0 auto!important;width:auto!important;min-width:148px!important;max-width:184px!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-cta{
  display:inline-flex!important;min-height:44px!important;height:44px!important;padding:0 17px!important;gap:8px!important;align-items:center!important;justify-content:center!important;
  border-radius:12px!important;color:#fff!important;font-weight:900!important;letter-spacing:-.01em!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  box-shadow:0 9px 24px rgba(0,0,0,.28)!important;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-cta:hover{filter:brightness(1.045)}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-cta:active{transform:scale(.975)!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-cta>b{font-size:14px!important;line-height:1!important;font-weight:900!important;margin:0!important;white-space:nowrap!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-cta .ico{width:18px!important;height:18px!important;flex:0 0 18px!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase{
  background:linear-gradient(112deg,#d40d24 0%,#FD1D1D 58%,#ff6040 100%)!important;border:1px solid rgba(255,148,128,.46)!important;
  box-shadow:0 10px 24px rgba(253,29,29,.25)!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-subscribe{
  background:linear-gradient(112deg,#087a43 0%,#0da55c 58%,#21c875 100%)!important;border:1px solid rgba(116,239,175,.42)!important;
  box-shadow:0 10px 24px rgba(13,165,92,.22)!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;min-height:30px!important;height:30px!important;padding:0 11px!important;gap:5px!important;
  border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:rgba(7,9,13,.66)!important;color:#fff!important;
  font-size:10.5px!important;font-weight:850!important;letter-spacing:.005em!important;text-shadow:0 1px 5px rgba(0,0,0,.55)!important;
  box-shadow:0 7px 20px rgba(0,0,0,.24)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2147480001!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first .ico{width:12px!important;height:12px!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.is-starting{opacity:1!important;visibility:visible!important;pointer-events:none!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.is-starting .watch-entry-actions{opacity:.58!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.is-starting .watch-preview-first{opacity:.92!important}
@media(max-width:767px){
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing){width:auto!important;max-width:calc(100% - 22px)!important;gap:8px!important}
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-actions{gap:6px!important;padding:5px!important;border-radius:15px!important}
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-actions[data-count="1"] .watch-entry-cta{min-width:156px!important;max-width:184px!important}
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-actions[data-count="2"] .watch-entry-cta{min-width:132px!important;max-width:164px!important}
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-cta{height:42px!important;min-height:42px!important;padding:0 14px!important;border-radius:11px!important}
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-cta>b{font-size:13px!important}
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-cta .ico{width:17px!important;height:17px!important;flex-basis:17px!important}
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first{height:29px!important;min-height:29px!important;padding:0 10px!important;font-size:10px!important}
}
@media(max-width:360px){
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-actions[data-count="2"] .watch-entry-cta{min-width:122px!important;max-width:148px!important;padding:0 10px!important}
}
@media(prefers-reduced-motion:reduce){.watch-player.has-watch-entry-offer>.watch-entry-offer .watch-entry-cta{transition:none!important}}


/* === Xmegram 3.4.9-hotfix433 · instant preview handoff + hard control gate ===
   Access CTAs vanish on the preview tap itself. Native/custom player controls remain
   physically suppressed until the video fires play; normal playing auto-hide is unchanged. */
.watch-player.watch-preview-gated>.big-play,
.watch-player.watch-preview-gated>.player-controls,
.watch-player.watch-preview-gated>.watch-quality,
.watch-player.watch-preview-loading>.big-play,
.watch-player.watch-preview-loading>.player-controls,
.watch-player.watch-preview-loading>.watch-quality{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.watch-player>.watch-entry-offer[aria-hidden="true"],
.watch-player>.watch-entry-offer.is-playing{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.watch-player>.watch-entry-veil[hidden]{display:none!important}

/* === Xmegram 3.4.9-hotfix445 · full-page responsive checkout + stable compact Profile feeds === */
body.tgpayment-modal-open{overflow:hidden!important}
.tgpayment-modal-root{position:fixed!important;inset:0!important;z-index:2147482000!important;display:block!important;padding:0!important;background:var(--bg,#030508)!important}
.tgpayment-modal-scrim{display:none!important}
.tgpayment-modal-sheet{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#07080b!important;box-shadow:none!important}
.tgpayment-modal-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:#07080b!important}
.tgpayment-modal-loader{position:absolute!important;z-index:3!important;inset:0!important;display:grid!important;place-items:center!important;background:#07080b!important;pointer-events:none!important}
.tgpayment-modal-loader[hidden]{display:none!important}
.tgpayment-modal-loader span{width:32px!important;height:32px!important;border:3px solid #ffffff28!important;border-top-color:#fff!important;border-radius:50%!important}
.tgpayment-modal-close{position:absolute!important;z-index:5!important;top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;width:44px!important;height:44px!important;border:1px solid #ffffff16!important;border-radius:50%!important;background:#11141bd9!important;color:#fff!important;font-size:28px!important;line-height:1!important;display:grid!important;place-items:center!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 8px 28px #0005!important}
html[data-theme="light"] .tgpayment-modal-sheet,html[data-theme="light"] .tgpayment-modal-frame,html[data-theme="light"] .tgpayment-modal-loader{background:#f5f6f8!important}
html[data-theme="light"] .tgpayment-modal-loader span{border-color:#17191d20!important;border-top-color:#17191d!important}
html[data-theme="light"] .tgpayment-modal-close{background:#fffffff0!important;color:#17191d!important;border-color:#17191d14!important;box-shadow:0 8px 28px #1113!important}

.profile-mobile-grid{display:none}
@media(max-width:767px){
  .profile-screen-ref .profile-video-listing{display:block!important;padding:0 8px 96px!important;margin:0!important}
  .profile-screen-ref .profile-mobile-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;align-items:start!important}
  .profile-screen-ref .profile-desktop-grid{display:none!important}
  .profile-mobile-card{position:relative!important;min-width:0!important;overflow:hidden!important;border:1px solid #ffffff14!important;border-radius:14px!important;background:#090c11!important;color:#f5f6f8!important;box-shadow:0 8px 24px #0002!important;content-visibility:auto;contain-intrinsic-size:240px 260px}
  .profile-mobile-media{position:relative!important;width:100%!important;aspect-ratio:4/3!important;min-height:0!important;max-height:none!important;overflow:hidden!important;background:#11151c!important}
  .profile-mobile-media>img,.profile-mobile-media>.profile-mobile-preview{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;border:0!important;margin:0!important}
  .profile-mobile-media>img{z-index:1!important}.profile-mobile-media>.profile-mobile-preview{z-index:2!important;pointer-events:none!important}
  .profile-mobile-media:after{content:"";position:absolute!important;z-index:3!important;inset:52% 0 0!important;background:linear-gradient(transparent,#030406a6)!important;pointer-events:none!important}
  .profile-mobile-duration{position:absolute!important;z-index:7!important;left:7px!important;bottom:7px!important;min-height:23px!important;padding:4px 7px!important;border-radius:7px!important;background:#05070bd9!important;color:#fff!important;font-size:10px!important;font-weight:850!important;line-height:1.1!important}
  .profile-mobile-play{position:absolute!important;z-index:6!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#05070c8a!important;color:#fff!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;pointer-events:none!important}
  .profile-mobile-play .ico{width:19px!important;height:19px!important;fill:#fff!important;stroke:#fff!important}
  .profile-mobile-media.is-playing .profile-mobile-play,.profile-mobile-card:has(.profile-mobile-preview.is-playing) .profile-mobile-play{opacity:0!important;visibility:hidden!important}
  .profile-mobile-media .profile-mobile-cart,.profile-mobile-media .discover-card-cart,.profile-mobile-media .profile-cart-action{position:absolute!important;z-index:8!important;right:7px!important;bottom:7px!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important;background:#07090dd9!important;border:1px solid #ffffff24!important;color:#fff!important;display:grid!important;place-items:center!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
  .profile-mobile-media .profile-mobile-cart .ico,.profile-mobile-media .discover-card-cart .ico,.profile-mobile-media .profile-cart-action .ico{width:17px!important;height:17px!important}
  .profile-mobile-copy{position:relative!important;min-width:0!important;padding:9px 34px 10px 10px!important;background:#090c11!important}
  .profile-mobile-copy>b{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:2.48em!important;min-height:2.48em!important;color:#f5f6f8!important;font-size:13px!important;font-weight:800!important;line-height:1.24!important;letter-spacing:-.012em!important;word-break:break-word!important}
  .profile-mobile-copy>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:5px!important;min-width:0!important;margin-top:7px!important}
  .profile-mobile-copy>div>span{display:inline-flex!important;align-items:center!important;gap:3px!important;min-width:0!important;color:#969daa!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .profile-mobile-copy>div>span .ico{width:13px!important;height:13px!important}.profile-mobile-copy>div>span i{font-style:normal!important}
  .profile-mobile-copy>div>.profile-mobile-price{min-width:0!important;margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;color:#FCB045!important;font-size:11px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.profile-mobile-copy>div>.profile-mobile-price :is(strong,span,del,em){font-size:inherit!important}
  .profile-mobile-more{position:absolute!important;right:5px!important;bottom:6px!important;width:30px!important;height:30px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#aeb4bd!important;display:grid!important;place-items:center!important}
  .profile-mobile-more .ico{width:18px!important;height:18px!important}
  html[data-theme="light"] .profile-mobile-card{background:#fff!important;color:#181a1d!important;border-color:#e3e5e8!important;box-shadow:0 7px 20px #1111!important}
  html[data-theme="light"] .profile-mobile-copy{background:#fff!important}
  html[data-theme="light"] .profile-mobile-copy>b{color:#181a1d!important}
  html[data-theme="light"] .profile-mobile-copy>div>span{color:#6e757f!important}
  html[data-theme="light"] .profile-mobile-more{color:#626a74!important}
}
@media(max-width:360px){.profile-screen-ref .profile-video-listing{padding-left:6px!important;padding-right:6px!important}.profile-screen-ref .profile-mobile-grid{gap:6px!important}.profile-mobile-copy{padding-left:8px!important}.profile-mobile-copy>b{font-size:12px!important}.profile-mobile-copy>div>.profile-mobile-price{font-size:10px!important}}

/* Hotfix467 · actual-purchase visibility and access-state labels. */
.video-access-badge{
  display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;
  border-radius:999px;font-size:10px;font-weight:900;line-height:1;letter-spacing:.02em;white-space:nowrap;
  text-decoration:none!important;box-shadow:none!important;
}
.video-access-badge.bought{color:#5ee58b!important;background:rgba(34,197,94,.13)!important;border:1px solid rgba(74,222,128,.34)!important}
.video-access-badge.owner{color:#d9c7ff!important;background:rgba(139,92,246,.13)!important;border:1px solid rgba(167,139,250,.32)!important}
.video-access-badge.admin{color:#f6d989!important;background:rgba(245,158,11,.13)!important;border:1px solid rgba(251,191,36,.32)!important}
.profile-video-access{position:absolute;left:9px;top:9px;z-index:8;pointer-events:none}
.purchase-access-badge{width:max-content;margin-top:5px}
html[data-theme="light"] .video-access-badge.bought{color:#15803d!important;background:rgba(34,197,94,.10)!important;border-color:rgba(22,163,74,.28)!important}
html[data-theme="light"] .video-access-badge.owner{color:#6d28d9!important;background:rgba(124,58,237,.08)!important;border-color:rgba(109,40,217,.22)!important}
html[data-theme="light"] .video-access-badge.admin{color:#a16207!important;background:rgba(245,158,11,.09)!important;border-color:rgba(161,98,7,.22)!important}



/* === Xmegram 3.4.9-hotfix469 · payment popup wording + subtle M-Pesa green fade ===
   Presentation-only: preserve the existing popup structure, sizing, actions and checkout behavior. */
.watch-smart-purchase{
  background:
    linear-gradient(112deg,rgba(38,183,93,.105) 0%,rgba(38,183,93,.035) 22%,transparent 46%),
    radial-gradient(circle at 88% -5%,rgba(252,176,69,.13),transparent 29%),
    radial-gradient(circle at 5% 0%,rgba(131,58,180,.16),transparent 31%),
    linear-gradient(180deg,#121720 0%,#0a0e14 72%,#070a0f 100%);
}
.wallet-funds-sheet{
  background:
    linear-gradient(112deg,rgba(38,183,93,.095) 0%,rgba(38,183,93,.03) 24%,transparent 48%),
    linear-gradient(180deg,#0d121a,#080b10);
}
html[data-theme="light"] .watch-smart-purchase{
  background:
    linear-gradient(112deg,rgba(29,170,85,.095) 0%,rgba(29,170,85,.03) 24%,transparent 48%),
    linear-gradient(180deg,#fff,#f7f7f8)!important;
}
html[data-theme="light"] .wallet-funds-sheet{
  background:
    linear-gradient(112deg,rgba(29,170,85,.09) 0%,rgba(29,170,85,.028) 25%,transparent 50%),
    linear-gradient(180deg,#fff,#f8f8f9)!important;
}


/* === Xmegram 3.4.9-hotfix483 · first-class Watch unlock hierarchy ===
   The purchase action is intentionally dominant; cart stays visibly secondary.
   Light mode receives an explicit white-surface treatment rather than inheriting dark chrome. */
@media(max-width:767px){
  .watch-screen.has-mobile-commerce{padding-bottom:calc(214px + var(--safe-bottom))!important}
  .watch-mobile-commerce-dock{
    overflow:hidden!important;border-top:1px solid rgba(255,255,255,.085)!important;
    background:rgba(8,10,15,.985)!important;
    box-shadow:0 -1px 0 rgba(255,255,255,.035),0 -18px 46px rgba(0,0,0,.34)!important
  }
  .watch-mobile-creator-row{height:48px!important;padding:6px 13px!important;background:rgba(9,12,18,.985)!important}
  .watch-mobile-commerce-trust{
    height:27px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;
    border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.06);
    background:rgba(10,13,19,.98);color:#a8afb9;font-size:8.6px;font-weight:760;letter-spacing:.012em;white-space:nowrap
  }
  .watch-mobile-commerce-trust .ico{width:13px;height:13px;flex:0 0 13px;color:#b99aee;stroke-width:2.1}
  .watch-mobile-commerce-trust i{margin:0 2px;color:#626a76;font-style:normal}
  .watch-mobile-commerce-actions{
    height:60px!important;display:grid!important;gap:7px!important;padding:6px 7px!important;
    background:#080b10!important;overflow:visible!important
  }
  .watch-mobile-commerce-actions[data-layout="cart-buy"]{grid-template-columns:31fr 69fr!important}
  .watch-mobile-commerce-actions[data-layout="buy-subscribe"]{grid-template-columns:68fr 32fr!important}
  .watch-mobile-commerce-actions[data-layout="cart-buy-subscribe"]{grid-template-columns:20fr 54fr 26fr!important}
  .watch-mobile-commerce-actions[data-layout="buy"]{grid-template-columns:1fr!important}
  .watch-mobile-commerce-action{
    min-height:48px!important;height:48px!important;padding:0 13px!important;border-radius:13px!important;
    border:1px solid transparent!important;text-shadow:none!important;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease!important
  }
  .watch-mobile-commerce-action+.watch-mobile-commerce-action:before{display:none!important}
  .watch-mobile-cart{
    background:#121720!important;border-color:rgba(255,255,255,.095)!important;color:#e4e8ee!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;font-weight:820!important
  }
  .watch-mobile-cart .ico{width:19px!important;height:19px!important;color:#c9d0d9!important;stroke-width:2!important}
  .watch-mobile-cart span{font-size:10px!important;color:#dbe0e7!important}
  .watch-mobile-cart.active{background:#171321!important;border-color:rgba(174,120,230,.25)!important;color:#d5b4ef!important}
  .watch-mobile-subscribe{
    background:#11161e!important;border-color:rgba(185,125,231,.18)!important;color:#d6bee9!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important
  }
  .watch-mobile-buy{
    isolation:isolate!important;overflow:hidden!important;justify-content:center!important;gap:6px!important;
    background:linear-gradient(108deg,#6627c8 0%,#8d257f 54%,var(--site-accent2) 100%)!important;
    background-size:100% 100%!important;color:#fff!important;
    border-color:rgba(255,255,255,.15)!important;
    box-shadow:0 8px 22px rgba(113,31,129,.29),inset 0 1px 0 rgba(255,255,255,.22)!important;
    animation:none!important
  }
  .watch-mobile-buy:after{
    content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:0!important;width:auto!important;
    transform:none!important;background:linear-gradient(180deg,rgba(255,255,255,.10),transparent 46%)!important;opacity:1!important;animation:none!important
  }
  .watch-mobile-buy .ico{width:19px!important;height:19px!important;stroke:#fff!important;color:#fff!important;stroke-width:2.15!important}
  .watch-mobile-buy .watch-mobile-buy-label{font-size:10px!important;font-weight:840!important;color:#fff!important;letter-spacing:.005em}
  .watch-mobile-buy>.watch-commerce-price-wrap{display:flex!important;align-items:center!important;min-width:0!important;max-width:54%!important;color:#fff!important}
  .watch-mobile-buy>.watch-commerce-price-wrap>strong{font-size:12.5px!important;font-weight:950!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  .watch-mobile-buy .daily-promo-price,.watch-mobile-buy .sale-price-stack{color:#fff!important}
  .watch-mobile-buy .daily-promo-price>del,.watch-mobile-buy .sale-price-stack>del{color:rgba(255,255,255,.64)!important;text-decoration-color:rgba(255,255,255,.55)!important}
  .watch-mobile-buy .daily-promo-price>strong,.watch-mobile-buy .sale-price-stack>strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
  .watch-mobile-buy .sale-price-stack>em{display:none!important}
  .watch-mobile-buy:active{transform:scale(.985)!important;filter:brightness(.98)!important}
}

@media(min-width:768px){
  .watch-smart-purchase-dock.has-primary-buy{grid-template-columns:48px minmax(0,1fr) auto!important}
  .watch-smart-actions{gap:8px!important}
  .watch-smart-actions>button{min-height:42px!important}
  .watch-smart-cart{
    background:#111720!important;border-color:rgba(255,255,255,.09)!important;color:#c9d0d9!important;
    box-shadow:none!important;font-weight:800!important
  }
  .watch-smart-buy{
    min-width:166px!important;padding:0 17px!important;border-color:rgba(255,255,255,.15)!important;
    background:linear-gradient(108deg,#6627c8 0%,#8d257f 54%,var(--site-accent2) 100%)!important;color:#fff!important;
    box-shadow:0 8px 24px rgba(113,31,129,.25),inset 0 1px 0 rgba(255,255,255,.17)!important;font-size:10px!important;font-weight:900!important
  }
  .watch-smart-buy .watch-commerce-price-wrap,.watch-smart-buy .watch-commerce-price-wrap *{color:#fff!important;-webkit-text-fill-color:#fff!important}
  .watch-smart-buy .watch-commerce-price-wrap{font-weight:950!important}
  .watch-smart-buy .daily-promo-price>del,.watch-smart-buy .sale-price-stack>del{color:rgba(255,255,255,.62)!important;-webkit-text-fill-color:rgba(255,255,255,.62)!important}
  .watch-smart-buy .sale-price-stack>em{display:none!important}
}

html[data-theme="light"] .watch-screen .watch-action-buy{
  background:linear-gradient(108deg,#6929c8,#93277f 56%,var(--site-accent2))!important;border-color:rgba(104,38,161,.14)!important;
  color:#fff!important;box-shadow:0 7px 19px rgba(108,39,133,.15),inset 0 1px 0 rgba(255,255,255,.20)!important
}
@media(max-width:767px){
  html[data-theme="light"] .watch-mobile-commerce-dock{
    border-top-color:#e5e6e9!important;background:rgba(255,255,255,.99)!important;
    box-shadow:0 -1px 0 rgba(21,24,30,.04),0 -16px 38px rgba(27,30,36,.09)!important;color:#17181a!important
  }
  html[data-theme="light"] .watch-mobile-creator-row{background:rgba(255,255,255,.99)!important;border-bottom-color:#ececef!important}
  html[data-theme="light"] .watch-mobile-commerce-trust{
    border-top-color:#f1f1f3!important;border-bottom-color:#e9eaed!important;background:#fbfbfc!important;color:#6d727a!important
  }
  html[data-theme="light"] .watch-mobile-commerce-trust .ico{color:#7e48aa!important}
  html[data-theme="light"] .watch-mobile-commerce-trust i{color:#b2b5ba!important}
  html[data-theme="light"] .watch-mobile-commerce-actions{background:#fff!important}
  html[data-theme="light"] .watch-mobile-cart{
    background:#f5f6f8!important;border-color:#e1e3e7!important;color:#32363d!important;
    box-shadow:inset 0 1px 0 #fff!important
  }
  html[data-theme="light"] .watch-mobile-cart .ico{color:#4d535c!important}
  html[data-theme="light"] .watch-mobile-cart span{color:#363b43!important}
  html[data-theme="light"] .watch-mobile-cart.active{background:#f4eef8!important;border-color:#e1d2e8!important;color:#71347d!important}
  html[data-theme="light"] .watch-mobile-subscribe{background:#f7f3fa!important;border-color:#e6d9ec!important;color:#71347d!important}
  html[data-theme="light"] .watch-mobile-buy{
    background:linear-gradient(108deg,#6929c8 0%,#93277f 54%,var(--site-accent2) 100%)!important;color:#fff!important;
    border-color:rgba(104,38,161,.14)!important;box-shadow:0 9px 24px rgba(108,39,133,.18),inset 0 1px 0 rgba(255,255,255,.22)!important
  }
  html[data-theme="light"] .watch-mobile-buy .ico,
  html[data-theme="light"] .watch-mobile-buy .watch-mobile-buy-label,
  html[data-theme="light"] .watch-mobile-buy>.watch-commerce-price-wrap>strong,
  html[data-theme="light"] .watch-mobile-buy .daily-promo-price>strong,
  html[data-theme="light"] .watch-mobile-buy .sale-price-stack>strong{color:#fff!important;stroke:#fff!important;-webkit-text-fill-color:#fff!important}
  html[data-theme="light"] .watch-mobile-buy .daily-promo-price>del,
  html[data-theme="light"] .watch-mobile-buy .sale-price-stack>del{color:rgba(255,255,255,.66)!important;text-decoration-color:rgba(255,255,255,.56)!important;-webkit-text-fill-color:rgba(255,255,255,.66)!important}
}
@media(min-width:768px){
  html[data-theme="light"] .watch-smart-cart{background:#f5f6f8!important;border-color:#e2e4e8!important;color:#464c55!important}
  html[data-theme="light"] .watch-smart-buy{
    background:linear-gradient(108deg,#6929c8,#93277f 54%,var(--site-accent2))!important;border-color:rgba(104,38,161,.14)!important;
    color:#fff!important;box-shadow:0 8px 22px rgba(108,39,133,.15),inset 0 1px 0 rgba(255,255,255,.20)!important
  }
}


/* === Xmegram 3.4.9-hotfix485 · luxury category rhythm + compact creator membership === */
/* Explore categories is a deliberate interlude inside Trending, not another loud editorial block. */
.home-trending-section + .home-category-showcase{
  margin-top:30px!important;
  margin-bottom:0!important;
  padding-top:3px!important;
}
.home-category-showcase + .home-trending-continuation{
  margin-top:30px!important;
}
.home-category-showcase .section-title{margin-bottom:10px!important}
.home-category-showcase-track{align-items:stretch!important;padding-bottom:5px!important}
.home-category-showcase-card{
  height:122px!important;
  border-radius:16px!important;
  box-shadow:0 10px 26px rgba(0,0,0,.20)!important;
}
.home-category-showcase-shade{
  background:linear-gradient(180deg,rgba(4,5,8,.15) 0%,rgba(4,5,8,.40) 48%,rgba(4,5,8,.92) 100%)!important;
}
.home-category-showcase-copy{left:13px!important;right:11px!important;bottom:11px!important;gap:3px 8px!important}
.home-category-showcase-copy small{
  font-size:6.5px!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  font-weight:820!important;
  color:rgba(255,255,255,.54)!important;
}
.home-category-showcase-copy b{
  font-size:15.5px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:-.018em!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42)!important;
}
.home-category-showcase-copy i{
  width:21px!important;
  height:21px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(9,11,15,.28)!important;
  color:rgba(255,255,255,.70)!important;
  opacity:.78!important;
  box-shadow:none!important;
}
.home-category-showcase-copy .ico{width:11px!important;height:11px!important}

/* Compact inactive membership card: Join + price + 2–3 benefits + one conversion CTA. */
.profile-membership-spotlight-compact{
  margin-top:10px!important;
  margin-bottom:13px!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 6% 0,rgba(131,58,180,.12),transparent 32%),linear-gradient(145deg,#10141b,#090d12 68%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.028),0 12px 28px rgba(0,0,0,.18)!important;
}
.profile-membership-spotlight-compact>header{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:12px 14px 10px!important;
}
.profile-membership-spotlight-compact .profile-membership-crown{
  width:42px!important;height:42px!important;border-radius:13px!important;
}
.profile-membership-spotlight-compact .profile-membership-crown .ico{width:19px!important;height:19px!important}
.profile-membership-spotlight-compact>header small{font-size:7px!important;letter-spacing:.15em!important}
.profile-membership-spotlight-compact>header h2{margin-top:2px!important;font-size:16px!important;line-height:1.05!important}
.profile-membership-spotlight-compact>header p{margin-top:2px!important;font-size:8px!important}
.profile-membership-spotlight-compact>header>strong{gap:1px!important;padding-left:7px!important}
.profile-membership-spotlight-compact>header>strong b{font-size:15px!important;font-weight:950!important}
.profile-membership-spotlight-compact>header>strong small{font-size:7px!important}
.profile-membership-spotlight-compact .profile-membership-body{
  display:block!important;
  padding:8px 14px 7px!important;
}
.profile-membership-spotlight-compact .profile-membership-benefits{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}
.profile-membership-spotlight-compact .profile-membership-benefit{
  min-height:25px!important;
  padding:0 8px!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.028)!important;
}
.profile-membership-spotlight-compact .profile-membership-benefit b{font-size:7.8px!important;font-weight:800!important}
.profile-membership-spotlight-compact .profile-membership-benefit .ico{width:11px!important;height:11px!important}
.profile-membership-spotlight-compact>footer{
  padding:4px 14px 12px!important;
}
.profile-membership-spotlight-compact .profile-membership-cta{
  width:100%!important;
  min-height:42px!important;
  flex:1 1 100%!important;
  border-radius:11px!important;
  background:linear-gradient(110deg,#6f3298,#8d3ca3 58%,#74405f)!important;
  border-color:rgba(211,166,235,.22)!important;
  color:#fff!important;
  font-size:9.5px!important;
  font-weight:950!important;
  box-shadow:0 9px 22px rgba(78,28,105,.22),inset 0 1px rgba(255,255,255,.07)!important;
}
.profile-membership-spotlight-compact .profile-membership-cta .ico{width:13px!important;height:13px!important}

@media(max-width:767px){
  .home-trending-section + .home-category-showcase{margin-top:26px!important;padding-top:2px!important}
  .home-category-showcase + .home-trending-continuation{margin-top:28px!important}
  .home-category-showcase .section-title{margin-bottom:8px!important}
  .home-category-showcase-card{height:108px!important;border-radius:14px!important}
  .home-category-showcase-copy{left:11px!important;right:9px!important;bottom:9px!important}
  .home-category-showcase-copy small{font-size:5.8px!important}
  .home-category-showcase-copy b{font-size:13.5px!important}
  .home-category-showcase-copy i{width:19px!important;height:19px!important}
  .home-category-showcase-copy .ico{width:10px!important;height:10px!important}

  .profile-membership-spotlight-compact{margin:9px 12px 11px!important;border-radius:16px!important}
  .profile-membership-spotlight-compact>header{grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;padding:10px 11px 8px!important}
  .profile-membership-spotlight-compact .profile-membership-crown{width:38px!important;height:38px!important;border-radius:12px!important}
  .profile-membership-spotlight-compact .profile-membership-crown .ico{width:17px!important;height:17px!important}
  .profile-membership-spotlight-compact>header h2{font-size:14px!important}
  .profile-membership-spotlight-compact>header>strong b{font-size:13px!important}
  .profile-membership-spotlight-compact .profile-membership-body{padding:7px 11px 6px!important}
  .profile-membership-spotlight-compact .profile-membership-benefit{min-height:24px!important;padding:0 7px!important}
  .profile-membership-spotlight-compact .profile-membership-benefit b{font-size:7.2px!important}
  .profile-membership-spotlight-compact>footer{padding:3px 11px 10px!important}
  .profile-membership-spotlight-compact .profile-membership-cta{min-height:39px!important;border-radius:10px!important;font-size:9px!important}
}
@media(min-width:768px) and (max-width:1099px){
  .home-category-showcase-card{height:118px!important}
}
@media(min-width:1100px){
  .home-category-showcase-card{height:126px!important}
  .home-trending-section + .home-category-showcase{margin-top:34px!important}
  .home-category-showcase + .home-trending-continuation{margin-top:34px!important}
}

/* Light mode parity: imagery keeps its cinematic shade; text-only cards and membership stay clean and premium. */
html[data-theme="light"] .screen.home-screen .home-category-showcase-card:not(.no-image) .home-category-showcase-shade{
  background:linear-gradient(180deg,rgba(4,5,8,.16) 0%,rgba(4,5,8,.42) 48%,rgba(4,5,8,.90) 100%)!important;
}
html[data-theme="light"] .screen.home-screen .home-category-showcase-card:not(.no-image) .home-category-showcase-copy small{color:rgba(255,255,255,.62)!important;text-shadow:0 1px 7px rgba(0,0,0,.52)!important}
html[data-theme="light"] .screen.home-screen .home-category-showcase-card:not(.no-image) .home-category-showcase-copy b{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.46)!important}
html[data-theme="light"] .screen.home-screen .home-category-showcase-card:not(.no-image) .home-category-showcase-copy i{background:rgba(8,10,14,.30)!important;color:rgba(255,255,255,.76)!important;border-color:rgba(255,255,255,.09)!important;text-shadow:none!important}
html[data-theme="light"] .screen.home-screen .home-category-showcase-card.no-image .home-category-showcase-copy small{color:#7b6580!important;text-shadow:none!important}
html[data-theme="light"] .screen.home-screen .home-category-showcase-card.no-image .home-category-showcase-copy b{color:#23262a!important;text-shadow:none!important}
html[data-theme="light"] .screen.home-screen .home-category-showcase-card.no-image .home-category-showcase-copy i{background:#eceef1!important;color:#666c74!important;border-color:#dfe2e6!important;opacity:.82!important}

html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight-compact{
  border-color:#e3dbe7!important;
  background:radial-gradient(circle at 5% 0,rgba(131,58,180,.07),transparent 32%),linear-gradient(145deg,#fff,#faf9fb)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.06)!important;
}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight-compact .profile-membership-benefit{
  border-color:#e5e2e7!important;
  background:#f7f7f8!important;
  color:#454a51!important;
}
html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight-compact .profile-membership-cta{
  background:linear-gradient(110deg,#6f3298,#8d3ca3 58%,#74405f)!important;
  border-color:#73468a!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(93,52,111,.18)!important;
}

/* === Xmegram 3.4.9-hotfix486 · unified commerce cards + curated country titles + watch reassurance === */
/* Canonical public video-card hierarchy:
   media/duration -> title -> creator/category -> social proof -> price + actions. */
.commerce-video-card{
  border-color:rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#0d1016 0%,#090c11 100%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.022)!important;
}
.commerce-video-card :is(.video-thumb,.discover-mobile-media,.profile-mobile-media,.watch-creator-store-media,.discover-saved-media,.discover-following-media){
  position:relative;
  background-color:#0d1117;
}
.commerce-card-copy{
  min-width:0;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  padding:11px 12px 12px!important;
  background:transparent!important;
}
.commerce-card-title{
  display:-webkit-box!important;
  min-width:0;
  margin:0!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  color:#f4f6f8!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:-.018em!important;
  white-space:normal!important;
  text-overflow:ellipsis!important;
}
.commerce-card-identity{
  min-width:0;
  margin-top:5px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden;
  color:#7f8894!important;
  font-size:8.5px!important;
  line-height:1.2!important;
  font-weight:690!important;
  white-space:nowrap;
  text-transform:none!important;
  letter-spacing:0!important;
}
.commerce-card-identity>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commerce-card-identity>i{flex:0 0 auto;color:#59616c!important;font-style:normal!important}
.commerce-card-identity .commerce-card-creator{display:inline-flex;align-items:center;gap:3px;min-width:0}
.commerce-card-identity .home-creator-inline{padding:0!important;background:transparent!important;border:0!important;color:inherit!important;font:inherit!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commerce-card-social{
  min-width:0;
  min-height:18px;
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
  color:#727c88;
  font-size:8px;
  font-weight:720;
}
.commerce-card-social>span{min-width:0;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.commerce-card-social .ico{width:11px!important;height:11px!important;opacity:.8}
.commerce-card-social i{font-style:normal}
.commerce-card-bottom{
  min-width:0;
  min-height:38px;
  margin-top:8px;
  padding-top:8px;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-top:1px solid rgba(255,255,255,.055);
}
.commerce-card-price{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:baseline;
  overflow:hidden;
  color:#f0b86b;
  font-size:11px;
  font-weight:900;
}
.commerce-card-price>strong,
.commerce-card-price .sale-price-stack>strong,
.commerce-card-price .daily-promo-price>strong{color:#f1bc73!important;font-size:11px!important;font-weight:950!important}
.commerce-card-price .sale-price-stack>del,
.commerce-card-price .daily-promo-price>del{color:#747e8a!important;font-size:7.5px!important;opacity:.75!important;text-decoration-thickness:1px!important}
.commerce-card-price .sale-price-stack>em{font-size:6.5px!important;padding:2px 4px!important;border-radius:6px!important}
.commerce-card-actions{flex:0 0 auto;display:flex!important;align-items:center!important;gap:6px!important}
.commerce-card-actions>button,
.commerce-card-actions .commerce-card-save,
.commerce-card-actions .commerce-card-cart,
.commerce-card-actions .commerce-card-more{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  min-height:31px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:9px!important;
  background:#121720!important;
  color:#aab1bb!important;
  box-shadow:none!important;
  transform:none!important;
}
.commerce-card-actions>button .ico{width:14px!important;height:14px!important}
.commerce-card-actions .commerce-card-save.active{border-color:rgba(170,116,214,.22)!important;background:rgba(131,58,180,.11)!important;color:#c593e4!important}
.commerce-card-actions .commerce-card-cart.active{border-color:rgba(252,176,69,.22)!important;background:rgba(252,176,69,.09)!important;color:#eab56c!important}
.commerce-card-actions>button:active{transform:scale(.96)!important}

/* Duration is the only commerce element intentionally floating on the product image. */
.commerce-video-card :is(.duration,.discover-duration,.profile-mobile-duration,.rank-duration,.watch-creator-store-media time,.discover-saved-media>span,.discover-following-media time){
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(5,7,10,.76)!important;
  color:#fff!important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

/* Top Picks adopts the same hierarchy without turning the compact list into a tall grid card. */
.rank-row.commerce-rank-card{height:auto!important;min-height:108px!important;align-items:stretch!important}
.rank-row.commerce-rank-card .rank-thumb{width:31%!important;flex-basis:31%!important;min-height:108px!important}
.rank-row.commerce-rank-card .rank-copy{padding:10px 12px!important;justify-content:center!important}
.rank-row.commerce-rank-card .commerce-card-title{font-size:12px!important;-webkit-line-clamp:1}
.rank-row.commerce-rank-card .commerce-card-identity{margin-top:4px!important;font-size:7.8px!important}
.rank-row.commerce-rank-card .commerce-card-social{margin-top:5px;min-height:15px;font-size:7.5px}
.rank-row.commerce-rank-card .commerce-card-bottom{min-height:31px;margin-top:5px;padding-top:6px}
.rank-row.commerce-rank-card .commerce-card-actions>button{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;border-radius:8px!important}
.rank-row.commerce-rank-card .commerce-card-price>strong,
.rank-row.commerce-rank-card .commerce-card-price .sale-price-stack>strong,
.rank-row.commerce-rank-card .commerce-card-price .daily-promo-price>strong{font-size:9px!important}

/* Profile and Watch creator-store cards now follow the same product order. */
.profile-video-card.commerce-video-card .profile-feed-play,
.profile-mobile-card.commerce-video-card .profile-mobile-play{opacity:.72}
.profile-video-card.commerce-video-card .profile-video-more,
.profile-mobile-card.commerce-video-card .profile-mobile-more{position:static!important;right:auto!important;top:auto!important}
.watch-creator-store-card.commerce-video-card .watch-creator-store-copy{padding:10px!important}
.watch-creator-store-card.commerce-video-card .commerce-card-title{font-size:10.5px!important;min-height:27px}
.watch-creator-store-card.commerce-video-card .commerce-card-identity{font-size:7.4px!important}
.watch-creator-store-card.commerce-video-card .commerce-card-social{font-size:7.2px!important;margin-top:5px}
.watch-creator-store-card.commerce-video-card .commerce-card-bottom{margin-top:6px;padding-top:6px}
.watch-creator-store-card.commerce-video-card .commerce-card-actions>button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}

/* Saved / following rails keep their special proportions but no longer invent a different commerce order. */
.discover-saved-card.commerce-video-card .discover-saved-copy{padding:9px 10px!important}
.discover-saved-card.commerce-video-card .commerce-card-title{font-size:10.5px!important;-webkit-line-clamp:1}
.discover-saved-card.commerce-video-card .commerce-card-identity{font-size:7.3px!important;margin-top:4px!important}
.discover-saved-card.commerce-video-card .commerce-card-social{font-size:7px!important;margin-top:4px;min-height:14px}
.discover-saved-card.commerce-video-card .commerce-card-bottom{min-height:28px;margin-top:4px;padding-top:5px}
.discover-saved-card.commerce-video-card .commerce-card-actions>button{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;border-radius:8px!important}
.discover-following-card.commerce-video-card .discover-following-copy{padding:9px 10px 10px!important}
.discover-following-card.commerce-video-card .commerce-card-title{font-size:10.5px!important}
.discover-following-card.commerce-video-card .commerce-card-identity{font-size:7.6px!important}
.discover-following-card.commerce-video-card .commerce-card-social{font-size:7.3px!important}
.discover-following-card.commerce-video-card .commerce-card-bottom{margin-top:6px;padding-top:6px}

/* Country collections read like curated shelves rather than SEO headings. */
.country-target-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important}
.country-target-title h2{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;line-height:1.15!important}
.country-target-subtitle{display:block;margin:1px 0 0 27px;color:#727c88;font-size:8px;font-weight:720;letter-spacing:.015em;text-transform:none}
.country-target-title-flag{width:19px!important;height:13px!important;border-radius:3px!important;object-fit:cover}

/* Purchase reassurance belongs inside Video Details, not in another popup. */
.watch-details-reassurance{
  margin:0 10px 10px;
  min-height:34px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:rgba(255,255,255,.022);
  color:#9ba4af;
  font-size:8.5px;
  font-weight:760;
  letter-spacing:.005em;
}
.watch-details-reassurance .ico{width:13px;height:13px;color:#a783c4}

@media(max-width:767px){
  .commerce-card-copy{padding:10px 11px 11px!important}
  .commerce-card-title{font-size:12.5px!important}
  .commerce-card-identity{font-size:8px!important;margin-top:4px!important}
  .commerce-card-social{font-size:7.6px!important;margin-top:5px;min-height:16px}
  .commerce-card-bottom{min-height:34px;margin-top:6px;padding-top:7px}
  .commerce-card-actions>button,.commerce-card-actions .commerce-card-save,.commerce-card-actions .commerce-card-cart,.commerce-card-actions .commerce-card-more{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;border-radius:9px!important}
  .commerce-card-price>strong,.commerce-card-price .sale-price-stack>strong,.commerce-card-price .daily-promo-price>strong{font-size:10.5px!important}
  .rank-row.commerce-rank-card{min-height:100px!important}.rank-row.commerce-rank-card .rank-thumb{min-height:100px!important}
  .country-target-subtitle{margin-left:25px;font-size:7.5px}
  .watch-details-reassurance{margin:0 7px 8px;min-height:31px;padding:7px 8px;font-size:7.8px;border-radius:9px}
}
@media(min-width:768px) and (max-width:1099px){
  .commerce-card-title{font-size:13.5px!important}.commerce-card-identity{font-size:8.5px!important}.commerce-card-social{font-size:8px!important}
}
@media(min-width:1100px){
  .commerce-card-copy{padding:12px 13px 13px!important}.commerce-card-title{font-size:14px!important}.commerce-card-bottom{min-height:40px}
  .commerce-card-actions>button,.commerce-card-actions .commerce-card-save,.commerce-card-actions .commerce-card-cart,.commerce-card-actions .commerce-card-more{width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important}
}

/* Light mode uses the same hierarchy, with media remaining image-dark and commerce information on a clean store surface. */
html[data-theme="light"] .commerce-video-card{
  border-color:#e1e4e8!important;
  background:#fff!important;
  color:#202327!important;
  box-shadow:0 8px 22px rgba(18,24,32,.055)!important;
}
html[data-theme="light"] .commerce-card-copy{background:#fff!important}
html[data-theme="light"] .commerce-card-title{color:#202327!important}
html[data-theme="light"] .commerce-card-identity{color:#727981!important}
html[data-theme="light"] .commerce-card-identity>i{color:#a0a5ab!important}
html[data-theme="light"] .commerce-card-identity .home-creator-inline{color:#626971!important}
html[data-theme="light"] .commerce-card-social{color:#7a8189!important}
html[data-theme="light"] .commerce-card-bottom{border-top-color:#eceef0!important}
html[data-theme="light"] .commerce-card-price>strong,
html[data-theme="light"] .commerce-card-price .sale-price-stack>strong,
html[data-theme="light"] .commerce-card-price .daily-promo-price>strong{color:#67315f!important;-webkit-text-fill-color:#67315f!important}
html[data-theme="light"] .commerce-card-price .sale-price-stack>del,
html[data-theme="light"] .commerce-card-price .daily-promo-price>del{color:#949aa1!important;text-decoration-color:#a7abb1!important}
html[data-theme="light"] .commerce-card-actions>button,
html[data-theme="light"] .commerce-card-actions .commerce-card-save,
html[data-theme="light"] .commerce-card-actions .commerce-card-cart,
html[data-theme="light"] .commerce-card-actions .commerce-card-more{border-color:#e1e4e7!important;background:#f5f6f7!important;color:#656c74!important}
html[data-theme="light"] .commerce-card-actions .commerce-card-save.active{border-color:#dfcfe6!important;background:#f4edf7!important;color:#733984!important}
html[data-theme="light"] .commerce-card-actions .commerce-card-cart.active{border-color:#ecd9b8!important;background:#fff7e9!important;color:#81581f!important}
html[data-theme="light"] .rank-row.commerce-rank-card{background:#fff!important;color:#202327!important}
html[data-theme="light"] .rank-row.commerce-rank-card+.rank-row.commerce-rank-card{box-shadow:inset 0 1px #eceef0!important}
html[data-theme="light"] .country-target-subtitle{color:#777e86!important}
html[data-theme="light"] .watch-details-reassurance{border-color:#e6e8eb!important;background:#f8f9fa!important;color:#69717a!important}
html[data-theme="light"] .watch-details-reassurance .ico{color:#713b7e!important}

/* Hotfix486 structural overrides: neutralize older per-surface child rules so the canonical hierarchy wins. */
:is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-title{
  display:-webkit-box!important;margin:0!important;color:#f4f6f8!important;font-size:13px!important;line-height:1.25!important;font-weight:850!important;white-space:normal!important;
}
:is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-identity{
  display:flex!important;margin:5px 0 0!important;color:#7f8894!important;font-size:8.5px!important;line-height:1.2!important;white-space:nowrap!important;
}
:is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-social{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:6px 0 0!important;min-height:18px!important;color:#727c88!important;font-size:8px!important;
}
:is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-bottom{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:8px 0 0!important;padding:8px 0 0!important;min-height:38px!important;border-top:1px solid rgba(255,255,255,.055)!important;
}
:is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-bottom>.commerce-card-price{
  display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:5px!important;min-width:0!important;flex:1 1 auto!important;margin:0!important;color:#f0b86b!important;font-size:11px!important;overflow:hidden!important;white-space:nowrap!important;
}
:is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-bottom>.commerce-card-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:auto!important;flex:0 0 auto!important;margin:0!important;color:inherit!important;font-size:inherit!important;overflow:visible!important;white-space:normal!important;
}
@media(max-width:767px){
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-title{font-size:12.5px!important}
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-identity{font-size:8px!important;margin-top:4px!important}
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-social{font-size:7.6px!important;margin-top:5px!important;min-height:16px!important}
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-bottom{min-height:34px!important;margin-top:6px!important;padding-top:7px!important}
}
html[data-theme="light"] :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-title{color:#202327!important}
html[data-theme="light"] :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-identity{color:#727981!important}
html[data-theme="light"] :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-social{color:#7a8189!important}
html[data-theme="light"] :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-bottom{border-top-color:#eceef0!important}


/* === Xmegram 3.4.9-hotfix488 · CSS parser repair + compact Watch reassurance === */
@media(max-width:767px){
  .watch-mobile-commerce-trust{display:none!important}
  .watch-mobile-buy{display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:0 11px!important;text-align:left!important}
  .watch-mobile-buy-copy{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;line-height:1!important}
  .watch-mobile-buy-copy>b{display:block!important;color:#fff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
  .watch-mobile-buy-copy>small{display:block!important;max-width:112px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:rgba(255,255,255,.70)!important;font-size:6.3px!important;font-weight:720!important;letter-spacing:.012em!important}
  .watch-mobile-buy>.watch-commerce-price-wrap{max-width:none!important;justify-content:flex-end!important}
  .watch-mobile-buy .sale-price-stack,.watch-mobile-buy .daily-promo-price{display:grid!important;justify-items:end!important;gap:1px!important;line-height:1!important}
  .watch-mobile-buy .sale-price-stack>del,.watch-mobile-buy .daily-promo-price>del{font-size:7px!important}
  .watch-mobile-buy .sale-price-stack>strong,.watch-mobile-buy .daily-promo-price>strong,.watch-mobile-buy>.watch-commerce-price-wrap>strong{font-size:11.5px!important;white-space:nowrap!important}
}


/* XMEGRAM 3.4.9-hotfix490 · mobile Home search + full-bleed Profile feed */
.home-mobile-primary-search{display:none}
@media(max-width:767px){
  /* First-class Home search: exact same live endpoint/binding as Discover, placed directly under Home header. */
  .home-screen .home-mobile-primary-search{
    display:flex!important;
    position:relative!important;
    z-index:82!important;
    width:auto!important;
    height:48px!important;
    margin:10px 14px 14px!important;
    padding:0 13px!important;
    gap:10px!important;
    align-items:center!important;
    overflow:visible!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,rgba(18,22,30,.96),rgba(12,16,23,.98))!important;
    color:var(--text)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  .home-screen .home-mobile-primary-search:focus-within{
    border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.14))!important;
    background:linear-gradient(180deg,rgba(21,25,34,.99),rgba(14,18,26,.99))!important;
    box-shadow:0 10px 30px rgba(0,0,0,.24),0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)!important;
  }
  .home-screen .home-mobile-primary-search>.ico{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    color:#98a0ac!important;
  }
  .home-screen .home-mobile-primary-search input{
    flex:1!important;
    min-width:0!important;
    height:100%!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:var(--text)!important;
    box-shadow:none!important;
    padding:0!important;
    margin:0!important;
    font-size:13px!important;
    font-weight:620!important;
    letter-spacing:-.005em!important;
  }
  .home-screen .home-mobile-primary-search input::placeholder{color:#8c95a2!important;font-weight:540!important}
  .home-screen .home-mobile-primary-search>[data-home-search-clear]{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.055)!important;
    color:#a8b0bb!important;
    font-size:17px!important;
  }
  .home-screen .home-mobile-primary-search>[data-home-search-clear][hidden]{display:none!important}
  .home-screen .home-mobile-primary-search .home-search-suggestions{
    left:0!important;
    right:0!important;
    top:calc(100% + 8px)!important;
    width:100%!important;
    max-height:min(62vh,520px)!important;
    border-radius:15px!important;
  }

  /* Profile product feed must break out of the profile content gutter and match Home's edge-to-edge mobile feed. */
  .profile-screen-ref .profile-video-listing{
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:0 0 96px!important;
  }
  .profile-screen-ref .profile-video-listing>.surface-profile-masonry,
  .profile-screen-ref .profile-video-listing>.shared-mobile-masonry{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    padding:0 0 96px!important;
    margin:0!important;
  }
  .profile-screen-ref .surface-profile-masonry>.discover-mobile-column{
    width:100%!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }
  .profile-screen-ref .surface-profile-masonry .discover-mobile-card,
  .profile-screen-ref .surface-profile-masonry .premium-mobile-sales-card{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }
  .profile-screen-ref .surface-profile-masonry .discover-mobile-media{
    width:100%!important;
    max-width:none!important;
    border-radius:0!important;
  }
}
@media(max-width:390px){
  .home-screen .home-mobile-primary-search{margin-left:10px!important;margin-right:10px!important}
}
@media(min-width:768px){.home-mobile-primary-search{display:none!important}}
html[data-theme="light"] .home-screen .home-mobile-primary-search{
  border-color:#e3e6ea!important;
  background:linear-gradient(180deg,#ffffff,#fafbfc)!important;
  color:#17191d!important;
  box-shadow:0 8px 24px rgba(20,24,31,.07),inset 0 1px #fff!important;
}
html[data-theme="light"] .home-screen .home-mobile-primary-search:focus-within{
  border-color:color-mix(in srgb,var(--accent) 40%,#dfe3e8)!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(20,24,31,.09),0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent)!important;
}
html[data-theme="light"] .home-screen .home-mobile-primary-search>.ico{color:#737b86!important}
html[data-theme="light"] .home-screen .home-mobile-primary-search input{color:#17191d!important}
html[data-theme="light"] .home-screen .home-mobile-primary-search input::placeholder{color:#8a919a!important}
html[data-theme="light"] .home-screen .home-mobile-primary-search>[data-home-search-clear]{border-color:#17191d0d!important;background:#17191d08!important;color:#69717c!important}

/* === Xmegram 3.4.9-hotfix493 · premium commerce-card hierarchy polish ===
   Presentation only. Keeps existing media/card geometry and behavior intact while strengthening
   title/identity/social contrast, reducing rank/admin/action dominance, and improving theme depth. */

/* Stronger information hierarchy without changing card/media width, height, aspect ratio or grid rules. */
.commerce-video-card .commerce-card-title,
.commerce-rank-card .commerce-card-title{
  color:#f8f9fb!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.026em!important;
  text-wrap:pretty;
}
.commerce-video-card .commerce-card-identity,
.commerce-rank-card .commerce-card-identity{
  color:#979faa!important;
  font-weight:700!important;
  line-height:1.15!important;
}
.commerce-video-card .commerce-card-identity>span:first-child,
.commerce-rank-card .commerce-card-identity>span:first-child{color:#929aa5!important}
.commerce-video-card .commerce-card-identity .commerce-card-creator,
.commerce-rank-card .commerce-card-identity .commerce-card-creator,
.commerce-video-card .commerce-card-identity .home-creator-inline,
.commerce-rank-card .commerce-card-identity .home-creator-inline{
  color:#d1d6dd!important;
  font-weight:780!important;
}
.commerce-video-card .commerce-card-social,
.commerce-rank-card .commerce-card-social{
  color:#9aa3ad!important;
  font-weight:720!important;
  line-height:1.15!important;
}
.commerce-video-card .commerce-card-social .ico,
.commerce-rank-card .commerce-card-social .ico{opacity:.74!important}

/* Premium depth: information surface is charcoal instead of hard black; light mode uses subtle layering. */
html[data-theme="dark"] .commerce-video-card{
  background:linear-gradient(180deg,#0e1218 0%,#0a0e13 100%)!important;
  border-color:rgba(255,255,255,.065)!important;
}
html[data-theme="dark"] .commerce-video-card .commerce-card-copy,
html[data-theme="dark"] .rank-row.commerce-rank-card .commerce-card-copy{
  background:linear-gradient(180deg,#10141a 0%,#0c1015 100%)!important;
}
html[data-theme="light"] .commerce-video-card{
  background:#fcfcfd!important;
  border-color:#e5e7ea!important;
  box-shadow:0 8px 22px rgba(18,24,32,.045)!important;
}
html[data-theme="light"] .commerce-video-card .commerce-card-copy,
html[data-theme="light"] .rank-row.commerce-rank-card .commerce-card-copy{
  background:#fcfcfd!important;
}
html[data-theme="light"] .commerce-video-card .commerce-card-title,
html[data-theme="light"] .commerce-rank-card .commerce-card-title{color:#17191c!important}
html[data-theme="light"] .commerce-video-card .commerce-card-identity,
html[data-theme="light"] .commerce-rank-card .commerce-card-identity{color:#6f757d!important}
html[data-theme="light"] .commerce-video-card .commerce-card-identity>span:first-child,
html[data-theme="light"] .commerce-rank-card .commerce-card-identity>span:first-child{color:#6f757d!important}
html[data-theme="light"] .commerce-video-card .commerce-card-identity .commerce-card-creator,
html[data-theme="light"] .commerce-rank-card .commerce-card-identity .commerce-card-creator,
html[data-theme="light"] .commerce-video-card .commerce-card-identity .home-creator-inline,
html[data-theme="light"] .commerce-rank-card .commerce-card-identity .home-creator-inline{
  color:#3d4248!important;
  font-weight:790!important;
}
html[data-theme="light"] .commerce-video-card .commerce-card-social,
html[data-theme="light"] .commerce-rank-card .commerce-card-social{color:#737984!important}

/* Premium separator: a faint center-weighted hairline instead of a flat gray rule. */
.commerce-video-card .commerce-card-bottom,
.commerce-rank-card .commerce-card-bottom{
  border-top-color:transparent!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.09) 14%,rgba(255,255,255,.09) 86%,transparent) top/100% 1px no-repeat!important;
}
html[data-theme="light"] .commerce-video-card .commerce-card-bottom,
html[data-theme="light"] .commerce-rank-card .commerce-card-bottom{
  background:linear-gradient(90deg,transparent,#e6e8eb 14%,#e6e8eb 86%,transparent) top/100% 1px no-repeat!important;
}

/* Price remains the commerce anchor; crossed/compare price stays deliberately quieter. */
.commerce-video-card .commerce-card-price>strong,
.commerce-video-card .commerce-card-price .sale-price-stack>strong,
.commerce-video-card .commerce-card-price .daily-promo-price>strong,
.commerce-rank-card .commerce-card-price>strong,
.commerce-rank-card .commerce-card-price .sale-price-stack>strong,
.commerce-rank-card .commerce-card-price .daily-promo-price>strong{
  font-weight:950!important;
  letter-spacing:-.018em!important;
}
.commerce-video-card .commerce-card-price :is(del,.sale-price-stack>del,.daily-promo-price>del),
.commerce-rank-card .commerce-card-price :is(del,.sale-price-stack>del,.daily-promo-price>del){opacity:.62!important}

/* Admin access is a tiny admin-only status note, not a storefront CTA-sized pill. */
.commerce-card-price .video-access-badge.admin{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b6a584!important;
  font-size:8px!important;
  font-weight:820!important;
  letter-spacing:.045em!important;
  opacity:.72!important;
  box-shadow:none!important;
}
html[data-theme="light"] .commerce-card-price .video-access-badge.admin{color:#806f57!important;opacity:.72!important}

/* Save/cart controls remain the same size, but no longer compete with title or price. */
.commerce-video-card .commerce-card-actions>button,
.commerce-rank-card .commerce-card-actions>button{
  border-color:rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.025)!important;
  color:#939ca7!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
.commerce-video-card .commerce-card-actions>button .ico,
.commerce-rank-card .commerce-card-actions>button .ico{stroke-width:1.8!important}
.commerce-video-card .commerce-card-actions .commerce-card-save.active,
.commerce-rank-card .commerce-card-actions .commerce-card-save.active{
  border-color:rgba(175,124,211,.18)!important;
  background:rgba(154,93,190,.085)!important;
  color:#bc93d0!important;
}
html[data-theme="light"] .commerce-video-card .commerce-card-actions>button,
html[data-theme="light"] .commerce-rank-card .commerce-card-actions>button{
  border-color:#e5e7ea!important;
  background:rgba(247,248,249,.82)!important;
  color:#68707a!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .commerce-video-card .commerce-card-actions .commerce-card-save.active,
html[data-theme="light"] .commerce-rank-card .commerce-card-actions .commerce-card-save.active{
  border-color:#e0d3e5!important;
  background:#f5f0f7!important;
  color:#73427f!important;
}

/* Media controls stay readable over bright or dark frames using a subtle local vignette only. */
.commerce-video-card :is(.video-thumb,.mobile-suggestion-media,.discover-mobile-media,.profile-mobile-media,.watch-creator-store-media,.discover-saved-media,.discover-following-media)::after{
  content:"";
  position:absolute;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(3,5,8,.20) 0%,rgba(3,5,8,0) 22%),
    linear-gradient(0deg,rgba(3,5,8,.18) 0%,rgba(3,5,8,0) 24%)!important;
}
.commerce-video-card :is(.feed-autoplay-video,.discover-autoplay-video,.discover-mobile-poster,.profile-mobile-media>img){
  filter:saturate(1.03) contrast(1.035);
}

/* Ranking supports the title instead of competing with it. Physical rank space stays unchanged. */
.home-trending-grid .trend-card-rank,
.video-card.merch-ranked .trend-card-rank{
  color:transparent!important;
  background:linear-gradient(155deg,#c9b0cf 0%,#a68bad 50%,#77657e 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  opacity:.61!important;
  filter:none!important;
  text-shadow:none!important;
}
html[data-theme="light"] .home-trending-grid .trend-card-rank,
html[data-theme="light"] .video-card.merch-ranked .trend-card-rank{
  background:linear-gradient(155deg,#a56eac 0%,#8d5f96 50%,#75527d 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  opacity:.67!important;
  filter:none!important;
}

/* Device-specific typography only; card/media geometry is intentionally untouched. */
@media(max-width:767px){
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-title{
    font-size:14px!important;
    line-height:1.12!important;
  }
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-identity{
    margin-top:4px!important;
    font-size:9.6px!important;
    line-height:1.15!important;
  }
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-social{
    margin-top:4px!important;
    min-height:16px!important;
    font-size:8.9px!important;
    line-height:1.15!important;
  }
  .home-trending-grid .trend-card-rank,.video-card.merch-ranked .trend-card-rank{font-size:30px!important;opacity:.60!important}
}
@media(min-width:768px) and (max-width:1099px){
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-title{font-size:14.25px!important;line-height:1.12!important}
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-identity{font-size:9.5px!important;line-height:1.15!important}
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-social{font-size:8.9px!important;line-height:1.15!important}
  .home-trending-grid .trend-card-rank,.video-card.merch-ranked .trend-card-rank{font-size:26px!important;opacity:.58!important}
}
@media(min-width:1100px){
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-title{font-size:14.5px!important;line-height:1.12!important}
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-identity{font-size:9.6px!important;line-height:1.15!important}
  :is(.video-card-body,.mobile-suggestion-copy,.desktop-suggestion-body,.discover-mobile-copy,.profile-video-copy,.profile-mobile-copy,.rank-copy,.watch-creator-store-copy,.discover-saved-copy,.discover-following-copy)>.commerce-card-social{font-size:9px!important;line-height:1.15!important}
  .home-trending-grid .trend-card-rank,.video-card.merch-ranked .trend-card-rank{font-size:25px!important;opacity:.56!important}
}
nn/* ===============================
   HOTFIX499 — PAYOUT ACTION + CLASSIC PREMIUM UI
   Scoped to .payout-screen only. No global form/card geometry changes.
   =============================== */
.payout-screen{
  --payout-surface:#10141b;
  --payout-surface-2:#0d1117;
  --payout-border:rgba(255,255,255,.09);
  --payout-muted:#9299a5;
  --payout-text:#f7f8fa;
  --payout-accent:#8d4b78;
  --payout-accent-2:#5f3158;
  background:linear-gradient(180deg,#090c11 0%,#0b0f15 100%)!important;
  color:var(--payout-text)!important;
  min-height:100dvh;
  padding-bottom:34px!important;
}
.payout-screen .payout-available,
.payout-screen .payout-card,
.payout-screen>.section-title,
.payout-screen>[data-payout-history]{
  width:min(760px,calc(100% - 32px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.payout-screen .payout-available{
  margin-top:16px!important;
  margin-bottom:14px!important;
  padding:18px 20px!important;
  min-height:86px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(135deg,#201523 0%,#15151d 52%,#10141a 100%)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05)!important;
}
.payout-screen .payout-available>i{
  width:46px!important;height:46px!important;border-radius:14px!important;
  background:linear-gradient(145deg,#98557f,#67345e)!important;
  box-shadow:0 10px 24px rgba(111,48,92,.24)!important;
}
.payout-screen .payout-available small{font-size:10px!important;font-weight:750!important;letter-spacing:.02em!important;color:#a9a6af!important}
.payout-screen .payout-available strong{font-size:21px!important;line-height:1.05!important;letter-spacing:-.02em!important;color:#fff!important}
.payout-screen .payout-available>.payout-held{padding-left:18px!important;border-left:1px solid rgba(255,255,255,.08)!important}
.payout-screen .payout-available>.payout-held strong{font-size:15px!important;color:#e8e3e8!important}
.payout-screen .payout-card{
  margin-top:14px!important;
  margin-bottom:14px!important;
  padding:20px!important;
  border-radius:20px!important;
  border:1px solid var(--payout-border)!important;
  background:linear-gradient(180deg,var(--payout-surface) 0%,var(--payout-surface-2) 100%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)!important;
  gap:14px!important;
}
.payout-screen .payout-card h2{
  margin:0 0 4px!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  color:var(--payout-text)!important;
}
.payout-screen .payout-card>label:not(.check-line),
.payout-screen .payout-card .form-grid>label{
  display:grid!important;gap:8px!important;
  font-size:12px!important;font-weight:750!important;
  color:#c0c5ce!important;
}
.payout-screen .payout-card input:not([type=checkbox]):not([type=hidden]),
.payout-screen .payout-card select{
  width:100%!important;
  min-height:54px!important;height:54px!important;
  padding:0 15px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:#151a22!important;
  color:#f4f6f8!important;
  -webkit-text-fill-color:#f4f6f8!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  font-size:14px!important;font-weight:650!important;
  outline:none!important;
}
.payout-screen .payout-card input::placeholder{color:#717986!important;-webkit-text-fill-color:#717986!important}
.payout-screen .payout-card input:focus,
.payout-screen .payout-card select:focus{
  border-color:rgba(169,93,143,.72)!important;
  box-shadow:0 0 0 3px rgba(141,75,120,.13),inset 0 1px rgba(255,255,255,.03)!important;
}
.payout-screen .payout-card label>small,
.payout-screen [data-payout-active-state],
.payout-screen [data-payout-eligibility-state]{
  margin-top:0!important;
  color:var(--payout-muted)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.payout-screen [data-payout-active-state]:not([hidden]),
.payout-screen [data-payout-eligibility-state]:not([hidden]){
  display:block!important;
  padding:10px 12px!important;
  border-radius:11px!important;
  background:rgba(141,75,120,.10)!important;
  border:1px solid rgba(141,75,120,.18)!important;
}
.payout-screen .payout-method-card .soft-btn,
.payout-screen .payout-request-card .primary{
  width:100%!important;
  min-height:54px!important;height:54px!important;
  margin-top:2px!important;
  border-radius:14px!important;
  font-size:14px!important;font-weight:800!important;
  letter-spacing:-.01em!important;
  transition:transform .14s ease,box-shadow .14s ease,filter .14s ease!important;
}
.payout-screen .payout-method-card .soft-btn{
  border:1px solid rgba(255,255,255,.11)!important;
  background:#181d25!important;
  color:#eef0f3!important;
  box-shadow:0 8px 18px rgba(0,0,0,.12)!important;
}
.payout-screen .payout-request-card .primary:not(:disabled){
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(135deg,#6f365f 0%,var(--site-accent2) 55%,#744064 100%)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 26px rgba(110,49,91,.26)!important;
  cursor:pointer!important;
}
.payout-screen .payout-method-card .soft-btn:active,
.payout-screen .payout-request-card .primary:not(:disabled):active{transform:scale(.992)!important;filter:brightness(.97)!important}
.payout-screen .payout-request-card .primary:disabled{
  border:1px solid rgba(255,255,255,.055)!important;
  background:#171b22!important;
  color:#686f79!important;-webkit-text-fill-color:#686f79!important;
  box-shadow:none!important;opacity:1!important;
}
.payout-screen .transaction-list{border:0!important;background:transparent!important}
.payout-screen .payout-saved-card .transaction-list>div,
.payout-screen>[data-payout-history]>div{
  min-height:58px!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:13px!important;
  background:#131820!important;
  box-shadow:none!important;
  margin-bottom:8px!important;
}
.payout-screen .payout-saved-card .transaction-list>div:last-child,
.payout-screen>[data-payout-history]>div:last-child{margin-bottom:0!important}
.payout-screen .transaction-list b{font-size:12.5px!important;color:#f1f3f6!important}
.payout-screen .transaction-list small{display:block!important;margin-top:3px!important;font-size:10px!important;color:#858d99!important}
.payout-screen .mini-link{font-size:10.5px!important;font-weight:800!important;color:#c987b1!important}
.payout-screen .mini-empty{
  min-height:0!important;
  padding:15px!important;
  border:1px dashed rgba(255,255,255,.09)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.018)!important;
  color:#858d98!important;
  font-size:12px!important;
}
.payout-screen>.section-title{margin-top:20px!important;margin-bottom:8px!important;padding:0 2px!important}
.payout-screen>.section-title h2{font-size:20px!important;letter-spacing:-.025em!important;color:#f4f5f7!important}
.payout-screen>[data-payout-history]{padding-bottom:8px!important}

html[data-theme="light"] .payout-screen{
  --payout-surface:#fff;--payout-surface-2:#fff;--payout-border:#e4e0dc;--payout-muted:#737981;--payout-text:#202226;
  background:linear-gradient(180deg,#f6f6f5 0%,#fafafa 58%,#f5f5f4 100%)!important;
  color:#202226!important;
}
html[data-theme="light"] .payout-screen .payout-available{
  border-color:#e5dde3!important;
  background:linear-gradient(135deg,#3c2738 0%,#522f49 48%,#272b34 100%)!important;
  box-shadow:0 18px 38px rgba(47,36,45,.14),inset 0 1px rgba(255,255,255,.10)!important;
}
html[data-theme="light"] .payout-screen .payout-available small{color:#d2cbd1!important}
html[data-theme="light"] .payout-screen .payout-available strong{color:#fff!important}
html[data-theme="light"] .payout-screen .payout-available>.payout-held{border-left-color:rgba(255,255,255,.16)!important}
html[data-theme="light"] .payout-screen .payout-available>.payout-held strong{color:#f4eff3!important}
html[data-theme="light"] .payout-screen .payout-card{
  background:#fff!important;
  border-color:#e2dfdb!important;
  box-shadow:0 10px 30px rgba(36,32,30,.055),inset 0 1px #fff!important;
}
html[data-theme="light"] .payout-screen .payout-card h2{color:#1f2023!important}
html[data-theme="light"] .payout-screen .payout-card>label:not(.check-line),
html[data-theme="light"] .payout-screen .payout-card .form-grid>label{color:#50555c!important}
html[data-theme="light"] .payout-screen .payout-card input:not([type=checkbox]):not([type=hidden]),
html[data-theme="light"] .payout-screen .payout-card select{
  background:#f7f7f6!important;
  border-color:#dcd9d5!important;
  color:#222428!important;-webkit-text-fill-color:#222428!important;
  box-shadow:inset 0 1px #fff!important;
}
html[data-theme="light"] .payout-screen .payout-card input::placeholder{color:#93989f!important;-webkit-text-fill-color:#93989f!important}
html[data-theme="light"] .payout-screen .payout-card input:focus,
html[data-theme="light"] .payout-screen .payout-card select:focus{border-color:#a27696!important;box-shadow:0 0 0 3px rgba(112,54,93,.09),inset 0 1px #fff!important}
html[data-theme="light"] .payout-screen .payout-method-card .soft-btn{
  background:linear-gradient(180deg,#f7f7f6,#f0efed)!important;
  border-color:#d9d6d2!important;color:#34383e!important;-webkit-text-fill-color:#34383e!important;
  box-shadow:0 7px 16px rgba(40,35,32,.05)!important;
}
html[data-theme="light"] .payout-screen .payout-request-card .primary:not(:disabled){
  background:linear-gradient(135deg,#563148 0%,#74405f 58%,#5d3650 100%)!important;
  border-color:#5b354d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 24px rgba(86,49,72,.20)!important;
}
html[data-theme="light"] .payout-screen .payout-request-card .primary:disabled{
  background:#ececea!important;border-color:#dededb!important;color:#9a9ea4!important;-webkit-text-fill-color:#9a9ea4!important;
}
html[data-theme="light"] .payout-screen .payout-saved-card .transaction-list>div,
html[data-theme="light"] .payout-screen>[data-payout-history]>div{
  background:#fafaf9!important;border-color:#e6e3df!important;
}
html[data-theme="light"] .payout-screen .transaction-list b{color:#25272b!important}
html[data-theme="light"] .payout-screen .transaction-list small{color:#777d85!important}
html[data-theme="light"] .payout-screen .mini-link{color:#77455f!important}
html[data-theme="light"] .payout-screen .mini-empty{background:#fafaf9!important;border-color:#e5e1dd!important;color:#777d84!important}
html[data-theme="light"] .payout-screen>.section-title h2{color:#202226!important}
html[data-theme="light"] .payout-screen [data-payout-active-state]:not([hidden]),
html[data-theme="light"] .payout-screen [data-payout-eligibility-state]:not([hidden]){background:#f7f1f5!important;border-color:#eadde5!important;color:#6f5e69!important}

@media(max-width:680px){
  .payout-screen .payout-available,.payout-screen .payout-card,.payout-screen>.section-title,.payout-screen>[data-payout-history]{width:calc(100% - 28px)!important}
  .payout-screen .payout-available{padding:15px 16px!important;min-height:78px!important;border-radius:17px!important}
  .payout-screen .payout-available>i{width:42px!important;height:42px!important;border-radius:13px!important}
  .payout-screen .payout-available strong{font-size:18px!important}
  .payout-screen .payout-available>.payout-held strong{font-size:14px!important}
  .payout-screen .payout-card{padding:17px!important;border-radius:18px!important;gap:12px!important}
  .payout-screen .payout-card h2{font-size:18px!important}
  .payout-screen .payout-card input:not([type=checkbox]):not([type=hidden]),.payout-screen .payout-card select{min-height:52px!important;height:52px!important;border-radius:13px!important}
  .payout-screen .payout-method-card .soft-btn,.payout-screen .payout-request-card .primary{min-height:52px!important;height:52px!important;border-radius:13px!important}
  .payout-screen .form-grid{grid-template-columns:1fr!important;gap:12px!important}
}
@media(min-width:681px) and (max-width:1099px){
  .payout-screen .payout-card{padding:22px!important}
}
@media(min-width:1100px){
  .payout-screen .payout-available,.payout-screen .payout-card,.payout-screen>.section-title,.payout-screen>[data-payout-history]{width:min(800px,calc(100% - 48px))!important}
  .payout-screen .payout-card{padding:24px!important}
}

/* ===============================
   HOTFIX500 — payout fee/settlement preview + Saved duration repair
   =============================== */
.payout-screen .payout-breakdown{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.022)!important;
}
.payout-screen .payout-breakdown[hidden]{display:none!important}
.payout-screen .payout-breakdown>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
.payout-screen .payout-breakdown small{color:#7f8792!important;font-size:9px!important;font-weight:700!important;line-height:1.1!important}
.payout-screen .payout-breakdown b,.payout-screen .payout-breakdown strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#e9ebef!important;font-size:11.5px!important;font-weight:800!important;line-height:1.2!important}
.payout-screen .payout-breakdown strong{color:#d3a9c4!important}
html[data-theme="light"] .payout-screen .payout-breakdown{border-color:#e5e1dd!important;background:#f8f7f6!important}
html[data-theme="light"] .payout-screen .payout-breakdown small{color:#7c8289!important}
html[data-theme="light"] .payout-screen .payout-breakdown b{color:#33363a!important}
html[data-theme="light"] .payout-screen .payout-breakdown strong{color:#74455f!important}
@media(max-width:520px){
  .payout-screen .payout-breakdown{grid-template-columns:1fr 1fr!important}
  .payout-screen .payout-breakdown>span:last-child{grid-column:1/-1!important;padding-top:7px!important;border-top:1px solid rgba(255,255,255,.055)!important}
  html[data-theme="light"] .payout-screen .payout-breakdown>span:last-child{border-top-color:#e6e2de!important}
}

/* Saved for later: duration must remain a compact badge, never a full-height overlay. */
.discover-saved-card .discover-saved-media>.duration{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  bottom:8px!important;
  left:8px!important;
  width:max-content!important;
  max-width:calc(100% - 16px)!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:5px 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:8px!important;
  background:rgba(5,7,11,.84)!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 3px 10px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  z-index:5!important;
}
@media(max-width:767px){.discover-saved-card .discover-saved-media>.duration{bottom:7px!important;left:7px!important;padding:4px 6px!important;font-size:9.5px!important;border-radius:7px!important}}


/* Hotfix501 · disabled-account owner-only visibility notice */
.profile-disabled-notice{margin:16px 16px 12px;padding:16px;border:1px solid #f0b65c40;border-radius:18px;background:linear-gradient(145deg,#17130f,#0d1017 72%);box-shadow:0 16px 38px #0000004d,inset 0 1px 0 #ffffff0a;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;position:relative;overflow:hidden}.profile-disabled-notice:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,#efb251,#f3d49b00)}.profile-disabled-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f0b65c12;border:1px solid #f0b65c35;color:#f4c879}.profile-disabled-icon .ico{width:21px;height:21px}.profile-disabled-copy{min-width:0}.profile-disabled-copy>small{display:block;font-size:9px;font-weight:850;letter-spacing:.15em;color:#d8a95f;margin-bottom:4px}.profile-disabled-copy h2{font-size:17px;line-height:1.2;margin:0 0 6px;color:#f7f2e9}.profile-disabled-copy p{margin:0;color:#bdb6aa;font-size:12px;line-height:1.5;max-width:760px}.profile-disabled-reason{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #ffffff0d;font-size:11px;line-height:1.45}.profile-disabled-reason b{color:#e2d7c7}.profile-disabled-reason span{color:#9d968c}.profile-disabled-appeal{align-self:center;display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border-radius:12px;border:1px solid #ffffff14;background:#ffffff08;color:#fff;text-align:left;box-shadow:inset 0 1px 0 #ffffff0a}.profile-disabled-appeal>.ico:first-child{width:19px;height:19px;color:#f1bf6d}.profile-disabled-appeal>.ico:last-child{width:16px;height:16px;color:#777}.profile-disabled-appeal span{display:flex;flex-direction:column;gap:1px}.profile-disabled-appeal b{font-size:12px}.profile-disabled-appeal small{font-size:9px;color:#a69f95}.profile-disabled-appeal:active{transform:translateY(1px)}
@media(max-width:680px){.profile-disabled-notice{grid-template-columns:auto 1fr;margin:12px 12px 10px;padding:14px;border-radius:16px}.profile-disabled-appeal{grid-column:1/-1;width:100%;justify-content:flex-start}.profile-disabled-appeal>.ico:last-child{margin-left:auto}}
html[data-theme="light"] .profile-disabled-notice{background:linear-gradient(145deg,#fff9ef,#fff 72%);border-color:#c58b2f3d;box-shadow:0 14px 32px #27200f14,inset 0 1px 0 #fff}html[data-theme="light"] .profile-disabled-copy h2{color:#282117}html[data-theme="light"] .profile-disabled-copy p,html[data-theme="light"] .profile-disabled-reason span{color:#6f675d}html[data-theme="light"] .profile-disabled-reason b{color:#4b4134}html[data-theme="light"] .profile-disabled-appeal{background:#fff;border-color:#b8966230;color:#2f2921;box-shadow:0 7px 20px #31260f0c}

/* Hotfix501: disabled-account profile action state */
.profile-restricted-state:disabled{opacity:.72;cursor:not-allowed;filter:saturate(.7)}

/* ===============================
   HOTFIX503 — final checkout pending banner + My Purchases pending state
   =============================== */
.final-payment-banner{
  position:relative!important;
  z-index:34!important;
  width:min(980px,calc(100% - 28px))!important;
  min-height:58px!important;
  margin:10px auto 8px!important;
  padding:10px 11px 10px 13px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  border:1px solid rgba(80,222,135,.27)!important;
  border-radius:15px!important;
  background:linear-gradient(110deg,rgba(12,53,32,.98),rgba(10,39,27,.98) 58%,rgba(8,28,22,.99))!important;
  color:#f5fff8!important;
  box-shadow:0 13px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055),0 0 0 1px rgba(43,196,105,.035)!important;
  overflow:hidden!important;
}
.final-payment-banner:before{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:linear-gradient(180deg,#6df0a2,#1abf64)!important;
  box-shadow:0 0 16px rgba(58,222,123,.55)!important;
}
.final-payment-preview{
  position:relative!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;overflow:hidden!important;
  flex:0 0 36px!important;border:1px solid rgba(120,241,167,.24)!important;border-radius:11px!important;
  background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;color:#80f3ae!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 5px 13px rgba(0,0,0,.20)!important;
}
.final-payment-preview:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);pointer-events:none}
.final-payment-preview-fallback{position:relative!important;background:rgba(117,240,163,.085)!important}
.final-payment-preview-fallback .ico{width:16px!important;height:16px!important}
.final-payment-banner>strong{min-width:0!important;font-size:13px!important;font-weight:790!important;line-height:1.32!important;letter-spacing:-.01em!important;color:#f4fff7!important}
.final-payment-banner>button{
  position:relative!important;isolation:isolate!important;min-height:38px!important;padding:0 12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border:1px solid rgba(174,255,205,.35)!important;border-radius:11px!important;
  background:linear-gradient(115deg,#27c86a,#18a953)!important;color:#fff!important;
  font-size:11px!important;font-weight:850!important;white-space:nowrap!important;
  box-shadow:0 8px 20px rgba(16,145,73,.25),inset 0 1px rgba(255,255,255,.19)!important;
  overflow:hidden!important;animation:vhFinalPayPulse 2.8s ease-in-out infinite!important;
}
.final-payment-banner>button:before{content:"";position:absolute;z-index:-1;top:-20%;bottom:-20%;left:-45%;width:34%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:vhFinalPaySweep 3.2s ease-in-out infinite}
.final-payment-banner>button .ico{width:14px!important;height:14px!important;transition:transform .18s ease!important}
.final-payment-banner>button:hover .ico{transform:translateX(2px)!important}
.final-payment-banner>button:active{transform:translateY(1px) scale(.99)!important}
.final-payment-banner>button.is-resuming{animation:none!important;opacity:.78!important}
@keyframes vhFinalPayPulse{0%,100%{box-shadow:0 8px 20px rgba(16,145,73,.23),inset 0 1px rgba(255,255,255,.18)}50%{box-shadow:0 10px 27px rgba(28,197,96,.38),0 0 0 3px rgba(64,224,126,.075),inset 0 1px rgba(255,255,255,.2)}}
@keyframes vhFinalPaySweep{0%,52%{left:-45%}78%,100%{left:125%}}

.purchase-pending-section{width:min(860px,calc(100% - 28px))!important;margin:14px auto 16px!important}
.purchase-pending-section>header{min-height:39px!important;padding:0 2px 8px!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important}
.purchase-pending-section>header div{display:flex!important;flex-direction:column!important;gap:2px!important}
.purchase-pending-section>header small{font-size:8.5px!important;font-weight:900!important;letter-spacing:.14em!important;color:#5de091!important}
.purchase-pending-section>header h2{margin:0!important;font-size:16px!important;font-weight:850!important;letter-spacing:-.025em!important;color:#f2f6f4!important}
.purchase-pending-section>header>span{min-width:25px!important;height:25px!important;padding:0 7px!important;display:grid!important;place-items:center!important;border-radius:999px!important;border:1px solid rgba(80,222,135,.18)!important;background:rgba(56,198,110,.08)!important;color:#76e7a1!important;font-size:10px!important;font-weight:850!important}
.purchase-pending-list{display:grid!important;gap:9px!important}
.purchase-pending-card{border-color:rgba(72,210,126,.18)!important;background:linear-gradient(145deg,rgba(13,26,21,.99),rgba(9,16,14,.99))!important;box-shadow:0 11px 28px rgba(0,0,0,.20),inset 3px 0 rgba(42,193,100,.66),inset 0 1px rgba(255,255,255,.025)!important}
.purchase-pending-line{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;margin-top:5px!important}
.purchase-pending-line>span{color:#65df94!important;font-size:10.5px!important;font-weight:820!important}
.purchase-pending-line>small{color:#7f9187!important;font-size:9.5px!important;font-weight:700!important}
.purchase-pending-price{display:block!important;text-align:right!important;color:#a8efc1!important;font-size:11px!important;font-weight:840!important;white-space:nowrap!important}
.purchase-finish-payment{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:118px!important;border-color:rgba(91,226,143,.22)!important;background:linear-gradient(115deg,#23bb62,#15934a)!important;color:#fff!important;box-shadow:0 7px 18px rgba(20,144,72,.20)!important}
.purchase-finish-payment .ico{width:13px!important;height:13px!important}
.purchase-finish-payment.is-resuming{opacity:.72!important}

html[data-theme="light"] .final-payment-banner{border-color:rgba(37,157,84,.23)!important;background:linear-gradient(110deg,#effcf4,#f7fff9 64%,#edf8f1)!important;color:#153522!important;box-shadow:0 10px 28px rgba(21,97,53,.11),inset 0 1px #fff!important}
html[data-theme="light"] .final-payment-banner>strong{color:#173d26!important}
html[data-theme="light"] .final-payment-preview{border-color:#c8ecd6!important;color:#18884a!important;box-shadow:inset 0 1px #fff,0 5px 13px rgba(19,91,50,.10)!important}html[data-theme="light"] .final-payment-preview-fallback{background:#e5f8ec!important}
html[data-theme="light"] .purchase-pending-section>header h2{color:#1c2b22!important}
html[data-theme="light"] .purchase-pending-section>header small{color:#248a4d!important}
html[data-theme="light"] .purchase-pending-section>header>span{border-color:#caead5!important;background:#eef9f2!important;color:#237b48!important}
html[data-theme="light"] .purchase-pending-card{border-color:#d7eadf!important;background:#fff!important;box-shadow:0 9px 24px rgba(18,71,39,.07),inset 3px 0 #3ab96d!important}
html[data-theme="light"] .purchase-pending-line>span{color:#1f8a4c!important}
html[data-theme="light"] .purchase-pending-line>small{color:#7c8780!important}
html[data-theme="light"] .purchase-pending-price{color:#287d4b!important}

@media(max-width:680px){
  .final-payment-banner{width:calc(100% - 18px)!important;min-height:54px!important;margin:8px auto 7px!important;padding:8px 8px 8px 11px!important;gap:8px!important;border-radius:13px!important}
  .final-payment-preview{width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important}
  .final-payment-banner>strong{font-size:11.5px!important;line-height:1.25!important}
  .final-payment-banner>button{min-height:36px!important;padding:0 9px!important;border-radius:10px!important;font-size:10px!important;gap:4px!important}
  .purchase-pending-section{width:calc(100% - 20px)!important;margin:10px auto 13px!important}
  .purchase-pending-section>header{padding-bottom:7px!important}
  .purchase-pending-section>header h2{font-size:15px!important}
  .purchase-pending-card .purchase-side{gap:6px!important}
  .purchase-pending-price{font-size:10px!important}
  .purchase-finish-payment{min-width:108px!important;padding-left:9px!important;padding-right:9px!important;font-size:10px!important}
}
@media(max-width:390px){
  .final-payment-preview{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:9px!important}
  .final-payment-banner{grid-template-columns:28px minmax(0,1fr) auto!important;padding-left:12px!important}
  .final-payment-banner>strong{font-size:10.7px!important}
  .final-payment-banner>button{padding-left:8px!important;padding-right:8px!important}
  .final-payment-banner>button .ico{display:none!important}
}


/* ===============================
   HOTFIX504 — pending-purchase preview + Purchases count badges
   =============================== */
.bottom-nav .nav-count.purchase-nav-count{background:#21c96b!important;color:#fff!important;box-shadow:0 0 0 2px #05070a,0 4px 10px rgba(25,181,91,.28)!important}
.desktop-side-item>em.purchase-nav-count{background:#21c96b!important;color:#fff!important;box-shadow:0 4px 11px rgba(25,181,91,.24)!important}
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav .nav-count.purchase-nav-count{box-shadow:0 0 0 2px #fff,0 4px 10px rgba(25,181,91,.20)!important}
html[data-theme="light"] .desktop-side-item>em.purchase-nav-count{background:#159a4d!important;color:#fff!important}


/* HOTFIX505 — remove pending-payment header banner; keep Purchases pending badges/cards. */
.final-payment-banner,[data-final-payment-banner]{display:none!important}

/* Hotfix515 — premium classic Creator Edit page */
.creator-edit-screen .creator-edit-page{
  --ce-surface:#0c1118;
  --ce-surface-2:#10161f;
  --ce-input:#080d13;
  --ce-border:rgba(255,255,255,.085);
  --ce-border-strong:rgba(255,255,255,.14);
  --ce-text:#f4f6f8;
  --ce-muted:#858e99;
  --ce-soft:#b7bec7;
  max-width:1080px;
  margin:0 auto;
  padding:18px 20px calc(34px + var(--safe-bottom));
}
.creator-edit-screen .creator-edit-intro{
  display:grid;
  grid-template-columns:156px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:16px;
  margin-bottom:16px;
  border:1px solid var(--ce-border);
  border-radius:22px;
  background:linear-gradient(145deg,#10151d,#0a0e14 72%);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.creator-edit-screen .creator-edit-thumb{
  position:relative;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:16px;
  background:#070a0f;
  box-shadow:inset 0 0 0 1px var(--ce-border),0 8px 24px rgba(0,0,0,.2);
}
.creator-edit-screen .creator-edit-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.creator-edit-screen .creator-edit-thumb-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#68727f;background:linear-gradient(145deg,#111821,#080c11)}
.creator-edit-screen .creator-edit-thumb-placeholder .ico{width:34px;height:34px}
.creator-edit-screen .creator-edit-intro-copy{min-width:0}
.creator-edit-screen .creator-edit-intro-copy>small,
.creator-edit-screen .creator-edit-card-head small{
  display:block;
  color:color-mix(in srgb,var(--accent) 72%,#c7b4ff);
  font-size:8px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.15em;
}
.creator-edit-screen .creator-edit-intro-copy h1{margin:5px 0 9px;color:var(--ce-text);font-size:clamp(20px,2.4vw,28px);line-height:1.18;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creator-edit-screen .creator-edit-meta{display:flex;flex-wrap:wrap;gap:7px}
.creator-edit-screen .creator-edit-meta>span{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid var(--ce-border);border-radius:999px;background:rgba(255,255,255,.025);color:var(--ce-soft);font-size:9px;font-weight:750}
.creator-edit-screen .creator-edit-meta .ico{width:13px;height:13px;color:#9fa8b5}
.creator-edit-screen .creator-edit-meta b{color:var(--ce-text)}
.creator-edit-screen .creator-edit-form.settings-form{padding:0!important;gap:16px!important}
.creator-edit-screen .creator-edit-card{
  overflow:hidden;
  border:1px solid var(--ce-border);
  border-radius:22px;
  background:linear-gradient(145deg,var(--ce-surface-2),var(--ce-surface));
  box-shadow:0 14px 40px rgba(0,0,0,.14);
}
.creator-edit-screen .creator-edit-card-head{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  gap:11px;
  align-items:center;
  padding:15px 16px;
  border-bottom:1px solid var(--ce-border);
  background:rgba(255,255,255,.018);
}
.creator-edit-screen .creator-edit-card-head>span{
  width:40px;height:40px;display:grid;place-items:center;
  border:1px solid var(--ce-border-strong);
  border-radius:13px;
  background:linear-gradient(145deg,#171e28,#10151d);
  color:color-mix(in srgb,var(--accent) 70%,#d8c9ff);
}
.creator-edit-screen .creator-edit-card-head>span .ico{width:18px;height:18px}
.creator-edit-screen .creator-edit-card-head h2{margin:2px 0 0;color:var(--ce-text);font-size:15px;line-height:1.2;letter-spacing:-.01em}
.creator-edit-screen .creator-edit-card-head p{margin:3px 0 0;color:var(--ce-muted);font-size:9.5px;line-height:1.45}
.creator-edit-screen .creator-edit-card-body{display:grid;gap:13px;padding:16px}
.creator-edit-screen .creator-edit-text-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.creator-edit-screen .creator-edit-lower-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:16px;align-items:start}
.creator-edit-screen .creator-edit-side-stack{display:grid;gap:16px}
.creator-edit-screen .creator-edit-field{display:grid!important;gap:7px!important;margin:0!important;color:var(--ce-soft)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.01em}
.creator-edit-screen .creator-edit-field>span:first-child{display:flex;align-items:center;min-height:15px;color:var(--ce-soft)}
.creator-edit-screen .creator-edit-field input:not([type=checkbox]):not([type=hidden]),
.creator-edit-screen .creator-edit-field select,
.creator-edit-screen .creator-edit-field textarea,
.creator-edit-screen .creator-sale-fields input{
  width:100%!important;
  min-height:50px!important;
  border:1px solid var(--ce-border)!important;
  border-radius:13px!important;
  outline:0!important;
  background:var(--ce-input)!important;
  color:var(--ce-text)!important;
  -webkit-text-fill-color:var(--ce-text)!important;
  padding:0 14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
  font-size:13px!important;
  font-weight:620!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.creator-edit-screen .creator-edit-field textarea{min-height:126px!important;padding:12px 14px!important;line-height:1.55!important;resize:vertical!important}
.creator-edit-screen .creator-edit-field select{appearance:auto}
.creator-edit-screen .creator-edit-field input:hover,
.creator-edit-screen .creator-edit-field select:hover,
.creator-edit-screen .creator-edit-field textarea:hover,
.creator-edit-screen .creator-sale-fields input:hover{border-color:var(--ce-border-strong)!important;background:color-mix(in srgb,var(--ce-input) 94%,#fff)!important}
.creator-edit-screen .creator-edit-field input:focus,
.creator-edit-screen .creator-edit-field select:focus,
.creator-edit-screen .creator-edit-field textarea:focus,
.creator-edit-screen .creator-sale-fields input:focus{
  border-color:color-mix(in srgb,var(--accent) 62%,var(--ce-border-strong))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 11%,transparent),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.creator-edit-screen .creator-category-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:430px;overflow:auto;padding-right:2px;scrollbar-width:thin}
.creator-edit-screen .creator-category-toggle{
  position:relative;
  min-height:52px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:10px!important;
  align-items:center!important;
  margin:0!important;
  padding:9px 10px 9px 12px!important;
  border:1px solid var(--ce-border)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
  color:var(--ce-text)!important;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.creator-edit-screen .creator-category-toggle:hover{border-color:var(--ce-border-strong)!important;background:rgba(255,255,255,.03)!important}
.creator-edit-screen .creator-category-toggle:active{transform:scale(.99)}
.creator-edit-screen .creator-category-toggle:has(input:checked){border-color:color-mix(in srgb,var(--accent) 42%,var(--ce-border))!important;background:color-mix(in srgb,var(--accent) 8%,var(--ce-surface))!important}
.creator-edit-screen .creator-category-toggle input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.creator-edit-screen .creator-category-toggle-copy{min-width:0;display:block}
.creator-edit-screen .creator-category-toggle-copy b{display:block;color:var(--ce-soft);font-size:10.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .16s ease}
.creator-edit-screen .creator-category-toggle input:checked~.creator-category-toggle-copy b{color:var(--ce-text)}
.creator-edit-screen .creator-category-toggle-switch{position:relative;width:42px;height:24px;border:1px solid var(--ce-border-strong);border-radius:999px;background:#202731;transition:background .16s ease,border-color .16s ease}
.creator-edit-screen .creator-category-toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#8b949f;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .16s ease,background .16s ease}
.creator-edit-screen .creator-category-toggle input:checked~.creator-category-toggle-switch{border-color:color-mix(in srgb,var(--accent) 55%,var(--ce-border));background:color-mix(in srgb,var(--accent) 36%,#181d24)}
.creator-edit-screen .creator-category-toggle input:checked~.creator-category-toggle-switch:after{transform:translateX(18px);background:#fff}
.creator-edit-screen .creator-edit-empty-categories{padding:18px;border:1px dashed var(--ce-border-strong);border-radius:14px;color:var(--ce-muted);font-size:11px;text-align:center}
.creator-edit-screen .creator-sale-card{margin:2px 0 0;border-color:var(--ce-border);border-radius:16px;background:rgba(255,255,255,.018);box-shadow:none}
.creator-edit-screen .creator-sale-card>header{padding:12px}
.creator-edit-screen .creator-sale-card>header>span{width:38px;height:38px;border-radius:12px;background:#141a22;border-color:var(--ce-border)}
.creator-edit-screen .creator-sale-card>header p{font-size:9px}
.creator-edit-screen .creator-sale-fields{padding:0 12px 12px;gap:8px}
.creator-edit-screen .creator-sale-fields label{display:grid;gap:6px;color:var(--ce-soft);font-size:9.5px;font-weight:800}
.creator-edit-screen .creator-sale-fields input{min-height:44px!important;padding:0 11px!important;font-size:11px!important}
.creator-edit-screen .creator-sale-note{margin:-2px 12px 12px;color:var(--ce-muted)}
.creator-edit-screen .creator-edit-setting-toggle{
  position:relative;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 44px!important;
  gap:10px!important;
  align-items:center!important;
  min-height:62px;
  margin:0!important;
  padding:10px!important;
  border:1px solid var(--ce-border)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
  color:var(--ce-text)!important;
  cursor:pointer;
}
.creator-edit-screen .creator-edit-setting-toggle:has(input:checked){border-color:color-mix(in srgb,var(--accent) 35%,var(--ce-border))!important;background:color-mix(in srgb,var(--accent) 6%,var(--ce-surface))!important}
.creator-edit-screen .creator-edit-setting-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--ce-border);border-radius:11px;background:rgba(255,255,255,.025);color:#939ca8}
.creator-edit-screen .creator-edit-setting-icon .ico{width:16px;height:16px}
.creator-edit-screen .creator-edit-setting-copy{min-width:0;display:block}
.creator-edit-screen .creator-edit-setting-copy b{display:block;color:var(--ce-text);font-size:10.5px;line-height:1.25}
.creator-edit-screen .creator-edit-setting-copy small{display:block;margin-top:3px;color:var(--ce-muted);font-size:8.5px;line-height:1.35;font-weight:620}
.creator-edit-screen .creator-edit-setting-toggle input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.creator-edit-screen .creator-edit-setting-toggle>i{position:relative;width:44px;height:25px;border:1px solid var(--ce-border-strong);border-radius:999px;background:#202731;transition:background .16s ease,border-color .16s ease}
.creator-edit-screen .creator-edit-setting-toggle>i:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#8b949f;transition:transform .16s ease,background .16s ease}
.creator-edit-screen .creator-edit-setting-toggle input:checked~i{border-color:color-mix(in srgb,var(--accent) 55%,var(--ce-border));background:color-mix(in srgb,var(--accent) 36%,#181d24)}
.creator-edit-screen .creator-edit-setting-toggle input:checked~i:after{transform:translateX(19px);background:#fff}
.creator-edit-screen .creator-edit-actions{display:flex;justify-content:flex-end;padding-top:2px}
.creator-edit-screen .creator-edit-save.primary{width:auto!important;min-width:210px;height:50px!important;margin:0!important;border-radius:14px!important;font-size:12px;font-weight:850;letter-spacing:.01em;box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 18%,transparent)}
html[data-theme="light"] .creator-edit-screen .creator-edit-page{
  --ce-surface:#ffffff;
  --ce-surface-2:#fbfbfc;
  --ce-input:#f7f8f9;
  --ce-border:#e1e4e7;
  --ce-border-strong:#d4d8dd;
  --ce-text:#202327;
  --ce-muted:#737a83;
  --ce-soft:#50575f;
}
html[data-theme="light"] .creator-edit-screen .creator-edit-intro{background:linear-gradient(145deg,#fff,#f7f7f8 76%);box-shadow:0 12px 34px rgba(27,31,36,.07)}
html[data-theme="light"] .creator-edit-screen .creator-edit-thumb{background:#eceef0;box-shadow:inset 0 0 0 1px #dfe2e5,0 8px 22px rgba(27,31,36,.08)}
html[data-theme="light"] .creator-edit-screen .creator-edit-thumb-placeholder{background:linear-gradient(145deg,#f3f4f5,#e8ebee);color:#8b939c}
html[data-theme="light"] .creator-edit-screen .creator-edit-card{box-shadow:0 10px 28px rgba(27,31,36,.055)}
html[data-theme="light"] .creator-edit-screen .creator-edit-card-head{background:#fafafb}
html[data-theme="light"] .creator-edit-screen .creator-edit-card-head>span{background:linear-gradient(145deg,#f4edf6,#eee7f1);border-color:#ded0e3;color:#713483}
html[data-theme="light"] .creator-edit-screen .creator-edit-field input:not([type=checkbox]):not([type=hidden]),
html[data-theme="light"] .creator-edit-screen .creator-edit-field select,
html[data-theme="light"] .creator-edit-screen .creator-edit-field textarea,
html[data-theme="light"] .creator-edit-screen .creator-sale-fields input{background:var(--ce-input)!important;color:var(--ce-text)!important;-webkit-text-fill-color:var(--ce-text)!important;border-color:var(--ce-border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important}
html[data-theme="light"] .creator-edit-screen .creator-edit-field input:hover,
html[data-theme="light"] .creator-edit-screen .creator-edit-field select:hover,
html[data-theme="light"] .creator-edit-screen .creator-edit-field textarea:hover,
html[data-theme="light"] .creator-edit-screen .creator-sale-fields input:hover{background:#fff!important;border-color:var(--ce-border-strong)!important}
html[data-theme="light"] .creator-edit-screen .creator-category-toggle{background:#fafafb!important}
html[data-theme="light"] .creator-edit-screen .creator-category-toggle:hover{background:#f7f7f8!important}
html[data-theme="light"] .creator-edit-screen .creator-category-toggle:has(input:checked){background:#f6f0f8!important;border-color:#d7c4dd!important}
html[data-theme="light"] .creator-edit-screen .creator-category-toggle-switch,
html[data-theme="light"] .creator-edit-screen .creator-edit-setting-toggle>i{background:#e5e8eb}
html[data-theme="light"] .creator-edit-screen .creator-edit-setting-toggle{background:#fafafb!important}
html[data-theme="light"] .creator-edit-screen .creator-edit-setting-toggle:has(input:checked){background:#f7f2f8!important;border-color:#dccde1!important}
html[data-theme="light"] .creator-edit-screen .creator-edit-setting-icon{background:#f2f3f4;color:#6a7179}
html[data-theme="light"] .creator-edit-screen .creator-sale-card{background:#fafafb!important;border-color:var(--ce-border)!important;box-shadow:none!important}
html[data-theme="light"] .creator-edit-screen .creator-sale-card>header>span{background:#f3edf5!important;border-color:#dfd3e3!important}
@media(max-width:820px){
  .creator-edit-screen .creator-edit-lower-grid{grid-template-columns:1fr}
  .creator-edit-screen .creator-category-toggle-grid{max-height:none}
}
@media(max-width:620px){
  .creator-edit-screen .creator-edit-page{padding:12px 14px calc(26px + var(--safe-bottom))}
  .creator-edit-screen .creator-edit-intro{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:12px;border-radius:18px;margin-bottom:12px}
  .creator-edit-screen .creator-edit-thumb{border-radius:13px}
  .creator-edit-screen .creator-edit-intro-copy h1{font-size:18px;margin:4px 0 7px}
  .creator-edit-screen .creator-edit-meta>span{min-height:25px;padding:0 7px;font-size:8px}
  .creator-edit-screen .creator-edit-meta>span:nth-child(n/**/+3){display:none}
  .creator-edit-screen .creator-edit-form.settings-form{gap:12px!important}
  .creator-edit-screen .creator-edit-card{border-radius:18px}
  .creator-edit-screen .creator-edit-card-head{grid-template-columns:36px minmax(0,1fr);padding:12px 13px;gap:9px}
  .creator-edit-screen .creator-edit-card-head>span{width:36px;height:36px;border-radius:11px}
  .creator-edit-screen .creator-edit-card-head h2{font-size:14px}
  .creator-edit-screen .creator-edit-card-head p{font-size:8.5px}
  .creator-edit-screen .creator-edit-card-body{padding:13px;gap:11px}
  .creator-edit-screen .creator-edit-text-grid{grid-template-columns:1fr;gap:11px}
  .creator-edit-screen .creator-edit-field input:not([type=checkbox]):not([type=hidden]),
  .creator-edit-screen .creator-edit-field select{min-height:48px!important}
  .creator-edit-screen .creator-edit-field textarea{min-height:112px!important}
  .creator-edit-screen .creator-category-toggle-grid{grid-template-columns:1fr;gap:8px}
  .creator-edit-screen .creator-category-toggle{min-height:50px!important}
  .creator-edit-screen .creator-edit-setting-toggle{grid-template-columns:34px minmax(0,1fr) 42px!important;min-height:60px;padding:9px!important}
  .creator-edit-screen .creator-edit-setting-icon{width:34px;height:34px}
  .creator-edit-screen .creator-edit-setting-toggle>i{width:42px}
  .creator-edit-screen .creator-edit-setting-toggle input:checked~i:after{transform:translateX(17px)}
  .creator-edit-screen .creator-sale-fields{grid-template-columns:1fr!important}
  .creator-edit-screen .creator-sale-fields label:first-child{grid-column:auto!important}
  .creator-edit-screen .creator-edit-actions{position:sticky;bottom:calc(70px + var(--safe-bottom));z-index:6;padding:9px;border:1px solid var(--ce-border);border-radius:16px;background:color-mix(in srgb,var(--ce-surface) 92%,transparent);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.18)}
  .creator-edit-screen .creator-edit-save.primary{width:100%!important;min-width:0}
}

/* ================================================================
   HOTFIX516 — Xmegram luxury dark palette foundation ONLY
   Reference palette: supplied black/gold/red/purple-pink concepts.
   Scope intentionally limited to global dark-mode chrome and shared
   controls. No page layout, hero, card geometry, or content changes.
   ================================================================ */
html:not([data-theme="light"]){
  --lux-bg:#070809;
  --lux-bg-deep:#030405;
  --lux-surface:#0f1113;
  --lux-surface-2:#151719;
  --lux-surface-3:#1b1d20;
  --lux-text:#f5f1e9;
  --lux-muted:#98999d;
  --lux-line:rgba(255,255,255,.095);
  --lux-gold:#d6b36f;
  --lux-gold-bright:#e8c989;
  --lux-gold-deep:#aa8348;
  --lux-red:#f1263d;
  --lux-red-deep:#b7132a;
  --lux-violet:#8248ff;
  --lux-pink:var(--site-accent);
  --lux-feature:linear-gradient(105deg,#8248ff 0%,var(--site-accent) 52%,#ff324d 100%);
  --lux-gold-gradient:linear-gradient(135deg,#e8c989 0%,#d6b36f 52%,#b98f51 100%);
  color-scheme:dark;
}
html:not([data-theme="light"]),
html:not([data-theme="light"]) body{
  background:var(--lux-bg-deep)!important;
  color:var(--lux-text);
}
html:not([data-theme="light"]) #app{
  background:
    radial-gradient(circle at 50% -12%,rgba(214,179,111,.045) 0,rgba(214,179,111,.012) 24%,transparent 42%),
    linear-gradient(180deg,#090a0b 0%,#070809 46%,#050607 100%)!important;
}
html:not([data-theme="light"]) .topbar{
  background:linear-gradient(180deg,rgba(7,8,9,.975),rgba(7,8,9,.90) 72%,rgba(7,8,9,0))!important;
  border-bottom-color:rgba(255,255,255,.045)!important;
}
html:not([data-theme="light"]) .brand-title b{
  color:var(--lux-gold-bright)!important;
  background:none!important;
  -webkit-text-fill-color:var(--lux-gold-bright)!important;
}
html:not([data-theme="light"]) .avatar-btn{
  background:var(--lux-gold-gradient)!important;
}
html:not([data-theme="light"]) .avatar-btn img{
  border-color:#08090a!important;
}
html:not([data-theme="light"]) .notify-btn i{
  background:var(--lux-red)!important;
  color:#fff!important;
  box-shadow:0 0 0 2px #08090a;
}
html:not([data-theme="light"]) .text-btn,
html:not([data-theme="light"]) .section-title button{
  color:var(--lux-gold-bright)!important;
}
html:not([data-theme="light"]) .bottom-nav{
  background:rgba(8,9,10,.965)!important;
  box-shadow:0 -1px rgba(255,255,255,.075),0 -18px 48px rgba(0,0,0,.28)!important;
  border-top-color:rgba(255,255,255,.055)!important;
}
html:not([data-theme="light"]) .bottom-nav :is(button,a){
  color:#8f9297!important;
}
html:not([data-theme="light"]) .bottom-nav :is(button,a).active{
  color:var(--lux-gold-bright)!important;
}
html:not([data-theme="light"]) .primary{
  color:#14110c!important;
  background:var(--lux-gold-gradient)!important;
  border:1px solid rgba(255,232,186,.32)!important;
  box-shadow:0 10px 28px rgba(126,91,38,.18)!important;
  text-shadow:0 1px rgba(255,255,255,.18);
}
html:not([data-theme="light"]) .primary:active{
  filter:brightness(.96);
}
html:not([data-theme="light"]) .soft-btn{
  background:#141618!important;
  color:var(--lux-text)!important;
  box-shadow:inset 0 0 0 1px var(--lux-line)!important;
}
html:not([data-theme="light"]) :is(input,select,textarea):focus,
html:not([data-theme="light"]) :is(input,select,textarea):focus-visible{
  border-color:rgba(214,179,111,.62)!important;
  outline-color:rgba(214,179,111,.62)!important;
}
html:not([data-theme="light"]) .filter-chips button.active{
  background:var(--lux-gold-gradient)!important;
  color:#14110c!important;
  box-shadow:inset 0 0 0 1px rgba(255,232,186,.24)!important;
}
html:not([data-theme="light"]) #appToast{
  background:rgba(20,22,24,.94)!important;
  color:var(--lux-text)!important;
  box-shadow:inset 0 0 0 1px var(--lux-line),0 16px 42px rgba(0,0,0,.30)!important;
}
/* semantic red remains reserved for urgency/live/discount badges */
html:not([data-theme="light"]) :is(.live-pill,.live-badge,.discount-badge,.sale-badge){
  --accent:var(--lux-red);
}


/* ================================================================
   HOTFIX517 — HOME HERO ONLY
   Reference: supplied luxury black/gold/red editorial video-selling
   screenshots. No card, section, Watch, Profile, Discover, or API changes.
   ================================================================ */
html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero{
  position:relative!important;
  height:430px!important;
  margin:10px 14px 28px!important;
  border:1px solid rgba(232,201,137,.24)!important;
  border-radius:24px!important;
  background:#090a0b!important;
  overflow:hidden!important;
  box-shadow:0 22px 54px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-slide{
  background-position:center 34%!important;
  background-size:cover!important;
  border-radius:inherit!important;
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(5,6,7,.97) 0%,rgba(5,6,7,.90) 28%,rgba(5,6,7,.52) 56%,rgba(5,6,7,.08) 82%),
    linear-gradient(0deg,rgba(4,5,6,.86) 0%,rgba(4,5,6,.12) 44%,rgba(4,5,6,.06) 100%)!important;
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content{
  left:28px!important;
  right:auto!important;
  bottom:34px!important;
  width:min(62%,560px)!important;
  max-width:none!important;
  z-index:4!important;
}
.screen.home-screen .luxury-home-hero .hero-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
}
.screen.home-screen .luxury-home-hero .hero-eyebrow>span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-eyebrow>span{
  color:#1a140c!important;
  background:linear-gradient(135deg,#e8c989,#cba55e)!important;
  border:1px solid rgba(255,236,194,.34)!important;
  box-shadow:0 8px 22px rgba(106,75,25,.18)!important;
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-eyebrow.is-sale>span{
  color:#fff!important;
  background:linear-gradient(105deg,#f1263d,#b7132a)!important;
  border-color:rgba(255,117,130,.30)!important;
  box-shadow:0 8px 22px rgba(179,19,42,.20)!important;
}
.screen.home-screen .luxury-home-hero .hero-creator-line{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:34px;
  margin-bottom:8px;
}
.screen.home-screen .luxury-home-hero .hero-creator-avatar{
  width:32px;
  height:32px;
  flex:0 0 32px;
  overflow:hidden;
  border-radius:50%;
  border:1px solid rgba(232,201,137,.64);
  background:#111;
}
.screen.home-screen .luxury-home-hero .hero-creator-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.screen.home-screen .luxury-home-hero .hero-creator-line>span:last-child{display:flex;align-items:center;gap:7px;min-width:0}
.screen.home-screen .luxury-home-hero .hero-creator-line b{font-size:12px;line-height:1;color:#f5f1e9;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.screen.home-screen .luxury-home-hero .hero-creator-line small{font-size:9px;color:#a7a7aa;border-left:1px solid rgba(255,255,255,.14);padding-left:7px}
.screen.home-screen .luxury-home-hero .hero-creator-line .verified{margin-left:4px;color:#e8c989!important}
.screen.home-screen .luxury-home-hero .luxury-hero-content h1{
  margin:4px 0 10px!important;
  max-width:560px;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:46px!important;
  line-height:.94!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
  font-weight:500!important;
  color:#f7f3ec!important;
  text-wrap:balance;
  text-shadow:0 4px 22px rgba(0,0,0,.48)!important;
}
.screen.home-screen .luxury-home-hero .luxury-hero-content p{
  max-width:480px;
  margin:0 0 18px!important;
  color:#d5d3d0!important;
  font-size:13px!important;
  line-height:1.48!important;
  -webkit-line-clamp:2!important;
  text-shadow:0 2px 12px rgba(0,0,0,.42);
}
.screen.home-screen .luxury-home-hero .hero-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.screen.home-screen .luxury-home-hero .hero-action{
  min-height:48px;
  padding:0 17px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.005em;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .16s ease,filter .16s ease,border-color .16s ease;
  backdrop-filter:blur(12px);
}
.screen.home-screen .luxury-home-hero .hero-action:active{transform:scale(.985)}
.screen.home-screen .luxury-home-hero .hero-action .ico{width:18px;height:18px}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-preview-action{
  color:#fff!important;
  background:var(--lux-feature)!important;
  border-color:rgba(255,141,178,.30)!important;
  box-shadow:0 12px 28px rgba(132,72,255,.19),0 8px 22px rgba(241,38,61,.14)!important;
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-unlock-action{
  color:#17120c!important;
  background:var(--lux-gold-gradient)!important;
  border-color:rgba(255,236,194,.34)!important;
  box-shadow:0 12px 28px rgba(112,79,29,.22)!important;
}
.screen.home-screen .luxury-home-hero .hero-price-badge{
  position:absolute;
  top:20px;
  right:20px;
  z-index:5;
  min-width:132px;
  padding:10px 12px;
  border-radius:14px;
  display:grid;
  gap:3px;
  text-align:right;
  backdrop-filter:blur(16px);
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-price-badge{
  color:#f7f1e7;
  background:rgba(13,14,15,.76)!important;
  border:1px solid rgba(232,201,137,.48)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.26)!important;
}
.screen.home-screen .luxury-home-hero .hero-price-badge>span{font-size:8px;letter-spacing:.12em;font-weight:800;color:#b8b3aa}
.screen.home-screen .luxury-home-hero .hero-price-badge strong{font-size:14px;line-height:1.15;font-weight:850;color:#f1d28f!important}
.screen.home-screen .luxury-home-hero .hero-price-badge .ico{width:13px;height:13px;vertical-align:-2px}
.screen.home-screen .luxury-home-hero .hero-price-badge .sale-price-stack,
.screen.home-screen .luxury-home-hero .hero-price-badge .daily-promo-price{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.screen.home-screen .luxury-home-hero .hero-price-badge del{font-size:10px;color:#8f8f92!important}
.screen.home-screen .luxury-home-hero .hero-price-badge em{font-size:8px;color:#ff6b7c!important;font-style:normal}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-sale{border-color:rgba(241,38,61,.48)!important}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-sale strong{color:#ff596b!important}
.screen.home-screen .luxury-home-hero .luxury-hero-dots{
  left:28px!important;
  bottom:14px!important;
  transform:none!important;
  padding:0!important;
  gap:6px!important;
  z-index:7!important;
}
.screen.home-screen .luxury-home-hero .luxury-hero-dots button{
  width:26px!important;
  height:3px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.24)!important;
  transform:none!important;
}
.screen.home-screen .luxury-home-hero .luxury-hero-dots button.active{
  width:42px!important;
  background:#e8c989!important;
  box-shadow:0 0 12px rgba(232,201,137,.28)!important;
}
.screen.home-screen .home-hero.luxury-home-hero:has(.hero-dots){margin-bottom:28px!important}
.screen.home-screen .luxury-home-hero .slide-count{display:none!important}

/* Light-mode hero follows the supplied white/gold editorial reference. */
html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
  height:430px!important;
  margin:10px 14px 28px!important;
  border:1px solid #dfd7c8!important;
  border-radius:24px!important;
  background:#f5f1e8!important;
  box-shadow:0 18px 46px rgba(52,43,29,.12)!important;
  overflow:hidden!important;
}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-shade{
  background:linear-gradient(90deg,rgba(248,246,240,.98) 0%,rgba(248,246,240,.90) 28%,rgba(248,246,240,.48) 58%,rgba(248,246,240,.04) 82%),linear-gradient(0deg,rgba(247,244,237,.68),transparent 44%)!important;
}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content{left:28px!important;bottom:34px!important;width:min(62%,560px)!important;max-width:none!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-eyebrow>span{color:#6a542f!important;background:#f2eadb!important;border:1px solid #d7c3a0!important;box-shadow:none!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-creator-line b{color:#29251f!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-creator-line small{color:#777169!important;border-left-color:#cfc5b5}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content h1{color:#171512!important;text-shadow:none!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content p{color:#57534d!important;text-shadow:none!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-preview-action{color:#16120c!important;background:linear-gradient(135deg,#e6cf9c,#c6a86b)!important;border-color:#c2a66d!important;box-shadow:0 10px 24px rgba(117,88,38,.14)!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-unlock-action{color:#fff!important;background:#29251f!important;border-color:#29251f!important;box-shadow:0 10px 24px rgba(31,27,21,.14)!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge{color:#29251f;background:rgba(255,255,255,.86)!important;border:1px solid #cdb88e!important;box-shadow:0 12px 28px rgba(53,45,30,.10)!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge>span{color:#83775f}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge strong{color:#6d542d!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-dots button{background:rgba(31,27,21,.18)!important}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-dots button.active{background:#a98951!important}

@media(max-width:767px){
  .screen.home-screen .home-hero.luxury-home-hero{height:405px!important;margin:8px 12px 26px!important;border-radius:22px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-slide{background-position:58% 34%!important}
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-shade{background:linear-gradient(90deg,rgba(5,6,7,.94) 0%,rgba(5,6,7,.77) 42%,rgba(5,6,7,.18) 79%),linear-gradient(0deg,rgba(4,5,6,.92) 0%,rgba(4,5,6,.34) 48%,rgba(4,5,6,.05) 100%)!important}
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-shade{background:linear-gradient(90deg,rgba(248,246,240,.94) 0%,rgba(248,246,240,.74) 42%,rgba(248,246,240,.14) 79%),linear-gradient(0deg,rgba(248,246,240,.90),rgba(248,246,240,.18) 48%,transparent)!important}
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content{left:18px!important;right:18px!important;bottom:34px!important;width:auto!important;max-width:78%!important}
  .screen.home-screen .luxury-home-hero .hero-eyebrow{margin-bottom:8px}
  .screen.home-screen .luxury-home-hero .hero-eyebrow>span{min-height:25px;padding:0 10px;font-size:8px}
  .screen.home-screen .luxury-home-hero .hero-creator-line{margin-bottom:7px}
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{font-size:38px!important;line-height:.95!important;max-width:330px!important;margin-bottom:9px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content p{font-size:11px!important;line-height:1.42!important;margin-bottom:14px!important;max-width:315px!important}
  .screen.home-screen .luxury-home-hero .hero-actions{gap:8px;flex-wrap:nowrap}
  .screen.home-screen .luxury-home-hero .hero-action{min-height:45px;padding:0 13px;border-radius:13px;font-size:10px;white-space:nowrap}
  .screen.home-screen .luxury-home-hero .hero-action .ico{width:16px;height:16px}
  .screen.home-screen .luxury-home-hero .hero-price-badge{top:14px;right:14px;min-width:112px;padding:8px 9px;border-radius:12px}
  .screen.home-screen .luxury-home-hero .hero-price-badge>span{font-size:7px}
  .screen.home-screen .luxury-home-hero .hero-price-badge strong{font-size:12px}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots{left:18px!important;bottom:14px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots button{width:20px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots button.active{width:34px!important}
}
@media(max-width:390px){
  .screen.home-screen .home-hero.luxury-home-hero{height:382px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{font-size:34px!important;max-width:285px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content p{max-width:270px!important}
  .screen.home-screen .luxury-home-hero .hero-action{padding:0 11px;font-size:9.5px}
  .screen.home-screen .luxury-home-hero .hero-price-badge{min-width:102px}
}
@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-hero.luxury-home-hero{height:455px!important;margin:14px 22px 32px!important;border-radius:26px!important}
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content{left:34px!important;bottom:42px!important;width:min(58%,520px)!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{font-size:52px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content p{font-size:14px!important}
  .screen.home-screen .luxury-home-hero .hero-price-badge{top:24px;right:24px}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots{left:34px!important;bottom:17px!important}
}
@media(min-width:1100px){
  .screen.home-screen .home-hero.luxury-home-hero{height:500px!important;margin:18px 32px 38px!important;border-radius:28px!important}
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content{left:46px!important;bottom:52px!important;width:min(54%,620px)!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{font-size:64px!important;max-width:620px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content p{font-size:15px!important;max-width:520px!important}
  .screen.home-screen .luxury-home-hero .hero-action{min-height:52px;padding:0 20px;font-size:13px}
  .screen.home-screen .luxury-home-hero .hero-price-badge{top:28px;right:28px;min-width:150px;padding:12px 14px}
  .screen.home-screen .luxury-home-hero .hero-price-badge strong{font-size:16px}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots{left:46px!important;bottom:19px!important}
}

/* ================================================================
   HOTFIX520 — HOME HEADER + SEARCH + HERO SEAMLESS FULL-BLEED
   One issue only. Screenshot-clone geometry repair:
   - Home header has no bottom border / separator / shadow.
   - Home search has no outline/border/shadow and joins the header/hero.
   - Luxury Home hero is full width with no outer border or card radius.
   - Applies consistently to dark/light, mobile/tablet/desktop.
   No feed-card, Watch, Discover, Profile, payment or API behavior changes.
   ================================================================ */

/* Home chrome must read as one continuous premium canvas. */
.screen.home-screen>.topbar{
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  outline:0!important;
  margin:0!important;
}
html:not([data-theme="light"]) .screen.home-screen>.topbar{
  background:#070809!important;
}
html[data-theme="light"] .screen.home-screen>.topbar{
  background:#f5f1e8!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

/* Header search: preserve the existing search feature, remove the floating-card frame. */
.screen.home-screen .home-header-search{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.screen.home-screen .home-header-search:focus-within{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
html:not([data-theme="light"]) .screen.home-screen .home-header-search{
  background:#0d0f11!important;
}
html[data-theme="light"] .screen.home-screen .home-header-search{
  background:#eee8dc!important;
  border:0!important;
  box-shadow:none!important;
}

/* Mobile primary search joins the header and hero instead of floating between them. */
@media(max-width:767px){
  .screen.home-screen .home-mobile-primary-search{
    width:100%!important;
    height:48px!important;
    margin:0!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .screen.home-screen .home-mobile-primary-search:focus-within{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  html:not([data-theme="light"]) .screen.home-screen .home-mobile-primary-search,
  html:not([data-theme="light"]) .screen.home-screen .home-mobile-primary-search:focus-within{
    background:#070809!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search,
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    background:#f5f1e8!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* Luxury hero: full-bleed, borderless, square outer canvas like the references. */
.screen.home-screen .home-hero.luxury-home-hero,
html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero,
html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.screen.home-screen .luxury-home-hero .hero-slide,
.screen.home-screen .luxury-home-hero .luxury-hero-slide{
  border:0!important;
  border-radius:0!important;
  outline:0!important;
}
.screen.home-screen .home-hero.luxury-home-hero:has(.hero-dots){
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
}

@media(max-width:767px){
  .screen.home-screen .home-hero.luxury-home-hero{
    height:430px!important;
    margin:0 0 24px!important;
    border-radius:0!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content{
    left:18px!important;
    right:18px!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge{right:16px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots{left:18px!important}
}
@media(max-width:390px){
  .screen.home-screen .home-hero.luxury-home-hero{
    height:410px!important;
    margin:0 0 22px!important;
  }
}
@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-hero.luxury-home-hero{
    margin:0 0 30px!important;
    border-radius:0!important;
  }
}
@media(min-width:1100px){
  .screen.home-screen .home-hero.luxury-home-hero{
    margin:0 0 36px!important;
    border-radius:0!important;
  }
}

/* ================================================================
   HOTFIX522 — HOME HERO OWNED BADGE ONLY
   One issue only:
   - Removes the oversized two-line "UNLOCKED / Yours" card.
   - Replaces it with one compact, single-line premium "Unlocked" badge.
   - No hero geometry, feed, card, Watch, Discover, Profile or commerce logic changes.
   ================================================================ */
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned,
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned{
  min-width:0!important;
  width:auto!important;
  height:34px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border:0!important;
  border-radius:999px!important;
  color:#f2d18f!important;
  background:rgba(31,27,21,.88)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  text-align:left!important;
}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned>span{display:none!important}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned strong,
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned strong,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned strong{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0!important;
  color:#f2d18f!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned .ico{
  width:14px!important;
  height:14px!important;
  stroke-width:2.3!important;
  vertical-align:0!important;
}
@media(max-width:767px){
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned{
    top:14px!important;
    right:14px!important;
    height:32px!important;
    padding:0 11px!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned strong{font-size:9.5px!important}
}
@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned{height:35px!important;padding:0 13px!important}
}
@media(min-width:1100px){
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned{height:38px!important;padding:0 15px!important}
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned strong{font-size:11px!important}
}


/* ================================================================
   HOTFIX523 — REFERENCE RED BRAND ACCENT SYSTEM
   One visual issue only: carry the supplied VYX reference red across
   the public Xmegram UI without turning every component red.

   Reference sampling from supplied screenshot:
   - primary bright red ≈ var(--site-accent)
   - deep red ≈ var(--site-accent2)

   Applied to: primary CTAs, commerce prices/purchase actions, active
   navigation/tabs/chips, selected/focus rings, selected pills, small
   attention badges and high-value links.

   Intentionally NOT recolored: success/online green, verification blue,
   rating/premium/owned gold, warning amber, M-Pesa green, PayPal branding,
   destructive semantics, media artwork, neutral card borders, or the
   borderless Home header/search/hero geometry from Hotfix520/521.
   ================================================================ */
:root{
  --brand-red:var(--site-accent);
  --brand-red-bright:var(--site-accent-bright);
  --brand-red-deep:var(--site-accent2);
  --brand-red-soft:color-mix(in srgb,var(--site-accent) 12%,transparent);
  --brand-red-soft-2:color-mix(in srgb,var(--site-accent) 20%,transparent);
  --brand-red-border:color-mix(in srgb,var(--site-accent) 46%,transparent);
  --brand-red-gradient:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%);
  --accent:var(--site-accent);
  --accent2:var(--site-accent2);
}
html:not([data-theme="light"]){
  --lux-red:var(--site-accent);
  --lux-red-deep:var(--site-accent2);
  --lux-feature:var(--brand-red-gradient);
}
html[data-theme="light"]{
  --brand-red:var(--site-accent);
  --brand-red-bright:var(--site-accent);
  --brand-red-deep:var(--site-accent2);
  --brand-red-soft:color-mix(in srgb,var(--site-accent) 9%,transparent);
  --brand-red-soft-2:color-mix(in srgb,var(--site-accent) 15%,transparent);
  --brand-red-border:color-mix(in srgb,var(--site-accent) 34%,transparent);
  --brand-red-gradient:linear-gradient(105deg,var(--site-accent) 0%,var(--site-accent) 54%,var(--site-accent2) 100%);
  --accent:var(--site-accent);
  --accent2:var(--site-accent2);
}

/* Brand wordmark/accent chrome. Keep base wordmark neutral, accent word red. */
.brand-title b,
html:not([data-theme="light"]) .brand-title b,
html[data-theme="light"] .brand-title b{
  color:var(--brand-red)!important;
  background:none!important;
  -webkit-text-fill-color:var(--brand-red)!important;
}
.avatar-btn{
  background:var(--brand-red-gradient)!important;
}
.notify-btn i,
.desktop-side-item>em{
  background:var(--brand-red)!important;
  color:#fff!important;
}

/* Shared high-intent actions use the same red gradient as the reference. */
.primary,
.cart-checkout,
.checkout-pay,
.unlock-btn:not(.owned):not(.subscribe-choice),
.purchase-action,
.watch-screen .watch-action-buy,
.watch-mobile-buy,
.watch-smart-buy,
.watch-unlock .purchase-choice{
  background:var(--brand-red-gradient)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--site-accent) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.16)!important;
  text-shadow:none!important;
}
.primary .ico,
.cart-checkout .ico,
.checkout-pay .ico,
.unlock-btn:not(.owned):not(.subscribe-choice) .ico,
.purchase-action .ico,
.watch-screen .watch-action-buy .ico,
.watch-mobile-buy .ico,
.watch-smart-buy .ico,
.watch-unlock .purchase-choice .ico{
  color:#fff!important;
  stroke:#fff!important;
}

/* Hero: use reference red for the promotional/preview emphasis, while
   owned/unlocked remains gold and the secondary full-video button stays dark. */
.screen.home-screen .luxury-home-hero .hero-preview-action{
  color:#fff!important;
  background:var(--brand-red-gradient)!important;
  border-color:rgba(255,84,104,.28)!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--site-accent) 22%,transparent)!important;
}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-sale{
  border-color:var(--brand-red-border)!important;
}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-sale strong,
.screen.home-screen .luxury-home-hero .hero-price-badge em{
  color:var(--brand-red-bright)!important;
}
/* preserve Hotfix522 owned badge identity */
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned,
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned strong{
  color:#f2d18f!important;
}

/* Navigation + selected tabs/chips/pills. */
.bottom-nav :is(button,a).active,
.bottom-nav>button.active,
.desktop-side-item.active,
.desktop-side-item.active .ico,
.text-btn,
.section-title button,
.home-section-title .home-all-button,
.watch-actions button.active,
.profile-link,
.wallet-action-bar button{
  color:var(--brand-red)!important;
}
.home-section-title .home-all-button .home-all-dots{
  filter:drop-shadow(0 0 3px color-mix(in srgb,var(--site-accent) 28%,transparent))!important;
}
.profile-tabs button.active:after{
  background:var(--brand-red-gradient)!important;
}
.filter-chips button.active,
.home-category-chip.active,
.discover-category-chip.active,
.notification-filters button.active,
.purchase-tabs button.active,
.creator-studio-screen .creator-studio-filters button.active,
.purchase-filter-sheet>div>button.active,
.live-discover-chip.active,
.upload-mode button.active,
.discover-chart-tabs button.active,
.messages-filter-tabs button.active,
.profile-screen-ref .profile-filters-premium button.active,
.profile-screen-ref .profile-shop-category.active,
.profile-screen-ref .profile-shop-access-chip.active,
.profile-filter-sheet>div>button.active,
.support-presets button.active{
  color:#fff!important;
  border-color:var(--brand-red-border)!important;
  background:linear-gradient(135deg,var(--brand-red-soft-2),color-mix(in srgb,var(--site-accent) 7%,transparent))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 18%,transparent),0 7px 18px rgba(120,10,28,.08)!important;
}
.filter-chips button.active,
.notification-filters button.active,
.purchase-tabs button.active,
.creator-studio-screen .creator-studio-filters button.active,
.purchase-filter-sheet>div>button.active,
.messages-filter-tabs button.active{
  background:var(--brand-red-gradient)!important;
}
.home-category-chip.active>span,
.home-category-chip.all-category.active>span,
.discover-category-chip.active>span,
.messages-filter-tabs button.active i{
  background:var(--brand-red)!important;
  color:#fff!important;
}

/* Purchase/value hierarchy: price can be red without making metadata red. */
.card-foot strong,
.rank-row>strong,
.checkout-video>strong,
.purchase-copy>b,
.cart-item-side>strong,
.mobile-suggestion-foot>strong,
.watch-price,
.cart-line-price,
.cart-summary .cart-total strong,
.creator-price,
.creator-mobile-price{
  color:var(--brand-red)!important;
  -webkit-text-fill-color:var(--brand-red)!important;
}
.sale-price-stack>strong,
.daily-promo-price>strong{
  color:var(--brand-red)!important;
  -webkit-text-fill-color:var(--brand-red)!important;
}
/* Keep price white inside filled red purchase CTAs for contrast. */
.watch-mobile-buy .watch-commerce-price-wrap *,
.watch-smart-buy .watch-commerce-price-wrap *,
.watch-screen .watch-action-buy .watch-commerce-price-wrap *,
.unlock-btn .watch-price,
.checkout-pay :is(strong,b,span){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Cart/save/follow/action states: red is used as action feedback, not as a
   blanket icon color. */
.cart-float.active,
.rank-cart.active,
.cart-rec-add.active,
.profile-cart-action.active,
.mobile-suggestion-cart.active{
  color:#fff!important;
  background:var(--brand-red-gradient)!important;
  border-color:transparent!important;
  box-shadow:0 8px 22px color-mix(in srgb,var(--site-accent) 20%,transparent),inset 0 0 0 1px rgba(255,255,255,.18)!important;
}
.follow-btn{
  color:var(--brand-red)!important;
  box-shadow:inset 0 0 0 1.5px var(--brand-red-border)!important;
}
.follow-btn.active{
  color:#fff!important;
  background:var(--brand-red-gradient)!important;
  box-shadow:none!important;
}
.save-float.active{
  color:var(--brand-red)!important;
}
.preview-badge i{
  background:var(--brand-red)!important;
}

/* Notification/message/support attention accents. */
.notification-icon,
.modern-confirm-icon,
.support-compose-card>header>span,
.support-ticket-icon{
  color:var(--brand-red)!important;
  background:var(--brand-red-soft)!important;
}
.notification-summary>button.active{
  color:var(--brand-red)!important;
  border-color:var(--brand-red-border)!important;
  box-shadow:inset 0 0 0 1px var(--brand-red-border)!important;
}

/* Inputs/selectable payment tiles use a restrained red ring only when active. */
:is(input,select,textarea):focus,
:is(input,select,textarea):focus-visible,
.topup-provider.active,
.chat-pay-methods>button.active,
.site-payment-method.active,
.profile-image-picker>div:active{
  border-color:var(--brand-red-border)!important;
  outline-color:var(--brand-red-border)!important;
  box-shadow:0 0 0 3px var(--brand-red-soft)!important;
}
.login-form>label:focus-within{
  box-shadow:inset 0 0 0 1px var(--brand-red-border),0 0 0 3px var(--brand-red-soft)!important;
}
.login-form>label>span,
.site-payment-sheet header small{
  color:var(--brand-red)!important;
}

/* Compact selected pills/badges. Premium/owned gold is intentionally excluded. */
.cart-badges span,
.plan-badge:not(.premium-badge),
.direct-rate-note button{
  color:#ff9aa4!important;
  border-color:color-mix(in srgb,var(--site-accent) 26%,transparent)!important;
  background:var(--brand-red-soft)!important;
}

/* Explicit semantic preservation: do not wash the whole product red.
   Success/online, verification, premium/owned/rating, warning and gateway
   brand colors are deliberately not included in the red selectors above. */

/* Home search/header/hero geometry from Hotfix520/521 stays borderless. */
.screen.home-screen>.topbar,
.screen.home-screen .home-header-search,
.screen.home-screen .home-mobile-primary-search,
.screen.home-screen .home-hero.luxury-home-hero{
  border:0!important;
  border-bottom:0!important;
  outline:0!important;
}
.screen.home-screen .home-header-search,
.screen.home-screen .home-header-search:focus-within,
.screen.home-screen .home-mobile-primary-search,
.screen.home-screen .home-mobile-primary-search:focus-within{
  box-shadow:none!important;
}

/* Light mode: red remains saturated; surfaces remain warm/neutral, not pink. */
html[data-theme="light"] .primary,
html[data-theme="light"] .cart-checkout,
html[data-theme="light"] .checkout-pay,
html[data-theme="light"] .purchase-action,
html[data-theme="light"] .watch-screen .watch-action-buy,
html[data-theme="light"] .watch-mobile-buy,
html[data-theme="light"] .watch-smart-buy,
html[data-theme="light"] .watch-unlock .purchase-choice{
  background:var(--brand-red-gradient)!important;
  color:#fff!important;
  border-color:rgba(150,8,28,.12)!important;
  box-shadow:0 8px 22px rgba(155,8,30,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html[data-theme="light"] .bottom-nav :is(button,a).active,
html[data-theme="light"] .bottom-nav>button.active,
html[data-theme="light"] .desktop-side-item.active .ico,
html[data-theme="light"] .text-btn,
html[data-theme="light"] .section-title button,
html[data-theme="light"] .home-section-title .home-all-button,
html[data-theme="light"] .watch-actions button.active{
  color:var(--brand-red)!important;
}
html[data-theme="light"] .profile-screen-ref .profile-tabs button.active{
  color:#191a1c!important;
}
html[data-theme="light"] .profile-screen-ref .profile-tabs button.active:after{
  display:block!important;
  background:var(--brand-red-gradient)!important;
}
html[data-theme="light"] .notification-screen .notification-summary>button.active{
  color:#a91028!important;
  background:#fff3f5!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 22%,transparent),0 6px 16px rgba(130,8,26,.05)!important;
}
html[data-theme="light"] .notification-icon,
html[data-theme="light"] .modern-confirm-icon,
html[data-theme="light"] .support-compose-card>header>span,
html[data-theme="light"] .support-ticket-icon{
  color:#c9132d!important;
  background:#fff1f3!important;
}

/* Hotfix523 refinement: inactive navigation stays neutral; selected state carries red. */
:root{
  --tab-maroon:#141618;
  --tab-maroon-2:#1b1d20;
  --tab-maroon-active:var(--site-accent);
  --tab-maroon-text:#b8bbc0;
  --tab-maroon-active-text:#fff;
}
html[data-theme="light"]{
  --tab-maroon:#f3f3f4;
  --tab-maroon-2:#ececee;
  --tab-maroon-active:var(--site-accent);
  --tab-maroon-text:#656a71;
  --tab-maroon-active-text:#fff;
}
.profile-tabs button.active{
  color:#fff!important;
  background:var(--brand-red-gradient)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
.profile-tabs button.active:after{display:none!important}
html[data-theme="light"] .profile-screen-ref .profile-tabs button.active{
  color:#b30f27!important;
  background:#fff1f3!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 22%,transparent)!important;
}
html[data-theme="light"] .profile-screen-ref .profile-tabs button.active:after{display:none!important}


/* XMEGRAM 3.4.9-hotfix524 · HOME premium circular category rail + single category placement
   Scope: Home categories only. One clean rail under the hero; no duplicate category showcase inside Trending. */
.screen.home-screen .home-categories-section{
  position:relative!important;
  margin:18px 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.screen.home-screen .home-category-strip{
  display:flex!important;
  align-items:flex-start!important;
  gap:16px!important;
  padding:2px 18px 6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  scroll-padding-inline:18px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.screen.home-screen .home-category-strip::-webkit-scrollbar{display:none!important}
.screen.home-screen .home-category-chip{
  position:relative!important;
  flex:0 0 64px!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:auto!important;
  min-height:84px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#aeb4bd!important;
  box-shadow:none!important;
  text-align:center!important;
  scroll-snap-align:start!important;
  overflow:visible!important;
  transition:transform .16s ease,color .16s ease!important;
}
.screen.home-screen .home-category-chip>span,
.screen.home-screen .home-category-chip .home-live-category-icon{
  position:relative!important;
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#171a20,#0c0e12)!important;
  color:#c9ced6!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease!important;
}
.screen.home-screen .home-category-chip>span>.category-art{
  position:absolute!important;
  inset:2px!important;
  width:calc(100% - 4px)!important;
  height:calc(100% - 4px)!important;
  border-radius:50%!important;
  object-fit:cover!important;
  filter:saturate(.90) contrast(1.03)!important;
}
.screen.home-screen .home-category-chip>span>.ico{
  width:23px!important;
  height:23px!important;
  stroke-width:1.65!important;
}
.screen.home-screen .home-category-chip>b{
  display:block!important;
  width:76px!important;
  max-width:76px!important;
  margin:0 -6px!important;
  padding:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:680!important;
  letter-spacing:.005em!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.screen.home-screen .home-category-chip.active{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.screen.home-screen .home-category-chip.active>span,
.screen.home-screen .home-category-chip.all-category.active>span{
  border-color:rgba(255,63,81,.88)!important;
  background:linear-gradient(145deg,#ff3147,#e91e36 55%,#b80e24)!important;
  color:#fff!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--site-accent) 11%,transparent),0 9px 24px rgba(131,8,29,.34),inset 0 1px rgba(255,255,255,.18)!important;
}
.screen.home-screen .home-category-chip:not(.active):active{transform:scale(.96)!important}
.screen.home-screen .home-category-chip.active:active{transform:scale(.975)!important}
.screen.home-screen .home-country-category>span{
  background:linear-gradient(145deg,#161a20,#0c0f13)!important;
}
.screen.home-screen .home-country-category .home-country-flag-img{
  width:34px!important;
  height:24px!important;
  max-width:34px!important;
  max-height:24px!important;
  object-fit:cover!important;
  border-radius:5px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10)!important;
}
.screen.home-screen .live-category-tile .home-live-category-icon{
  overflow:visible!important;
  background:linear-gradient(145deg,#181a20,#0d0f13)!important;
}
.screen.home-screen .live-category-tile .home-live-category-dot{
  width:12px!important;
  height:12px!important;
  border:2px solid #ff6a79!important;
  background:var(--site-accent)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--site-accent) 10%,transparent),0 0 14px color-mix(in srgb,var(--site-accent) 35%,transparent)!important;
}
.screen.home-screen .home-category-showcase{display:none!important}

@media(min-width:768px){
  .screen.home-screen .home-categories-section{margin:22px 0 18px!important}
  .screen.home-screen .home-category-strip{gap:19px!important;padding:3px 24px 8px!important;scroll-padding-inline:24px!important}
  .screen.home-screen .home-category-chip{flex-basis:70px!important;width:70px!important;min-width:70px!important;max-width:70px!important;min-height:94px!important;gap:9px!important}
  .screen.home-screen .home-category-chip>span,
  .screen.home-screen .home-category-chip .home-live-category-icon{width:64px!important;height:64px!important;flex-basis:64px!important}
  .screen.home-screen .home-category-chip>b{width:84px!important;max-width:84px!important;font-size:11.5px!important}
}
@media(min-width:1200px){
  .screen.home-screen .home-category-strip{gap:22px!important;padding-left:30px!important;padding-right:30px!important;scroll-padding-inline:30px!important}
  .screen.home-screen .home-category-chip{flex-basis:74px!important;width:74px!important;min-width:74px!important;max-width:74px!important}
  .screen.home-screen .home-category-chip>span,
  .screen.home-screen .home-category-chip .home-live-category-icon{width:66px!important;height:66px!important;flex-basis:66px!important}
}
@media(max-width:420px){
  .screen.home-screen .home-categories-section{margin:15px 0 11px!important}
  .screen.home-screen .home-category-strip{gap:13px!important;padding-left:14px!important;padding-right:14px!important;scroll-padding-inline:14px!important}
  .screen.home-screen .home-category-chip{flex-basis:61px!important;width:61px!important;min-width:61px!important;max-width:61px!important;min-height:80px!important;gap:7px!important}
  .screen.home-screen .home-category-chip>span,
  .screen.home-screen .home-category-chip .home-live-category-icon{width:54px!important;height:54px!important;flex-basis:54px!important}
  .screen.home-screen .home-category-chip>b{width:70px!important;max-width:70px!important;font-size:10.5px!important}
}
html[data-theme="light"] .screen.home-screen .home-categories-section{background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme="light"] .screen.home-screen .home-category-chip{
  background:transparent!important;
  border:0!important;
  color:#61666d!important;
  box-shadow:none!important;
}
html[data-theme="light"] .screen.home-screen .home-category-chip>span,
html[data-theme="light"] .screen.home-screen .home-category-chip .home-live-category-icon{
  border-color:#ded9d1!important;
  background:linear-gradient(145deg,#ffffff,#f1eee8)!important;
  color:#575b61!important;
  box-shadow:0 7px 18px rgba(53,45,37,.08),inset 0 1px rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .screen.home-screen .home-category-chip.active{color:#9f1024!important;background:transparent!important;border:0!important;box-shadow:none!important}
html[data-theme="light"] .screen.home-screen .home-category-chip.active>span,
html[data-theme="light"] .screen.home-screen .home-category-chip.all-category.active>span{
  border-color:var(--site-accent)!important;
  background:linear-gradient(145deg,#ff3449,#ef2038 58%,var(--site-accent2))!important;
  color:#fff!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--site-accent) 8%,transparent),0 8px 18px rgba(137,17,35,.16),inset 0 1px rgba(255,255,255,.2)!important;
}
html[data-theme="light"] .screen.home-screen .home-country-category>span,
html[data-theme="light"] .screen.home-screen .live-category-tile .home-live-category-icon{background:linear-gradient(145deg,#fff,#f2eee7)!important}

/* Keep Trending visually continuous after removing the duplicated category module. */
.screen.home-screen .home-trending-section + .home-trending-continuation{margin-top:8px!important}
@media(max-width:767px){.screen.home-screen .home-trending-section + .home-trending-continuation{margin-top:5px!important}}


/* ================================================================
   HOTFIX527 — HOME COMPACT VIDEO-SELLING HERO
   One visual issue only, based on the supplied reference:
   - Hero remains full-width, borderless and directly attached to Home header.
   - Mobile live search floats over the top of the hero with one restrained border.
   - Hero is shorter and video-store focused, not a tall editorial/magazine panel.
   - Hero titles use a heavy video-commerce sans hierarchy instead of display serif.
   - Both hero video CTAs use the existing Xmegram reference-red action system.
   - Dark and light modes + mobile/tablet/desktop are covered.
   No Home feed, category, ranking, Watch, Profile, payment or API behavior changes.
   ================================================================ */

/* Restrained search frame: visible enough to find, never a loud card. */
.screen.home-screen .home-header-search,
.screen.home-screen .home-header-search:focus-within{
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:13px!important;
  outline:0!important;
  box-shadow:none!important;
}
html:not([data-theme="light"]) .screen.home-screen .home-header-search,
html:not([data-theme="light"]) .screen.home-screen .home-header-search:focus-within{
  background:rgba(13,15,17,.86)!important;
}
html[data-theme="light"] .screen.home-screen .home-header-search,
html[data-theme="light"] .screen.home-screen .home-header-search:focus-within{
  border-color:rgba(39,35,29,.12)!important;
  background:rgba(255,252,246,.90)!important;
}

/* Full-width hero remains borderless and flush to the header canvas. */
.screen.home-screen .home-hero.luxury-home-hero,
html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero,
html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}

/* Remove the magazine feeling: compact, heavy video-commerce headline. */
.screen.home-screen .luxury-home-hero .luxury-hero-content h1{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  line-height:.97!important;
  text-transform:none!important;
  text-wrap:balance!important;
}

/* Reference red is the hero conversion color. Gold stays for premium/owned status. */
.screen.home-screen .luxury-home-hero .hero-preview-action,
.screen.home-screen .luxury-home-hero .hero-unlock-action,
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-preview-action,
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-unlock-action,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-preview-action,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-unlock-action{
  color:#fff!important;
  background:linear-gradient(135deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;
  border-color:rgba(255,93,111,.30)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--site-accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.13)!important;
  text-shadow:none!important;
}
.screen.home-screen .luxury-home-hero .hero-preview-action .ico,
.screen.home-screen .luxury-home-hero .hero-unlock-action .ico{
  color:#fff!important;
  stroke:#fff!important;
}

@media(max-width:767px){
  /* Search is physically between header and hero but consumes no extra vertical band:
     hero image begins at the header edge underneath the floating search. */
  .screen.home-screen .home-mobile-primary-search,
  .screen.home-screen .home-mobile-primary-search:focus-within{
    display:flex!important;
    position:relative!important;
    z-index:96!important;
    width:calc(100% - 28px)!important;
    height:44px!important;
    margin:6px 14px -50px!important;
    padding:0 13px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:14px!important;
    outline:0!important;
    background:rgba(7,8,9,.76)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search,
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    border-color:rgba(42,37,29,.14)!important;
    background:rgba(255,252,246,.88)!important;
    box-shadow:0 7px 20px rgba(42,34,22,.08)!important;
  }
  .screen.home-screen .home-mobile-primary-search>.ico{width:18px!important;height:18px!important}
  .screen.home-screen .home-mobile-primary-search input{font-size:12.5px!important;font-weight:620!important}

  /* Shorter 16:9-ish selling stage; this is a video hero, not a magazine cover. */
  .screen.home-screen .home-hero.luxury-home-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
    height:322px!important;
    min-height:322px!important;
    margin:0 0 18px!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-slide{
    background-position:center 36%!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content{
    left:18px!important;
    right:18px!important;
    bottom:28px!important;
    width:auto!important;
    max-width:none!important;
  }
  .screen.home-screen .luxury-home-hero .hero-eyebrow{margin-bottom:6px!important}
  .screen.home-screen .luxury-home-hero .hero-eyebrow>span{
    min-height:23px!important;
    padding:0 9px!important;
    font-size:7.5px!important;
    letter-spacing:.13em!important;
  }
  .screen.home-screen .luxury-home-hero .hero-creator-line{
    min-height:28px!important;
    gap:7px!important;
    margin-bottom:5px!important;
  }
  .screen.home-screen .luxury-home-hero .hero-creator-avatar{
    width:28px!important;height:28px!important;flex-basis:28px!important;
  }
  .screen.home-screen .luxury-home-hero .hero-creator-line b{font-size:10.5px!important}
  .screen.home-screen .luxury-home-hero .hero-creator-line small{font-size:8px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    max-width:330px!important;
    margin:2px 0 6px!important;
    font-size:29px!important;
    line-height:.96!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:1!important;
    overflow:hidden!important;
    max-width:320px!important;
    margin:0 0 10px!important;
    font-size:10px!important;
    line-height:1.3!important;
  }
  .screen.home-screen .luxury-home-hero .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:min(100%,350px)!important;
  }
  .screen.home-screen .luxury-home-hero .hero-actions>.hero-action:only-child{
    grid-column:1 / -1!important;
    width:min(176px,100%)!important;
  }
  .screen.home-screen .luxury-home-hero .hero-action{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:9.7px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }
  .screen.home-screen .luxury-home-hero .hero-action .ico{width:15px!important;height:15px!important}
  /* Keep the small owned/price state clear of the overlaid search field. */
  .screen.home-screen .luxury-home-hero .hero-price-badge,
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned{
    top:58px!important;
    right:14px!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-dots{
    left:18px!important;
    bottom:10px!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-dots button{width:18px!important;height:3px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots button.active{width:30px!important}
}

@media(max-width:390px){
  .screen.home-screen .home-mobile-primary-search,
  .screen.home-screen .home-mobile-primary-search:focus-within{
    width:calc(100% - 20px)!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }
  .screen.home-screen .home-hero.luxury-home-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
    height:302px!important;
    min-height:302px!important;
    margin-bottom:16px!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{font-size:26px!important;max-width:292px!important}
  .screen.home-screen .luxury-home-hero .hero-action{font-size:9px!important;padding:0 8px!important}
}

@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-hero.luxury-home-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
    height:360px!important;
    min-height:360px!important;
    margin:0 0 24px!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content{
    left:30px!important;bottom:36px!important;width:min(58%,520px)!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{font-size:42px!important;line-height:.95!important}
}

@media(min-width:1100px){
  .screen.home-screen .home-hero.luxury-home-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
    height:420px!important;
    min-height:420px!important;
    margin:0 0 28px!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content{
    left:42px!important;bottom:46px!important;width:min(54%,610px)!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{font-size:54px!important;line-height:.94!important}
}

/* ========================================================================== */
/* HOTFIX528 — HOME HERO SEARCH GLASS + COMPACT RED ACTIONS ONLY              */
/* Scope: Home mobile overlay search and the two hero conversion buttons.      */
/* No feed, category, ranking, player, profile, payment, or business logic.    */
/* ========================================================================== */
@media(max-width:767px){
  /* Let the hero remain clearly visible through the search instead of placing
     an opaque dark slab over the artwork. Keep only a hairline premium edge. */
  .screen.home-screen .home-mobile-primary-search,
  .screen.home-screen .home-mobile-primary-search:focus-within{
    background:rgba(5,6,7,.34)!important;
    border-color:rgba(255,255,255,.075)!important;
    box-shadow:0 5px 14px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(5px) saturate(108%)!important;
    -webkit-backdrop-filter:blur(5px) saturate(108%)!important;
  }
  .screen.home-screen .home-mobile-primary-search:focus-within{
    background:rgba(5,6,7,.40)!important;
    border-color:color-mix(in srgb,var(--site-accent) 20%,transparent)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.12)!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search,
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    background:rgba(255,252,246,.43)!important;
    border-color:rgba(39,35,29,.085)!important;
    box-shadow:0 5px 14px rgba(42,34,22,.055)!important;
    backdrop-filter:blur(5px) saturate(106%)!important;
    -webkit-backdrop-filter:blur(5px) saturate(106%)!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    background:rgba(255,252,246,.50)!important;
    border-color:color-mix(in srgb,var(--site-accent) 18%,transparent)!important;
  }

  /* Professional compact conversion controls: the two actions no longer span
     almost the entire hero width or read like oversized promo blocks. */
  .screen.home-screen .luxury-home-hero .hero-actions{
    width:min(100%,306px)!important;
    gap:7px!important;
    align-items:center!important;
  }
  .screen.home-screen .luxury-home-hero .hero-action,
  .screen.home-screen .luxury-home-hero .hero-preview-action,
  .screen.home-screen .luxury-home-hero .hero-unlock-action{
    min-height:36px!important;
    height:36px!important;
    padding:0 9px!important;
    border-radius:10px!important;
    font-size:9px!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    box-shadow:0 5px 13px color-mix(in srgb,var(--site-accent) 17%,transparent),inset 0 1px 0 rgba(255,255,255,.11)!important;
  }
  .screen.home-screen .luxury-home-hero .hero-action .ico{
    width:13px!important;
    height:13px!important;
    flex:0 0 13px!important;
  }
  .screen.home-screen .luxury-home-hero .hero-actions>.hero-action:only-child{
    width:min(154px,100%)!important;
  }
}

@media(max-width:390px){
  .screen.home-screen .luxury-home-hero .hero-actions{width:min(100%,288px)!important;gap:6px!important}
  .screen.home-screen .luxury-home-hero .hero-action,
  .screen.home-screen .luxury-home-hero .hero-preview-action,
  .screen.home-screen .luxury-home-hero .hero-unlock-action{
    min-height:35px!important;
    height:35px!important;
    padding:0 7px!important;
    border-radius:9px!important;
    font-size:8.5px!important;
  }
}


/* ========================================================================== */
/* HOTFIX529 — HOME GLASS SEARCH ENDS + COMPACT ACCESS/PRICE BADGES ONLY      */
/* Scope: Home mobile overlay search and non-owned hero access/price badges.   */
/* - Search glass and border softly fade at both ends so artwork stays visible.*/
/* - Subscriber access becomes one compact "Subscribers only" glass pill.     */
/* - Paid/sale access becomes a compact price-only glass pill.                 */
/* - No feed, ranking, category, player, payment, profile or API logic changes.*/
/* ========================================================================== */
@media(max-width:767px){
  /* Quiet glass: center remains readable, both ends dissolve into the hero. */
  .screen.home-screen .home-mobile-primary-search,
  .screen.home-screen .home-mobile-primary-search:focus-within{
    border:1px solid transparent!important;
    background:
      linear-gradient(90deg,rgba(5,6,7,.10) 0%,rgba(5,6,7,.24) 13%,rgba(5,6,7,.27) 50%,rgba(5,6,7,.24) 87%,rgba(5,6,7,.10) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(255,255,255,.055) 16%,rgba(255,255,255,.075) 50%,rgba(255,255,255,.055) 84%,transparent 100%) border-box!important;
    box-shadow:0 4px 12px rgba(0,0,0,.07),inset 0 1px 0 rgba(255,255,255,.025)!important;
    backdrop-filter:blur(3.5px) saturate(104%)!important;
    -webkit-backdrop-filter:blur(3.5px) saturate(104%)!important;
  }
  .screen.home-screen .home-mobile-primary-search:focus-within{
    background:
      linear-gradient(90deg,rgba(5,6,7,.12) 0%,rgba(5,6,7,.29) 13%,rgba(5,6,7,.31) 50%,rgba(5,6,7,.29) 87%,rgba(5,6,7,.12) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--site-accent) 10%,transparent) 18%,color-mix(in srgb,var(--site-accent) 16%,transparent) 50%,color-mix(in srgb,var(--site-accent) 10%,transparent) 82%,transparent 100%) border-box!important;
    box-shadow:0 4px 13px rgba(0,0,0,.085)!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search,
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    border:1px solid transparent!important;
    background:
      linear-gradient(90deg,rgba(255,252,246,.13) 0%,rgba(255,252,246,.31) 14%,rgba(255,252,246,.34) 50%,rgba(255,252,246,.31) 86%,rgba(255,252,246,.13) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(71,60,43,.045) 17%,rgba(71,60,43,.075) 50%,rgba(71,60,43,.045) 83%,transparent 100%) border-box!important;
    box-shadow:0 4px 12px rgba(42,34,22,.035),inset 0 1px 0 rgba(255,255,255,.16)!important;
    backdrop-filter:blur(3px) saturate(102%)!important;
    -webkit-backdrop-filter:blur(3px) saturate(102%)!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    background:
      linear-gradient(90deg,rgba(255,252,246,.15) 0%,rgba(255,252,246,.36) 14%,rgba(255,252,246,.39) 50%,rgba(255,252,246,.36) 86%,rgba(255,252,246,.15) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--site-accent) 7.5%,transparent) 18%,color-mix(in srgb,var(--site-accent) 12%,transparent) 50%,color-mix(in srgb,var(--site-accent) 7.5%,transparent) 82%,transparent 100%) border-box!important;
  }

  /* Shared compact non-owned badge shell. It no longer behaves like a card. */
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned){
    top:58px!important;
    right:14px!important;
    min-width:0!important;
    width:auto!important;
    min-height:30px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:1px solid transparent!important;
    border-radius:999px!important;
    text-align:center!important;
    background:
      linear-gradient(90deg,rgba(17,16,14,.08) 0%,rgba(17,16,14,.31) 18%,rgba(17,16,14,.34) 50%,rgba(17,16,14,.31) 82%,rgba(17,16,14,.08) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(232,201,137,.10) 22%,rgba(232,201,137,.17) 50%,rgba(232,201,137,.10) 78%,transparent 100%) border-box!important;
    box-shadow:0 5px 14px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.035)!important;
    backdrop-filter:blur(5px) saturate(104%)!important;
    -webkit-backdrop-filter:blur(5px) saturate(104%)!important;
  }
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned){
    background:
      linear-gradient(90deg,rgba(255,255,255,.09) 0%,rgba(255,255,255,.29) 18%,rgba(255,255,255,.33) 50%,rgba(255,255,255,.29) 82%,rgba(255,255,255,.09) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(118,91,45,.08) 22%,rgba(118,91,45,.14) 50%,rgba(118,91,45,.08) 78%,transparent 100%) border-box!important;
    box-shadow:0 4px 12px rgba(52,43,29,.035),inset 0 1px 0 rgba(255,255,255,.20)!important;
    backdrop-filter:blur(4px) saturate(102%)!important;
    -webkit-backdrop-filter:blur(4px) saturate(102%)!important;
  }

  /* Remove the redundant "MEMBERS ONLY / Subscribers" two-line treatment. */
  .screen.home-screen .luxury-home-hero .hero-price-badge:has(.subscriber-label)>span{
    display:none!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge .subscriber-label{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    margin:0!important;
    color:#f1d28f!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:820!important;
    letter-spacing:.015em!important;
    white-space:nowrap!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge .subscriber-label::after{content:" only"}
  .screen.home-screen .luxury-home-hero .hero-price-badge .subscriber-label .ico{width:12px!important;height:12px!important}
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge .subscriber-label{color:#715832!important}

  /* Paid/sale badge: price is the only information needed here; the CTA below
     already says Unlock, so the old shouty label is removed. */
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned):not(:has(.subscriber-label))>span:first-child{
    display:none!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) .sale-price-stack,
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) .daily-promo-price{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    white-space:nowrap!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) strong{
    margin:0!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) del{
    font-size:8.5px!important;
    line-height:1!important;
    opacity:.68!important;
    white-space:nowrap!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) em{
    display:none!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-sale{
    background:
      linear-gradient(90deg,rgba(28,12,14,.07) 0%,rgba(28,12,14,.28) 18%,rgba(28,12,14,.31) 50%,rgba(28,12,14,.28) 82%,rgba(28,12,14,.07) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--site-accent) 10%,transparent) 22%,color-mix(in srgb,var(--site-accent) 18%,transparent) 50%,color-mix(in srgb,var(--site-accent) 10%,transparent) 78%,transparent 100%) border-box!important;
  }
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge.is-sale{
    background:
      linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.27) 18%,rgba(255,255,255,.31) 50%,rgba(255,255,255,.27) 82%,rgba(255,255,255,.08) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(213,28,49,.08) 22%,rgba(213,28,49,.15) 50%,rgba(213,28,49,.08) 78%,transparent 100%) border-box!important;
  }
}

@media(max-width:390px){
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned){
    right:10px!important;
    min-height:28px!important;
    padding:0 9px!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge .subscriber-label{font-size:9px!important}
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) strong{font-size:10px!important}
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) del{font-size:8px!important}
}

/* ========================================================================== */
/* HOTFIX530 — HOME HERO RIGHT-SIDE CLARITY + CENTERED MEDIA ONLY             */
/* Scope: Home luxury hero image crop and shade. No layout/business changes.  */
/* - Keep the selling copy readable on the left.                              */
/* - Let substantially more of the artwork show through on the right.         */
/* - Center hero media consistently instead of biasing the crop upward/right. */
/* ========================================================================== */
.screen.home-screen .luxury-home-hero .luxury-hero-slide,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-slide,
html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-slide{
  background-position:center center!important;
  background-size:cover!important;
}

/* Dark/night: preserve text-side contrast, then release the image cleanly
   through the middle so the right half no longer looks fogged over. */
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-shade{
  background:
    linear-gradient(90deg,
      rgba(5,6,7,.90) 0%,
      rgba(5,6,7,.70) 32%,
      rgba(5,6,7,.31) 52%,
      rgba(5,6,7,.075) 67%,
      rgba(5,6,7,.012) 82%,
      transparent 100%),
    linear-gradient(0deg,
      rgba(4,5,6,.76) 0%,
      rgba(4,5,6,.20) 47%,
      rgba(4,5,6,.025) 74%,
      transparent 100%)!important;
}

/* Light: reduce the milky veil on the image side without losing contrast
   behind the left-aligned title and creator metadata. */
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-shade{
  background:
    linear-gradient(90deg,
      rgba(248,246,240,.86) 0%,
      rgba(248,246,240,.68) 32%,
      rgba(248,246,240,.29) 52%,
      rgba(248,246,240,.065) 67%,
      rgba(248,246,240,.01) 82%,
      transparent 100%),
    linear-gradient(0deg,
      rgba(248,246,240,.61) 0%,
      rgba(248,246,240,.15) 47%,
      rgba(248,246,240,.02) 74%,
      transparent 100%)!important;
}

@media(max-width:767px){
  .screen.home-screen .luxury-home-hero .luxury-hero-slide,
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-slide,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-slide{
    background-position:center center!important;
  }

  /* Mobile keeps slightly more bottom contrast for the red conversion buttons,
     while the right/top artwork remains noticeably clearer. */
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-shade{
    background:
      linear-gradient(90deg,
        rgba(5,6,7,.86) 0%,
        rgba(5,6,7,.64) 34%,
        rgba(5,6,7,.25) 53%,
        rgba(5,6,7,.055) 67%,
        transparent 84%),
      linear-gradient(0deg,
        rgba(4,5,6,.72) 0%,
        rgba(4,5,6,.18) 46%,
        transparent 74%)!important;
  }
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-shade{
    background:
      linear-gradient(90deg,
        rgba(248,246,240,.82) 0%,
        rgba(248,246,240,.61) 34%,
        rgba(248,246,240,.23) 53%,
        rgba(248,246,240,.045) 67%,
        transparent 84%),
      linear-gradient(0deg,
        rgba(248,246,240,.56) 0%,
        rgba(248,246,240,.13) 46%,
        transparent 74%)!important;
  }
}


/* ========================================================================== */
/* HOTFIX531 — HOME HERO CLOUD REDUCTION ONLY                                */
/* Stronger correction after live screenshot review: keep only a localized  */
/* readability veil at the copy edge and bottom. Center/right media stays     */
/* substantially clear in both light and dark mode.                            */
/* ========================================================================== */
.screen.home-screen .luxury-home-hero .luxury-hero-slide,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-slide,
html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-slide{
  background-position:center center!important;
  background-size:cover!important;
  filter:none!important;
  opacity:1!important;
  background-blend-mode:normal!important;
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(5,6,7,.70) 0%,rgba(5,6,7,.44) 24%,rgba(5,6,7,.14) 40%,rgba(5,6,7,.035) 50%,transparent 61%),
    linear-gradient(0deg,rgba(4,5,6,.52) 0%,rgba(4,5,6,.12) 28%,transparent 48%)!important;
}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(248,246,240,.38) 0%,rgba(248,246,240,.20) 23%,rgba(248,246,240,.055) 38%,rgba(248,246,240,.012) 47%,transparent 56%),
    linear-gradient(0deg,rgba(248,246,240,.24) 0%,rgba(248,246,240,.055) 25%,transparent 43%)!important;
}
@media(max-width:767px){
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-shade{
    background:
      linear-gradient(90deg,rgba(5,6,7,.62) 0%,rgba(5,6,7,.36) 23%,rgba(5,6,7,.10) 38%,rgba(5,6,7,.02) 47%,transparent 56%),
      linear-gradient(0deg,rgba(4,5,6,.46) 0%,rgba(4,5,6,.09) 25%,transparent 43%)!important;
  }
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-shade{
    background:
      linear-gradient(90deg,rgba(248,246,240,.30) 0%,rgba(248,246,240,.15) 22%,rgba(248,246,240,.035) 35%,rgba(248,246,240,.008) 43%,transparent 51%),
      linear-gradient(0deg,rgba(248,246,240,.17) 0%,rgba(248,246,240,.035) 22%,transparent 39%)!important;
  }
}


/* ========================================================================== */
/* HOTFIX532 — HOME HERO PREMIUM TRUST HIERARCHY                             */
/* Scope: visual hierarchy only on Home hero/search/categories.               */
/* - Hero media is substantially clearer; no site-wide white/cloud veil.      */
/* - Search is smaller, lower-opacity edge-faded glass.                        */
/* - Hero title is capped at 2 lines; subtitle stays 1 quiet line.             */
/* - Featured/access/price badges are smaller translucent overlays.            */
/* - One conversion action leads: Unlock/Subscribe/Watch Full is red.          */
/*   Preview becomes restrained glass when a conversion action is present.    */
/* - Mobile category rail is tightened slightly so selling content starts     */
/*   sooner. No ranking, feed, payment, player, API, or route logic changes.   */
/* ========================================================================== */

.screen.home-screen .luxury-home-hero .luxury-hero-slide,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-slide,
html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-slide{
  background-position:center center!important;
  background-size:cover!important;
  filter:none!important;
  opacity:1!important;
  background-blend-mode:normal!important;
}

/* The artwork is the hero. Only a compact readability zone remains behind copy. */
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(4,5,6,.46) 0%,rgba(4,5,6,.24) 20%,rgba(4,5,6,.075) 34%,rgba(4,5,6,.016) 42%,transparent 49%),
    linear-gradient(0deg,rgba(4,5,6,.26) 0%,rgba(4,5,6,.05) 20%,transparent 34%)!important;
}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-shade{
  background:
    linear-gradient(90deg,rgba(248,246,240,.085) 0%,rgba(248,246,240,.038) 18%,rgba(248,246,240,.008) 30%,transparent 38%),
    linear-gradient(0deg,rgba(248,246,240,.045) 0%,rgba(248,246,240,.008) 18%,transparent 30%)!important;
}

/* Editorial labels should support the media, not cover it. */
.screen.home-screen .luxury-home-hero .hero-eyebrow>span{
  min-height:20px!important;
  height:20px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:6.8px!important;
  line-height:1!important;
  letter-spacing:.13em!important;
  background:rgba(12,12,11,.30)!important;
  border-color:rgba(232,201,137,.20)!important;
  box-shadow:none!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-eyebrow>span{
  color:#6a542f!important;
  background:rgba(255,250,239,.34)!important;
  border-color:rgba(151,119,65,.22)!important;
}

/* Premium video-site copy hierarchy: title never becomes a magazine wall. */
.screen.home-screen .luxury-home-hero .luxury-hero-content h1{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-wrap:balance!important;
}
.screen.home-screen .luxury-home-hero .luxury-hero-content p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  opacity:.82!important;
}
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content h1{
  text-shadow:0 2px 14px rgba(0,0,0,.38)!important;
}

/* Conversion hierarchy: the paid/full/subscription action leads. Preview is quiet. */
.screen.home-screen .luxury-home-hero .hero-preview-action,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-preview-action{
  color:#f7f7f8!important;
  background:rgba(7,8,9,.38)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-preview-action{
  color:#17191d!important;
  background:rgba(255,255,255,.27)!important;
  border:1px solid rgba(24,25,27,.14)!important;
  box-shadow:0 4px 12px rgba(40,32,20,.055),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.screen.home-screen .luxury-home-hero .hero-preview-action .ico{
  color:var(--site-accent)!important;
  stroke:var(--site-accent)!important;
}
.screen.home-screen .luxury-home-hero .hero-unlock-action,
html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .hero-unlock-action,
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-unlock-action,
.screen.home-screen .luxury-home-hero .hero-actions>.hero-preview-action:only-child{
  color:#fff!important;
  background:linear-gradient(135deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;
  border:1px solid rgba(255,92,109,.24)!important;
  box-shadow:0 5px 14px color-mix(in srgb,var(--site-accent) 16%,transparent),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.screen.home-screen .luxury-home-hero .hero-unlock-action .ico,
.screen.home-screen .luxury-home-hero .hero-actions>.hero-preview-action:only-child .ico{
  color:#fff!important;
  stroke:#fff!important;
}

/* Access state is a status badge, not another card. */
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned{
  min-width:0!important;
  width:auto!important;
  min-height:26px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid rgba(232,201,137,.16)!important;
  border-radius:999px!important;
  background:rgba(18,15,10,.30)!important;
  box-shadow:none!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned strong{
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:820!important;
  white-space:nowrap!important;
}
.screen.home-screen .luxury-home-hero .hero-price-badge.is-owned .ico{
  width:11px!important;height:11px!important;
}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned{
  background:rgba(255,252,246,.28)!important;
  border-color:rgba(119,88,37,.16)!important;
}
html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned strong{
  color:#735727!important;
}

@media(max-width:767px){
  /* Small glass search: still over the hero, but no longer divides the page. */
  .screen.home-screen .home-mobile-primary-search,
  .screen.home-screen .home-mobile-primary-search:focus-within{
    width:calc(100% - 36px)!important;
    height:40px!important;
    min-height:40px!important;
    margin:7px 18px -47px!important;
    padding:0 12px!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:
      linear-gradient(90deg,rgba(5,6,7,.045) 0%,rgba(5,6,7,.14) 18%,rgba(5,6,7,.17) 50%,rgba(5,6,7,.14) 82%,rgba(5,6,7,.045) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(255,255,255,.035) 22%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.035) 78%,transparent 100%) border-box!important;
    box-shadow:0 3px 10px rgba(0,0,0,.045)!important;
    backdrop-filter:blur(1.5px) saturate(102%)!important;
    -webkit-backdrop-filter:blur(1.5px) saturate(102%)!important;
  }
  .screen.home-screen .home-mobile-primary-search:focus-within{
    background:
      linear-gradient(90deg,rgba(5,6,7,.055) 0%,rgba(5,6,7,.18) 18%,rgba(5,6,7,.21) 50%,rgba(5,6,7,.18) 82%,rgba(5,6,7,.055) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--site-accent) 5.5%,transparent) 22%,color-mix(in srgb,var(--site-accent) 10%,transparent) 50%,color-mix(in srgb,var(--site-accent) 5.5%,transparent) 78%,transparent 100%) border-box!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search,
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    background:
      linear-gradient(90deg,rgba(255,252,246,.035) 0%,rgba(255,252,246,.12) 18%,rgba(255,252,246,.16) 50%,rgba(255,252,246,.12) 82%,rgba(255,252,246,.035) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(65,55,39,.025) 22%,rgba(65,55,39,.055) 50%,rgba(65,55,39,.025) 78%,transparent 100%) border-box!important;
    box-shadow:0 3px 9px rgba(42,34,22,.025)!important;
    backdrop-filter:blur(1.25px) saturate(101%)!important;
    -webkit-backdrop-filter:blur(1.25px) saturate(101%)!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    background:
      linear-gradient(90deg,rgba(255,252,246,.045) 0%,rgba(255,252,246,.16) 18%,rgba(255,252,246,.20) 50%,rgba(255,252,246,.16) 82%,rgba(255,252,246,.045) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--site-accent) 4%,transparent) 22%,color-mix(in srgb,var(--site-accent) 7.5%,transparent) 50%,color-mix(in srgb,var(--site-accent) 4%,transparent) 78%,transparent 100%) border-box!important;
  }
  .screen.home-screen .home-mobile-primary-search>.ico{width:17px!important;height:17px!important}
  .screen.home-screen .home-mobile-primary-search input{font-size:11.8px!important;font-weight:610!important}

  /* Slightly shorter selling stage now that title is strictly two lines. */
  .screen.home-screen .home-hero.luxury-home-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
    height:306px!important;
    min-height:306px!important;
    margin-bottom:14px!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html:not([data-theme="light"]) .screen.home-screen .luxury-home-hero .luxury-hero-content,
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .luxury-hero-content{
    left:18px!important;
    right:18px!important;
    bottom:24px!important;
    max-width:none!important;
  }
  .screen.home-screen .luxury-home-hero .hero-eyebrow{margin-bottom:5px!important}
  .screen.home-screen .luxury-home-hero .hero-creator-line{margin-bottom:4px!important;min-height:26px!important}
  .screen.home-screen .luxury-home-hero .hero-creator-avatar{width:26px!important;height:26px!important;flex-basis:26px!important}
  .screen.home-screen .luxury-home-hero .hero-creator-line b{font-size:10px!important}
  .screen.home-screen .luxury-home-hero .hero-creator-line small{font-size:7.5px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{
    max-width:318px!important;
    margin:2px 0 5px!important;
    font-size:27px!important;
    line-height:.98!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content p{
    max-width:306px!important;
    margin:0 0 8px!important;
    font-size:9.4px!important;
    line-height:1.24!important;
  }

  /* Smaller, calmer action row. */
  .screen.home-screen .luxury-home-hero .hero-actions{
    width:min(100%,290px)!important;
    gap:7px!important;
  }
  .screen.home-screen .luxury-home-hero .hero-action,
  .screen.home-screen .luxury-home-hero .hero-preview-action,
  .screen.home-screen .luxury-home-hero .hero-unlock-action{
    min-height:34px!important;
    height:34px!important;
    padding:0 8px!important;
    border-radius:10px!important;
    font-size:8.6px!important;
    font-weight:800!important;
  }
  .screen.home-screen .luxury-home-hero .hero-action .ico{width:12px!important;height:12px!important;flex-basis:12px!important}
  .screen.home-screen .luxury-home-hero .hero-actions>.hero-action:only-child{width:min(146px,100%)!important}

  /* All top-right states are compact translucent pills and sit under search. */
  .screen.home-screen .luxury-home-hero .hero-price-badge,
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned,
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned){
    top:52px!important;
    right:14px!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned){
    min-height:25px!important;
    padding:0 8px!important;
    gap:4px!important;
    background:
      linear-gradient(90deg,rgba(14,13,11,.035) 0%,rgba(14,13,11,.16) 22%,rgba(14,13,11,.19) 50%,rgba(14,13,11,.16) 78%,rgba(14,13,11,.035) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(232,201,137,.055) 24%,rgba(232,201,137,.10) 50%,rgba(232,201,137,.055) 76%,transparent 100%) border-box!important;
    box-shadow:none!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
  }
  html[data-theme="light"] .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned){
    background:
      linear-gradient(90deg,rgba(255,255,255,.025) 0%,rgba(255,255,255,.14) 22%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.14) 78%,rgba(255,255,255,.025) 100%) padding-box,
      linear-gradient(90deg,transparent 0%,rgba(118,91,45,.04) 24%,rgba(118,91,45,.08) 50%,rgba(118,91,45,.04) 76%,transparent 100%) border-box!important;
  }
  .screen.home-screen .luxury-home-hero .hero-price-badge .subscriber-label{font-size:8.8px!important}
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) strong{font-size:9.4px!important}
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned) del{font-size:7.7px!important;opacity:.58!important}

  /* Dots are navigation, not decoration. */
  .screen.home-screen .luxury-home-hero .luxury-hero-dots{left:18px!important;bottom:7px!important;gap:5px!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots button{width:15px!important;height:3px!important;opacity:.62!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-dots button.active{width:25px!important;opacity:1!important}

  /* Keep the premium circular category language, just reduce vertical bulk. */
  .screen.home-screen .home-categories-section{margin:11px 0 8px!important}
  .screen.home-screen .home-category-strip{gap:11px!important;padding-top:2px!important;padding-bottom:5px!important}
  .screen.home-screen .home-category-chip{min-height:74px!important;gap:6px!important}
  .screen.home-screen .home-category-chip>span,
  .screen.home-screen .home-category-chip .home-live-category-icon{width:50px!important;height:50px!important;flex-basis:50px!important}
  .screen.home-screen .home-category-chip>b{font-size:10.2px!important}
}

@media(max-width:390px){
  .screen.home-screen .home-mobile-primary-search,
  .screen.home-screen .home-mobile-primary-search:focus-within{
    width:calc(100% - 24px)!important;
    margin:7px 12px -47px!important;
  }
  .screen.home-screen .home-hero.luxury-home-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.luxury-home-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.luxury-home-hero{
    height:296px!important;
    min-height:296px!important;
  }
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{font-size:25px!important;max-width:286px!important}
  .screen.home-screen .luxury-home-hero .hero-actions{width:min(100%,276px)!important;gap:6px!important}
  .screen.home-screen .luxury-home-hero .hero-action,
  .screen.home-screen .luxury-home-hero .hero-preview-action,
  .screen.home-screen .luxury-home-hero .hero-unlock-action{font-size:8.2px!important;padding:0 7px!important}
  .screen.home-screen .luxury-home-hero .hero-price-badge,
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned,
  .screen.home-screen .luxury-home-hero .hero-price-badge:not(.is-owned){right:10px!important}
  .screen.home-screen .home-category-strip{gap:10px!important;padding-left:12px!important;padding-right:12px!important;scroll-padding-inline:12px!important}
  .screen.home-screen .home-category-chip{flex-basis:57px!important;width:57px!important;min-width:57px!important;max-width:57px!important}
  .screen.home-screen .home-category-chip>span,
  .screen.home-screen .home-category-chip .home-live-category-icon{width:48px!important;height:48px!important;flex-basis:48px!important}
}

@media(min-width:768px){
  /* Desktop/tablet keeps cinematic scale but uses the same restrained hierarchy. */
  .screen.home-screen .luxury-home-hero .luxury-hero-content h1{-webkit-line-clamp:2!important}
  .screen.home-screen .luxury-home-hero .luxury-hero-content p{-webkit-line-clamp:1!important;opacity:.80!important}
  .screen.home-screen .luxury-home-hero .hero-action{min-height:44px!important;border-radius:12px!important}
  .screen.home-screen .luxury-home-hero .hero-price-badge.is-owned{min-height:30px!important;padding:0 11px!important}
}


/* ================================================================
   HOTFIX534 — REMOVE HOME HERO COMPLETELY
   User-requested single UI change:
   - No Home hero on mobile, tablet, or desktop.
   - Search remains available; on mobile it returns to normal document flow.
   - Categories/feed now follow the header/search directly.
   ================================================================ */
.screen.home-screen .home-hero,
.screen.home-screen .home-hero.luxury-home-hero,
html[data-theme="light"] .screen.home-screen .home-hero,
html:not([data-theme="light"]) .screen.home-screen .home-hero{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
@media(max-width:767px){
  .screen.home-screen .home-mobile-primary-search,
  .screen.home-screen .home-mobile-primary-search:focus-within{
    position:relative!important;
    z-index:20!important;
    width:calc(100% - 28px)!important;
    height:42px!important;
    min-height:42px!important;
    margin:8px 14px 8px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html:not([data-theme="light"]) .screen.home-screen .home-mobile-primary-search,
  html:not([data-theme="light"]) .screen.home-screen .home-mobile-primary-search:focus-within{
    background:rgba(12,14,16,.76)!important;
    border:1px solid rgba(255,255,255,.075)!important;
  }
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search,
  html[data-theme="light"] .screen.home-screen .home-mobile-primary-search:focus-within{
    background:rgba(255,252,247,.86)!important;
    border:1px solid rgba(54,46,34,.08)!important;
  }
  .screen.home-screen .home-categories-section{margin-top:4px!important;}
}
@media(min-width:768px){
  .screen.home-screen .home-mobile-primary-search{display:none!important;}
}

/* === Xmegram 3.4.9-hotfix536 · mobile reference-style two-column selling cards ===
   Corrective rebuild after hotfix535: high-specificity grid authority, clean 3:4
   media cards, cover crop, readable white overlay copy, real selling price, and
   borderless bookmark/cart controls. Mobile only; tablet/desktop unchanged. */
@media (max-width:767px){
  /* HOME TRENDING: override the older .home-section .video-grid {1fr!important}. */
  body #app .screen.home-screen .home-section .video-grid.home-trending-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 10px 12px!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }

  /* DISCOVER / HOME SUGGESTED / WATCH RELATED / PROFILE: their renderer uses one
     DOM column for stability; turn that column itself into a real two-column grid. */
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry).shared-mobile-single-column{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 10px 16px!important;
    border:0!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry).shared-mobile-single-column > .discover-mobile-column{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* Exact mobile card geometry. The media is the card; no detached footer. */
  body #app .screen.home-screen .home-section .home-trending-grid > .video-card,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) > .discover-mobile-column > .premium-mobile-sales-card{
    position:relative!important;
    display:block!important;
    isolation:isolate!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:3/4!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:12px!important;
    background:#0b0c0e!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    contain:none!important;
    content-visibility:visible!important;
  }

  /* Media fills the 3:4 frame. Crop, never stretch and never letterbox. */
  body #app .screen.home-screen .home-section .home-trending-grid > .video-card > .video-thumb.adaptive-feed-media,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card > .discover-mobile-media{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:inherit!important;
    background-color:#0b0c0e!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    box-shadow:none!important;
  }
  body #app .screen.home-screen .home-section .home-trending-grid .video-thumb.adaptive-feed-media > .feed-autoplay-video,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .discover-mobile-poster,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .discover-autoplay-video{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  body #app .premium-mobile-sales-card .discover-mobile-blur{display:none!important}

  /* One local bottom gradient only. Keep the upper thumbnail clear and sharp. */
  body #app .screen.home-screen .home-section .home-trending-grid .video-thumb::before,
  body #app .premium-mobile-sales-card .discover-mobile-media::before{content:none!important}
  body #app .screen.home-screen .home-section .home-trending-grid .video-thumb::after,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .discover-mobile-media::after{
    content:""!important;
    position:absolute!important;
    z-index:5!important;
    inset:42% 0 0!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.16) 25%,rgba(0,0,0,.68) 68%,rgba(0,0,0,.90) 100%)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Center play: compact, translucent and identical on every surface. */
  body #app .screen.home-screen .home-section .home-trending-grid .play-circle,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .mobile-selling-play{
    position:absolute!important;
    z-index:8!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(5,6,8,.64)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }
  body #app .home-trending-grid .play-circle .ico,
  body #app .premium-mobile-sales-card .mobile-selling-play .ico{
    width:20px!important;
    height:20px!important;
    fill:#fff!important;
    stroke:#fff!important;
  }

  /* Duration: top right, clean borderless pill. */
  body #app .screen.home-screen .home-section .home-trending-grid .duration,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .discover-duration{
    position:absolute!important;
    z-index:12!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:7px!important;
    background:rgba(8,9,11,.82)!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Copy layer sits on media. Explicit high-specificity light-mode authority below
     prevents the black text seen in hotfix535. */
  body #app .screen.home-screen .home-section .home-trending-grid > .video-card > .video-card-body,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card > .discover-mobile-copy{
    position:absolute!important;
    z-index:10!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  /* Creator (or category on profile-only cards) above the title. */
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-identity,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-identity{
    position:absolute!important;
    z-index:12!important;
    left:10px!important;
    right:10px!important;
    bottom:70px!important;
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-shadow:0 1px 5px rgba(0,0,0,.96)!important;
  }
  body #app .home-trending-grid .commerce-card-identity > span:first-child:not(:last-child),
  body #app .premium-mobile-sales-card .commerce-card-identity > span:first-child:not(:last-child),
  body #app .home-trending-grid .commerce-card-identity > i,
  body #app .premium-mobile-sales-card .commerce-card-identity > i{display:none!important}
  body #app .home-trending-grid .commerce-card-creator,
  body #app .home-trending-grid .home-creator-inline,
  body #app .premium-mobile-sales-card .commerce-card-creator{
    color:#fff!important;
    font:inherit!important;
    border:0!important;
    background:transparent!important;
  }

  /* Two-line selling title. */
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-title,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-title{
    position:absolute!important;
    z-index:12!important;
    left:10px!important;
    right:10px!important;
    bottom:32px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#fff!important;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:13.5px!important;
    line-height:1.22!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    text-overflow:clip!important;
    text-shadow:0 1px 6px rgba(0,0,0,.98)!important;
  }

  body #app .home-trending-grid .commerce-card-social,
  body #app .premium-mobile-sales-card .commerce-card-social,
  body #app .home-trending-grid .trend-card-rank,
  body #app .home-trending-grid .home-card-more,
  body #app .premium-mobile-sales-card .commerce-card-more{display:none!important}

  body #app .home-trending-grid .commerce-card-bottom,
  body #app .premium-mobile-sales-card .commerce-card-bottom{
    position:static!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  /* Real selling price replaces the access/Admin/source label on MOBILE only.
     The original nested markup stays in the DOM for desktop/business logic. */
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-price,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-price{
    position:absolute!important;
    z-index:13!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 76px)!important;
    height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:7px!important;
    background:var(--site-accent)!important;
    color:#fff!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  body #app .home-trending-grid .commerce-card-price[data-mobile-price=""],
  body #app .premium-mobile-sales-card .commerce-card-price[data-mobile-price=""]{display:none!important}
  body #app .home-trending-grid .commerce-card-price > *,
  body #app .premium-mobile-sales-card .commerce-card-price > *{display:none!important}
  body #app .home-trending-grid .commerce-card-price::before,
  body #app .premium-mobile-sales-card .commerce-card-price::before{
    content:attr(data-mobile-price)!important;
    display:block!important;
    overflow:hidden!important;
    max-width:100%!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-overflow:ellipsis!important;
  }

  /* Bottom right: bookmark + cart. Borderless and compact. */
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-actions,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-actions{
    position:absolute!important;
    z-index:14!important;
    right:7px!important;
    bottom:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  body #app .home-trending-grid :is(.commerce-card-save,.commerce-card-cart),
  body #app .premium-mobile-sales-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart){
    position:relative!important;
    inset:auto!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:7px!important;
    background:rgba(6,7,9,.46)!important;
    color:#fff!important;
    box-shadow:none!important;
    outline:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body #app .home-trending-grid :is(.commerce-card-save,.commerce-card-cart) .ico,
  body #app .premium-mobile-sales-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart) .ico{
    width:17px!important;
    height:17px!important;
    stroke-width:1.8!important;
  }
  body #app .home-trending-grid :is(.commerce-card-save,.commerce-card-cart).active,
  body #app .premium-mobile-sales-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart).active{
    border:0!important;
    background:color-mix(in srgb,var(--site-accent) 90%,transparent)!important;
    color:#fff!important;
  }

  /* The card itself remains the click target while action buttons stay interactive. */
  body #app .home-trending-grid > .video-card,
  body #app .premium-mobile-sales-card{cursor:pointer!important}
}

/* Light mode must NOT recolor overlay copy black. The media card is cinematic in
   both themes; only the surrounding page chrome changes. */
@media (max-width:767px){
  html[data-theme="light"] body #app .screen.home-screen .home-section .home-trending-grid > .video-card,
  html[data-theme="light"] body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card{
    border:0!important;
    background:#0b0c0e!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.home-screen .home-section .home-trending-grid :is(.commerce-card-title,.commerce-card-identity,.commerce-card-creator,.home-creator-inline),
  html[data-theme="light"] body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card :is(.commerce-card-title,.commerce-card-identity,.commerce-card-creator){
    color:#fff!important;
  }
  html[data-theme="light"] body #app .screen.home-screen .home-section .home-trending-grid > .video-card > .video-card-body,
  html[data-theme="light"] body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card > .discover-mobile-copy{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
}

/* === Xmegram 3.4.9-hotfix537 · mobile feed finish pass (CSS only) ===
   CSS-only refinement after hotfix536. No cart/bookmark/player/business logic changes.
   Fixes Discover Following duration geometry and converts remaining rank/list video rows
   from bordered skeleton-like blocks into finished premium cards. Mobile only. */
@media (max-width:767px){
  /* DISCOVER · New from creators you follow: use the same media-first two-column language. */
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following{
    margin:18px 0 20px!important;
    padding:0 10px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following>header{
    margin:0 2px 10px!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-track{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    border:0!important;
    background:transparent!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card.commerce-video-card{
    position:relative!important;
    isolation:isolate!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3/4!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    scroll-snap-align:none!important;
    border:0!important;
    border-radius:12px!important;
    background:#0b0c0e!important;
    color:#fff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .discover-following-media{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    border:0!important;
    border-radius:inherit!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    box-shadow:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .discover-following-shade{
    position:absolute!important;
    inset:40% 0 0!important;
    z-index:3!important;
    display:block!important;
    border:0!important;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.16) 27%,rgba(0,0,0,.70) 70%,rgba(0,0,0,.90) 100%)!important;
    box-shadow:none!important;
  }
  /* NEW competes with selling price in the same top-left zone; keep the card quiet. */
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .discover-following-media>i{
    display:none!important;
  }
  /* Correct the generic duration rule that made 12:51 look like a full-width bar. */
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .discover-following-media>time.duration{
    position:absolute!important;
    z-index:12!important;
    top:8px!important;
    right:8px!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 16px)!important;
    height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:7px!important;
    background:rgba(8,9,11,.82)!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    transform:none!important;
    font-style:normal!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .discover-following-copy{
    position:absolute!important;
    z-index:10!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-identity{
    position:absolute!important;
    z-index:12!important;
    left:10px!important;
    right:10px!important;
    bottom:70px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-shadow:0 1px 5px rgba(0,0,0,.96)!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-identity>span:first-child:not(:last-child),
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-identity>i{
    display:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-creator{
    color:#fff!important;
    font:inherit!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-title{
    position:absolute!important;
    z-index:12!important;
    left:10px!important;
    right:10px!important;
    bottom:32px!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:13.5px!important;
    line-height:1.22!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    text-shadow:0 1px 6px rgba(0,0,0,.98)!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-social{
    display:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-bottom{
    position:static!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-price{
    position:absolute!important;
    z-index:13!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 76px)!important;
    height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:7px!important;
    background:var(--site-accent)!important;
    color:#fff!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-price[data-mobile-price=""]{
    display:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-price>*{
    display:none!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-price::before{
    content:attr(data-mobile-price)!important;
    display:block!important;
    overflow:hidden!important;
    max-width:100%!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions{
    position:absolute!important;
    z-index:14!important;
    right:7px!important;
    bottom:7px!important;
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions>button{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:7px!important;
    background:rgba(6,7,9,.46)!important;
    color:#fff!important;
    box-shadow:none!important;
    outline:0!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions>button .ico{
    width:17px!important;
    height:17px!important;
  }

  /* Remaining list/rank surfaces (Top Picks and list-style video groups): finished cards, not skeleton rows. */
  body #app .rank-list{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:auto!important;
    margin:0 10px 16px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(112px,36%) minmax(0,1fr)!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    min-height:118px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:14px!important;
    background:#0d1015!important;
    color:#f5f6f8!important;
    box-shadow:0 5px 16px rgba(0,0,0,.13)!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card+.rank-row.commerce-rank-card{
    box-shadow:0 5px 16px rgba(0,0,0,.13)!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .rank-thumb{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:118px!important;
    flex:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    box-shadow:none!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .rank-thumb::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    background:linear-gradient(90deg,transparent 72%,rgba(0,0,0,.12) 100%)!important;
    pointer-events:none!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .rank-thumb>.rank-preview{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    border:0!important;
    background:transparent!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .rank-thumb>.rank-duration{
    position:absolute!important;
    z-index:8!important;
    top:8px!important;
    right:8px!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    max-width:calc(100% - 16px)!important;
    height:25px!important;
    margin:0!important;
    padding:0 7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:7px!important;
    background:rgba(5,6,8,.78)!important;
    color:#fff!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:800!important;
    font-style:normal!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .rank-copy{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:118px!important;
    margin:0!important;
    padding:12px 10px 10px 12px!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    color:#f5f6f8!important;
    font-size:13.5px!important;
    line-height:1.2!important;
    font-weight:760!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-identity{
    display:block!important;
    min-width:0!important;
    margin:5px 0 0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#aab0b9!important;
    font-size:9.5px!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-social{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:0!important;
    margin:5px 0 0!important;
    padding:0!important;
    color:#8f97a2!important;
    font-size:9px!important;
    line-height:1!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-social .ico{
    width:13px!important;
    height:13px!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    min-height:30px!important;
    margin:8px 0 0!important;
    padding:7px 0 0!important;
    border:0!important;
    border-top:0!important;
    background:transparent!important;
  }
  /* CSS-only: show the existing actual mobile price data instead of access/Admin copy. */
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-price{
    position:static!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 38px)!important;
    height:25px!important;
    margin:0!important;
    padding:0 7px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:7px!important;
    background:color-mix(in srgb,var(--site-accent) 12%,transparent)!important;
    color:#ff5362!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:none!important;
    white-space:nowrap!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-price[data-mobile-price=""]{
    display:none!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-price>*{
    display:none!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-price::before{
    content:attr(data-mobile-price)!important;
    display:block!important;
    overflow:hidden!important;
    max-width:100%!important;
    color:inherit!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
  }
  /* Preserve existing bookmark/cart controls and behavior; only remove excess button chrome. */
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-actions>button{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.055)!important;
    color:#dfe3e8!important;
    box-shadow:none!important;
    outline:0!important;
  }
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-actions>button .ico{
    width:16px!important;
    height:16px!important;
  }

  /* Profile/list tabs should visually end before the cards; no frame around the feed itself. */
  body #app :is(.top-picks,.profile-screen,.discover-screen) .rank-list{
    border:0!important;
    outline:0!important;
  }
}

@media (max-width:767px){
  html[data-theme="light"] body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card.commerce-video-card{
    border:0!important;
    background:#0b0c0e!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card :is(.commerce-card-title,.commerce-card-identity,.commerce-card-creator){
    color:#fff!important;
  }
  html[data-theme="light"] body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .discover-following-copy{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html[data-theme="light"] body #app .rank-list .rank-row.commerce-rank-card{
    border:0!important;
    background:#fff!important;
    color:#17191c!important;
    box-shadow:0 5px 16px rgba(23,28,36,.07)!important;
  }
  html[data-theme="light"] body #app .rank-list .rank-row.commerce-rank-card+.rank-row.commerce-rank-card{
    box-shadow:0 5px 16px rgba(23,28,36,.07)!important;
  }
  html[data-theme="light"] body #app .rank-list .rank-row.commerce-rank-card .commerce-card-title{
    color:#17191c!important;
  }
  html[data-theme="light"] body #app .rank-list .rank-row.commerce-rank-card .commerce-card-identity{
    color:#626a74!important;
  }
  html[data-theme="light"] body #app .rank-list .rank-row.commerce-rank-card .commerce-card-social{
    color:#818892!important;
  }
  html[data-theme="light"] body #app .rank-list .rank-row.commerce-rank-card .commerce-card-bottom{
    border:0!important;
    border-top:0!important;
  }
  html[data-theme="light"] body #app .rank-list .rank-row.commerce-rank-card .commerce-card-price{
    border:0!important;
    background:color-mix(in srgb,var(--site-accent) 8%,transparent)!important;
    color:#d61f31!important;
  }
  html[data-theme="light"] body #app .rank-list .rank-row.commerce-rank-card .commerce-card-actions>button{
    border:0!important;
    background:#f3f4f6!important;
    color:#59616b!important;
    box-shadow:none!important;
  }
}

/* === Xmegram 3.4.9-hotfix538 · category/country mobile card parity with Home ===
   CSS-only. Keeps existing bookmark/cart DOM/actions untouched. Converts the mobile
   Category + Country listing cards from detached white body cards into the same
   media-first 3:4 selling-card language used by Home Trending. Tablet/desktop unchanged. */
@media (max-width:767px){
  /* Listing grid: clean two-column rhythm with the same gutter as Home. */
  body #app :is(.surface-category-masonry,.surface-country-masonry).discover-mobile-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 10px 16px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  body #app :is(.surface-category-masonry,.surface-country-masonry)>.discover-mobile-column{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* The media IS the card — no detached footer, no skeleton frame. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card.shared-mobile-video-card{
    position:relative!important;
    display:block!important;
    isolation:isolate!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:3/4!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    border-radius:12px!important;
    background:#0b0c0e!important;
    color:#fff!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    contain:none!important;
    content-visibility:visible!important;
  }

  /* Full-frame thumbnail/video. Always crop; never stretch or letterbox. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card>.discover-mobile-media{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    border-radius:inherit!important;
    background-color:#0b0c0e!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    box-shadow:none!important;
  }
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .discover-autoplay-video{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  /* Clear thumbnail above, localized dark readability fade only near the bottom. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card>.discover-mobile-media::before{content:none!important;}
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card>.discover-mobile-media::after{
    content:""!important;
    position:absolute!important;
    z-index:5!important;
    inset:42% 0 0!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.15) 24%,rgba(0,0,0,.66) 67%,rgba(0,0,0,.91) 100%)!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Compact centered preview play affordance. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .mobile-selling-play{
    position:absolute!important;
    z-index:8!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    transform:translate(-50%,-50%)!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(5,6,8,.64)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none!important;
  }
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .mobile-selling-play .ico{
    width:20px!important;
    height:20px!important;
    fill:#fff!important;
    stroke:#fff!important;
  }

  /* Home parity: price left, duration right — small, borderless, no giant badge. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .discover-duration{
    position:absolute!important;
    z-index:12!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 76px)!important;
    height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    outline:0!important;
    border-radius:7px!important;
    background:rgba(8,9,11,.82)!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-shadow:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Copy becomes an overlay layer instead of a separate white body. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card>.discover-mobile-copy{
    position:absolute!important;
    z-index:10!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  /* Creator identity above title; hide the category prefix when a creator exists,
     matching Home's mobile selling cards. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-identity{
    position:absolute!important;
    z-index:12!important;
    left:10px!important;
    right:10px!important;
    bottom:70px!important;
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1.15!important;
    font-weight:800!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-shadow:0 1px 5px rgba(0,0,0,.96)!important;
  }
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-identity>span:first-child:not(:last-child),
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-identity>i{display:none!important;}
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-creator{
    color:#fff!important;
    font:inherit!important;
    border:0!important;
    background:transparent!important;
    text-shadow:inherit!important;
  }

  /* Two-line title, same weight/spacing as Home mobile cards. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-title{
    position:absolute!important;
    z-index:12!important;
    left:10px!important;
    right:10px!important;
    bottom:32px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#fff!important;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:13.5px!important;
    line-height:1.22!important;
    font-weight:650!important;
    letter-spacing:-.01em!important;
    white-space:normal!important;
    text-overflow:clip!important;
    text-shadow:0 1px 6px rgba(0,0,0,.98)!important;
  }

  /* Remove the detached-body metadata that made these look like skeleton cards. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-social{display:none!important;}
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-bottom{
    position:static!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  /* Existing real mobile price data; this only changes presentation. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-price{
    position:absolute!important;
    z-index:13!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:calc(100% - 76px)!important;
    height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border:0!important;
    outline:0!important;
    border-radius:7px!important;
    background:var(--site-accent)!important;
    color:#fff!important;
    font-size:0!important;
    line-height:1!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-price[data-mobile-price=""]{display:none!important;}
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-price>*{display:none!important;}
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-price::before{
    content:attr(data-mobile-price)!important;
    display:block!important;
    overflow:hidden!important;
    max-width:100%!important;
    color:#fff!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-overflow:ellipsis!important;
  }

  /* Keep BOTH existing bookmark and cart behavior untouched; style only. */
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-actions{
    position:absolute!important;
    z-index:14!important;
    right:7px!important;
    bottom:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    pointer-events:auto!important;
  }
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart){
    position:relative!important;
    inset:auto!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    outline:0!important;
    border-radius:7px!important;
    background:rgba(6,7,9,.46)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart) .ico{
    width:17px!important;
    height:17px!important;
    stroke-width:1.8!important;
  }
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart).active{
    border:0!important;
    background:color-mix(in srgb,var(--site-accent) 90%,transparent)!important;
    color:#fff!important;
  }
}

/* Light page chrome must not turn the media-card overlay white/black. */
@media (max-width:767px){
  html[data-theme="light"] body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card.shared-mobile-video-card{
    border:0!important;
    background:#0b0c0e!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card>.discover-mobile-copy{
    border:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card :is(.commerce-card-title,.commerce-card-identity,.commerce-card-creator){color:#fff!important;}
}

/* === Xmegram 3.4.9-hotfix539 · mobile creator identity + Discover finish ===
   Mobile presentation pass. Adds creator avatars inline with creator names on the
   media-first selling cards introduced in 536/538 and cleans Discover category,
   Spotlight and Charts surfaces. Existing bookmark/cart/player actions stay intact. */
.commerce-card-avatar{display:none}

@media (max-width:767px){
  /* Creator identity: avatar + name must read as one compact premium line. */
  body #app .screen.home-screen .home-trending-grid .commerce-card-creator,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .commerce-card-creator,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-creator,
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-creator{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    max-width:100%!important;
    vertical-align:middle!important;
  }
  body #app .screen.home-screen .home-trending-grid .commerce-card-avatar,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .commerce-card-avatar,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-avatar,
  body #app .rank-list .rank-row.commerce-rank-card .commerce-card-avatar,
  body #app .screen.discover-screen .discover-chart-creator .commerce-card-avatar{
    display:grid!important;
    place-items:center!important;
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
    box-shadow:0 1px 6px rgba(0,0,0,.24)!important;
  }
  body #app .commerce-card-avatar img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border:0!important;
    border-radius:50%!important;
  }
  body #app .commerce-card-avatar>i{
    display:block!important;
    margin:0!important;
    color:inherit!important;
    font-size:9px!important;
    line-height:1!important;
    font-style:normal!important;
    font-weight:850!important;
  }

  /* Slightly rebalance the overlay identity because the avatar makes the line taller. */
  body #app .screen.home-screen .home-trending-grid .commerce-card-identity,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .commerce-card-identity{
    bottom:69px!important;
    min-height:20px!important;
    display:flex!important;
    align-items:center!important;
  }

  /* DISCOVER CATEGORY RAIL — no outlined utility boxes; image + label on a quiet surface. */
  body #app .screen.discover-screen .discover-categories{
    margin:0 0 16px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .discover-categories>header{
    height:auto!important;
    min-height:42px!important;
    padding:0 14px 8px!important;
    border:0!important;
    background:transparent!important;
  }
  body #app .screen.discover-screen .discover-categories>header h2{
    font-size:18px!important;
    line-height:1.1!important;
    font-weight:820!important;
    letter-spacing:-.025em!important;
  }
  body #app .screen.discover-screen .discover-category-dropdown>summary{
    height:34px!important;
    padding:0 10px 0 12px!important;
    border:0!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.055)!important;
    color:#c8cdd5!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .discover-category-scroll{
    gap:8px!important;
    padding:0 14px 4px!important;
  }
  body #app .screen.discover-screen .discover-category-chip{
    min-width:112px!important;
    max-width:154px!important;
    height:48px!important;
    padding:5px 12px 5px 5px!important;
    gap:8px!important;
    border:0!important;
    border-radius:14px!important;
    background:#12151b!important;
    color:#f2f4f7!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .discover-category-chip>span{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
    border:0!important;
    border-radius:11px!important;
    box-shadow:none!important;
    background-position:center!important;
    background-size:cover!important;
  }
  body #app .screen.discover-screen .discover-category-chip>b{
    max-width:96px!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:760!important;
  }

  /* DISCOVER SPOTLIGHT — artwork-first card, no decorative border/stripe. */
  body #app .screen.discover-screen .discover-spotlight{
    margin:0 0 18px!important;
    border:0!important;
    background:transparent!important;
  }
  body #app .screen.discover-screen .discover-spotlight-track{
    grid-auto-columns:84vw!important;
    gap:10px!important;
    padding:2px 14px 8px!important;
  }
  body #app .screen.discover-screen .discover-spotlight-card{
    height:164px!important;
    border:0!important;
    border-radius:16px!important;
    background:#0a0b0e!important;
    box-shadow:0 8px 22px rgba(0,0,0,.16)!important;
  }
  body #app .screen.discover-screen .discover-spotlight-card:after{display:none!important}
  body #app .screen.discover-screen .discover-spotlight-art{
    grid-template-columns:minmax(0,2.2fr) minmax(68px,.78fr)!important;
    gap:1px!important;
    background:#0a0b0e!important;
  }
  body #app .screen.discover-screen .discover-spotlight-shade{
    background:linear-gradient(90deg,rgba(4,5,7,.82) 0%,rgba(4,5,7,.56) 38%,rgba(4,5,7,.12) 73%),linear-gradient(0deg,rgba(3,4,6,.72),transparent 62%)!important;
  }
  body #app .screen.discover-screen .discover-spotlight-copy{
    left:15px!important;
    right:14px!important;
    bottom:13px!important;
  }
  body #app .screen.discover-screen .discover-spotlight-copy>small{
    margin-bottom:5px!important;
    color:rgba(255,255,255,.74)!important;
    font-size:7.5px!important;
    letter-spacing:.12em!important;
  }
  body #app .screen.discover-screen .discover-spotlight-copy>b{
    max-width:77%!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.05!important;
    font-weight:820!important;
  }
  body #app .screen.discover-screen .discover-spotlight-copy>em{
    max-width:74%!important;
    margin-top:4px!important;
    color:rgba(255,255,255,.72)!important;
    font-size:9px!important;
  }
  body #app .screen.discover-screen .discover-spotlight-copy>span{
    height:28px!important;
    margin-top:9px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:9px!important;
    background:rgba(8,9,12,.58)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    font-size:9px!important;
  }

  /* DISCOVER CHARTS — compact premium rows with no skeleton frame or Admin badge. */
  body #app .screen.discover-screen .discover-charts{
    margin:0 0 18px!important;
    padding:0 14px!important;
    border:0!important;
    background:transparent!important;
  }
  body #app .screen.discover-screen .discover-charts-head{
    margin:0 0 9px!important;
    padding:0!important;
    align-items:center!important;
  }
  body #app .screen.discover-screen .discover-charts-head h2{
    font-size:18px!important;
    line-height:1.05!important;
    font-weight:840!important;
  }
  body #app .screen.discover-screen .discover-charts-head>div:first-child small{
    margin-bottom:3px!important;
    font-size:7px!important;
    letter-spacing:.14em!important;
  }
  body #app .screen.discover-screen .discover-chart-tabs{
    max-width:62%!important;
    gap:3px!important;
    padding:3px!important;
    overflow-x:auto!important;
    border:0!important;
    border-radius:11px!important;
    background:#15181e!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .discover-chart-tabs button{
    height:29px!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#9ba2ac!important;
    box-shadow:none!important;
    font-size:8px!important;
    font-weight:780!important;
  }
  body #app .screen.discover-screen .discover-chart-tabs button.active{
    background:color-mix(in srgb,var(--site-accent) 12%,transparent)!important;
    color:#ff6976!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .discover-chart-panel{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body #app .screen.discover-screen .discover-chart-row{
    display:grid!important;
    grid-template-columns:27px 86px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:76px!important;
    margin:0!important;
    padding:7px 8px 7px 5px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:14px!important;
    background:#101319!important;
    color:#f4f6f8!important;
    box-shadow:0 5px 14px rgba(0,0,0,.11)!important;
  }
  body #app .screen.discover-screen .discover-chart-row:before{display:none!important}
  body #app .screen.discover-screen .discover-chart-rank{
    color:#8e95a0!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.04em!important;
  }
  body #app .screen.discover-screen .discover-chart-row:nth-child(-n/**/+3) .discover-chart-rank{color:#ff6976!important}
  body #app .screen.discover-screen .discover-chart-thumb{
    width:86px!important;
    height:62px!important;
    border:0!important;
    border-radius:10px!important;
    background-position:center!important;
    background-size:cover!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .discover-chart-thumb:after{
    inset:55% 0 0!important;
    background:linear-gradient(transparent,rgba(2,3,5,.52))!important;
  }
  body #app .screen.discover-screen .discover-chart-thumb>i{
    right:5px!important;
    bottom:5px!important;
    padding:2px 5px!important;
    border:0!important;
    border-radius:5px!important;
    background:rgba(5,6,8,.76)!important;
    color:#fff!important;
    font-size:7.5px!important;
  }
  body #app .screen.discover-screen .discover-chart-copy{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  body #app .screen.discover-screen .discover-chart-copy>small{
    color:#9199a4!important;
    font-size:7px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
  }
  body #app .screen.discover-screen .discover-chart-copy>b{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    margin-top:3px!important;
    color:#f6f7f9!important;
    font-size:11px!important;
    line-height:1.18!important;
    font-weight:760!important;
    letter-spacing:-.01em!important;
  }
  body #app .screen.discover-screen .discover-chart-copy>em{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    margin-top:5px!important;
    overflow:hidden!important;
    color:#9aa2ad!important;
    font-size:8px!important;
    line-height:1!important;
    font-style:normal!important;
    white-space:nowrap!important;
  }
  body #app .screen.discover-screen .discover-chart-creator{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body #app .screen.discover-screen .discover-chart-creator>span:last-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#c7cbd2!important;
  }
  body #app .screen.discover-screen .discover-chart-creator .commerce-card-avatar{
    flex-basis:18px!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .discover-chart-metric{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#7f8792!important;
  }
  body #app .screen.discover-screen .discover-chart-commerce{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:5px!important;
    min-width:46px!important;
  }
  body #app .screen.discover-screen .discover-chart-commerce>strong,
  body #app .screen.discover-screen .discover-chart-commerce>.sale-price-stack,
  body #app .screen.discover-screen .discover-chart-commerce>.daily-promo-price,
  body #app .screen.discover-screen .discover-chart-commerce>.subscriber-label{
    display:none!important;
  }
  body #app .screen.discover-screen .discover-chart-commerce::before{
    content:attr(data-mobile-price)!important;
    display:block!important;
    max-width:74px!important;
    overflow:hidden!important;
    padding:5px 7px!important;
    border:0!important;
    border-radius:7px!important;
    background:var(--site-accent)!important;
    color:#fff!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .screen.discover-screen .discover-chart-commerce[data-mobile-price=""]::before{display:none!important}
  body #app .screen.discover-screen .discover-chart-cart{
    width:28px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.065)!important;
    color:#f4f6f8!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .discover-chart-cart.active{
    border:0!important;
    background:var(--site-accent)!important;
    color:#fff!important;
  }

  /* Country/local chart context should be a quiet info strip, not another bordered card. */
  body #app .screen.discover-screen .discover-local-chart-label{
    margin:0 0 2px!important;
    padding:8px 10px!important;
    border:0!important;
    border-radius:11px!important;
    background:#14171c!important;
    box-shadow:none!important;
  }
}

@media (max-width:767px){
  html[data-theme="light"] body #app .screen.discover-screen .discover-category-dropdown>summary{
    border:0!important;
    background:#f1f2f4!important;
    color:#5d646e!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-category-chip{
    border:0!important;
    background:#f4f5f6!important;
    color:#202226!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-spotlight-card{
    border:0!important;
    background:#0a0b0e!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(20,24,32,.10)!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-spotlight-card :is(.discover-spotlight-copy,.discover-spotlight-copy b,.discover-spotlight-copy small,.discover-spotlight-copy em,.discover-spotlight-copy span){
    color:#fff!important;
    text-shadow:0 1px 7px rgba(0,0,0,.42)!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-tabs{
    border:0!important;
    background:#f1f2f4!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-tabs button{color:#69717b!important}
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-tabs button.active{
    background:color-mix(in srgb,var(--site-accent) 9%,transparent)!important;
    color:#bd2434!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-row{
    border:0!important;
    background:#fff!important;
    color:#17191c!important;
    box-shadow:0 5px 15px rgba(20,24,32,.065)!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-copy>b{color:#17191c!important}
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-copy>small{color:#7b838d!important}
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-creator>span:last-child{color:#5e6670!important}
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-metric{color:#8a919a!important}
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-cart{
    border:0!important;
    background:#f2f3f5!important;
    color:#59616b!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-chart-cart.active{
    border:0!important;
    background:var(--site-accent)!important;
    color:#fff!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-local-chart-label{
    border:0!important;
    background:#f4f5f6!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.discover-screen .discover-local-chart-label b{color:#23262a!important}
  html[data-theme="light"] body #app .screen.discover-screen .discover-local-chart-label small{color:#777f89!important}
}

/* === Xmegram 3.4.9-hotfix540 · Discover gap elimination + Watch commerce polish ===
   Mobile presentation only. Keeps Home/Discover/Watch data, cart, bookmark and player
   behavior unchanged. Flattens legacy Discover column wrappers into one deterministic
   two-column grid, then gives Watch details + creator-store cards the same media-first
   premium language as the current Home cards. */
@media (max-width:767px){
  /* DISCOVER FEED: flatten either the old 2-column DOM or the newer single-column DOM
     into one real CSS grid. This removes the giant empty-left/right gaps permanently. */
  body #app .screen.discover-screen :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail){
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body #app .screen.discover-screen .surface-discover-masonry.discover-mobile-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    align-content:start!important;
    gap:8px!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 10px 12px!important;
    overflow:visible!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  body #app .screen.discover-screen .surface-discover-masonry.discover-mobile-grid > .discover-mobile-column{
    display:contents!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #app .screen.discover-screen .surface-discover-masonry .discover-mobile-card.shared-mobile-video-card{
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:start!important;
    justify-self:stretch!important;
    break-inside:avoid!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3/4!important;
    margin:0!important;
    contain:none!important;
    content-visibility:visible!important;
  }

  /* WATCH DETAILS: compact confidence panel instead of a large outlined information box. */
  body #app .screen.watch-screen .watch-details-panel{
    width:calc(100% - 20px)!important;
    margin:12px 10px 0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#11151b 0%,#0c1015 100%)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
  }
  body #app .screen.watch-screen .watch-details-panel>header{
    justify-content:flex-start!important;
    gap:10px!important;
    min-height:0!important;
    padding:12px 12px 8px!important;
    border:0!important;
    background:transparent!important;
  }
  body #app .screen.watch-screen .watch-details-panel>header>span{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border:0!important;
    border-radius:10px!important;
    background:color-mix(in srgb,var(--site-accent) 10%,transparent)!important;
    color:#ff5a67!important;
    box-shadow:none!important;
  }
  body #app .screen.watch-screen .watch-details-panel>header>span .ico{
    width:16px!important;
    height:16px!important;
  }
  body #app .screen.watch-screen .watch-details-panel header small{
    color:#a4aab3!important;
    font-size:7px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.14em!important;
  }
  body #app .screen.watch-screen .watch-details-panel header h2{
    margin:3px 0 0!important;
    color:#f6f7f9!important;
    font-size:15px!important;
    line-height:1.08!important;
    font-weight:800!important;
    letter-spacing:-.025em!important;
  }
  body #app .screen.watch-screen .watch-details-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin:0 10px 9px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body #app .screen.watch-screen .watch-details-grid>div{
    display:block!important;
    min-width:0!important;
    min-height:58px!important;
    margin:0!important;
    padding:10px 8px!important;
    border:0!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.045)!important;
    box-shadow:none!important;
  }
  body #app .screen.watch-screen .watch-details-grid>div+div,
  body #app .screen.watch-screen .watch-details-grid>div:last-child{
    grid-column:auto!important;
    border:0!important;
  }
  body #app .screen.watch-screen .watch-details-grid>div>span{display:none!important}
  body #app .screen.watch-screen .watch-details-grid p{margin:0!important;min-width:0!important}
  body #app .screen.watch-screen .watch-details-grid small{
    color:#838b96!important;
    font-size:7px!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:.09em!important;
  }
  body #app .screen.watch-screen .watch-details-grid b{
    display:block!important;
    margin-top:6px!important;
    overflow:hidden!important;
    color:#f0f2f5!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    font-weight:780!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  body #app .screen.watch-screen .watch-details-reassurance{
    min-height:30px!important;
    margin:0 10px 10px!important;
    padding:7px 10px!important;
    border:0!important;
    border-radius:10px!important;
    background:color-mix(in srgb,var(--site-accent) 7.5%,transparent)!important;
    color:#c9ced5!important;
    box-shadow:none!important;
    font-size:8px!important;
    font-weight:720!important;
  }
  body #app .screen.watch-screen .watch-details-reassurance .ico{
    width:13px!important;
    height:13px!important;
    color:#ff5a67!important;
  }

  /* WATCH CREATOR STORE: media-first 3:4 selling cards, no detached white body. */
  body #app .screen.watch-screen .watch-creator-store{
    margin:18px 0 22px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store>header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0!important;
    padding:0 12px 10px!important;
    border:0!important;
    background:transparent!important;
  }
  body #app .screen.watch-screen .watch-creator-store-identity{
    gap:9px!important;
    min-width:0!important;
  }
  body #app .screen.watch-screen .watch-creator-store-identity>span{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    border:0!important;
    border-radius:12px!important;
    background:#15191f!important;
    box-shadow:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-identity small{
    color:#9d7aa7!important;
    font-size:7px!important;
    line-height:1!important;
    letter-spacing:.14em!important;
  }
  body #app .screen.watch-screen .watch-creator-store-identity h2{
    margin:3px 0 0!important;
    color:#f4f6f8!important;
    font-size:16px!important;
    line-height:1.05!important;
    font-weight:820!important;
    letter-spacing:-.025em!important;
  }
  body #app .screen.watch-screen .watch-creator-store-identity p{
    max-width:170px!important;
    margin:4px 0 0!important;
    overflow:hidden!important;
    color:#858d97!important;
    font-size:8.5px!important;
    line-height:1!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .screen.watch-screen .watch-creator-store>header>button{
    min-height:34px!important;
    padding:0 10px!important;
    border:0!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.055)!important;
    color:#d8dce2!important;
    box-shadow:none!important;
    font-size:8.5px!important;
    font-weight:800!important;
  }
  body #app .screen.watch-screen .watch-creator-store-track{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(148px,46vw)!important;
    grid-template-columns:none!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0 10px 4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-card.commerce-video-card{
    position:relative!important;
    isolation:isolate!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:3/4!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    border:0!important;
    border-radius:12px!important;
    background:#0b0c0e!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-media{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit!important;
    background-color:#0b0c0e!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    box-shadow:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-shade{
    position:absolute!important;
    z-index:3!important;
    inset:40% 0 0!important;
    border:0!important;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.16) 26%,rgba(0,0,0,.70) 70%,rgba(0,0,0,.92) 100%)!important;
    box-shadow:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-media time.duration{
    position:absolute!important;
    z-index:8!important;
    top:8px!important;
    right:8px!important;
    bottom:auto!important;
    left:auto!important;
    width:auto!important;
    min-width:0!important;
    height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:7px!important;
    background:rgba(7,8,10,.82)!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:820!important;
    box-shadow:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-media>i{
    position:absolute!important;
    z-index:8!important;
    left:50%!important;
    top:50%!important;
    width:40px!important;
    height:40px!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:50%!important;
    background:rgba(5,6,8,.62)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-media>i .ico{
    width:18px!important;
    height:18px!important;
    fill:#fff!important;
    stroke:#fff!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy{
    position:absolute!important;
    z-index:10!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy>.commerce-card-title{
    position:absolute!important;
    z-index:12!important;
    left:10px!important;
    right:10px!important;
    bottom:39px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:760!important;
    letter-spacing:-.015em!important;
    text-shadow:0 1px 6px rgba(0,0,0,.96)!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy>.commerce-card-identity,
  body #app .screen.watch-screen .watch-creator-store-copy>.commerce-card-social{
    display:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy>.commerce-card-bottom{
    position:absolute!important;
    z-index:13!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    pointer-events:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-price{
    position:absolute!important;
    z-index:13!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:calc(100% - 70px)!important;
    height:27px!important;
    margin:0!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:7px!important;
    background:var(--site-accent)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:1!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-price[data-mobile-price=""]{display:none!important}
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-price>*{display:none!important}
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-price::before{
    content:attr(data-mobile-price)!important;
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
    text-overflow:ellipsis!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions{
    position:absolute!important;
    z-index:14!important;
    right:7px!important;
    bottom:7px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions>button{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:8px!important;
    background:rgba(6,7,9,.48)!important;
    color:#fff!important;
    box-shadow:none!important;
    outline:0!important;
    pointer-events:auto!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions>button .ico{
    width:16px!important;
    height:16px!important;
  }
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions>button.active{
    background:color-mix(in srgb,var(--site-accent) 90%,transparent)!important;
    color:#fff!important;
  }
}

@media (max-width:767px){
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-panel{
    border:0!important;
    background:#f7f6f3!important;
    box-shadow:0 8px 22px rgba(25,30,36,.07)!important;
  }
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-panel>header{border:0!important;background:transparent!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-panel>header>span{
    border:0!important;
    background:color-mix(in srgb,var(--site-accent) 7.5%,transparent)!important;
    color:#d91f31!important;
  }
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-panel header small{color:#8a7a84!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-panel header h2{color:#17191c!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-grid>div{
    border:0!important;
    background:rgba(30,34,39,.045)!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-grid small{color:#7d838a!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-grid b{color:#202327!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-reassurance{
    border:0!important;
    background:color-mix(in srgb,var(--site-accent) 5.5%,transparent)!important;
    color:#656c74!important;
  }
  html[data-theme="light"] body #app .screen.watch-screen .watch-details-reassurance .ico{color:#d91f31!important}

  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store{border:0!important;background:transparent!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store-identity>span{
    border:0!important;
    background:#f0f1f2!important;
  }
  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store-identity small{color:#7a647f!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store-identity h2{color:#17191c!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store-identity p{color:#7a8088!important}
  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store>header>button{
    border:0!important;
    background:#f1f2f3!important;
    color:#555d66!important;
    box-shadow:none!important;
  }
  /* Keep creator-store media cards cinematic in light mode; page chrome alone turns light. */
  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store-card.commerce-video-card{
    border:0!important;
    background:#0b0c0e!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store-copy>.commerce-card-title{color:#fff!important}
}

/* === Xmegram 3.4.9-hotfix541 · clean Watch preview popup === */
body.watch-preview-popup-open{overflow:hidden!important;touch-action:none}
.watch-preview-popup{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  padding:clamp(12px,2.5vw,28px);
  isolation:isolate;
}
.watch-preview-popup-scrim{
  position:absolute;
  inset:0;
  z-index:0;
  background:rgba(2,4,7,.86);
  -webkit-backdrop-filter:blur(14px) saturate(.88);
  backdrop-filter:blur(14px) saturate(.88);
}
.watch-preview-popup-stage{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  max-width:94vw;
  max-height:84vh;
  max-height:84svh;
  overflow:hidden;
  border:0;
  border-radius:18px;
  background:#020202;
  box-shadow:0 24px 70px rgba(0,0,0,.56),0 4px 18px rgba(0,0,0,.30);
}
.watch-preview-popup-video{
  display:block;
  width:auto;
  height:auto;
  min-width:min(320px,88vw);
  max-width:94vw;
  max-height:84vh;
  max-height:84svh;
  margin:0;
  padding:0;
  border:0;
  outline:0;
  background:#000;
  object-fit:contain;
  object-position:center center;
}
.watch-preview-popup-video::-webkit-media-controls,
.watch-preview-popup-video::-webkit-media-controls-enclosure,
.watch-preview-popup-video::-webkit-media-controls-panel,
.watch-preview-popup-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important}
@media(max-width:767px){
  .watch-preview-popup{padding:10px}
  .watch-preview-popup-stage{max-width:96vw;max-height:78vh;max-height:78svh;border-radius:15px}
  .watch-preview-popup-video{min-width:min(280px,92vw);max-width:96vw;max-height:78vh;max-height:78svh}
}
@media(prefers-reduced-motion:no-preference){
  .watch-preview-popup-stage{animation:vhWatchPreviewPopupIn .18s cubic-bezier(.2,.8,.2,1) both}
  @keyframes vhWatchPreviewPopupIn{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}
}

/* === Xmegram 3.4.9-hotfix542 · clean professional creator profile ===
   Scope: profile presentation only. No profile, follow, membership, cart, bookmark,
   sorting, payment, preview, or routing behavior is changed. */
@media(max-width:767px){
  /* Give the profile one calm visual rhythm instead of stacked dashboard cards. */
  .profile-screen-ref{
    background:#07090d!important;
  }
  html[data-theme="light"] .profile-screen-ref{
    background:#f8f8f9!important;
  }
  .profile-screen-ref .profile-showcase{
    padding-bottom:calc(78px + var(--safe-bottom))!important;
  }

  /* Cover + identity: shorter cover, tighter avatar/name/stats relationship. */
  .profile-screen-ref .profile-hero{
    height:188px!important;
    border-radius:0 0 22px 22px!important;
    background-position:center 36%!important;
    box-shadow:none!important;
  }
  .profile-screen-ref .profile-hero-shade{
    background:linear-gradient(180deg,rgba(0,0,0,.04) 30%,rgba(4,6,9,.70) 100%)!important;
  }
  .profile-screen-ref .profile-hero-back,
  .profile-screen-ref .profile-hero-actions button,
  .profile-screen-ref .profile-hero-menu{
    width:40px!important;height:40px!important;
    border:0!important;border-radius:12px!important;
    background:rgba(8,10,14,.62)!important;
    box-shadow:none!important;
    backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  }
  .profile-screen-ref .profile-hero-back{left:12px!important;top:calc(var(--safe-top) + 12px)!important}
  .profile-screen-ref .profile-hero-menu{left:12px!important;top:calc(var(--safe-top) + 12px)!important}
  .profile-screen-ref .profile-hero-actions{right:12px!important;top:calc(var(--safe-top) + 12px)!important;gap:7px!important}
  .profile-screen-ref .profile-hero-back .ico,
  .profile-screen-ref .profile-hero-actions .ico,
  .profile-screen-ref .profile-hero-menu .ico{width:20px!important;height:20px!important}

  .profile-screen-ref .profile-identity{
    margin-top:-42px!important;
    padding:0 16px!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:6px 12px!important;
    align-items:end!important;
  }
  .profile-screen-ref .profile-avatar-ring{
    width:82px!important;height:82px!important;padding:3px!important;
    grid-row:1/3!important;align-self:start!important;
    background:linear-gradient(135deg,#fff 0%,var(--site-accent) 45%,#ff7b65 100%)!important;
    box-shadow:0 7px 20px rgba(0,0,0,.18)!important;
  }
  .profile-screen-ref .profile-avatar-xl{border-width:3px!important;font-size:25px!important;background:#11141a!important}
  .profile-screen-ref .profile-name-block{grid-column:2!important;grid-row:1!important;padding:0 0 2px!important;min-width:0!important}
  .profile-screen-ref .profile-name-block h1{
    gap:6px!important;font-size:22px!important;line-height:1.05!important;letter-spacing:-.028em!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .profile-screen-ref .profile-verified{width:19px!important;height:19px!important;flex:0 0 19px!important;font-size:11px!important}
  .profile-screen-ref .profile-name-block>div{margin-top:5px!important;font-size:11px!important;color:#89919c!important}
  .profile-screen-ref .profile-stats-wide{
    grid-column:2!important;grid-row:2!important;
    padding:2px 0 0!important;align-self:start!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .profile-screen-ref .profile-stats-wide>div{padding:0 7px!important}
  .profile-screen-ref .profile-stats-wide>div+div{border-left:0!important}
  .profile-screen-ref .profile-stats-wide b{font-size:16px!important;line-height:1.05!important}
  .profile-screen-ref .profile-stats-wide span{margin-top:2px!important;font-size:8px!important;color:#8d949e!important}

  /* Bio/action area: calm text, two purposeful CTAs, no oversized chrome. */
  .profile-screen-ref .profile-headline,
  .profile-screen-ref .profile-bio,
  .profile-screen-ref .profile-link,
  .profile-screen-ref .profile-main-buttons{margin-left:16px!important;margin-right:16px!important}
  .profile-screen-ref .profile-headline{margin-top:10px!important;font-size:13px!important;line-height:1.35!important}
  .profile-screen-ref .profile-bio{
    margin-top:5px!important;color:#aab0b9!important;font-size:11.5px!important;line-height:1.45!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;
  }
  .profile-screen-ref .profile-link{margin-top:6px!important;font-size:11px!important;color:#d14b5c!important}
  .profile-screen-ref .profile-main-buttons{
    grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:11px!important;
  }
  .profile-screen-ref .profile-primary,
  .profile-screen-ref .profile-secondary{
    height:44px!important;min-height:44px!important;border-radius:12px!important;
    font-size:12px!important;font-weight:850!important;box-shadow:none!important;
  }
  .profile-screen-ref .profile-primary{
    background:var(--brand-red-gradient,linear-gradient(110deg,var(--site-accent),var(--site-accent2)))!important;color:#fff!important;border:0!important;
  }
  .profile-screen-ref .profile-secondary{
    background:#10141a!important;color:#e7e9ed!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  }
  html[data-theme="light"] .profile-screen-ref .profile-secondary{
    background:#f0f1f3!important;color:#30343a!important;box-shadow:none!important;
  }

  /* Sticky creator bar: one compact row. Membership stays in the page card below. */
  .profile-screen-ref .profile-sticky-shop{
    width:calc(100vw - 16px)!important;min-height:54px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;
    padding:7px 8px!important;border:0!important;border-radius:15px!important;
    background:rgba(10,13,18,.92)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  }
  .profile-screen-ref .profile-sticky-avatar{width:38px!important;height:38px!important}
  .profile-screen-ref .profile-sticky-copy small{font-size:6px!important;letter-spacing:.14em!important}
  .profile-screen-ref .profile-sticky-copy b{font-size:12px!important}
  .profile-screen-ref .profile-sticky-copy em{font-size:8px!important}
  .profile-screen-ref .profile-sticky-follow{min-height:36px!important;padding:0 11px!important;border:0!important;border-radius:10px!important;background:#171b21!important;font-size:10px!important}
  .profile-screen-ref .profile-sticky-membership,
  .profile-screen-ref .profile-sticky-member{display:none!important}
  html[data-theme="light"] .profile-screen-ref .profile-sticky-shop{background:rgba(255,255,255,.94)!important;box-shadow:0 10px 28px rgba(0,0,0,.11)!important}
  html[data-theme="light"] .profile-screen-ref .profile-sticky-follow{background:#f0f1f3!important;color:#4f555d!important}

  /* Membership: compact premium module, not a second full profile header. */
  .profile-screen-ref .profile-membership-spotlight,
  .profile-screen-ref .profile-membership-spotlight-compact{
    margin:12px 16px 13px!important;border:0!important;border-radius:16px!important;
    background:linear-gradient(145deg,#11151c,#0c1016)!important;
    box-shadow:none!important;
  }
  .profile-screen-ref .profile-membership-spotlight>header,
  .profile-screen-ref .profile-membership-spotlight-compact>header{
    grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important;
    padding:11px 12px 9px!important;border-bottom:0!important;
  }
  .profile-screen-ref .profile-membership-crown{width:38px!important;height:38px!important;border:0!important;border-radius:11px!important;background:rgba(131,58,180,.14)!important;box-shadow:none!important}
  .profile-screen-ref .profile-membership-spotlight>header small{font-size:6.5px!important;letter-spacing:.14em!important}
  .profile-screen-ref .profile-membership-spotlight>header h2{font-size:14px!important}
  .profile-screen-ref .profile-membership-spotlight>header p{font-size:8px!important}
  .profile-screen-ref .profile-membership-spotlight>header>strong b{font-size:13px!important}
  .profile-screen-ref .profile-membership-body{display:block!important;padding:3px 12px 7px!important}
  .profile-screen-ref .profile-membership-benefits{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important}
  .profile-screen-ref .profile-membership-benefits::-webkit-scrollbar{display:none!important}
  .profile-screen-ref .profile-membership-benefit{flex:0 0 auto!important;min-height:27px!important;padding:0 8px!important;border:0!important;border-radius:9px!important;background:#171b22!important}
  .profile-screen-ref .profile-membership-benefit b{font-size:7.5px!important}
  .profile-screen-ref .profile-membership-spotlight>footer{padding:3px 12px 11px!important}
  .profile-screen-ref .profile-membership-cta{width:100%!important;min-height:39px!important;border:0!important;border-radius:10px!important;background:linear-gradient(105deg,#6f3298,#8b3d9e)!important;box-shadow:none!important;font-size:9px!important}
  html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight,
  html[data-theme="light"] .profile-screen-ref .profile-membership-spotlight-compact{background:#fff!important;box-shadow:0 7px 20px rgba(0,0,0,.05)!important}
  html[data-theme="light"] .profile-screen-ref .profile-membership-benefit{background:#f3f3f5!important;color:#555b63!important}

  /* Best seller: compact horizontal showcase instead of a giant magazine card. */
  .profile-screen-ref .profile-bestseller-showcase{
    display:grid!important;grid-template-columns:minmax(118px,40%) minmax(0,1fr)!important;
    min-height:174px!important;margin:12px 16px 13px!important;
    overflow:hidden!important;border:0!important;border-radius:16px!important;
    background:#0d1117!important;box-shadow:none!important;
  }
  .profile-screen-ref .profile-bestseller-art{min-height:174px!important;height:100%!important;border-radius:0!important;background-position:center!important}
  .profile-screen-ref .profile-bestseller-shade{background:linear-gradient(0deg,rgba(4,5,8,.46),transparent 56%)!important}
  .profile-screen-ref .profile-bestseller-duration{top:8px!important;left:8px!important;padding:5px 7px!important;border:0!important;border-radius:8px!important;font-size:9px!important}
  .profile-screen-ref .profile-bestseller-play{width:38px!important;height:38px!important;border:0!important;background:rgba(5,7,10,.68)!important;box-shadow:none!important}
  .profile-screen-ref .profile-bestseller-copy{justify-content:center!important;padding:13px 12px!important;min-width:0!important}
  .profile-screen-ref .profile-bestseller-copy>small{font-size:6.5px!important;letter-spacing:.12em!important}
  .profile-screen-ref .profile-bestseller-copy h2{
    margin:7px 0 0!important;font-size:15px!important;line-height:1.16!important;
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  }
  .profile-screen-ref .profile-bestseller-copy>p{margin:5px 0 0!important;font-size:9px!important;line-height:1.25!important}
  .profile-screen-ref .profile-bestseller-meta{margin-top:9px!important;gap:7px!important;font-size:8.5px!important}
  .profile-screen-ref .profile-bestseller-meta .profile-mobile-price{font-size:12px!important}
  .profile-screen-ref .profile-bestseller-actions{margin-top:10px!important;gap:6px!important}
  .profile-screen-ref .profile-bestseller-open{min-height:35px!important;padding:0 10px!important;border:0!important;border-radius:9px!important;background:#191e25!important;color:#f1f3f6!important;font-size:9px!important}
  .profile-screen-ref .profile-bestseller-cart .cart-action{width:35px!important;height:35px!important;border:0!important;border-radius:9px!important;background:#191e25!important}
  html[data-theme="light"] .profile-screen-ref .profile-bestseller-showcase{background:#fff!important;box-shadow:0 7px 20px rgba(0,0,0,.05)!important}
  html[data-theme="light"] .profile-screen-ref .profile-bestseller-open,
  html[data-theme="light"] .profile-screen-ref .profile-bestseller-cart .cart-action{background:#f0f1f3!important;color:#30343a!important}

  /* Videos/About: editorial tabs, no boxed dashboard borders. */
  .profile-screen-ref .profile-tabs-ref{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    margin:10px 16px 0!important;padding:0!important;height:43px!important;gap:22px!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:transparent!important;
  }
  .profile-screen-ref .profile-tabs-ref button{
    position:relative!important;height:43px!important;min-height:43px!important;padding:0 4px!important;
    border:0!important;border-radius:0!important;background:transparent!important;color:#8f96a0!important;
    box-shadow:none!important;font-size:12px!important;font-weight:800!important;
  }
  .profile-screen-ref .profile-tabs-ref button.active{background:transparent!important;color:#fff!important;box-shadow:none!important}
  .profile-screen-ref .profile-tabs-ref button.active:after{
    content:""!important;display:block!important;position:absolute!important;left:18%!important;right:18%!important;bottom:-1px!important;height:2px!important;border-radius:999px!important;background:var(--brand-red-gradient,linear-gradient(90deg,var(--site-accent),var(--site-accent2)))!important;
  }
  html[data-theme="light"] .profile-screen-ref .profile-tabs-ref{border-bottom-color:#e4e5e7!important}
  html[data-theme="light"] .profile-screen-ref .profile-tabs-ref button{color:#777d85!important}
  html[data-theme="light"] .profile-screen-ref .profile-tabs-ref button.active{background:transparent!important;color:#b61128!important;box-shadow:none!important}

  /* Shop by category/access/search: remove nested card-on-card borders and reduce height. */
  .profile-screen-ref .profile-shop-categories{margin:12px 0 2px!important;padding:0 16px!important}
  .profile-screen-ref .profile-shop-categories>header{margin-bottom:8px!important;align-items:end!important}
  .profile-screen-ref .profile-shop-categories>header small{font-size:6.5px!important;letter-spacing:.14em!important}
  .profile-screen-ref .profile-shop-categories>header b{font-size:14px!important}
  .profile-screen-ref .profile-shop-category-track{gap:7px!important;padding-bottom:4px!important}
  .profile-screen-ref .profile-shop-category{
    min-width:132px!important;min-height:50px!important;grid-template-columns:37px minmax(0,1fr)!important;
    gap:8px!important;padding:6px 9px 6px 6px!important;border:0!important;border-radius:13px!important;
    background:#11151b!important;box-shadow:none!important;
  }
  .profile-screen-ref .profile-shop-category-art,
  .profile-screen-ref .profile-shop-category-all{width:37px!important;height:37px!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
  .profile-screen-ref .profile-shop-category b{font-size:10.5px!important}
  .profile-screen-ref .profile-shop-category small{font-size:7.5px!important}
  .profile-screen-ref .profile-shop-category.active{background:#1a151a!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 22%,transparent)!important}
  html[data-theme="light"] .profile-screen-ref .profile-shop-category{background:#f0f1f3!important;border:0!important;box-shadow:none!important}
  html[data-theme="light"] .profile-screen-ref .profile-shop-category.active{background:#fff1f3!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 16%,transparent)!important}

  .profile-screen-ref .profile-shop-access{
    margin:9px 16px 5px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  .profile-screen-ref .profile-shop-access>header{margin:0 0 7px!important;padding:0!important}
  .profile-screen-ref .profile-shop-access>header>span{display:none!important}
  .profile-screen-ref .profile-shop-access-track{gap:7px!important}
  .profile-screen-ref .profile-shop-access-chip{
    min-height:34px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:#11151b!important;box-shadow:none!important;
  }
  .profile-screen-ref .profile-shop-access-chip.active{background:#1a151a!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 22%,transparent)!important}
  html[data-theme="light"] .profile-screen-ref .profile-shop-access{background:transparent!important;border:0!important}
  html[data-theme="light"] .profile-screen-ref .profile-shop-access-chip{background:#f0f1f3!important;border:0!important;box-shadow:none!important}
  html[data-theme="light"] .profile-screen-ref .profile-shop-access-chip.active{background:#fff1f3!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 16%,transparent)!important}

  .profile-screen-ref .profile-store-search{
    grid-template-columns:minmax(0,1fr) 42px!important;gap:7px!important;
    margin:10px 16px 8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  .profile-screen-ref .profile-store-search label{
    min-height:43px!important;padding:0 5px 0 11px!important;border:0!important;border-radius:12px!important;background:#11151b!important;box-shadow:none!important;
  }
  .profile-screen-ref .profile-store-search input{font-size:12px!important}
  .profile-screen-ref .profile-store-search>span{min-width:42px!important}
  .profile-screen-ref .profile-store-search>span b{font-size:13px!important}
  .profile-screen-ref .profile-store-search>span small{font-size:6.5px!important}
  html[data-theme="light"] .profile-screen-ref .profile-store-search{background:transparent!important;border:0!important;box-shadow:none!important}
  html[data-theme="light"] .profile-screen-ref .profile-store-search label{background:#f0f1f3!important;border:0!important;box-shadow:none!important}

  /* Sorting: compact neutral chips; filter button same height, no oversized border box. */
  .profile-screen-ref .profile-filters-premium{
    grid-template-columns:repeat(3,minmax(0,1fr)) 34px!important;gap:6px!important;
    padding:5px 16px 9px!important;
  }
  .profile-screen-ref .profile-filters-premium button{
    height:34px!important;padding:0 7px!important;border:0!important;border-radius:10px!important;background:#11151b!important;color:#9ba2ac!important;box-shadow:none!important;font-size:9.5px!important;
  }
  .profile-screen-ref .profile-filters-premium button.active{background:#1a151a!important;color:#fff!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 22%,transparent)!important}
  .profile-screen-ref .profile-filters-premium .profile-filter-more{width:34px!important;margin:0!important}
  html[data-theme="light"] .profile-screen-ref .profile-filters-premium button{background:#f0f1f3!important;color:#626872!important;border:0!important;box-shadow:none!important}
  html[data-theme="light"] .profile-screen-ref .profile-filters-premium button.active{background:#fff1f3!important;color:#b61128!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 16%,transparent)!important}

  /* Feed starts promptly after controls. Preserve existing two-column card logic. */
  .profile-screen-ref .profile-video-listing{padding-top:0!important;margin-top:0!important}
  .profile-screen-ref .profile-mobile-grid{gap:8px!important}
}

@media(min-width:768px){
  /* Desktop/tablet: keep functionality/layout, only remove unnecessary panel heaviness. */
  .profile-screen-ref .profile-membership-spotlight,
  .profile-screen-ref .profile-bestseller-showcase,
  .profile-screen-ref .profile-shop-access,
  .profile-screen-ref .profile-store-search{box-shadow:none!important}
}

/* === Xmegram 3.4.9-hotfix543 · clean premium Cart + header ===
   Presentation-only refinement. Cart, checkout, save-for-later, clear-cart,
   pricing and payment behavior are intentionally unchanged. */
.cart-screen{
  --cart-surface:#0b0f14;
  --cart-surface-2:#10151c;
  --cart-hairline:rgba(255,255,255,.07);
  --cart-muted:#9299a4;
  --cart-title:#f5f6f8;
  --cart-red:#f3203a;
}
.cart-screen .commerce-topbar{
  border-bottom:0!important;
  box-shadow:none!important;
  background:rgba(5,7,10,.97)!important;
}
.cart-screen .commerce-topbar h1{
  min-width:0!important;
  gap:6px!important;
  font-weight:880!important;
  letter-spacing:-.035em!important;
}
/* The shield beside Cart was reading like another action button. Keep the trust
   message below the header and let the page title stay visually quiet. */
.cart-screen .commerce-topbar h1>i{display:none!important}
.cart-screen .commerce-leading,
.cart-screen .commerce-head-actions,
.cart-screen .mobile-global-actions{gap:5px!important}
.cart-screen .commerce-topbar .icon-btn,
.cart-screen .cart-clear{
  border:0!important;
  box-shadow:none!important;
  background:rgba(255,255,255,.045)!important;
}
.cart-screen .cart-clear{
  color:#ee6c78!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
.cart-screen .cart-clear span{display:none!important}
.cart-screen .cart-secure{
  width:auto!important;
  max-width:none!important;
  margin:2px 18px 12px!important;
  padding:0!important;
  min-height:24px!important;
  justify-content:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--cart-muted)!important;
  font-size:10px!important;
  font-weight:650!important;
  letter-spacing:.005em!important;
}
.cart-screen .cart-secure .ico{width:14px!important;height:14px!important;color:#8f5caf!important}

/* Creator groups: one calm commerce surface, not a card inside a card. */
.cart-screen .cart-list.creator-grouped{
  margin:0 18px!important;
  padding:0!important;
  display:grid!important;
  gap:14px!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cart-screen .cart-creator-group{
  overflow:hidden!important;
  border:0!important;
  border-radius:17px!important;
  background:var(--cart-surface)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.cart-screen .cart-creator-group-head{
  min-height:58px!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:9px 11px!important;
  border:0!important;
  border-bottom:1px solid var(--cart-hairline)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cart-screen .cart-creator-group-avatar{
  width:38px!important;height:38px!important;
  border-radius:50%!important;
  background:#171c23!important;
  box-shadow:none!important;
}
.cart-screen .cart-creator-group-copy{gap:2px!important}
.cart-screen .cart-creator-group-copy small{
  color:#8f96a1!important;
  font-size:7px!important;
  letter-spacing:.11em!important;
  font-weight:850!important;
}
.cart-screen .cart-creator-group-copy b{
  color:var(--cart-title)!important;
  font-size:12.5px!important;
  font-weight:830!important;
}
.cart-screen .cart-creator-group-total{column-gap:5px!important}
.cart-screen .cart-creator-group-total small{
  color:#767e89!important;
  font-size:7px!important;
}
.cart-screen .cart-creator-group-total strong{
  color:#e6e8ec!important;
  font-size:12px!important;
  font-weight:820!important;
  letter-spacing:-.01em!important;
}
.cart-screen .cart-creator-group-total>.ico{width:13px!important;height:13px!important;color:#747c87!important}
.cart-screen .cart-creator-group-items{overflow:hidden!important}
.cart-screen .cart-creator-group-items .cart-item-card.cart-item-premium{
  border:0!important;
  border-bottom:1px solid var(--cart-hairline)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cart-screen .cart-creator-group-items .cart-item-card.cart-item-premium:last-child{border-bottom:0!important}

/* Cart rows: compact image-first hierarchy with quiet controls. */
.cart-screen .cart-item-card.cart-item-premium{
  min-height:0!important;
  padding:11px!important;
  gap:11px!important;
  align-items:stretch!important;
}
.cart-screen .cart-item-card.cart-item-premium .cart-thumb{
  min-height:0!important;
  border:0!important;
  border-radius:11px!important;
  box-shadow:none!important;
  background-color:#0a0c10!important;
}
.cart-screen .cart-thumb:after{background:linear-gradient(transparent 64%,rgba(0,0,0,.66))!important}
.cart-screen .cart-thumb>span{
  right:6px!important;bottom:6px!important;
  padding:4px 6px!important;
  border:0!important;border-radius:7px!important;
  background:rgba(5,6,8,.82)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:8.5px!important;
  font-weight:800!important;
}
.cart-screen .cart-item-main{
  min-width:0!important;
  min-height:0!important;
  padding:1px 0!important;
  display:flex!important;
  flex-direction:column!important;
}
.cart-screen .cart-item-head{gap:6px!important;align-items:flex-start!important}
.cart-screen .cart-item-head h2{
  margin:0!important;
  padding:1px 0 0!important;
  color:var(--cart-title)!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  overflow:hidden!important;
}
.cart-screen .cart-remove{
  width:29px!important;height:29px!important;flex:0 0 29px!important;
  border:0!important;border-radius:9px!important;
  background:transparent!important;
  color:#c86d76!important;
  box-shadow:none!important;
}
.cart-screen .cart-remove .ico{width:15px!important;height:15px!important}
.cart-screen .cart-item-commerce{
  margin-top:auto!important;
  padding:8px 0 0!important;
  border:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
}
.cart-screen .cart-unlock-status{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  color:#858d98!important;
  font-size:8px!important;
  font-weight:720!important;
}
.cart-screen .cart-unlock-status .ico{width:12px!important;height:12px!important;color:#8a5aa7!important}
.cart-screen .cart-unlock-status i{
  display:block!important;
  font-style:normal!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cart-screen .cart-item-commerce .cart-line-price,
.cart-screen .cart-item-commerce .cart-line-promo{
  margin:0 0 0 auto!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:880!important;
  color:#e7e9ed!important;
  white-space:nowrap!important;
}
.cart-screen .cart-item-commerce .video-access-badge{
  min-height:25px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  color:#aab1ba!important;
  box-shadow:none!important;
  font-size:8px!important;
  letter-spacing:.02em!important;
}
.cart-screen .cart-item-footer{
  margin-top:7px!important;
  padding-top:0!important;
  border-top:0!important;
  display:flex!important;
  align-items:center!important;
}
.cart-screen .cart-save-later{
  min-height:29px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#858d98!important;
  box-shadow:none!important;
  font-size:8px!important;
  font-weight:760!important;
  gap:5px!important;
}
.cart-screen .cart-save-later .ico{width:13px!important;height:13px!important}

/* Coupon + totals: lighter framing and one strong checkout action. */
.cart-screen .cart-coupon{
  margin:12px 18px 0!important;
  min-height:54px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:6px 7px 6px 12px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--cart-surface)!important;
  box-shadow:none!important;
}
.cart-screen .cart-coupon>span{color:#8c5aa7!important}
.cart-screen .cart-coupon .ico{width:20px!important;height:20px!important}
.cart-screen .cart-coupon input{
  height:40px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--cart-title)!important;
  font-size:12px!important;
}
.cart-screen .cart-coupon button{
  min-width:86px!important;
  height:40px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.065)!important;
  color:#d8c3e2!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:820!important;
}
.cart-screen .cart-summary{
  margin:10px 18px 0!important;
  padding:15px!important;
  border:0!important;
  border-radius:17px!important;
  background:var(--cart-surface)!important;
  box-shadow:none!important;
}
.cart-screen .cart-summary>div{
  padding:5px 1px!important;
  color:#8d95a0!important;
  font-size:11px!important;
}
.cart-screen .cart-summary>div b{color:#dfe2e7!important;font-weight:720!important}
.cart-screen .cart-summary hr{height:1px!important;margin:9px 0!important;background:var(--cart-hairline)!important}
.cart-screen .cart-summary .cart-total{
  margin:0!important;
  padding:9px 1px 2px!important;
  border-top:0!important;
  color:var(--cart-title)!important;
  font-size:15px!important;
  font-weight:830!important;
}
.cart-screen .cart-summary .cart-total strong{
  color:#f2243d!important;
  font-size:22px!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
.cart-screen .cart-checkout{
  height:52px!important;
  margin-top:12px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(105deg,#ff243b,#d9102d)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(225,18,47,.18)!important;
  font-size:14px!important;
  font-weight:850!important;
}
.cart-screen .cart-checkout .ico{width:18px!important;height:18px!important}
.cart-screen .cart-summary>p{
  margin:9px 0 0!important;
  color:#828a95!important;
  font-size:9px!important;
}
.cart-screen .cart-summary>p .ico{width:13px!important;height:13px!important;color:#4aa677!important}

@media(max-width:700px){
  .cart-screen .commerce-topbar{
    height:64px!important;
    min-height:64px!important;
    padding:calc(var(--safe-top) + 2px) 10px 0!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    column-gap:6px!important;
  }
  .cart-screen .commerce-leading{gap:4px!important}
  .cart-screen .commerce-topbar .icon-btn,
  .cart-screen .cart-clear{
    width:36px!important;height:36px!important;min-width:36px!important;
    border-radius:10px!important;
  }
  .cart-screen .commerce-topbar h1{font-size:19px!important}
  .cart-screen .commerce-head-actions,
  .cart-screen .mobile-global-actions{gap:4px!important}
  .cart-screen .cart-secure{margin:1px 12px 9px!important;min-height:22px!important;font-size:9px!important}

  .cart-screen .cart-list.creator-grouped{margin:0 10px!important;gap:10px!important}
  .cart-screen .cart-creator-group{border-radius:15px!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}
  .cart-screen .cart-creator-group-head{
    min-height:54px!important;
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:8px 9px!important;
  }
  .cart-screen .cart-creator-group-avatar{width:34px!important;height:34px!important}
  .cart-screen .cart-creator-group-copy small{font-size:6.5px!important}
  .cart-screen .cart-creator-group-copy b{font-size:11.5px!important}
  .cart-screen .cart-creator-group-total small{font-size:6.5px!important}
  .cart-screen .cart-creator-group-total strong{font-size:11px!important}

  .cart-screen .cart-item-card.cart-item-premium{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:9px!important;
    padding:9px!important;
  }
  .cart-screen .cart-item-card.cart-item-premium .cart-thumb{
    aspect-ratio:4/5!important;
    border-radius:10px!important;
  }
  .cart-screen .cart-item-head h2{font-size:12.5px!important;line-height:1.23!important}
  .cart-screen .cart-remove{width:28px!important;height:28px!important;flex-basis:28px!important}
  .cart-screen .cart-item-commerce{padding-top:7px!important;gap:6px!important}
  .cart-screen .cart-unlock-status{font-size:7.2px!important}
  .cart-screen .cart-item-commerce .cart-line-price,
  .cart-screen .cart-item-commerce .cart-line-promo{font-size:12.5px!important}
  .cart-screen .cart-item-footer{margin-top:6px!important}
  .cart-screen .cart-save-later{min-height:26px!important;font-size:7.2px!important}

  .cart-screen .cart-coupon,
  .cart-screen .cart-summary{margin-left:10px!important;margin-right:10px!important}
  .cart-screen .cart-coupon{margin-top:10px!important;min-height:50px!important}
  .cart-screen .cart-coupon input{height:38px!important;font-size:11px!important}
  .cart-screen .cart-coupon button{height:38px!important;min-width:76px!important;padding:0 11px!important;font-size:10px!important}
  .cart-screen .cart-summary{margin-top:9px!important;padding:13px!important;border-radius:15px!important}
  .cart-screen .cart-summary>div{font-size:10.5px!important}
  .cart-screen .cart-summary .cart-total{font-size:14px!important}
  .cart-screen .cart-summary .cart-total strong{font-size:21px!important}
  .cart-screen .cart-checkout{height:50px!important;margin-top:10px!important;font-size:13px!important;border-radius:12px!important}
}
@media(max-width:365px){
  .cart-screen .cart-item-card.cart-item-premium{grid-template-columns:96px minmax(0,1fr)!important;gap:8px!important;padding:8px!important}
  .cart-screen .cart-item-head h2{font-size:11.5px!important}
  .cart-screen .cart-unlock-status i{display:none!important}
}

/* Light mode: premium white commerce surface, restrained dividers, no nested outlines. */
html[data-theme="light"] .cart-screen{
  --cart-surface:#fff;
  --cart-surface-2:#f7f7f8;
  --cart-hairline:#ececef;
  --cart-muted:#737982;
  --cart-title:#17191c;
  background:#f7f7f8!important;
}
html[data-theme="light"] .cart-screen .commerce-topbar{
  background:rgba(255,255,255,.98)!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] .cart-screen .commerce-topbar .icon-btn,
html[data-theme="light"] .cart-screen .cart-clear{
  background:#f5f5f6!important;
  border:0!important;
  box-shadow:none!important;
  color:#202226!important;
}
html[data-theme="light"] .cart-screen .cart-clear{color:#b84b57!important}
html[data-theme="light"] .cart-screen .cart-secure{background:transparent!important;color:#777d85!important;border:0!important}
html[data-theme="light"] .cart-screen .cart-secure .ico{color:#7a4d8e!important}
html[data-theme="light"] .cart-screen .cart-creator-group{
  border:0!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(28,31,36,.045)!important;
}
html[data-theme="light"] .cart-screen .cart-creator-group-head{
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid #ececef!important;
  color:#1a1c20!important;
}
html[data-theme="light"] .cart-screen .cart-creator-group-avatar{background:#eef0f2!important;box-shadow:none!important}
html[data-theme="light"] .cart-screen .cart-creator-group-copy small,
html[data-theme="light"] .cart-screen .cart-creator-group-total small{color:#7a8088!important}
html[data-theme="light"] .cart-screen .cart-creator-group-copy b{color:#181a1e!important}
html[data-theme="light"] .cart-screen .cart-creator-group-total strong{color:#33373d!important}
html[data-theme="light"] .cart-screen .cart-creator-group-total>.ico{color:#7c828a!important}
html[data-theme="light"] .cart-screen .cart-creator-group-items .cart-item-card.cart-item-premium{
  background:#fff!important;
  border-bottom-color:#ececef!important;
  color:#17191c!important;
}
html[data-theme="light"] .cart-screen .cart-item-head h2{color:#17191c!important}
html[data-theme="light"] .cart-screen .cart-remove{background:transparent!important;color:#b85b66!important}
html[data-theme="light"] .cart-screen .cart-item-commerce{border:0!important}
html[data-theme="light"] .cart-screen .cart-unlock-status{color:#7c828a!important}
html[data-theme="light"] .cart-screen .cart-unlock-status .ico{color:#79518c!important}
html[data-theme="light"] .cart-screen .cart-item-commerce .cart-line-price,
html[data-theme="light"] .cart-screen .cart-item-commerce .cart-line-promo{color:#25282d!important}
html[data-theme="light"] .cart-screen .cart-item-commerce .video-access-badge{
  background:#f3f4f5!important;
  color:#6f757d!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] .cart-screen .cart-save-later{background:transparent!important;color:#656c75!important;border:0!important;box-shadow:none!important}
html[data-theme="light"] .cart-screen .cart-coupon,
html[data-theme="light"] .cart-screen .cart-summary{
  background:#fff!important;
  border:0!important;
  box-shadow:0 5px 18px rgba(28,31,36,.04)!important;
}
html[data-theme="light"] .cart-screen .cart-coupon>span{color:#79518c!important}
html[data-theme="light"] .cart-screen .cart-coupon input{background:transparent!important;color:#1b1d21!important;border:0!important}
html[data-theme="light"] .cart-screen .cart-coupon input::placeholder{color:#8b9198!important}
html[data-theme="light"] .cart-screen .cart-coupon button{
  background:#f1f2f4!important;
  color:#5f456a!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] .cart-screen .cart-summary>div{color:#6d737b!important}
html[data-theme="light"] .cart-screen .cart-summary>div b{color:#24272b!important}
html[data-theme="light"] .cart-screen .cart-summary hr{background:#ececef!important}
html[data-theme="light"] .cart-screen .cart-summary .cart-total{color:#17191c!important;border:0!important}
html[data-theme="light"] .cart-screen .cart-summary .cart-total strong{color:#d71932!important}
html[data-theme="light"] .cart-screen .cart-summary>p{color:#787e86!important}
html[data-theme="light"] .cart-screen .cart-summary>p .ico{color:#3a9a69!important}

/* === Xmegram 3.4.9-hotfix545 · compact mobile selling-card typography/actions ===
   CSS-only refinement for the media-first cards introduced in 535–540.
   Reduce visual weight without touching click handlers, cart, bookmark, pricing,
   player, ranking, or data. Mobile only. */
@media (max-width:767px){
  /* Video description/title: keep two-line readability, but stop shouting. */
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-title,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-title,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-title,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-title,
  body #app .screen.watch-screen .watch-creator-store-copy>.commerce-card-title{
    font-size:12.2px!important;
    line-height:1.24!important;
    font-weight:580!important;
    letter-spacing:-.006em!important;
    text-shadow:0 1px 5px rgba(0,0,0,.94)!important;
  }

  /* Price pill: smaller footprint, same red selling accent, borderless. */
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-price,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-price,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-price,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-price,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-price{
    top:7px!important;
    left:7px!important;
    height:23px!important;
    max-width:calc(100% - 66px)!important;
    padding:0 7px!important;
    border:0!important;
    border-radius:6px!important;
    box-shadow:none!important;
  }
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-price::before,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-price::before,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-price::before,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-price::before,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-price::before{
    font-size:9.2px!important;
    font-weight:780!important;
    letter-spacing:0!important;
  }

  /* Time pill: match the smaller price pill and reduce type weight. */
  body #app .screen.home-screen .home-section .home-trending-grid .duration,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .discover-duration,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .discover-duration,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .discover-following-media>time.duration,
  body #app .screen.watch-screen .watch-creator-store-media time.duration{
    top:7px!important;
    right:7px!important;
    height:23px!important;
    max-width:calc(100% - 14px)!important;
    padding:0 7px!important;
    border:0!important;
    border-radius:6px!important;
    font-size:9.5px!important;
    font-weight:720!important;
    letter-spacing:0!important;
    box-shadow:none!important;
  }

  /* Existing cart + bookmark controls: shrink only the presentation. */
  body #app .screen.home-screen .home-section .home-trending-grid :is(.commerce-card-save,.commerce-card-cart),
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart),
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart),
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions>button,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions>button{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    border:0!important;
    border-radius:6px!important;
    box-shadow:none!important;
  }
  body #app .screen.home-screen .home-section .home-trending-grid :is(.commerce-card-save,.commerce-card-cart) .ico,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart) .ico,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card :is(.commerce-card-save,.commerce-card-cart,.discover-card-bookmark,.discover-card-cart) .ico,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions>button .ico,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions>button .ico{
    width:13px!important;
    height:13px!important;
    stroke-width:1.65!important;
  }

  /* Keep the bottom controls comfortably inset after making them smaller. */
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-actions,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-actions,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-actions,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions{
    right:7px!important;
    bottom:7px!important;
    gap:3px!important;
  }
}


/* === Xmegram 3.4.9-hotfix547 · compact featured copy + interaction-priority autoplay ===
   Keep the existing feed card/autoplay system. On mobile, long editorial promotions
   no longer turn into a wall of copy. Playback interaction behavior lives in JS. */
@media (max-width:767px){
  body #app .screen.home-screen .home-promo-banner .home-promo-banner-content h2{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    max-height:3.18em!important;
    font-size:19px!important;
    line-height:1.06!important;
    font-weight:760!important;
    letter-spacing:-.025em!important;
  }
  body #app .screen.home-screen .home-promo-banner .home-promo-banner-content p{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:1!important;
    max-height:1.42em!important;
    font-size:10px!important;
    line-height:1.42!important;
  }
}

/* === Xmegram 3.4.9-hotfix550 · compact caption + top-right commerce actions ===
   Mobile-only visual relocation for Home-style selling cards across shared feeds.
   Cart/bookmark handlers and markup are unchanged; only their position changes.
   The creator/title block is returned to a compact bottom flow so copy no longer
   occupies an oversized portion of the media. */
@media (max-width:767px){
  /* Use a compact bottom flow for identity + caption. Price/actions stay absolute. */
  body #app .screen.home-screen .home-section .home-trending-grid > .video-card > .video-card-body,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card > .discover-mobile-copy,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card > .discover-mobile-copy,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card > .discover-following-copy,
  body #app .screen.watch-screen .watch-creator-store-card > .watch-creator-store-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    gap:4px!important;
    padding:0 10px 9px!important;
    box-sizing:border-box!important;
  }

  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-identity,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-identity,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-identity,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-identity{
    position:static!important;
    inset:auto!important;
    order:1!important;
    width:100%!important;
    min-height:20px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
  }

  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-title,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-title,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-title,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-title,
  body #app .screen.watch-screen .watch-creator-store-copy > .commerce-card-title{
    position:static!important;
    inset:auto!important;
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto!important;
    -webkit-line-clamp:2!important;
    font-size:12.1px!important;
    line-height:1.22!important;
    font-weight:560!important;
    letter-spacing:-.004em!important;
  }

  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-bottom,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-bottom,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-bottom,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-bottom,
  body #app .screen.watch-screen .watch-creator-store-copy > .commerce-card-bottom{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    order:3!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  /* Cart + bookmark share one horizontal rail directly below the duration pill. */
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-actions,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-actions,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-actions,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions{
    position:absolute!important;
    z-index:15!important;
    top:34px!important;
    right:7px!important;
    bottom:auto!important;
    left:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:3px!important;
    width:auto!important;
    height:24px!important;
    margin:0!important;
    padding:0!important;
    pointer-events:auto!important;
  }

  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-actions > button,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-actions > button,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-actions > button,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions > button,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions > button{
    position:static!important;
    inset:auto!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:6px!important;
    background:rgba(6,7,9,.52)!important;
    color:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-actions > button .ico,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-actions > button .ico,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-actions > button .ico,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions > button .ico,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions > button .ico{
    width:13px!important;
    height:13px!important;
  }

  /* Preserve more of the thumbnail above the compact bottom copy. */
  body #app .screen.home-screen .home-section .home-trending-grid .video-thumb::after,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .discover-mobile-media::after,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .discover-mobile-media::after{
    inset:58% 0 0!important;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.12) 24%,rgba(0,0,0,.64) 68%,rgba(0,0,0,.90) 100%)!important;
  }
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .discover-following-shade{
    inset:58% 0 0!important;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.12) 24%,rgba(0,0,0,.64) 68%,rgba(0,0,0,.90) 100%)!important;
  }

  /* Watch creator-store cards have no visible identity line; keep title flush to bottom. */
  body #app .screen.watch-screen .watch-creator-store-copy > .commerce-card-title{margin-top:auto!important;}

  /* Light theme still keeps these media cards cinematic with white overlay text. */
  html[data-theme="light"] body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-title,
  html[data-theme="light"] body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-identity,
  html[data-theme="light"] body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) :is(.commerce-card-title,.commerce-card-identity,.commerce-card-creator),
  html[data-theme="light"] body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card :is(.commerce-card-title,.commerce-card-identity,.commerce-card-creator),
  html[data-theme="light"] body #app .screen.watch-screen .watch-creator-store-copy > .commerce-card-title{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

/* === Xmegram 3.4.9-hotfix551 · remove bookmark from Home-style selling cards ===
   Mobile-only follow-up to hotfix550. Keep the existing cart action in the compact
   top-right rail, but remove the bookmark action from these shared Home-style cards.
   Watch-player bookmark and unrelated bookmark surfaces are intentionally untouched. */
@media (max-width:767px){
  body #app .screen.home-screen .home-section .home-trending-grid .commerce-card-actions > .commerce-card-save,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry) .premium-mobile-sales-card .commerce-card-actions > .commerce-card-save,
  body #app :is(.surface-category-masonry,.surface-country-masonry) .discover-mobile-card .commerce-card-actions > .commerce-card-save,
  body #app :is(.screen.discover-screen,.screen.home-screen) .discover-following-card .commerce-card-actions > .commerce-card-save,
  body #app .screen.watch-screen .watch-creator-store-copy .commerce-card-actions > .commerce-card-save{
    display:none!important;
  }
}

/* === Xmegram 3.4.9-hotfix554 · force-remove profile video/feed totals ===
   Keep category/access navigation labels, but never show aggregate video-count copy on
   public creator profiles. This is deliberately redundant with the hotfix552 renderer
   change so stale/alternate profile markup cannot expose "15 in store", "9 videos",
   access-count badges, category-count summaries, or "15 of 15" search totals. */
body #app .profile-screen-ref .profile-shop-categories > header > span,
body #app .profile-screen-ref .profile-shop-category small,
body #app .profile-screen-ref .profile-shop-access-chip > b,
body #app .profile-screen-ref .profile-store-search > span,
body #app .profile-screen-ref [data-profile-store-search-count]{
  display:none!important;
}
body #app .profile-screen-ref .profile-shop-category > span:last-child{
  gap:0!important;
}
body #app .profile-screen-ref .profile-shop-access-chip{
  grid-template-columns:16px auto!important;
}


/* === Xmegram 3.4.9-hotfix554 · profile totals final hard-stop ===
   The active renderer no longer emits these totals. These selectors are an additional
   deployment-safe guard for old/stale profile markup while a browser upgrades assets. */
body #app .profile-shop-categories .profile-shop-category small,
body #app .profile-shop-categories > header > span,
body #app .profile-shop-access .profile-shop-access-chip > b,
body #app .profile-store-search > span,
body #app [data-profile-store-search-count]{display:none!important;}


/* Hotfix560: Watch recommendation previews follow the existing viewport autoplay engine. */
.watch-creator-store-preview{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  border-radius:inherit!important;
  background:transparent!important;
  pointer-events:none!important;
}
.discover-mobile-media.is-playing>.mobile-selling-play,
.watch-creator-store-media.is-playing>i{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.discover-mobile-media>.mobile-selling-play,
.watch-creator-store-media>i{
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease!important;
}
.discover-mobile-media.is-playing>.mobile-selling-play{
  transform:translate(-50%,-50%) scale(.84)!important;
}
.watch-creator-store-media.is-playing>i{
  transform:translate(-50%,-50%) scale(.84)!important;
}
@media(max-width:767px){
  body #app .screen.watch-screen .watch-creator-store{
    margin-left:12px!important;
    margin-right:12px!important;
  }
  body #app .screen.watch-screen .watch-creator-store-track{
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* Hotfix561 — mobile feature rails keep a deliberate screen-edge gutter.
   Scope is intentionally limited to Spotlight collections, Saved for later,
   and Top creators. No autoplay/player behavior is changed here. */
@media(max-width:767px){
  body #app .screen.discover-screen .discover-spotlight-track,
  body #app .screen.discover-screen .discover-saved-track,
  body #app .screen .home-top-creators-track{
    box-sizing:border-box!important;
    width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
    scroll-padding-left:14px!important;
    scroll-padding-right:14px!important;
  }
}


/* === Xmegram 3.4.9-hotfix563 · Light profile identity contrast ===
   Light mode only: strengthen the lower cover fade behind the avatar/name/username.
   Dark mode and cover media above the identity zone remain unchanged. */
html[data-theme="light"] .profile-screen-ref .profile-hero-shade{
  background:
    linear-gradient(180deg,
      rgba(0,0,0,.08) 0%,
      rgba(0,0,0,.06) 32%,
      rgba(255,255,255,.08) 48%,
      rgba(255,255,255,.46) 64%,
      rgba(255,255,255,.86) 82%,
      rgba(255,255,255,.99) 100%),
    linear-gradient(90deg,rgba(0,0,0,.16),transparent 46%)!important;
}
html[data-theme="light"] .profile-screen-ref .profile-name-block h1{
  color:#151618!important;
  text-shadow:0 1px 0 rgba(255,255,255,.78),0 0 12px rgba(255,255,255,.56)!important;
}
html[data-theme="light"] .profile-screen-ref .profile-name-block>div{
  color:#666c74!important;
  text-shadow:0 1px 0 rgba(255,255,255,.74),0 0 10px rgba(255,255,255,.48)!important;
}
nn/* === Xmegram 3.4.9-hotfix565 · M-Pesa purchase confirmation wait state === */n.mpesa-purchase-wait{n  position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;padding:24px;n  background:rgba(2,4,8,.40);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);n  opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;n}n.mpesa-purchase-wait.is-visible{opacity:1;visibility:visible}n.mpesa-purchase-wait-card{n  min-width:190px;display:grid;justify-items:center;gap:18px;padding:27px 30px 24px;border:1px solid rgba(255,255,255,.12);n  border-radius:24px;background:rgba(10,13,18,.94);box-shadow:0 24px 70px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.05);n  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateY(8px) scale(.97);transition:transform .2s ease;n}n.mpesa-purchase-wait.is-visible .mpesa-purchase-wait-card{transform:translateY(0) scale(1)}n.mpesa-purchase-wait-card>b{color:#fff;font-size:20px;font-weight:850;letter-spacing:-.02em;line-height:1.1}n.mpesa-purchase-wait-spinner{n  position:relative;width:88px;height:88px;border-radius:50%;display:block;n  background:conic-gradient(from 20deg,rgba(255,255,255,.10),#ff1f3d 45%,#ff9a3d 72%,rgba(255,255,255,.10) 92%);n  animation:vhMpesaWaitSpin .9s linear infinite;box-shadow:0 0 34px rgba(255,55,79,.18);n}n.mpesa-purchase-wait-spinner:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0b0e13;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}n.mpesa-purchase-wait-spinner:after{content:"";position:absolute;width:13px;height:13px;left:50%;top:1px;transform:translateX(-50%);border-radius:50%;background:#fff;box-shadow:0 0 16px rgba(255,255,255,.72)}n.mpesa-purchase-wait-spinner>i{position:absolute;inset:28px;border-radius:50%;background:linear-gradient(145deg,#ff2a43,#d90f2c);box-shadow:0 7px 22px rgba(217,15,44,.34);z-index:1}n@keyframes vhMpesaWaitSpin{to{transform:rotate(360deg)}}nhtml[data-theme="light"] .mpesa-purchase-wait{background:rgba(19,24,31,.22)}nhtml[data-theme="light"] .mpesa-purchase-wait-card{border-color:rgba(26,32,40,.08);background:rgba(255,255,255,.96);box-shadow:0 24px 65px rgba(20,26,34,.18),inset 0 1px rgba(255,255,255,.8)}nhtml[data-theme="light"] .mpesa-purchase-wait-card>b{color:#191d22}nhtml[data-theme="light"] .mpesa-purchase-wait-spinner:before{background:#fff;box-shadow:inset 0 0 0 1px rgba(18,22,28,.06)}n@media(max-width:600px){.mpesa-purchase-wait-card{min-width:178px;padding:25px 27px 22px;border-radius:22px}.mpesa-purchase-wait-spinner{width:82px;height:82px}.mpesa-purchase-wait-card>b{font-size:19px}}n@media(prefers-reduced-motion:reduce){.mpesa-purchase-wait-spinner{animation-duration:1.8s}.mpesa-purchase-wait-card{transition:none}}n
/* ========================================================================== */
/* HOTFIX567 — REFERENCE HOME HERO ONLY                                       */
/* Re-activates and visually rebuilds the Home hero from the supplied Xmegram */
/* reference. Scope is deliberately limited to Home header/hero presentation.  */
/* Existing categories, Top Picks, feeds, commerce and ranking remain intact.  */
/* ========================================================================== */
.screen.home-screen{
  --hero-ref-pink:var(--site-accent-bright);
  --hero-ref-pink-2:var(--site-accent-bright);
  --hero-ref-red:#c9113e;
  --hero-ref-bg:#06101b;
  --hero-ref-panel:#120913;
  --hero-ref-line:color-mix(in srgb,var(--site-accent-bright) 50%,transparent);
  --hero-ref-muted:#b4bac5;
}

/* Header canvas: same blue-black surface as the reference hero. */
.screen.home-screen>.topbar{
  background:
    radial-gradient(circle at 8% 0%,rgba(38,83,131,.15),transparent 44%),
    linear-gradient(180deg,rgba(5,15,27,.985) 0%,rgba(4,12,22,.965) 72%,rgba(4,12,22,.93) 100%)!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}
html[data-theme="light"] .screen.home-screen>.topbar{
  background:
    radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--site-accent-bright) 6.5%,transparent),transparent 45%),
    linear-gradient(180deg,rgba(255,255,255,.985) 0%,rgba(249,250,252,.97) 100%)!important;
  border-bottom:1px solid rgba(22,32,44,.055)!important;
  box-shadow:0 7px 24px rgba(35,41,51,.04)!important;
}

/* Undo Hotfix534's deliberate hide, without touching any non-hero module. */
.screen.home-screen .home-hero.xmg-reference-hero,
html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{
  display:block!important;
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  height:378px!important;
  min-height:378px!important;
  margin:10px 14px 8px!important;
  padding:0 0 25px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-slide{
  position:absolute!important;
  inset:0 0 25px!important;
  display:block!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(10px,0,0)!important;
  transition:opacity .28s ease,transform .32s ease,visibility .28s step-end!important;
  background:none!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-slide.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate3d(0,0,0)!important;
  transition:opacity .28s ease,transform .32s ease,visibility 0s!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-card{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.56fr) minmax(148px,.92fr)!important;
  overflow:hidden!important;
  border:1px solid var(--hero-ref-line)!important;
  border-radius:19px!important;
  background:linear-gradient(120deg,#11141a 0%,#0b111a 59%,#190913 100%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-media{
  position:relative!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  background-position:center 37%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-media-shade{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(11,7,8,.58) 0%,rgba(11,7,8,.20) 47%,rgba(11,7,8,.03) 72%,rgba(12,8,10,.34) 100%),
    linear-gradient(0deg,rgba(8,8,10,.25) 0%,transparent 42%,rgba(8,6,8,.10) 100%)!important;
  pointer-events:none!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy{
  position:absolute!important;
  z-index:3!important;
  left:17px!important;
  top:19px!important;
  width:min(76%,285px)!important;
  color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.48)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 0 8px!important;
  color:var(--site-accent-light)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  text-transform:uppercase!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small i{
  color:var(--site-accent-bright)!important;
  font-size:15px!important;
  line-height:1!important;
  font-style:normal!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{
  margin:0!important;
  max-width:265px!important;
  color:#fff!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:31px!important;
  line-height:1.01!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
  text-wrap:balance!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1>i{
  color:var(--site-accent-bright)!important;
  font-family:inherit!important;
  font-style:normal!important;
  font-weight:500!important;
  white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:7px 0 0!important;
  max-width:230px!important;
  color:#f4f4f6!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-play{
  position:absolute!important;
  z-index:4!important;
  left:15px!important;
  bottom:14px!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(12,10,11,.72)!important;
  color:#fff!important;
  box-shadow:0 5px 16px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  font-size:11px!important;
  font-weight:600!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-play .ico{width:16px!important;height:16px!important;fill:#fff!important;stroke:#fff!important}

.screen.home-screen .xmg-reference-hero .hero-reference-panel{
  min-width:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:19px 14px 13px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(108,17,49,.18),transparent 44%),
    linear-gradient(145deg,rgba(27,12,19,.98),rgba(8,15,23,.985) 70%)!important;
  color:#fff!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown{
  align-self:flex-start!important;
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 12px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,88,123,.16)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#ce173f,#a50e31)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(145,8,37,.22),inset 0 1px rgba(255,255,255,.12)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown.is-static{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:none!important;
  color:#dfe4eb!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown .ico{width:15px!important;height:15px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown em{font-style:normal!important;font-weight:650!important;opacity:.96!important}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown b{font-size:11px!important;font-weight:800!important;letter-spacing:.01em!important}

.screen.home-screen .xmg-reference-hero .hero-reference-creator{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  margin:0 0 9px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-avatar{
  width:31px!important;height:31px!important;flex:0 0 31px!important;
  overflow:hidden!important;border-radius:50%!important;
  border:1.5px solid rgba(255,255,255,.58)!important;
  background:#171d26!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.screen.home-screen .xmg-reference-hero .hero-reference-creator>div{min-width:0!important}
.screen.home-screen .xmg-reference-hero .hero-reference-creator h2{
  display:flex!important;align-items:center!important;gap:5px!important;
  margin:0!important;color:#fff!important;
  font-size:15px!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.025em!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-creator h2 .verified{font-size:9px!important;flex:0 0 auto!important}
.screen.home-screen .xmg-reference-hero .hero-reference-creator p{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  margin:4px 0 0!important;color:#c9c8ce!important;font-size:9.5px!important;line-height:1.25!important;font-weight:500!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-tags{
  display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important;
  margin:0 0 10px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-tags span{
  min-height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 8px!important;border:1px solid color-mix(in srgb,var(--site-accent-bright) 18%,transparent)!important;border-radius:999px!important;
  background:color-mix(in srgb,var(--site-accent2) 14%,transparent)!important;color:var(--site-accent-light)!important;
  font-size:8.5px!important;line-height:1!important;font-weight:550!important;white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-price{
  display:flex!important;align-items:baseline!important;gap:8px!important;margin:auto 0 9px!important;min-width:0!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-price strong{
  color:var(--site-accent-bright)!important;font-size:21px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.035em!important;white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-price del{
  color:#9ca2ad!important;font-size:10px!important;line-height:1!important;font-weight:500!important;white-space:nowrap!important;text-decoration-thickness:1px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-cta,
.screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{
  width:100%!important;height:48px!important;min-height:48px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding:0 10px!important;border:1px solid color-mix(in srgb,var(--site-accent-light) 30%,transparent)!important;border-radius:10px!important;
  background:linear-gradient(135deg,var(--hero-ref-pink) 0%,var(--hero-ref-pink-2) 58%,var(--site-accent) 100%)!important;
  color:#fff!important;box-shadow:0 8px 19px color-mix(in srgb,var(--site-accent-bright) 23%,transparent),inset 0 1px rgba(255,255,255,.18)!important;
  font-size:12px!important;line-height:1!important;font-weight:700!important;letter-spacing:-.01em!important;white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-cta .ico{width:17px!important;height:17px!important;color:#fff!important;stroke:#fff!important}
.screen.home-screen .xmg-reference-hero .hero-reference-bought{
  display:block!important;margin:8px 0 0!important;color:#d5d9df!important;font-size:8.5px!important;line-height:1.15!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* Exact circular pagination language from the reference. */
.screen.home-screen .xmg-reference-hero .hero-reference-dots,
.screen.home-screen .xmg-reference-hero .luxury-hero-dots.hero-reference-dots{
  position:absolute!important;z-index:10!important;left:50%!important;right:auto!important;bottom:4px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:auto!important;height:14px!important;margin:0!important;padding:0!important;
  transform:translateX(-50%)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-dots button{
  width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:#4b5360!important;box-shadow:none!important;opacity:.88!important;transform:none!important;transition:background .18s ease,opacity .18s ease!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-dots button.active{
  width:8px!important;height:8px!important;min-width:8px!important;max-width:8px!important;
  background:var(--site-accent-bright)!important;opacity:1!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--site-accent-bright) 18%,transparent),0 0 12px color-mix(in srgb,var(--site-accent-bright) 16%,transparent)!important;
}

/* Light mode keeps the same hierarchy, border, radius and typography. */
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-card{
  border-color:color-mix(in srgb,var(--site-accent) 40%,transparent)!important;
  background:#fff!important;
  box-shadow:0 13px 30px rgba(47,37,45,.10),inset 0 1px rgba(255,255,255,.92)!important;
}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-panel{
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--site-accent-bright) 8%,transparent),transparent 46%),
    linear-gradient(145deg,#fff 0%,#faf6f8 62%,#f6f8fb 100%)!important;
  color:#171a1f!important;
}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-countdown.is-static{
  background:#f5f6f8!important;border-color:#e8e9ec!important;color:#505761!important;
}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{color:#171a1f!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-creator p{color:#69717c!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-tags span{background:#fff1f6!important;border-color:#f7cfdd!important;color:var(--site-accent2)!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-price del{color:#8b9098!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-bought{color:#5f6670!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-dots button{background:#c8ccd2!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-dots button.active{background:var(--site-accent-bright)!important}

@media(max-width:767px){
  /* Reference has search as an icon in the header, not a separate search bar. */
  .screen.home-screen .home-mobile-primary-search{display:none!important}
  .screen.home-screen .home-tablet-search{display:grid!important}
  .screen.home-screen>.topbar{min-height:72px!important;height:72px!important;padding-left:14px!important;padding-right:12px!important}
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{
    height:374px!important;min-height:374px!important;margin:8px 10px 8px!important;padding-bottom:25px!important;
  }
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.52fr) minmax(145px,.96fr)!important;border-radius:18px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy{left:14px!important;top:17px!important;width:82%!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small{font-size:9px!important;margin-bottom:7px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{font-size:27px!important;line-height:1.01!important;max-width:220px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{font-size:10px!important;max-width:195px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:15px 11px 11px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown{min-height:31px!important;margin-bottom:10px!important;padding:0 8px!important;font-size:8.5px!important;gap:4px!important;border-radius:7px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown .ico{width:13px!important;height:13px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown b{font-size:9.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-avatar{width:28px!important;height:28px!important;flex-basis:28px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator{gap:6px!important;margin-bottom:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{font-size:13px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator p{font-size:8.5px!important;-webkit-line-clamp:2!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags{gap:4px!important;margin-bottom:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:21px!important;padding:0 6px!important;font-size:7.6px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price{gap:6px!important;margin-bottom:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:18px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price del{font-size:8.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:43px!important;min-height:43px!important;border-radius:9px!important;font-size:10px!important;padding:0 7px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta .ico{width:15px!important;height:15px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-bought{font-size:7.6px!important;margin-top:7px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-play{left:12px!important;bottom:12px!important;min-height:31px!important;padding:0 9px!important;font-size:9.5px!important}
}

@media(max-width:390px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{height:350px!important;min-height:350px!important;margin-left:8px!important;margin-right:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.44fr) minmax(138px,1fr)!important;border-radius:16px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy{left:12px!important;top:14px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{font-size:23px!important;max-width:190px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{font-size:9px!important;max-width:170px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:12px 9px 9px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown{min-height:29px!important;margin-bottom:8px!important;padding:0 7px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown em{display:none!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{font-size:11.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator p{font-size:7.8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:19px!important;padding:0 5px!important;font-size:6.9px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:16px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:40px!important;min-height:40px!important;font-size:9px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-bought{font-size:7px!important}
}

@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{height:410px!important;min-height:410px!important;margin:14px 20px 12px!important;padding-bottom:27px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.63fr) minmax(255px,.92fr)!important;border-radius:21px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy{left:26px!important;top:25px!important;width:70%!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{font-size:39px!important;max-width:370px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{font-size:13px!important;max-width:315px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:24px 20px 17px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{font-size:18px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator p{font-size:11px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:25px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:52px!important;min-height:52px!important;font-size:13px!important}
}

@media(min-width:1100px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{height:456px!important;min-height:456px!important;margin:18px 28px 14px!important;padding-bottom:30px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.72fr) minmax(330px,.92fr)!important;border-radius:23px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy{left:34px!important;top:31px!important;width:68%!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small{font-size:12px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{font-size:48px!important;max-width:470px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{font-size:14px!important;max-width:380px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:28px 24px 20px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown{min-height:39px!important;padding:0 13px!important;font-size:11px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown b{font-size:12px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{font-size:21px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator p{font-size:12px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:28px!important;padding:0 10px!important;font-size:9.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:29px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price del{font-size:12px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:55px!important;min-height:55px!important;font-size:14px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-bought{font-size:10px!important}
}

/* ================================================================
   HOTFIX568 — REFERENCE COMMERCE CATEGORY PILLS + SITE PALETTE
   Next visual step after Hotfix567 Hero.
   - Replaces only the Home circular category rail with the supplied
     horizontal commerce pills: Trending, Country, Live, New, Admin categories, Premium,
     and viewer Country.
   - Carries the supplied navy / hot-pink palette through the existing
     shared brand tokens site-wide without changing page geometry.
   - Dark + light, mobile + tablet + desktop.
   - Preview/autoplay/media behavior is intentionally untouched.
   ================================================================ */
:root{
  --xmg-reference-pink:var(--site-accent);
  --xmg-reference-pink-bright:var(--site-accent-bright);
  --xmg-reference-pink-deep:var(--site-accent2);
  --xmg-reference-navy:#07111a;
  --xmg-reference-navy-2:#0b1621;
  --xmg-reference-navy-3:#101d29;
  --brand-red:var(--site-accent);
  --brand-red-bright:var(--site-accent-bright);
  --brand-red-deep:var(--site-accent2);
  --brand-red-soft:color-mix(in srgb,var(--site-accent) 12%,transparent);
  --brand-red-soft-2:color-mix(in srgb,var(--site-accent) 20%,transparent);
  --brand-red-border:color-mix(in srgb,var(--site-accent) 48%,transparent);
  --brand-red-gradient:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%);
  --tab-maroon-active:var(--site-accent);
}
html:not([data-theme="light"]){
  --lux-bg:#07111a;
  --lux-bg-deep:#030911;
  --lux-surface:#0b141e;
  --lux-surface-2:#101a25;
  --lux-surface-3:#15212d;
  --lux-line:rgba(194,213,231,.12);
  --lux-red:var(--site-accent);
  --lux-red-deep:var(--site-accent2);
  --lux-pink:var(--site-accent);
  --lux-feature:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%);
}
html:not([data-theme="light"]) #app{
  background:
    radial-gradient(circle at 78% -10%,color-mix(in srgb,var(--site-accent) 5.5%,transparent) 0,color-mix(in srgb,var(--site-accent) 1.2%,transparent) 28%,transparent 46%),
    linear-gradient(180deg,#07111a 0%,#050d15 47%,#030911 100%)!important;
}
html:not([data-theme="light"]) .topbar{
  background:linear-gradient(180deg,rgba(7,17,26,.985),rgba(7,17,26,.93) 72%,rgba(7,17,26,0))!important;
}
html:not([data-theme="light"]) .bottom-nav{
  background:rgba(5,13,21,.965)!important;
  box-shadow:0 -1px rgba(180,205,228,.10),0 -18px 48px rgba(0,0,0,.26)!important;
}
html[data-theme="light"]{
  --brand-red:var(--site-accent);
  --brand-red-bright:var(--site-accent);
  --brand-red-deep:var(--site-accent2);
  --brand-red-soft:color-mix(in srgb,var(--site-accent) 9%,transparent);
  --brand-red-soft-2:color-mix(in srgb,var(--site-accent) 15%,transparent);
  --brand-red-border:color-mix(in srgb,var(--site-accent) 35%,transparent);
  --brand-red-gradient:linear-gradient(105deg,var(--site-accent) 0%,var(--site-accent) 54%,var(--site-accent2) 100%);
  --tab-maroon-active:var(--site-accent);
}

/* Exact reference category language: horizontal pills, never image circles. */
.screen.home-screen .home-categories-section.home-reference-categories{
  margin:16px 0 14px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.screen.home-screen .home-reference-categories .home-category-strip{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0 20px 7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-padding-inline:20px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
.screen.home-screen .home-reference-categories .home-category-strip::-webkit-scrollbar{display:none!important}
.screen.home-screen .home-reference-categories .home-category-chip,
.screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  height:50px!important;
  min-height:50px!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 17px!important;
  margin:0!important;
  border:1px solid rgba(187,207,226,.24)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(16,27,39,.98),rgba(9,17,26,.98))!important;
  color:#f4f6f9!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 5px 15px rgba(0,0,0,.20)!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  text-align:center!important;
  transform:none!important;
}
.screen.home-screen .home-reference-categories .home-category-chip>span,
.screen.home-screen .home-reference-categories .home-category-chip .home-live-category-icon,
.screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon{
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  flex:0 0 22px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#d7dde5!important;
  overflow:visible!important;
}
.screen.home-screen .home-reference-categories .home-category-chip>span>.ico,
.screen.home-screen .home-reference-categories .home-category-chip .home-live-category-icon>.ico,
.screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon>.ico{
  width:21px!important;
  height:21px!important;
  display:block!important;
  stroke-width:1.9!important;
}
.screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon>i{
  display:block!important;
  margin:0!important;
  font-size:18px!important;
  line-height:1!important;
  font-style:normal!important;
  filter:saturate(1.08)!important;
}
.screen.home-screen .home-reference-categories .home-category-chip>b{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:620!important;
  letter-spacing:-.012em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.screen.home-screen .home-reference-categories .home-reference-live>span{color:var(--site-accent)!important}
.screen.home-screen .home-reference-categories .home-reference-new>span{color:#ffd45f!important}
.screen.home-screen .home-reference-categories .home-reference-romance>span{color:var(--site-accent-bright)!important}
.screen.home-screen .home-reference-categories .home-reference-premium>span{color:#f4c95c!important}
.screen.home-screen .home-reference-categories .home-country-category>span{
  width:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  flex-basis:23px!important;
}
.screen.home-screen .home-reference-categories .home-country-flag-img{
  width:22px!important;
  height:15px!important;
  max-width:22px!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:2px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10)!important;
}
.screen.home-screen .home-reference-categories .home-category-chip.active,
.screen.home-screen .home-reference-categories .home-category-chip.all-category.active{
  color:#fff!important;
  border-color:color-mix(in srgb,var(--site-accent-light) 86%,transparent)!important;
  background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 48%,var(--site-accent2) 100%)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--site-accent) 14%,transparent),0 7px 22px color-mix(in srgb,var(--site-accent) 29%,transparent),inset 0 1px rgba(255,255,255,.17)!important;
}
.screen.home-screen .home-reference-categories .home-category-chip.active>span,
.screen.home-screen .home-reference-categories .home-category-chip.all-category.active>span{
  color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.screen.home-screen .home-reference-categories .home-category-chip:active{transform:scale(.975)!important}

/* Light mode keeps the exact pill geometry but uses neutral white surfaces. */
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip,
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{
  color:#343941!important;
  border-color:#d8dde3!important;
  background:linear-gradient(180deg,#fff,#f5f7f9)!important;
  box-shadow:0 4px 12px rgba(25,35,45,.06),inset 0 1px #fff!important;
}
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip>span,
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip .home-live-category-icon,
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip.active,
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip.all-category.active{
  color:#fff!important;
  border-color:color-mix(in srgb,var(--site-accent) 82%,transparent)!important;
  background:linear-gradient(105deg,var(--site-accent) 0%,var(--site-accent) 54%,var(--site-accent2) 100%)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--site-accent) 10%,transparent),0 7px 19px color-mix(in srgb,var(--site-accent2) 16%,transparent),inset 0 1px rgba(255,255,255,.20)!important;
}
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip.active>span,
html[data-theme="light"] .screen.home-screen .home-reference-categories .home-category-chip.all-category.active>span{color:#fff!important}

@media(max-width:767px){
  .screen.home-screen .home-categories-section.home-reference-categories{margin:14px 0 12px!important}
  .screen.home-screen .home-reference-categories .home-category-strip{gap:9px!important;padding:0 14px 6px!important;scroll-padding-inline:14px!important}
  .screen.home-screen .home-reference-categories .home-category-chip,
  .screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{
    height:47px!important;min-height:47px!important;padding:0 15px!important;gap:8px!important;
  }
  .screen.home-screen .home-reference-categories .home-category-chip>b{font-size:14.2px!important;font-weight:620!important}
  .screen.home-screen .home-reference-categories .home-category-chip>span,
  .screen.home-screen .home-reference-categories .home-category-chip .home-live-category-icon,
  .screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon{width:21px!important;min-width:21px!important;max-width:21px!important;height:21px!important;min-height:21px!important;flex-basis:21px!important}
  .screen.home-screen .home-reference-categories .home-category-chip>span>.ico,
  .screen.home-screen .home-reference-categories .home-category-chip .home-live-category-icon>.ico,
  .screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon>.ico{width:20px!important;height:20px!important}
}
@media(max-width:390px){
  .screen.home-screen .home-reference-categories .home-category-strip{gap:8px!important;padding-left:12px!important;padding-right:12px!important;scroll-padding-inline:12px!important}
  .screen.home-screen .home-reference-categories .home-category-chip,
  .screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{height:44px!important;min-height:44px!important;padding:0 13px!important;gap:7px!important}
  .screen.home-screen .home-reference-categories .home-category-chip>b{font-size:13.5px!important}
  .screen.home-screen .home-reference-categories .home-category-chip>span,
  .screen.home-screen .home-reference-categories .home-category-chip .home-live-category-icon,
  .screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon{width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;flex-basis:20px!important}
}
@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-categories-section.home-reference-categories{margin:17px 0 16px!important}
  .screen.home-screen .home-reference-categories .home-category-strip{gap:11px!important;padding:0 24px 8px!important;scroll-padding-inline:24px!important}
  .screen.home-screen .home-reference-categories .home-category-chip,
  .screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{height:52px!important;min-height:52px!important;padding:0 18px!important;gap:10px!important}
  .screen.home-screen .home-reference-categories .home-category-chip>b{font-size:15.2px!important}
}
@media(min-width:1100px){
  .screen.home-screen .home-categories-section.home-reference-categories{margin:18px 0 17px!important}
  .screen.home-screen .home-reference-categories .home-category-strip{gap:12px!important;padding:0 28px 9px!important;scroll-padding-inline:28px!important}
  .screen.home-screen .home-reference-categories .home-category-chip,
  .screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{height:54px!important;min-height:54px!important;padding:0 20px!important;gap:10px!important}
  .screen.home-screen .home-reference-categories .home-category-chip>b{font-size:16px!important;font-weight:630!important}
}

/* ========================================================================== */
/* HOTFIX569 — SECOND-REFERENCE HERO PROPORTIONS + MAGENTA PALETTE ONLY       */
/* Corrects Hotfix567 hero against the supplied second screenshot.             */
/* No preview/autoplay/player behavior is changed.                              */
/* ========================================================================== */
.screen.home-screen{
  --hero-ref-pink:var(--site-accent);
  --hero-ref-pink-2:var(--site-accent);
  --hero-ref-pink-bright:var(--site-accent-bright);
  --hero-ref-wine:#220d19;
  --hero-ref-bg:#06111b;
  --hero-ref-panel:#0a131d;
  --hero-ref-gold:#f4c95c;
  --hero-ref-line:color-mix(in srgb,var(--site-accent) 55%,transparent);
  --hero-ref-muted:#b8bec7;
}

/* Header belongs to the same navy-black canvas as the reference. */
.screen.home-screen>.topbar{
  background:linear-gradient(180deg,#07121d 0%,#06101a 100%)!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
html[data-theme="light"] .screen.home-screen>.topbar{
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;
  border-bottom:1px solid #e9edf2!important;
}

/* The generated reference is wide and shallow: do not make the hero poster-tall. */
.screen.home-screen .home-hero.xmg-reference-hero,
html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{
  display:block!important;
  width:auto!important;
  height:232px!important;
  min-height:232px!important;
  margin:10px 10px 5px!important;
  padding:0 0 22px!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-slide{inset:0 0 22px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-card{
  height:100%!important;
  grid-template-columns:minmax(0,1.72fr) minmax(132px,.94fr)!important;
  border:1px solid var(--hero-ref-line)!important;
  border-radius:17px!important;
  background:linear-gradient(115deg,#15131a 0%,#0a121c 62%,#160b14 100%)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-media{
  background-position:center 42%!important;
  background-size:cover!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-media-shade{
  background:
    linear-gradient(90deg,rgba(10,7,10,.34) 0%,rgba(10,7,10,.08) 47%,rgba(10,7,10,.02) 74%,rgba(18,7,14,.20) 100%),
    linear-gradient(0deg,rgba(7,8,10,.22),transparent 42%)!important;
}

/* Left media: small sales badge + handwritten decorative copy, never raw caption. */
.screen.home-screen .xmg-reference-hero .hero-reference-promo-badge{
  position:absolute!important;
  z-index:4!important;
  top:12px!important;
  left:12px!important;
  min-height:29px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:0 10px!important;
  border:1px solid color-mix(in srgb,var(--site-accent-light) 48%,transparent)!important;
  border-radius:999px!important;
  background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 100%)!important;
  color:#fff!important;
  box-shadow:0 5px 15px color-mix(in srgb,var(--site-accent) 22%,transparent),inset 0 1px rgba(255,255,255,.17)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-promo-badge>i{
  font-style:normal!important;
  font-size:12px!important;
  line-height:1!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-script{
  position:absolute!important;
  z-index:3!important;
  left:15px!important;
  top:64px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  color:#fff!important;
  font-family:"Segoe Script","Bradley Hand","Brush Script MT",cursive!important;
  font-size:19px!important;
  line-height:.96!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
  transform:rotate(-5deg)!important;
  text-shadow:0 2px 13px rgba(0,0,0,.66)!important;
  pointer-events:none!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-script span:nth-child(2){margin-left:5px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-script span:nth-child(3){margin-left:11px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-script i{color:var(--site-accent-light)!important;font-style:normal!important}
.screen.home-screen .xmg-reference-hero .hero-reference-play{
  left:12px!important;
  bottom:11px!important;
  min-height:30px!important;
  padding:0 9px!important;
  gap:6px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(8,8,11,.74)!important;
  box-shadow:none!important;
  font-size:10px!important;
  font-weight:650!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-play .ico{width:14px!important;height:14px!important}

/* Right commerce panel from the second screenshot: gold eyebrow, title, meta, price, CTA. */
.screen.home-screen .xmg-reference-hero .hero-reference-panel{
  height:100%!important;
  padding:14px 11px 10px!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(111,22,59,.20),transparent 43%),
    linear-gradient(148deg,#1c0d17 0%,#0a131d 68%,#08121b 100%)!important;
  color:#fff!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0 0 7px!important;
  color:var(--hero-ref-gold)!important;
  font-size:8.3px!important;
  line-height:1!important;
  font-weight:720!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-eyebrow .ico{width:13px!important;height:13px!important;stroke-width:1.9!important}
.screen.home-screen .xmg-reference-hero .hero-reference-title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0 0 6px!important;
  color:#fff!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:18px!important;
  line-height:1.04!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  text-wrap:balance!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-title>i{color:var(--site-accent-bright)!important;font-style:normal!important;font-weight:500!important}
.screen.home-screen .xmg-reference-hero .hero-reference-meta{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0 0 7px!important;
  color:#c8cbd1!important;
  font-size:8.6px!important;
  line-height:1.25!important;
  font-weight:480!important;
  letter-spacing:-.005em!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-tags{
  gap:4px!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  margin:0 0 7px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-tags span{
  min-height:20px!important;
  padding:0 6px!important;
  border:1px solid color-mix(in srgb,var(--site-accent) 23%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--site-accent) 9%,transparent)!important;
  color:var(--site-accent-light)!important;
  font-size:7px!important;
  font-weight:580!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-price{
  gap:6px!important;
  margin:auto 0 7px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-price strong{
  color:var(--site-accent)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:-.035em!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-price del{
  color:#959ba5!important;
  font-size:8px!important;
  font-weight:500!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-cta,
.screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{
  width:100%!important;
  height:39px!important;
  min-height:39px!important;
  padding:0 8px!important;
  gap:7px!important;
  border:1px solid color-mix(in srgb,var(--site-accent-light) 45%,transparent)!important;
  border-radius:9px!important;
  background:linear-gradient(105deg,var(--site-accent) 0%,var(--site-accent) 50%,var(--site-accent) 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--site-accent) 24%,transparent),inset 0 1px rgba(255,255,255,.19)!important;
  font-size:10px!important;
  font-weight:720!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-cta .ico{width:14px!important;height:14px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-bought{
  display:block!important;
  margin:6px 0 0!important;
  color:#d0d3d8!important;
  font-size:7.3px!important;
  line-height:1.1!important;
  font-weight:500!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-deal-note{
  display:block!important;
  margin:3px 0 0!important;
  color:var(--site-accent-light)!important;
  font-size:6.8px!important;
  line-height:1!important;
  font-weight:540!important;
  white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-deal-note b{font-weight:720!important;color:#ff9bbf!important}

/* Four compact carousel dots exactly under the hero card. */
.screen.home-screen .xmg-reference-hero .hero-reference-dots,
.screen.home-screen .xmg-reference-hero .luxury-hero-dots.hero-reference-dots{
  position:absolute!important;
  z-index:10!important;
  left:50%!important;
  right:auto!important;
  bottom:5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  transform:translateX(-50%)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-dots button{
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  min-height:7px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#46515e!important;
  box-shadow:none!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-dots button.active{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  background:var(--site-accent)!important;
}

/* No primary red in light mode either; geometry stays identical. */
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-card{
  border-color:color-mix(in srgb,var(--site-accent) 34%,transparent)!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(23,31,40,.09),inset 0 1px #fff!important;
}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-panel{
  background:linear-gradient(145deg,#fff8fb 0%,#fff 52%,#f7fafc 100%)!important;
  color:#171a1f!important;
}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-title{color:#171a1f!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-meta{color:#666e79!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-tags span{background:#fff0f6!important;border-color:#f6cddd!important;color:var(--site-accent2)!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-price del{color:#858b94!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-bought{color:#646b74!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-deal-note{color:var(--site-accent2)!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-dots button{background:#c7ccd2!important}
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-dots button.active{background:var(--site-accent)!important}

@media(max-width:390px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{
    height:218px!important;min-height:218px!important;margin-left:8px!important;margin-right:8px!important;padding-bottom:21px!important;
  }
  .screen.home-screen .xmg-reference-hero .hero-reference-slide{inset:0 0 21px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.68fr) minmax(124px,.96fr)!important;border-radius:15px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-promo-badge{top:10px!important;left:10px!important;min-height:26px!important;padding:0 8px!important;font-size:8.6px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-script{left:12px!important;top:57px!important;font-size:16.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:11px 8px 8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-eyebrow{font-size:7px!important;margin-bottom:5px!important;gap:4px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-eyebrow .ico{width:11px!important;height:11px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-title{font-size:15.5px!important;margin-bottom:4px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-meta{font-size:7.3px!important;margin-bottom:5px!important;-webkit-line-clamp:2!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags{margin-bottom:5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:17px!important;padding:0 5px!important;font-size:6px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price{margin-bottom:5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:15.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price del{font-size:6.8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:34px!important;min-height:34px!important;font-size:8.6px!important;border-radius:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-bought{font-size:6.2px!important;margin-top:4px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-deal-note{display:none!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-play{left:10px!important;bottom:9px!important;min-height:27px!important;font-size:8.7px!important}
}

@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{
    height:318px!important;min-height:318px!important;margin:14px 20px 8px!important;padding-bottom:25px!important;
  }
  .screen.home-screen .xmg-reference-hero .hero-reference-slide{inset:0 0 25px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.83fr) minmax(240px,.93fr)!important;border-radius:20px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-promo-badge{top:17px!important;left:18px!important;min-height:34px!important;padding:0 13px!important;font-size:11.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-script{left:24px!important;top:88px!important;font-size:28px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-play{left:18px!important;bottom:16px!important;min-height:35px!important;font-size:11px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:20px 17px 14px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-eyebrow{font-size:10px!important;margin-bottom:10px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-eyebrow .ico{width:16px!important;height:16px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-title{font-size:26px!important;margin-bottom:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-meta{font-size:10.5px!important;margin-bottom:9px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:23px!important;padding:0 8px!important;font-size:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:23px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price del{font-size:10px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:45px!important;min-height:45px!important;font-size:11.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-bought{font-size:8.5px!important}
}

@media(min-width:1100px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{
    height:370px!important;min-height:370px!important;margin:18px 28px 10px!important;padding-bottom:27px!important;
  }
  .screen.home-screen .xmg-reference-hero .hero-reference-slide{inset:0 0 27px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.98fr) minmax(315px,.92fr)!important;border-radius:22px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-promo-badge{top:22px!important;left:23px!important;min-height:38px!important;padding:0 15px!important;font-size:13px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-script{left:31px!important;top:104px!important;font-size:34px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-play{left:23px!important;bottom:20px!important;min-height:39px!important;font-size:12px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:24px 21px 17px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-eyebrow{font-size:11px!important;margin-bottom:11px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-eyebrow .ico{width:18px!important;height:18px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-title{font-size:32px!important;margin-bottom:10px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-meta{font-size:12px!important;margin-bottom:11px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:26px!important;padding:0 9px!important;font-size:9px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:28px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price del{font-size:11px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:50px!important;min-height:50px!important;font-size:13px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-bought{font-size:9.5px!important}
}

/* ========================================================================== */
/* HOTFIX570 — Home Top Picks screenshot-reference clone                     */
/* Replaces the rendered Home Trending shelf only. Preview autoplay contract */
/* remains .feed-autoplay-video and is intentionally not reimplemented here. */
/* ========================================================================== */
.screen.home-screen .home-reference-top-picks{
  margin:18px 0 24px!important;
  padding:0 20px!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.screen.home-screen .home-reference-top-picks-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 14px!important;
  padding:0!important;
}
.screen.home-screen .home-reference-top-picks-heading{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.screen.home-screen .home-reference-top-picks-heart{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--site-accent-bright)!important;
  filter:drop-shadow(0 5px 15px color-mix(in srgb,var(--site-accent-bright) 18%,transparent))!important;
}
.screen.home-screen .home-reference-top-picks-heart .ico{
  width:35px!important;
  height:35px!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
.screen.home-screen .home-reference-top-picks-heading>span:last-child{min-width:0!important}
.screen.home-screen .home-reference-top-picks-heading h2{
  margin:0!important;
  color:#f8f9fc!important;
  font-size:26px!important;
  line-height:1.02!important;
  font-weight:760!important;
  letter-spacing:-.72px!important;
}
.screen.home-screen .home-reference-top-picks-heading p{
  margin:4px 0 0!important;
  color:#aeb5c2!important;
  font-size:14px!important;
  line-height:1.15!important;
  font-weight:450!important;
  letter-spacing:-.08px!important;
}
.screen.home-screen .home-reference-top-picks-seeall{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  padding:7px 2px 7px 10px!important;
  border:0!important;
  background:transparent!important;
  color:#c9ced7!important;
  font:500 14px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  box-shadow:none!important;
}
.screen.home-screen .home-reference-top-picks-seeall .ico{width:18px!important;height:18px!important;stroke-width:1.85!important}
.screen.home-screen .home-reference-top-picks-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
  width:100%!important;
  min-width:0!important;
}
.screen.home-screen .home-reference-top-pick-card{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid #26303e!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#0b141e 0%,#09111a 100%)!important;
  color:#f7f9fc!important;
  box-shadow:0 9px 26px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.012)!important;
  cursor:pointer!important;
}
.screen.home-screen .home-reference-top-pick-card:active{transform:scale(.994)!important}
.screen.home-screen .home-reference-top-pick-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:6/5!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:13px 13px 10px 10px!important;
  background-color:#111720!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  isolation:isolate!important;
}
.screen.home-screen .home-reference-top-pick-media::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:46%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent,rgba(2,5,10,.38))!important;
}
.screen.home-screen .home-reference-top-pick-preview{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:inherit!important;
  background:#0b1017!important;
  z-index:0!important;
}
.screen.home-screen .home-reference-top-pick-badge{
  position:absolute!important;
  z-index:3!important;
  top:10px!important;
  left:10px!important;
  max-width:calc(100% - 20px)!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  font-size:12.3px!important;
  line-height:1!important;
  font-weight:680!important;
  letter-spacing:-.12px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 5px 18px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.09)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.screen.home-screen .home-reference-top-pick-badge i{font-style:normal!important;font-size:14px!important;line-height:1!important}
.screen.home-screen .home-reference-top-pick-badge.personal{background:linear-gradient(135deg,rgba(183,28,43,.92),rgba(116,13,28,.92))!important}
.screen.home-screen .home-reference-top-pick-badge.favorite{background:linear-gradient(135deg,rgba(159,102,9,.94),rgba(91,50,4,.94))!important;color:#ffe3a0!important;border-color:rgba(255,212,95,.28)!important}
.screen.home-screen .home-reference-top-pick-badge.bundle{background:linear-gradient(135deg,color-mix(in srgb,var(--site-accent) 95%,transparent),color-mix(in srgb,var(--site-accent2) 95%,transparent))!important}
.screen.home-screen .home-reference-top-pick-duration{
  position:absolute!important;
  z-index:3!important;
  left:10px!important;
  bottom:9px!important;
  height:29px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  background:rgba(2,4,8,.78)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.screen.home-screen .home-reference-top-pick-duration .ico{width:15px!important;height:15px!important;fill:#fff!important;stroke:#fff!important}
.screen.home-screen .home-reference-top-pick-duration b{font-size:11.8px!important;line-height:1!important;font-weight:600!important}
.screen.home-screen .home-reference-top-pick-body{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding:10px 11px 11px!important;
  background:linear-gradient(180deg,rgba(10,18,28,.98),rgba(8,15,23,.99))!important;
}
.screen.home-screen .home-reference-top-pick-creator{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 8px!important;
}
.screen.home-screen .home-reference-top-pick-avatar{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1.5px solid rgba(255,255,255,.74)!important;
  border-radius:50%!important;
  background:#1a2230!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:0 2px 8px rgba(0,0,0,.2)!important;
}
.screen.home-screen .home-reference-top-pick-avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.screen.home-screen .home-reference-top-pick-avatar i{font-style:normal!important}
.screen.home-screen .home-reference-top-pick-creator>span:last-child{min-width:0!important;display:grid!important;gap:1px!important}
.screen.home-screen .home-reference-top-pick-creator b{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#f6f7fa!important;
  font-size:12.4px!important;
  line-height:1.1!important;
  font-weight:690!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.screen.home-screen .home-reference-top-pick-creator .verified{display:inline-grid!important;place-items:center!important;width:15px!important;height:15px!important;min-width:15px!important;font-size:9px!important}
.screen.home-screen .home-reference-top-pick-creator small{
  color:#9ba4b3!important;
  font-size:10.3px!important;
  line-height:1.12!important;
  font-weight:460!important;
}
.screen.home-screen .home-reference-top-pick-body h3{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  color:#f7f8fb!important;
  font-size:15.1px!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:-.25px!important;
}
.screen.home-screen .home-reference-top-pick-body>p{
  min-height:31px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:4px 0 8px!important;
  color:#aeb6c4!important;
  font-size:11.3px!important;
  line-height:1.34!important;
  font-weight:440!important;
  letter-spacing:-.04px!important;
}
.screen.home-screen .home-reference-top-pick-social{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin:0 0 8px!important;
  color:#bcc3ce!important;
}
.screen.home-screen .home-reference-top-pick-social>span{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.screen.home-screen .home-reference-top-pick-social .ico{width:14px!important;height:14px!important;color:#c7cfdb!important;stroke-width:2!important}
.screen.home-screen .home-reference-top-pick-social b{font-size:10.5px!important;line-height:1!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important}
.screen.home-screen .home-reference-top-pick-tags{
  min-width:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  margin:0 0 9px!important;
}
.screen.home-screen .home-reference-top-pick-tags span{
  min-width:0!important;
  max-width:54%!important;
  height:26px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid color-mix(in srgb,var(--site-accent-bright) 23%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--site-accent2) 12%,transparent)!important;
  color:var(--site-accent)!important;
  font-size:10.3px!important;
  line-height:1!important;
  font-weight:520!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.screen.home-screen .home-reference-top-pick-price{
  min-height:26px!important;
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  margin-top:auto!important;
  margin-bottom:8px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.screen.home-screen .home-reference-top-pick-price strong{
  color:var(--site-accent)!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:760!important;
  letter-spacing:-.38px!important;
}
.screen.home-screen .home-reference-top-pick-price del{
  color:#7f8793!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:500!important;
  text-decoration-thickness:1px!important;
}
.screen.home-screen .home-reference-top-pick-cta{
  width:100%!important;
  height:43px!important;
  min-height:43px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:linear-gradient(135deg,var(--site-accent-bright) 0%,var(--site-accent) 55%,var(--site-accent) 100%)!important;
  color:#fff!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:12.2px!important;
  line-height:1!important;
  font-weight:670!important;
  letter-spacing:-.08px!important;
  box-shadow:0 6px 18px color-mix(in srgb,var(--site-accent) 16%,transparent),inset 0 1px rgba(255,255,255,.14)!important;
}
.screen.home-screen .home-reference-top-pick-cta .ico{width:17px!important;height:17px!important;stroke-width:2!important}
.screen.home-screen .home-reference-top-pick-cta.active{background:linear-gradient(135deg,var(--site-accent2),var(--site-accent2))!important}
.screen.home-screen .home-reference-top-pick-cta:active{transform:translateY(1px)!important}

/* Light-mode parity: same hierarchy and magenta commerce language on white. */
html[data-theme="light"] .screen.home-screen .home-reference-top-picks-heading h2{color:#171921!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-picks-heading p{color:#6f7682!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-picks-seeall{color:#626a76!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-card{
  border-color:#dfe2e8!important;
  background:#fff!important;
  color:#171921!important;
  box-shadow:0 8px 24px rgba(28,32,42,.07)!important;
}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-body{background:#fff!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-creator b,
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-body h3{color:#171921!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-creator small,
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-body>p{color:#747c88!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-social{color:#656d79!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-social .ico{color:#6b7380!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-tags span{background:#fff2f7!important;border-color:#f3c8da!important;color:var(--site-accent2)!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-price strong{color:var(--site-accent)!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-price del{color:#8b929c!important}

@media(max-width:767px){
  .screen.home-screen .home-reference-top-picks{margin:14px 0 20px!important;padding:0 12px!important}
  .screen.home-screen .home-reference-top-picks-head{gap:8px!important;margin-bottom:11px!important}
  .screen.home-screen .home-reference-top-picks-heading{gap:8px!important}
  .screen.home-screen .home-reference-top-picks-heart{width:30px!important;height:30px!important;flex-basis:30px!important}
  .screen.home-screen .home-reference-top-picks-heart .ico{width:29px!important;height:29px!important}
  .screen.home-screen .home-reference-top-picks-heading h2{font-size:20px!important;letter-spacing:-.52px!important}
  .screen.home-screen .home-reference-top-picks-heading p{margin-top:2px!important;font-size:11.7px!important}
  .screen.home-screen .home-reference-top-picks-seeall{gap:3px!important;padding-left:3px!important;font-size:11.6px!important}
  .screen.home-screen .home-reference-top-picks-seeall .ico{width:15px!important;height:15px!important}
  .screen.home-screen .home-reference-top-picks-grid{gap:7px!important}
  .screen.home-screen .home-reference-top-pick-card{border-radius:11px!important}
  .screen.home-screen .home-reference-top-pick-media{aspect-ratio:1.04/1!important;border-radius:10px 10px 8px 8px!important}
  .screen.home-screen .home-reference-top-pick-badge{top:6px!important;left:6px!important;max-width:calc(100% - 12px)!important;min-height:23px!important;padding:0 7px!important;gap:4px!important;font-size:8.4px!important;font-weight:670!important}
  .screen.home-screen .home-reference-top-pick-badge i{font-size:9.4px!important}
  .screen.home-screen .home-reference-top-pick-duration{left:6px!important;bottom:6px!important;height:22px!important;padding:0 6px!important;gap:3px!important}
  .screen.home-screen .home-reference-top-pick-duration .ico{width:11px!important;height:11px!important}
  .screen.home-screen .home-reference-top-pick-duration b{font-size:8.6px!important}
  .screen.home-screen .home-reference-top-pick-body{padding:7px 7px 8px!important}
  .screen.home-screen .home-reference-top-pick-creator{gap:5px!important;margin-bottom:6px!important}
  .screen.home-screen .home-reference-top-pick-avatar{width:26px!important;height:26px!important;flex-basis:26px!important;font-size:9px!important}
  .screen.home-screen .home-reference-top-pick-creator b{gap:2px!important;font-size:8.9px!important}
  .screen.home-screen .home-reference-top-pick-creator .verified{width:11px!important;height:11px!important;min-width:11px!important;font-size:6.5px!important}
  .screen.home-screen .home-reference-top-pick-creator small{font-size:7.6px!important}
  .screen.home-screen .home-reference-top-pick-body h3{font-size:10.6px!important;line-height:1.15!important;letter-spacing:-.15px!important}
  .screen.home-screen .home-reference-top-pick-body>p{min-height:24px!important;margin:3px 0 6px!important;font-size:8.3px!important;line-height:1.35!important}
  .screen.home-screen .home-reference-top-pick-social{gap:6px!important;margin-bottom:6px!important}
  .screen.home-screen .home-reference-top-pick-social>span{gap:2px!important}
  .screen.home-screen .home-reference-top-pick-social .ico{width:10px!important;height:10px!important}
  .screen.home-screen .home-reference-top-pick-social b{font-size:7.2px!important}
  .screen.home-screen .home-reference-top-pick-tags{gap:4px!important;margin-bottom:6px!important}
  .screen.home-screen .home-reference-top-pick-tags span{height:20px!important;padding:0 6px!important;font-size:7.2px!important}
  .screen.home-screen .home-reference-top-pick-price{min-height:20px!important;gap:5px!important;margin-bottom:6px!important}
  .screen.home-screen .home-reference-top-pick-price strong{font-size:13.3px!important;letter-spacing:-.2px!important}
  .screen.home-screen .home-reference-top-pick-price del{font-size:7.8px!important}
  .screen.home-screen .home-reference-top-pick-cta{height:34px!important;min-height:34px!important;padding:0 5px!important;gap:4px!important;border-radius:7px!important;font-size:8.8px!important}
  .screen.home-screen .home-reference-top-pick-cta .ico{width:12px!important;height:12px!important}
}
@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-reference-top-picks{padding:0 18px!important;margin-top:18px!important}
  .screen.home-screen .home-reference-top-picks-grid{gap:12px!important}
  .screen.home-screen .home-reference-top-pick-media{aspect-ratio:1.18/1!important}
  .screen.home-screen .home-reference-top-pick-body h3{font-size:14.2px!important}
}
@media(min-width:1100px){
  .screen.home-screen .home-reference-top-picks{padding:0 28px!important;margin-top:22px!important;margin-bottom:30px!important}
  .screen.home-screen .home-reference-top-picks-head{margin-bottom:16px!important}
  .screen.home-screen .home-reference-top-picks-grid{gap:16px!important}
  .screen.home-screen .home-reference-top-pick-media{aspect-ratio:1.32/1!important}
  .screen.home-screen .home-reference-top-pick-body{padding:13px 14px 14px!important}
  .screen.home-screen .home-reference-top-pick-body h3{font-size:16.2px!important}
  .screen.home-screen .home-reference-top-pick-body>p{font-size:12px!important}
  .screen.home-screen .home-reference-top-pick-creator b{font-size:13px!important}
  .screen.home-screen .home-reference-top-pick-social b{font-size:11.3px!important}
  .screen.home-screen .home-reference-top-pick-tags span{font-size:10.8px!important}
  .screen.home-screen .home-reference-top-pick-price strong{font-size:19px!important}
  .screen.home-screen .home-reference-top-pick-cta{height:45px!important;min-height:45px!important;font-size:12.8px!important}
}

/* ========================================================================== */
/* HOTFIX571 — Home Limited-Time Deals screenshot-reference clone             */
/* Layout-only merchandising surface. Preview playback stays on the existing  */
/* .feed-autoplay-video / bindViewportAutoplay pipeline.                       */
/* ========================================================================== */
.screen.home-screen .home-limited-deals{
  width:100%!important;
  max-width:none!important;
  margin:19px 0 25px!important;
  padding:0 18px!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.screen.home-screen .home-limited-deals-head{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
}
.screen.home-screen .home-limited-deals-heading{
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
}
.screen.home-screen .home-limited-deals-clock{
  position:relative!important;
  width:29px!important;
  height:29px!important;
  flex:0 0 29px!important;
  margin-top:1px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--site-accent)!important;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--site-accent-bright) 23%,transparent))!important;
}
.screen.home-screen .home-limited-deals-clock::before{
  content:""!important;
  position:absolute!important;
  width:8px!important;
  height:4px!important;
  top:-2px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border-radius:2px!important;
  background:var(--site-accent)!important;
}
.screen.home-screen .home-limited-deals-clock .ico{width:27px!important;height:27px!important;stroke-width:2.05!important}
.screen.home-screen .home-limited-deals-heading h2{
  margin:0!important;
  color:#f7f8fb!important;
  font-size:24px!important;
  line-height:1.04!important;
  font-weight:760!important;
  letter-spacing:-.62px!important;
}
.screen.home-screen .home-limited-deals-heading p{
  margin:4px 0 0!important;
  color:#b7bec9!important;
  font-size:12.8px!important;
  line-height:1.22!important;
  font-weight:440!important;
  letter-spacing:-.05px!important;
}
.screen.home-screen .home-limited-deals-seeall{
  flex:0 0 auto!important;
  min-width:0!important;
  min-height:34px!important;
  padding:0 2px 0 8px!important;
  border:0!important;
  background:transparent!important;
  color:#d1d5dd!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font:500 13.5px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.screen.home-screen .home-limited-deals-seeall .ico{width:17px!important;height:17px!important;stroke-width:1.8!important}
.screen.home-screen .home-limited-deals-list{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
}
.screen.home-screen .home-limited-deal-card{
  position:relative!important;
  min-width:0!important;
  min-height:142px!important;
  display:grid!important;
  grid-template-columns:minmax(0,35%) minmax(0,1fr) 122px!important;
  overflow:hidden!important;
  border:1px solid #252e3a!important;
  border-radius:13px!important;
  background:linear-gradient(105deg,#0b141e 0%,#09111a 58%,#091019 100%)!important;
  color:#f7f9fc!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.012)!important;
  cursor:pointer!important;
}
.screen.home-screen .home-limited-deal-card:active{transform:scale(.996)!important}
.screen.home-screen .home-limited-deal-media{
  position:relative!important;
  min-width:0!important;
  min-height:142px!important;
  overflow:hidden!important;
  border-radius:12px 0 0 12px!important;
  background-color:#131922!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  isolation:isolate!important;
}
.screen.home-screen .home-limited-deal-media::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:38%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,transparent,rgba(2,4,8,.38))!important;
}
.screen.home-screen .home-limited-deal-preview{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:inherit!important;
  background:#0b1017!important;
}
.screen.home-screen .home-limited-deal-badge{
  position:absolute!important;
  z-index:3!important;
  top:8px!important;
  left:8px!important;
  max-width:calc(100% - 16px)!important;
  min-height:27px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:660!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 5px 16px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.09)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
}
.screen.home-screen .home-limited-deal-badge i{font-style:normal!important;font-size:12px!important;line-height:1!important}
.screen.home-screen .home-limited-deal-badge.best{background:linear-gradient(135deg,rgba(128,74,5,.96),rgba(74,40,2,.96))!important;color:#ffe6a5!important;border-color:rgba(255,210,82,.34)!important}
.screen.home-screen .home-limited-deal-badge.fast{background:linear-gradient(135deg,rgba(181,32,32,.96),rgba(115,17,28,.96))!important}
.screen.home-screen .home-limited-deal-badge.new{background:linear-gradient(135deg,rgba(129,29,194,.96),rgba(83,17,147,.96))!important}
.screen.home-screen .home-limited-deal-duration{
  position:absolute!important;
  z-index:3!important;
  left:9px!important;
  bottom:8px!important;
  min-height:27px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:999px!important;
  background:rgba(2,4,8,.78)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.screen.home-screen .home-limited-deal-duration .ico{width:14px!important;height:14px!important;fill:#fff!important;stroke:#fff!important}
.screen.home-screen .home-limited-deal-duration b{font-size:10.8px!important;line-height:1!important;font-weight:600!important}
.screen.home-screen .home-limited-deal-main{
  min-width:0!important;
  padding:11px 9px 10px 12px!important;
  display:flex!important;
  flex-direction:column!important;
}
.screen.home-screen .home-limited-deal-creator{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  margin:0 0 6px!important;
}
.screen.home-screen .home-limited-deal-avatar{
  width:35px!important;
  height:35px!important;
  flex:0 0 35px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1.5px solid rgba(255,255,255,.72)!important;
  border-radius:50%!important;
  background:#1a2230!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:750!important;
}
.screen.home-screen .home-limited-deal-avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.screen.home-screen .home-limited-deal-avatar i{font-style:normal!important}
.screen.home-screen .home-limited-deal-creator>span:last-child{min-width:0!important;display:grid!important;gap:1px!important}
.screen.home-screen .home-limited-deal-creator b{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#f7f8fb!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:690!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.screen.home-screen .home-limited-deal-creator .verified{display:inline-grid!important;place-items:center!important;width:15px!important;height:15px!important;min-width:15px!important;font-size:9px!important}
.screen.home-screen .home-limited-deal-creator small{color:#9ea7b5!important;font-size:10.2px!important;line-height:1.12!important;font-weight:450!important}
.screen.home-screen .home-limited-deal-main h3{
  margin:0!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:1!important;
  overflow:hidden!important;
  color:#f7f8fb!important;
  font-size:14.2px!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:-.22px!important;
}
.screen.home-screen .home-limited-deal-main>p{
  margin:3px 0 7px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:1!important;
  overflow:hidden!important;
  color:#b2bac6!important;
  font-size:10.8px!important;
  line-height:1.27!important;
  font-weight:430!important;
}
.screen.home-screen .home-limited-deal-social{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 7px!important;
  color:#bac2ce!important;
}
.screen.home-screen .home-limited-deal-social>span{min-width:0!important;display:inline-flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
.screen.home-screen .home-limited-deal-social .ico{width:14px!important;height:14px!important;stroke-width:2!important;color:#c7cfdb!important}
.screen.home-screen .home-limited-deal-social b{font-size:10px!important;line-height:1!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important}
.screen.home-screen .home-limited-deal-tags{display:flex!important;align-items:center!important;gap:6px!important;margin-top:auto!important;min-width:0!important}
.screen.home-screen .home-limited-deal-tags span{
  min-width:0!important;
  max-width:52%!important;
  height:24px!important;
  padding:0 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid color-mix(in srgb,var(--site-accent-bright) 22%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--site-accent2) 11%,transparent)!important;
  color:var(--site-accent)!important;
  font-size:9.8px!important;
  line-height:1!important;
  font-weight:520!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.screen.home-screen .home-limited-deal-commerce{
  min-width:0!important;
  position:relative!important;
  padding:10px 10px 10px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
}
.screen.home-screen .home-limited-deal-more{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
  color:#9fa8b6!important;
}
.screen.home-screen .home-limited-deal-more .ico{width:19px!important;height:19px!important}
.screen.home-screen .home-limited-deal-price{
  min-height:28px!important;
  margin:0 0 7px!important;
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:7px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.screen.home-screen .home-limited-deal-price strong{color:var(--site-accent)!important;font-size:18px!important;line-height:1!important;font-weight:760!important;letter-spacing:-.35px!important}
.screen.home-screen .home-limited-deal-price del{color:#8a919c!important;font-size:10.5px!important;line-height:1!important;font-weight:500!important;text-decoration-thickness:1px!important}
.screen.home-screen .home-limited-deal-cta{
  width:100%!important;
  height:39px!important;
  min-height:39px!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  background:linear-gradient(135deg,var(--site-accent-bright) 0%,var(--site-accent) 55%,var(--site-accent) 100%)!important;
  color:#fff!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:670!important;
  letter-spacing:-.08px!important;
  box-shadow:0 6px 18px color-mix(in srgb,var(--site-accent) 16%,transparent),inset 0 1px rgba(255,255,255,.14)!important;
}
.screen.home-screen .home-limited-deal-cta .ico{width:17px!important;height:17px!important;stroke-width:2!important}
.screen.home-screen .home-limited-deal-cta.active{background:linear-gradient(135deg,var(--site-accent2),var(--site-accent2))!important}
.screen.home-screen .home-limited-deal-cta:active{transform:translateY(1px)!important}

/* Light theme parity: keep the same hierarchy, badge tones and purchase accent. */
html[data-theme="light"] .screen.home-screen .home-limited-deals-heading h2{color:#151821!important}
html[data-theme="light"] .screen.home-screen .home-limited-deals-heading p{color:#737b88!important}
html[data-theme="light"] .screen.home-screen .home-limited-deals-seeall{color:#5f6671!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-card{border-color:#dfe3e8!important;background:linear-gradient(105deg,#fff,#fafbfd)!important;color:#151821!important;box-shadow:0 7px 20px rgba(22,29,38,.07)!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-main h3,
html[data-theme="light"] .screen.home-screen .home-limited-deal-creator b{color:#171a21!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-main>p{color:#68717e!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-creator small,
html[data-theme="light"] .screen.home-screen .home-limited-deal-social{color:#737c89!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-social .ico{color:#69727f!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-tags span{background:#fff3f7!important;border-color:#f1cad9!important;color:var(--site-accent2)!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-price del{color:#8b929c!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-more{color:#7e8792!important}

@media(max-width:767px){
  .screen.home-screen .home-limited-deals{margin:16px 0 22px!important;padding:0 10px!important}
  .screen.home-screen .home-limited-deals-head{gap:7px!important;margin-bottom:8px!important}
  .screen.home-screen .home-limited-deals-heading{gap:7px!important}
  .screen.home-screen .home-limited-deals-clock{width:23px!important;height:23px!important;flex-basis:23px!important}
  .screen.home-screen .home-limited-deals-clock .ico{width:22px!important;height:22px!important}
  .screen.home-screen .home-limited-deals-clock::before{width:7px!important;height:3px!important;top:-1px!important}
  .screen.home-screen .home-limited-deals-heading h2{font-size:19px!important;letter-spacing:-.43px!important}
  .screen.home-screen .home-limited-deals-heading p{margin-top:3px!important;font-size:10.3px!important;line-height:1.2!important}
  .screen.home-screen .home-limited-deals-seeall{min-height:29px!important;padding-left:3px!important;gap:2px!important;font-size:10.7px!important}
  .screen.home-screen .home-limited-deals-seeall .ico{width:14px!important;height:14px!important}
  .screen.home-screen .home-limited-deals-list{gap:7px!important}
  .screen.home-screen .home-limited-deal-card{min-height:111px!important;grid-template-columns:minmax(0,35%) minmax(0,1fr) 104px!important;border-radius:11px!important}
  .screen.home-screen .home-limited-deal-media{min-height:111px!important;border-radius:10px 0 0 10px!important}
  .screen.home-screen .home-limited-deal-badge{top:6px!important;left:6px!important;min-height:23px!important;padding:0 8px!important;gap:4px!important;font-size:8.8px!important}
  .screen.home-screen .home-limited-deal-badge i{font-size:10px!important}
  .screen.home-screen .home-limited-deal-duration{left:7px!important;bottom:6px!important;min-height:23px!important;padding:0 7px!important;gap:4px!important}
  .screen.home-screen .home-limited-deal-duration .ico{width:11px!important;height:11px!important}
  .screen.home-screen .home-limited-deal-duration b{font-size:8.7px!important}
  .screen.home-screen .home-limited-deal-main{padding:7px 5px 7px 8px!important}
  .screen.home-screen .home-limited-deal-creator{gap:5px!important;margin-bottom:4px!important}
  .screen.home-screen .home-limited-deal-avatar{width:27px!important;height:27px!important;flex-basis:27px!important;font-size:9px!important}
  .screen.home-screen .home-limited-deal-creator b{gap:3px!important;font-size:9.4px!important}
  .screen.home-screen .home-limited-deal-creator .verified{width:11px!important;height:11px!important;min-width:11px!important;font-size:6.5px!important}
  .screen.home-screen .home-limited-deal-creator small{font-size:7.7px!important}
  .screen.home-screen .home-limited-deal-main h3{font-size:10.6px!important;letter-spacing:-.12px!important}
  .screen.home-screen .home-limited-deal-main>p{margin:2px 0 5px!important;font-size:8.1px!important;line-height:1.23!important}
  .screen.home-screen .home-limited-deal-social{gap:6px!important;margin-bottom:5px!important}
  .screen.home-screen .home-limited-deal-social>span{gap:2px!important}
  .screen.home-screen .home-limited-deal-social .ico{width:10px!important;height:10px!important}
  .screen.home-screen .home-limited-deal-social b{font-size:7.2px!important}
  .screen.home-screen .home-limited-deal-tags{gap:4px!important}
  .screen.home-screen .home-limited-deal-tags span{height:19px!important;padding:0 6px!important;font-size:7.1px!important}
  .screen.home-screen .home-limited-deal-commerce{padding:7px 7px 7px 2px!important}
  .screen.home-screen .home-limited-deal-more{top:5px!important;right:5px!important;width:23px!important;height:23px!important}
  .screen.home-screen .home-limited-deal-more .ico{width:16px!important;height:16px!important}
  .screen.home-screen .home-limited-deal-price{min-height:20px!important;margin-bottom:5px!important;gap:5px!important}
  .screen.home-screen .home-limited-deal-price strong{font-size:13.1px!important;letter-spacing:-.18px!important}
  .screen.home-screen .home-limited-deal-price del{font-size:7.4px!important}
  .screen.home-screen .home-limited-deal-cta{height:32px!important;min-height:32px!important;padding:0 5px!important;gap:4px!important;border-radius:7px!important;font-size:8.7px!important}
  .screen.home-screen .home-limited-deal-cta .ico{width:12px!important;height:12px!important}
}
@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-limited-deals{padding:0 18px!important;margin-top:19px!important}
  .screen.home-screen .home-limited-deal-card{grid-template-columns:32% minmax(0,1fr) 150px!important;min-height:160px!important}
  .screen.home-screen .home-limited-deal-media{min-height:160px!important}
}
@media(min-width:1100px){
  .screen.home-screen .home-limited-deals{padding:0 28px!important;margin-top:23px!important;margin-bottom:31px!important}
  .screen.home-screen .home-limited-deals-head{margin-bottom:14px!important}
  .screen.home-screen .home-limited-deals-list{gap:10px!important}
  .screen.home-screen .home-limited-deal-card{grid-template-columns:300px minmax(0,1fr) 190px!important;min-height:170px!important;border-radius:15px!important}
  .screen.home-screen .home-limited-deal-media{min-height:170px!important;border-radius:14px 0 0 14px!important}
  .screen.home-screen .home-limited-deal-main{padding:14px 15px!important}
  .screen.home-screen .home-limited-deal-main h3{font-size:16px!important}
  .screen.home-screen .home-limited-deal-main>p{font-size:12px!important}
  .screen.home-screen .home-limited-deal-creator b{font-size:13.2px!important}
  .screen.home-screen .home-limited-deal-social b{font-size:11px!important}
  .screen.home-screen .home-limited-deal-tags span{font-size:10.5px!important}
  .screen.home-screen .home-limited-deal-commerce{padding:14px 14px 14px 6px!important}
  .screen.home-screen .home-limited-deal-price strong{font-size:20px!important}
  .screen.home-screen .home-limited-deal-cta{height:44px!important;min-height:44px!important;font-size:12.5px!important}
}


/* ========================================================================== */
/* HOTFIX572 — Trending Premium screenshot-reference clone                    */
/* Directly below Limited-Time Deals. Cards intentionally inherit the exact   */
/* deal-row geometry; only the screenshot-specific heading/badges are added.  */
/* ========================================================================== */
.screen.home-screen .home-trending-premium{
  width:100%!important;
  max-width:none!important;
  margin:5px 0 25px!important;
  padding:0 18px!important;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.screen.home-screen .home-trending-premium-head{
  min-width:0!important;
  min-height:42px!important;
  margin:0 0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.screen.home-screen .home-trending-premium-head h2{
  min-width:0!important;
  margin:0!important;
  color:#f7f8fb!important;
  font-size:24px!important;
  line-height:1.04!important;
  font-weight:760!important;
  letter-spacing:-.62px!important;
}
.screen.home-screen .home-trending-premium-seeall{
  flex:0 0 auto!important;
  min-width:0!important;
  min-height:34px!important;
  padding:0 2px 0 8px!important;
  border:0!important;
  background:transparent!important;
  color:#d1d5dd!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  font:500 13.5px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.screen.home-screen .home-trending-premium-seeall .ico{width:17px!important;height:17px!important;stroke-width:1.8!important}
.screen.home-screen .home-trending-premium .home-limited-deal-badge.premium-top{
  background:linear-gradient(135deg,rgba(181,32,32,.97),rgba(111,17,31,.97))!important;
  border-color:rgba(255,96,112,.28)!important;
  color:#fff!important;
}
.screen.home-screen .home-trending-premium .home-limited-deal-badge.premium-fast{
  background:linear-gradient(135deg,rgba(138,84,9,.97),rgba(88,48,2,.97))!important;
  border-color:rgba(255,199,77,.34)!important;
  color:#fff2c3!important;
}
.screen.home-screen .home-trending-premium .home-limited-deal-badge.new{
  background:linear-gradient(135deg,rgba(129,29,194,.96),rgba(83,17,147,.96))!important;
  border-color:rgba(202,113,255,.26)!important;
  color:#fff!important;
}
.screen.home-screen .home-trending-premium-card{background:linear-gradient(105deg,#0b141e 0%,#09111a 58%,#091019 100%)!important}
html[data-theme="light"] .screen.home-screen .home-trending-premium-head h2{color:#151821!important}
html[data-theme="light"] .screen.home-screen .home-trending-premium-seeall{color:#5f6671!important}
html[data-theme="light"] .screen.home-screen .home-trending-premium-card{background:linear-gradient(105deg,#fff,#fafbfd)!important}
@media(max-width:767px){
  .screen.home-screen .home-trending-premium{margin:3px 0 22px!important;padding:0 10px!important}
  .screen.home-screen .home-trending-premium-head{min-height:34px!important;margin-bottom:8px!important;gap:7px!important}
  .screen.home-screen .home-trending-premium-head h2{font-size:19px!important;letter-spacing:-.43px!important}
  .screen.home-screen .home-trending-premium-seeall{min-height:29px!important;padding-left:3px!important;gap:2px!important;font-size:10.7px!important}
  .screen.home-screen .home-trending-premium-seeall .ico{width:14px!important;height:14px!important}
}
@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-trending-premium{padding:0 18px!important;margin-top:5px!important}
}
@media(min-width:1100px){
  .screen.home-screen .home-trending-premium{padding:0 28px!important;margin-top:6px!important;margin-bottom:31px!important}
  .screen.home-screen .home-trending-premium-head{margin-bottom:14px!important}
}

/* ========================================================================== */
/* HOTFIX573 — Stream cards follow the new reference feed layout              */
/* Mobile: single vertical card stack similar to the supplied hero feed.      */
/* Desktop/tablet: 16:9 media like YouTube with object-contain and soft blur. */
/* ========================================================================== */
@media (max-width:767px){
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry).discover-mobile-grid{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 10px!important;
  }
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry).discover-mobile-grid>.discover-mobile-column{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .discover-mobile-card.stream-reference-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#06111b 0%,#08131f 54%,#09131e 100%)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
    aspect-ratio:auto!important;
    display:block!important;
    contain:none!important;
  }
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .discover-mobile-card.stream-reference-card>.discover-mobile-media{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    border-radius:24px 24px 0 0!important;
    overflow:hidden!important;
    background:#05070c!important;
    background-size:cover!important;
    background-position:center!important;
  }
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .discover-mobile-card.stream-reference-card.orientation-portrait>.discover-mobile-media{aspect-ratio:3/4!important;}
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .discover-mobile-card.stream-reference-card:not(.orientation-portrait)>.discover-mobile-media{aspect-ratio:16/9!important;}
  body #app .stream-reference-media .discover-mobile-blur{
    position:absolute!important;
    inset:-16px!important;
    z-index:0!important;
    opacity:.92!important;
    filter:blur(26px) saturate(.98) brightness(.6)!important;
    transform:scale(1.1)!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
  body #app .stream-reference-media .discover-mobile-poster,
  body #app .stream-reference-media .discover-autoplay-video{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    background:transparent!important;
  }
  body #app .discover-mobile-card.stream-reference-card:not(.orientation-portrait) .stream-reference-media .discover-mobile-poster,
  body #app .discover-mobile-card.stream-reference-card:not(.orientation-portrait) .stream-reference-media .discover-autoplay-video{object-fit:contain!important;object-position:center!important;}
  body #app .discover-mobile-card.stream-reference-card.orientation-portrait .stream-reference-media .discover-mobile-poster,
  body #app .discover-mobile-card.stream-reference-card.orientation-portrait .stream-reference-media .discover-autoplay-video{object-fit:cover!important;object-position:center top!important;}
  body #app .stream-reference-media::after{
    content:"";
    position:absolute!important;
    inset:auto 0 0 0!important;
    height:34%!important;
    z-index:2!important;
    background:linear-gradient(180deg,rgba(3,6,10,0) 0%,rgba(3,6,10,.18) 36%,rgba(3,6,10,.64) 100%)!important;
    pointer-events:none!important;
  }
  body #app .stream-reference-badge{
    position:absolute!important;
    left:14px!important;
    top:14px!important;
    z-index:4!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-height:34px!important;
    padding:0 14px!important;
    border:1px solid rgba(255,96,132,.28)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(227,48,78,.95),rgba(118,21,44,.95))!important;
    color:#fff!important;
    box-shadow:0 8px 24px rgba(0,0,0,.2)!important;
    font:700 12px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  }
  body #app .stream-reference-badge i{font-style:normal!important;font-size:16px!important;line-height:1!important}
  body #app .stream-reference-play{
    width:62px!important;
    height:62px!important;
    border-radius:50%!important;
    background:rgba(10,12,16,.34)!important;
    backdrop-filter:blur(6px)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    z-index:4!important;
  }
  body #app .stream-reference-play .ico{width:24px!important;height:24px!important}
  body #app .stream-reference-media>.discover-duration{
    position:absolute!important;
    right:14px!important;
    top:14px!important;
    z-index:4!important;
    min-height:34px!important;
    padding:0 13px!important;
    border-radius:15px!important;
    background:rgba(8,8,12,.82)!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font:700 12px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  }
  body #app .stream-reference-card>.discover-mobile-copy{
    display:block!important;
    padding:14px 15px 16px!important;
    background:transparent!important;
  }
  body #app .stream-reference-top{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:10px!important;
  }
  body #app .stream-ref-creator{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  body #app .stream-ref-avatar{
    width:50px!important;
    height:50px!important;
    flex:0 0 50px!important;
    overflow:hidden!important;
    border-radius:50%!important;
    background:#171c24!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  body #app .stream-ref-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
  body #app .stream-ref-avatar i{font-style:normal!important;font-size:18px!important;font-weight:800!important;color:#fff!important}
  body #app .stream-ref-creator-copy{display:flex!important;flex-direction:column!important;min-width:0!important}
  body #app .stream-ref-creator-copy b{
    margin:0!important;
    overflow:hidden!important;
    color:#f8fafc!important;
    font-size:15px!important;
    line-height:1.1!important;
    font-weight:760!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .stream-ref-creator-copy small{
    margin-top:5px!important;
    color:#a8b0bb!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:520!important;
  }
  body #app .stream-reference-stats{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:6px!important;
    min-width:max-content!important;
    color:#d2d8e0!important;
  }
  body #app .stream-reference-stats .stream-ref-stat>span{
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    color:#d2d8e0!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:600!important;
    white-space:nowrap!important;
  }
  body #app .stream-reference-stats .ico{width:15px!important;height:15px!important;opacity:.92!important}
  body #app .stream-reference-stats i{font-style:normal!important;color:#f3f5f8!important}
  body #app .stream-reference-card .commerce-card-title{
    display:block!important;
    margin:0 0 7px!important;
    color:#f7f8fb!important;
    font-size:16px!important;
    line-height:1.18!important;
    font-weight:780!important;
    letter-spacing:-.02em!important;
  }
  body #app .stream-reference-caption{
    margin:0!important;
    color:#c8cfda!important;
    font-size:13px!important;
    line-height:1.4!important;
  }
  body #app .stream-reference-tags{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:12px 0 14px!important;
  }
  body #app .stream-reference-tags>span{
    min-height:31px!important;
    padding:0 13px!important;
    border:1px solid color-mix(in srgb,var(--site-accent-bright) 18%,transparent)!important;
    border-radius:999px!important;
    background:rgba(102,13,59,.18)!important;
    color:#f39bcc!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font:650 12px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  }
  body #app .stream-reference-bottom{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:12px!important;
  }
  body #app .stream-reference-bottom>.commerce-card-price{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:0!important;
    color:var(--site-accent)!important;
  }
  body #app .stream-reference-bottom>.commerce-card-price strong{
    color:var(--site-accent)!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:840!important;
    letter-spacing:-.03em!important;
  }
  body #app .stream-reference-bottom>.commerce-card-price del{
    color:#9ca5b0!important;
    font-size:12px!important;
    line-height:1!important;
    text-decoration-thickness:1.8px!important;
  }
  body #app .stream-reference-cta{
    min-width:164px!important;
    min-height:52px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,var(--site-accent-bright) 0%,var(--site-accent) 100%)!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    box-shadow:0 16px 30px color-mix(in srgb,var(--site-accent-bright) 25%,transparent)!important;
    font:760 15px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  }
  body #app .stream-reference-cta .ico{width:18px!important;height:18px!important;fill:currentColor!important}
  body #app .stream-reference-cta.cart.active,
  body #app .stream-reference-cta.watch,
  body #app .stream-reference-cta.subscribe{background:linear-gradient(180deg,#1a2230 0%,#111722 100%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important}
  html[data-theme="light"] body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .discover-mobile-card.stream-reference-card{
    background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
    border-color:#e6e9ee!important;
    box-shadow:0 12px 28px rgba(20,28,38,.08)!important;
  }
  html[data-theme="light"] body #app .stream-reference-card .commerce-card-title,
  html[data-theme="light"] body #app .stream-ref-creator-copy b{color:#171b20!important}
  html[data-theme="light"] body #app .stream-reference-caption{color:#5d6672!important}
  html[data-theme="light"] body #app .stream-ref-creator-copy small,
  html[data-theme="light"] body #app .stream-reference-stats .stream-ref-stat>span{color:#606973!important}
  html[data-theme="light"] body #app .stream-reference-stats i{color:#1c2026!important}
  html[data-theme="light"] body #app .stream-ref-avatar{background:#eef1f4!important}
  html[data-theme="light"] body #app .stream-reference-tags>span{background:#fff1f7!important;border-color:#ffd3e6!important;color:var(--site-accent2)!important}
  html[data-theme="light"] body #app .stream-reference-cta.watch,
  html[data-theme="light"] body #app .stream-reference-cta.cart.active,
  html[data-theme="light"] body #app .stream-reference-cta.subscribe{background:linear-gradient(180deg,#fff 0%,#f2f5f8 100%)!important;border-color:#d9dee5!important;color:#222831!important}
}

@media (min-width:768px){
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card,
  body #app .watch-related .video-grid>.commerce-video-card{
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#07111b 0%,#0a1320 100%)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
  }
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card .video-thumb.adaptive-feed-media,
  body #app .watch-related .video-grid>.commerce-video-card .video-thumb.adaptive-feed-media{
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    border-radius:18px 18px 0 0!important;
    background-color:#06080d!important;
    background-size:cover!important;
  }
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card .video-thumb.adaptive-feed-media::before,
  body #app .watch-related .video-grid>.commerce-video-card .video-thumb.adaptive-feed-media::before{
    inset:-20px!important;
    filter:blur(22px) saturate(.96) brightness(.58)!important;
    transform:scale(1.08)!important;
    opacity:.88!important;
  }
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card .video-thumb.adaptive-feed-media>.feed-autoplay-video,
  body #app .watch-related .video-grid>.commerce-video-card .video-thumb.adaptive-feed-media>.feed-autoplay-video{object-fit:contain!important;object-position:center!important;background:transparent!important}
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card .video-card-body,
  body #app .watch-related .video-grid>.commerce-video-card .video-card-body{padding:14px 15px 16px!important}
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card .commerce-card-title,
  body #app .watch-related .video-grid>.commerce-video-card .commerce-card-title{font-size:16px!important;line-height:1.2!important;font-weight:760!important;letter-spacing:-.02em!important}
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card .commerce-card-social,
  body #app .watch-related .video-grid>.commerce-video-card .commerce-card-social{margin-top:8px!important}
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card .commerce-card-bottom,
  body #app .watch-related .video-grid>.commerce-video-card .commerce-card-bottom{margin-top:13px!important;align-items:center!important}
  body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card .commerce-card-price strong,
  body #app .watch-related .video-grid>.commerce-video-card .commerce-card-price strong{font-size:18px!important}
  html[data-theme="light"] body #app :is(.surface-discover-desktop,.surface-suggested-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid)>.commerce-video-card,
  html[data-theme="light"] body #app .watch-related .video-grid>.commerce-video-card{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important;border-color:#e4e7ec!important;box-shadow:0 10px 24px rgba(20,30,40,.07)!important}
}

/* HOTFIX573 supplemental watch-player ratio rules */
@media (max-width:767px){
  body #app .screen.watch-screen .watch-player{background-size:cover!important;background-position:center!important}
  body #app .screen.watch-screen .watch-player:not(.portrait-source){aspect-ratio:16/9!important}
  body #app .screen.watch-screen .watch-player.portrait-source{aspect-ratio:3/4!important;max-height:min(86dvh,920px)!important}
  body #app .screen.watch-screen .watch-player .watch-video,
  body #app .screen.watch-screen .watch-player .watch-poster{object-fit:contain!important;object-position:center!important}
  body #app .screen.watch-screen .watch-player.portrait-source .watch-video,
  body #app .screen.watch-screen .watch-player.portrait-source .watch-poster{object-fit:cover!important;object-position:center top!important}
}
@media (min-width:768px){
  body #app .screen.watch-screen .watch-player{aspect-ratio:16/9!important;background-size:cover!important;background-position:center!important}
  body #app .screen.watch-screen .watch-player .watch-video,
  body #app .screen.watch-screen .watch-player .watch-poster{object-fit:contain!important;object-position:center!important}
}

/* ========================================================================== */
/* HOTFIX574 — authoritative mobile stream + compact category rail            */
/* This block intentionally comes last and overrides old two-column rebuilds. */
/* ========================================================================== */
@media (max-width:767px){
  /* Compact category tabs with minimal vertical whitespace. */
  body #app .screen.home-screen .home-categories-section.home-reference-categories{
    margin:5px 0 5px!important;
    padding:0!important;
  }
  body #app .screen.home-screen .home-reference-categories .home-category-strip{
    gap:6px!important;
    padding:1px 10px 2px!important;
    scroll-padding-inline:10px!important;
  }
  body #app .screen.home-screen .home-reference-categories .home-category-chip,
  body #app .screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    gap:6px!important;
    border-radius:999px!important;
  }
  body #app .screen.home-screen .home-reference-categories .home-category-chip>b{
    font-size:12.4px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:-.12px!important;
  }
  body #app .screen.home-screen .home-reference-categories .home-category-chip>span,
  body #app .screen.home-screen .home-reference-categories .home-category-chip .home-live-category-icon,
  body #app .screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon{
    width:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    height:17px!important;
    min-height:17px!important;
    flex-basis:17px!important;
  }
  body #app .screen.home-screen .home-reference-categories .home-category-chip>span>.ico,
  body #app .screen.home-screen .home-reference-categories .home-category-chip .home-live-category-icon>.ico,
  body #app .screen.home-screen .home-reference-categories .home-category-chip .home-reference-category-icon>.ico{
    width:17px!important;
    height:17px!important;
  }
  body #app .screen.home-screen .home-reference-categories .home-country-flag-img{
    width:19px!important;
    height:14px!important;
    border-radius:3px!important;
  }

  /* One real vertical selling stream on every mobile commerce feed. */
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry).shared-mobile-single-column,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry).discover-mobile-grid{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 10px 16px!important;
    grid-template-columns:1fr!important;
  }
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry).shared-mobile-single-column>.discover-mobile-column,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry).discover-mobile-grid>.discover-mobile-column{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry)>.discover-mobile-column>.premium-mobile-sales-card.stream-reference-card,
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry) .discover-mobile-card.stream-reference-card{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#07131f 0%,#081522 100%)!important;
    box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
    contain:none!important;
    content-visibility:visible!important;
  }

  /* Media policy: landscape contain; portrait/square crop cleanly without stretch. */
  body #app .discover-mobile-card.stream-reference-card>.stream-reference-media{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:21px 21px 0 0!important;
    background:#06080c!important;
  }
  body #app .discover-mobile-card.stream-reference-card.orientation-landscape>.stream-reference-media{
    aspect-ratio:16/9!important;
  }
  body #app .discover-mobile-card.stream-reference-card:is(.orientation-portrait,.orientation-square)>.stream-reference-media{
    aspect-ratio:3/4!important;
  }
  body #app .discover-mobile-card.stream-reference-card.orientation-landscape .stream-reference-media :is(.discover-mobile-poster,.discover-autoplay-video){
    object-fit:contain!important;
    object-position:center!important;
  }
  body #app .discover-mobile-card.stream-reference-card:is(.orientation-portrait,.orientation-square) .stream-reference-media :is(.discover-mobile-poster,.discover-autoplay-video){
    object-fit:cover!important;
    object-position:center!important;
  }
  body #app .discover-mobile-card.stream-reference-card .stream-reference-media .discover-mobile-blur{
    display:block!important;
    position:absolute!important;
    inset:-18px!important;
    z-index:0!important;
    opacity:.92!important;
    filter:blur(26px) saturate(.96) brightness(.58)!important;
    transform:scale(1.1)!important;
    background-size:cover!important;
    background-position:center!important;
  }
  body #app .discover-mobile-card.stream-reference-card .stream-reference-media :is(.discover-mobile-poster,.discover-autoplay-video){
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    background:transparent!important;
  }

  /* Trending Premium: match the compact three-row reference instead of a tall sparse card. */
  body #app .screen.home-screen .home-trending-premium{
    margin:7px 0 18px!important;
    padding:0 10px!important;
  }
  body #app .screen.home-screen .home-trending-premium-head{
    min-height:32px!important;
    margin:0 0 8px!important;
  }
  body #app .screen.home-screen .home-trending-premium-head h2{
    font-size:20px!important;
    line-height:1.02!important;
    font-weight:780!important;
    letter-spacing:-.46px!important;
  }
  body #app .screen.home-screen .home-trending-premium-seeall{
    min-height:28px!important;
    font-size:10.8px!important;
    gap:3px!important;
  }
  body #app .screen.home-screen .home-trending-premium-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-trending-premium-card{
    display:grid!important;
    grid-template-columns:35% minmax(0,1fr) 106px!important;
    width:100%!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-media{
    min-height:0!important;
    height:132px!important;
    max-height:132px!important;
    border-radius:11px 0 0 11px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-preview{
    object-fit:cover!important;
    object-position:center!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-main{
    min-height:0!important;
    overflow:hidden!important;
    padding:8px 6px 8px 9px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-creator{
    margin-bottom:4px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-main h3{
    -webkit-line-clamp:1!important;
    font-size:10.9px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-main>p{
    margin:2px 0 5px!important;
    -webkit-line-clamp:1!important;
    font-size:8.2px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-social{
    gap:7px!important;
    margin-bottom:5px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-tags{
    margin-top:auto!important;
    gap:4px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-tags span{
    height:20px!important;
    padding:0 7px!important;
    font-size:7.5px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-commerce{
    min-height:0!important;
    padding:7px 7px 7px 3px!important;
    overflow:hidden!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-price{
    min-height:20px!important;
    margin:0 0 5px!important;
    gap:5px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-price strong{
    font-size:13.5px!important;
    color:var(--site-accent-bright)!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-price del{
    font-size:7.7px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-cta{
    height:34px!important;
    min-height:34px!important;
    border-radius:8px!important;
    font-size:9px!important;
  }
  body #app .screen.home-screen .home-trending-premium .home-limited-deal-more{
    top:5px!important;
    right:5px!important;
  }

  /* Watch page: source-shape handling requested by the user. */
  body #app .screen.watch-screen .watch-player:not(.portrait-source){aspect-ratio:16/9!important}
  body #app .screen.watch-screen .watch-player.portrait-source{aspect-ratio:3/4!important;max-height:min(86dvh,920px)!important}
  body #app .screen.watch-screen .watch-player:not(.portrait-source) :is(.watch-video,.watch-poster){object-fit:contain!important;object-position:center!important}
  body #app .screen.watch-screen .watch-player.portrait-source :is(.watch-video,.watch-poster){object-fit:cover!important;object-position:center!important}
}

@media (min-width:768px) and (max-width:1099px){
  body #app .screen.home-screen .home-categories-section.home-reference-categories{margin:7px 0 7px!important}
  body #app .screen.home-screen .home-reference-categories .home-category-strip{gap:7px!important;padding:1px 16px 3px!important}
  body #app .screen.home-screen .home-reference-categories .home-category-chip,
  body #app .screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{height:42px!important;min-height:42px!important;padding:0 12px!important;gap:7px!important}
  body #app .screen.home-screen .home-reference-categories .home-category-chip>b{font-size:13.2px!important}
  body #app :is(.surface-suggested-desktop,.surface-discover-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid) .video-thumb.adaptive-feed-media,
  body #app .screen.watch-screen .watch-related .video-thumb.adaptive-feed-media{height:auto!important;max-height:none!important;aspect-ratio:16/9!important}
  body #app :is(.surface-suggested-desktop,.surface-discover-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid) .video-thumb.adaptive-feed-media>.feed-autoplay-video,
  body #app .screen.watch-screen .watch-related .video-thumb.adaptive-feed-media>.feed-autoplay-video{object-fit:contain!important;object-position:center!important}
  body #app .screen.watch-screen .watch-player{aspect-ratio:16/9!important}
  body #app .screen.watch-screen .watch-player :is(.watch-video,.watch-poster){object-fit:contain!important;object-position:center!important}
}

@media (min-width:1100px){
  body #app .screen.home-screen .home-categories-section.home-reference-categories{margin:8px 0 8px!important}
  body #app .screen.home-screen .home-reference-categories .home-category-strip{gap:8px!important;padding:1px 24px 4px!important}
  body #app .screen.home-screen .home-reference-categories .home-category-chip,
  body #app .screen.home-screen .home-reference-categories .home-category-chip.home-reference-category{height:44px!important;min-height:44px!important;padding:0 14px!important;gap:8px!important}
  body #app .screen.home-screen .home-reference-categories .home-category-chip>b{font-size:13.8px!important}
  body #app :is(.surface-suggested-desktop,.surface-discover-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid) .video-thumb.adaptive-feed-media,
  body #app .screen.watch-screen .watch-related .video-thumb.adaptive-feed-media{height:auto!important;max-height:none!important;aspect-ratio:16/9!important}
  body #app :is(.surface-suggested-desktop,.surface-discover-desktop,.surface-related-desktop,.surface-profile-desktop,.surface-category-desktop,.surface-country-desktop,.profile-desktop-grid) .video-thumb.adaptive-feed-media>.feed-autoplay-video,
  body #app .screen.watch-screen .watch-related .video-thumb.adaptive-feed-media>.feed-autoplay-video{object-fit:contain!important;object-position:center!important}
  body #app .screen.watch-screen .watch-player{aspect-ratio:16/9!important}
  body #app .screen.watch-screen .watch-player :is(.watch-video,.watch-poster){object-fit:contain!important;object-position:center!important}
}

/* ========================================================================== */
/* HOTFIX575 — reference stream body separation + pink brand authority        */
/* Keeps only the small badge/duration/play affordances on media. All creator */
/* identity, stats, title, caption, tags, price and CTA live below the media. */
/* ========================================================================== */
:root{
  --accent:var(--site-accent)!important;
  --accent2:var(--site-accent2)!important;
  --brand-red:var(--site-accent)!important;
  --brand-red-bright:var(--site-accent-bright)!important;
  --brand-red-deep:var(--site-accent2)!important;
  --brand-red-soft:color-mix(in srgb,var(--site-accent) 12%,transparent)!important;
  --brand-red-soft-2:color-mix(in srgb,var(--site-accent) 20%,transparent)!important;
  --brand-red-border:color-mix(in srgb,var(--site-accent) 48%,transparent)!important;
  --brand-red-gradient:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;
  --lux-red:var(--site-accent)!important;
  --lux-red-deep:var(--site-accent2)!important;
  --lux-pink:var(--site-accent)!important;
  --tab-maroon-active:var(--site-accent)!important;
}
html[data-theme="light"]{
  --accent:var(--site-accent)!important;
  --accent2:var(--site-accent2)!important;
  --brand-red:var(--site-accent)!important;
  --brand-red-bright:var(--site-accent)!important;
  --brand-red-deep:var(--site-accent2)!important;
  --brand-red-soft:color-mix(in srgb,var(--site-accent) 9%,transparent)!important;
  --brand-red-soft-2:color-mix(in srgb,var(--site-accent) 15%,transparent)!important;
  --brand-red-border:color-mix(in srgb,var(--site-accent) 35%,transparent)!important;
  --brand-red-gradient:linear-gradient(105deg,var(--site-accent) 0%,var(--site-accent) 54%,var(--site-accent2) 100%)!important;
  --lux-red:var(--site-accent)!important;
  --lux-red-deep:var(--site-accent2)!important;
  --lux-pink:var(--site-accent)!important;
  --tab-maroon-active:var(--site-accent)!important;
}

/* Shared pink brand authority for controls that historically hard-coded red. */
body #app :is(.primary,.cart-checkout,.unlock-btn,.watch-mobile-buy,.watch-smart-buy,.home-reference-top-pick-cta,.home-limited-deal-cta,.hero-reference-cta,.stream-reference-cta.buy),
body #drawerRoot :is(.primary,.unlock-btn){
  background:var(--brand-red-gradient)!important;
  color:#fff!important;
}
body #app :is(.bottom-nav .active,.section-title button,.text-btn,.watch-price,.commerce-card-price strong,.home-reference-top-pick-price strong,.home-limited-deal-price strong){
  color:var(--brand-red)!important;
}
body #app :is(.bottom-nav .active .ico,.bottom-nav .active svg){stroke:currentColor!important;}

@media(max-width:767px){
  /* Absolute authority over hotfix535/550 overlay rules. */
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry)
  .premium-mobile-sales-card.stream-reference-card > .discover-mobile-copy.stream-reference-copy,
  body #app :is(.surface-category-masonry,.surface-country-masonry)
  .discover-mobile-card.stream-reference-card > .discover-mobile-copy.stream-reference-copy{
    position:relative!important;
    z-index:5!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:14px 15px 16px!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#07131f 0%,#091522 100%)!important;
    color:#f7f9fc!important;
    box-shadow:none!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  body #app .premium-mobile-sales-card.stream-reference-card > .stream-reference-copy > .stream-reference-top,
  body #app .discover-mobile-card.stream-reference-card > .stream-reference-copy > .stream-reference-top{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    height:auto!important;
    min-height:50px!important;
    margin:0 0 9px!important;
    padding:0!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
  body #app .stream-reference-card .stream-ref-creator{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:inherit!important;
    text-shadow:none!important;
  }
  body #app .stream-reference-card .stream-ref-avatar{
    position:static!important;
    inset:auto!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    flex:0 0 48px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:50%!important;
    overflow:hidden!important;
    background:#151c25!important;
    box-shadow:none!important;
  }
  body #app .stream-reference-card .stream-ref-creator-copy{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    text-shadow:none!important;
  }
  body #app .stream-reference-card .stream-ref-creator-copy b{
    position:static!important;
    inset:auto!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#f8fafc!important;
    font-size:15px!important;
    line-height:1.08!important;
    font-weight:760!important;
    text-shadow:none!important;
  }
  body #app .stream-reference-card .stream-ref-creator-copy small{
    position:static!important;
    inset:auto!important;
    display:block!important;
    margin:5px 0 0!important;
    padding:0!important;
    color:#9fa8b4!important;
    font-size:11px!important;
    line-height:1!important;
    text-shadow:none!important;
  }
  body #app .stream-reference-card .stream-reference-stats{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    gap:6px!important;
    flex:0 0 auto!important;
    width:auto!important;
    height:auto!important;
    margin:2px 0 0!important;
    padding:0!important;
    color:#d0d6df!important;
    text-shadow:none!important;
  }
  body #app .stream-reference-card .stream-reference-stats .stream-ref-stat,
  body #app .stream-reference-card .stream-reference-stats .stream-ref-stat > span{
    position:static!important;
    inset:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:#cbd2dc!important;
    font-size:11.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-shadow:none!important;
  }

  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry)
  .premium-mobile-sales-card.stream-reference-card > .stream-reference-copy > .commerce-card-title,
  body #app :is(.surface-category-masonry,.surface-country-masonry)
  .discover-mobile-card.stream-reference-card > .stream-reference-copy > .commerce-card-title{
    position:static!important;
    inset:auto!important;
    order:initial!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:0 0 6px!important;
    padding:0!important;
    overflow:hidden!important;
    color:#f7f8fb!important;
    font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    font-size:16.5px!important;
    line-height:1.2!important;
    font-weight:780!important;
    letter-spacing:-.02em!important;
    white-space:normal!important;
    text-overflow:clip!important;
    text-shadow:none!important;
    -webkit-line-clamp:2!important;
    pointer-events:auto!important;
  }
  body #app .stream-reference-card .stream-reference-caption{
    position:static!important;
    inset:auto!important;
    display:-webkit-box!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#c4ccd7!important;
    font-size:13px!important;
    line-height:1.38!important;
    font-weight:450!important;
    text-shadow:none!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  body #app .stream-reference-card .stream-reference-tags{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    height:auto!important;
    margin:11px 0 13px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body #app .stream-reference-card .stream-reference-tags > span{
    position:static!important;
    inset:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:29px!important;
    min-height:29px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid color-mix(in srgb,var(--site-accent) 22%,transparent)!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--site-accent) 10%,transparent)!important;
    color:#f59aca!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:650!important;
    text-shadow:none!important;
    white-space:nowrap!important;
  }
  body #app .stream-reference-card .stream-reference-bottom{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    width:100%!important;
    height:auto!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }

  /* Cancel old price badge/pseudo-element. Price is now below media. */
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry)
  .premium-mobile-sales-card.stream-reference-card > .stream-reference-copy .stream-reference-bottom > .commerce-card-price,
  body #app :is(.surface-category-masonry,.surface-country-masonry)
  .discover-mobile-card.stream-reference-card > .stream-reference-copy .stream-reference-bottom > .commerce-card-price{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:5px!important;
    width:auto!important;
    min-width:0!important;
    max-width:46%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:var(--brand-red)!important;
    font-size:inherit!important;
    line-height:1!important;
    box-shadow:none!important;
    white-space:normal!important;
    pointer-events:auto!important;
  }
  body #app .stream-reference-card .stream-reference-bottom > .commerce-card-price[data-mobile-price=""]{display:flex!important}
  body #app .stream-reference-card .stream-reference-bottom > .commerce-card-price > *{display:inline!important}
  body #app .stream-reference-card .stream-reference-bottom > .commerce-card-price::before{content:none!important;display:none!important}
  body #app .stream-reference-card .stream-reference-bottom > .commerce-card-price strong{
    display:inline!important;
    color:var(--brand-red)!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
  }
  body #app .stream-reference-card .stream-reference-bottom > .commerce-card-price del{
    display:inline!important;
    color:#8e98a5!important;
    font-size:11px!important;
    line-height:1!important;
  }
  body #app .stream-reference-card .stream-reference-cta{
    position:static!important;
    inset:auto!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:160px!important;
    max-width:58%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 18px!important;
    border-radius:14px!important;
    pointer-events:auto!important;
    transform:none!important;
    font-size:14.5px!important;
    font-weight:760!important;
  }
  body #app .stream-reference-card .stream-reference-cta.watch,
  body #app .stream-reference-card .stream-reference-cta.subscribe,
  body #app .stream-reference-card .stream-reference-cta.cart.active{
    border:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(180deg,#18212c,#101721)!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  /* Only the small merchandising badge, duration and play affordance stay on media. */
  body #app .stream-reference-card .stream-reference-media > .stream-reference-badge{
    position:absolute!important;
    z-index:5!important;
    top:13px!important;
    left:13px!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:58%!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 13px!important;
    border:1px solid color-mix(in srgb,var(--site-accent-light) 30%,transparent)!important;
    border-radius:999px!important;
    background:linear-gradient(110deg,var(--site-accent),var(--site-accent2))!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(0,0,0,.20)!important;
    text-shadow:none!important;
  }
  body #app .stream-reference-card .stream-reference-media > .discover-duration{
    top:13px!important;
    right:13px!important;
    left:auto!important;
    bottom:auto!important;
  }
  body #app .stream-reference-card .stream-reference-media > .stream-reference-play{
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
  }

  /* Light theme remains a real card, never a transparent skeleton overlay. */
  html[data-theme="light"] body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-related-masonry,.surface-profile-masonry,.surface-category-masonry,.surface-country-masonry)
  .stream-reference-card > .discover-mobile-copy.stream-reference-copy{
    background:#fff!important;
    color:#181c22!important;
    border-top:1px solid #edf0f3!important;
  }
  html[data-theme="light"] body #app .stream-reference-card .stream-ref-creator-copy b,
  html[data-theme="light"] body #app .stream-reference-card .stream-reference-copy > .commerce-card-title{color:#171b20!important}
  html[data-theme="light"] body #app .stream-reference-card .stream-reference-caption{color:#606a76!important}
  html[data-theme="light"] body #app .stream-reference-card .stream-reference-stats .stream-ref-stat > span{color:#606a75!important}
  html[data-theme="light"] body #app .stream-reference-card .stream-reference-stats i{color:#20252b!important}
  html[data-theme="light"] body #app .stream-reference-card .stream-reference-tags > span{background:#fff2f8!important;border-color:#ffd4e6!important;color:var(--site-accent2)!important}
  html[data-theme="light"] body #app .stream-reference-card .stream-reference-cta.watch,
  html[data-theme="light"] body #app .stream-reference-card .stream-reference-cta.subscribe,
  html[data-theme="light"] body #app .stream-reference-card .stream-reference-cta.cart.active{background:#f5f7f9!important;border-color:#dce1e6!important;color:#20252b!important}
}

/* ========================================================================== */
/* HOTFIX576 — unified premium feed card, no skeleton gaps                    */
/* One component is used by Discover/Profile/Country/Category/Watch related. */
/* ========================================================================== */
@media(max-width:767px){
  body #app .stream-pro-card{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:18px!important;
    background:#08121d!important;
    box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
    aspect-ratio:auto!important;
    contain:none!important;
    content-visibility:visible!important;
  }
  body #app .stream-pro-card>.stream-pro-media{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:17px 17px 0 0!important;
    background:#06090e!important;
  }
  body #app .stream-pro-card.orientation-landscape>.stream-pro-media{aspect-ratio:16/9!important}
  body #app .stream-pro-card:is(.orientation-portrait,.orientation-square)>.stream-pro-media{aspect-ratio:3/4!important}
  body #app .stream-pro-card.orientation-landscape>.stream-pro-media :is(.discover-mobile-poster,.discover-autoplay-video){object-fit:contain!important;object-position:center!important}
  body #app .stream-pro-card:is(.orientation-portrait,.orientation-square)>.stream-pro-media :is(.discover-mobile-poster,.discover-autoplay-video){object-fit:cover!important;object-position:center!important}
  body #app .stream-pro-card>.stream-pro-media>.discover-mobile-blur{display:block!important;opacity:.88!important}
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-badge{
    position:absolute!important;
    z-index:6!important;
    top:12px!important;
    left:12px!important;
    right:auto!important;
    bottom:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    width:auto!important;
    max-width:62%!important;
    height:31px!important;
    min-height:31px!important;
    margin:0!important;
    padding:0 11px!important;
    border:1px solid color-mix(in srgb,var(--site-accent-light) 28%,transparent)!important;
    border-radius:999px!important;
    background:linear-gradient(110deg,var(--site-accent),var(--site-accent2))!important;
    color:#fff!important;
    box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
    font:720 11.5px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
    white-space:nowrap!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-badge i{font-style:normal!important;font-size:14px!important}
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-duration{
    position:absolute!important;
    z-index:6!important;
    top:12px!important;
    right:12px!important;
    bottom:auto!important;
    left:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:54px!important;
    height:31px!important;
    padding:0 9px!important;
    border-radius:10px!important;
    background:rgba(7,9,13,.82)!important;
    color:#fff!important;
    font:720 11.5px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-play{
    position:absolute!important;
    z-index:6!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:54px!important;
    height:54px!important;
    margin:0!important;
    border-radius:50%!important;
    transform:translate(-50%,-50%)!important;
    background:rgba(4,7,11,.42)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    backdrop-filter:blur(5px)!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-play .ico{width:21px!important;height:21px!important}

  body #app .stream-pro-card>.stream-pro-body{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:12px 13px 13px!important;
    overflow:visible!important;
    background:linear-gradient(180deg,#08131e 0%,#091522 100%)!important;
    color:#f7f9fc!important;
  }
  body #app .stream-pro-card .stream-pro-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    height:auto!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .stream-pro-card .stream-pro-creator{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
  }
  body #app .stream-pro-card .stream-pro-avatar{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.15)!important;
    border-radius:50%!important;
    background:#161d27!important;
  }
  body #app .stream-pro-card .stream-pro-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
  body #app .stream-pro-card .stream-pro-avatar>i{font-style:normal!important;font-size:15px!important;font-weight:800!important;color:#fff!important}
  body #app .stream-pro-card .stream-pro-creator-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-width:0!important;
    height:auto!important;
  }
  body #app .stream-pro-card .stream-pro-creator-copy>b{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    color:#f9fafc!important;
    font-size:14px!important;
    line-height:1.12!important;
    font-weight:760!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  body #app .stream-pro-card .stream-pro-creator-copy>small{
    display:block!important;
    margin-top:4px!important;
    color:#9ea8b4!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:520!important;
  }
  body #app .stream-pro-card .stream-pro-stats{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:6px 9px!important;
    flex:0 0 auto!important;
    max-width:48%!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .stream-pro-card .stream-pro-stat{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    margin:0!important;
    color:#b9c2cd!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  body #app .stream-pro-card .stream-pro-stat .ico{width:14px!important;height:14px!important}
  body #app .stream-pro-card .stream-pro-stat>b{color:#e9edf2!important;font-size:10.8px!important;font-weight:720!important}
  body #app .stream-pro-card .stream-pro-stat>i{font-style:normal!important;color:#9ca6b1!important;font-weight:500!important}

  body #app .stream-pro-card .stream-pro-text{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:9px 0 0!important;
    padding:0!important;
  }
  body #app .stream-pro-card .stream-pro-text>h3{
    display:-webkit-box!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    color:#f7f9fb!important;
    font-size:15.5px!important;
    line-height:1.2!important;
    font-weight:790!important;
    letter-spacing:-.018em!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  body #app .stream-pro-card .stream-pro-text>p{
    display:-webkit-box!important;
    width:100%!important;
    margin:4px 0 0!important;
    overflow:hidden!important;
    color:#aeb8c4!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:450!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:1!important;
  }
  body #app .stream-pro-card .stream-pro-tags{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    width:100%!important;
    min-height:0!important;
    margin:9px 0 10px!important;
    padding:0!important;
  }
  body #app .stream-pro-card .stream-pro-tags>span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:25px!important;
    min-height:25px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid color-mix(in srgb,var(--site-accent) 22%,transparent)!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--site-accent) 9%,transparent)!important;
    color:#f58fbd!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:650!important;
    white-space:nowrap!important;
  }
  body #app .stream-pro-card .stream-pro-commerce{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    width:100%!important;
    height:auto!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .stream-pro-card .stream-pro-price{
    display:flex!important;
    align-items:baseline!important;
    flex-wrap:wrap!important;
    gap:4px 7px!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:52%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    color:var(--brand-red)!important;
    line-height:1!important;
  }
  body #app .stream-pro-card .stream-pro-price strong{
    color:var(--brand-red)!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:840!important;
    letter-spacing:-.025em!important;
  }
  body #app .stream-pro-card .stream-pro-price del{
    color:#818c98!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:550!important;
    text-decoration-thickness:1.3px!important;
  }
  body #app .stream-pro-card .stream-pro-cta{
    position:static!important;
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    width:auto!important;
    min-width:126px!important;
    max-width:48%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:12px!important;
    background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 22px color-mix(in srgb,var(--site-accent) 18%,transparent)!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:760!important;
    white-space:nowrap!important;
  }
  body #app .stream-pro-card .stream-pro-cta .ico{width:16px!important;height:16px!important;stroke-width:2!important}
  body #app .stream-pro-card .stream-pro-cta:is(.watch,.subscribe,.cart.active){
    border:1px solid rgba(255,255,255,.12)!important;
    background:#131b25!important;
    color:#fff!important;
    box-shadow:none!important;
  }

  /* All mobile commerce feed surfaces use the same spacing and visual class. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry).discover-mobile-grid{
    padding-inline:10px!important;
  }
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry).discover-mobile-grid>.discover-mobile-column{
    gap:12px!important;
  }

  html[data-theme="light"] body #app .stream-pro-card{
    border-color:#e6e9ed!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(22,29,39,.07)!important;
  }
  html[data-theme="light"] body #app .stream-pro-card>.stream-pro-body{background:#fff!important;color:#171b20!important}
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-creator-copy>b,
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-text>h3{color:#181b20!important}
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-creator-copy>small,
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-stat,
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-stat>i{color:#6c7580!important}
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-stat>b{color:#323840!important}
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-text>p{color:#626c77!important}
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-tags>span{background:#fff3f8!important;border-color:#ffd5e5!important;color:var(--site-accent2)!important}
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-cta:is(.watch,.subscribe,.cart.active){background:#f5f7f9!important;border-color:#dce1e6!important;color:#222831!important}
}

/* Pink is the single site commerce accent. Keep neutral surfaces neutral. */
body #app :is(.primary,.cart-checkout,.checkout-pay,.wallet-primary,.watch-mobile-buy,.watch-smart-buy,.home-reference-top-pick-cta,.home-limited-deal-cta,.hero-reference-cta,.stream-pro-cta.buy){
  background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;
  color:#fff!important;
}
body #app :is(.watch-price,.commerce-card-price strong,.stream-pro-price strong,.home-reference-top-pick-price strong,.home-limited-deal-price strong,.profile-price,.cart-line-price strong){color:var(--site-accent)!important}
body #app :is(.verified,.profile-verified){color:var(--site-accent)!important}

/* ========================================================================== */
/* HOTFIX577 — authoritative mobile single-stream + compact premium cards     */
/* Fixes duplicated views, repetitive promo badges and oversized feed cards. */
/* ========================================================================== */
@media (max-width:767px){
  /* Discover is ALWAYS one vertical stream on phones. Older masonry rules are
     intentionally neutralized here so no two-column skeleton can reappear. */
  body #app .discover-screen :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail){
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .discover-screen .surface-discover-masonry.discover-mobile-grid,
  body #app .discover-screen .surface-discover-masonry.shared-mobile-masonry,
  body #app .discover-screen .surface-discover-masonry.shared-mobile-single-column{
    display:block!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 10px 12px!important;
    column-count:1!important;
  }
  body #app .discover-screen .surface-discover-masonry>.discover-mobile-column,
  body #app .discover-screen .surface-discover-masonry>.discover-mobile-column[data-discover-column]{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    column-count:1!important;
  }
  body #app .discover-screen .surface-discover-masonry>.discover-mobile-column>.stream-pro-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:0 0 auto!important;
  }

  /* Unified compact card proportions. */
  body #app .stream-pro-card{
    border-radius:16px!important;
    box-shadow:0 9px 22px rgba(0,0,0,.15)!important;
  }
  body #app .stream-pro-card>.stream-pro-media{
    border-radius:15px 15px 0 0!important;
    max-height:68svh!important;
  }
  body #app .stream-pro-card.orientation-landscape>.stream-pro-media{
    aspect-ratio:16/9!important;
  }
  body #app .stream-pro-card:is(.orientation-portrait,.orientation-square)>.stream-pro-media{
    aspect-ratio:4/5!important;
  }

  /* Media chrome is deliberately small. Badges only exist on selected lead
     cards in JS, so the feed does not repeat "Popular Pick" on every video. */
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-badge{
    top:9px!important;
    left:9px!important;
    max-width:52%!important;
    height:27px!important;
    min-height:27px!important;
    padding:0 9px!important;
    gap:5px!important;
    border-radius:999px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:720!important;
    box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-badge i{
    font-size:12px!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-duration{
    top:9px!important;
    right:9px!important;
    min-width:46px!important;
    height:27px!important;
    min-height:27px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:720!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-play{
    width:46px!important;
    height:46px!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-play .ico{
    width:18px!important;
    height:18px!important;
  }

  /* Dense, editorial body — no fixed-height/skeleton-looking voids. */
  body #app .stream-pro-card>.stream-pro-body{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px 11px 11px!important;
    gap:0!important;
  }
  body #app .stream-pro-card .stream-pro-head{
    min-height:38px!important;
    gap:8px!important;
  }
  body #app .stream-pro-card .stream-pro-avatar{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  body #app .stream-pro-card .stream-pro-creator{
    gap:8px!important;
  }
  body #app .stream-pro-card .stream-pro-creator-copy>b{
    font-size:13px!important;
  }
  body #app .stream-pro-card .stream-pro-creator-copy>small{
    margin-top:3px!important;
    font-size:9.8px!important;
  }
  body #app .stream-pro-card .stream-pro-stats{
    gap:5px 8px!important;
    max-width:46%!important;
  }
  body #app .stream-pro-card .stream-pro-stat{
    gap:3px!important;
    font-size:10px!important;
  }
  body #app .stream-pro-card .stream-pro-stat .ico{
    width:13px!important;
    height:13px!important;
  }
  body #app .stream-pro-card .stream-pro-stat>i,
  body #app .stream-pro-card .stream-pro-stat>b{
    margin:0!important;
    color:inherit!important;
    font-style:normal!important;
    font-size:10.2px!important;
    font-weight:720!important;
  }
  body #app .stream-pro-card .stream-pro-stat>em{
    margin:0!important;
    color:#8f9aa6!important;
    font-style:normal!important;
    font-size:9.8px!important;
    font-weight:500!important;
  }
  body #app .stream-pro-card .stream-pro-text{
    margin:7px 0 0!important;
  }
  body #app .stream-pro-card .stream-pro-text>h3{
    font-size:14.5px!important;
    line-height:1.18!important;
    -webkit-line-clamp:2!important;
  }
  body #app .stream-pro-card .stream-pro-text>p{
    margin-top:3px!important;
    font-size:11.2px!important;
    line-height:1.3!important;
  }
  body #app .stream-pro-card .stream-pro-tags{
    gap:5px!important;
    margin:7px 0 8px!important;
  }
  body #app .stream-pro-card .stream-pro-tags>span{
    height:22px!important;
    min-height:22px!important;
    padding:0 8px!important;
    font-size:9.8px!important;
  }
  body #app .stream-pro-card .stream-pro-commerce{
    min-height:38px!important;
    gap:8px!important;
  }
  body #app .stream-pro-card .stream-pro-price{
    max-width:54%!important;
    gap:3px 6px!important;
  }
  body #app .stream-pro-card .stream-pro-price strong{
    font-size:16px!important;
    letter-spacing:-.018em!important;
  }
  body #app .stream-pro-card .stream-pro-price del{
    font-size:9.3px!important;
  }
  body #app .stream-pro-card .stream-pro-cta{
    min-width:112px!important;
    max-width:46%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 12px!important;
    border-radius:11px!important;
    gap:6px!important;
    font-size:11.5px!important;
    box-shadow:0 8px 18px color-mix(in srgb,var(--site-accent) 16%,transparent)!important;
  }
  body #app .stream-pro-card .stream-pro-cta .ico{
    width:14px!important;
    height:14px!important;
  }

  /* All commerce mobile streams share the same narrow rhythm. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry).discover-mobile-grid{
    padding-inline:10px!important;
  }
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry).discover-mobile-grid>.discover-mobile-column{
    gap:10px!important;
  }

  html[data-theme="light"] body #app .stream-pro-card{
    border-color:#e8e9ed!important;
    box-shadow:0 7px 18px rgba(20,28,38,.06)!important;
  }
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-stat>em{
    color:#737d88!important;
  }
}

/* ========================================================================== */
/* HOTFIX578 — Discover mobile single-stream authority                        */
/* Removes the two-column/skeleton appearance and matches Home/Profile cards. */
/* ========================================================================== */
@media (max-width:767px){
  body #app .discover-screen :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .discover-screen .surface-discover-masonry.discover-mobile-grid,
  body #app .discover-screen .surface-discover-masonry.discover-single-stream-authority{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 10px 14px!important;
    grid-template-columns:1fr!important;
    grid-auto-columns:1fr!important;
    column-count:1!important;
  }
  body #app .discover-screen .surface-discover-masonry>.discover-mobile-column,
  body #app .discover-screen .surface-discover-masonry>.discover-single-stream-column{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:12px!important;
    column-count:1!important;
  }
  body #app .discover-screen .surface-discover-masonry>.discover-mobile-column:not(:first-child){display:none!important;}
  body #app .discover-screen .surface-discover-masonry .discover-mobile-card,
  body #app .discover-screen .surface-discover-masonry .discover-single-stream-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(180deg,#07121d 0%,#09131e 100%)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
    aspect-ratio:auto!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-card>.stream-pro-media,
  body #app .discover-screen .surface-discover-masonry .discover-mobile-card>.discover-mobile-media{
    position:relative!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:430px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:17px 17px 0 0!important;
    background-color:#05070b!important;
  }
  body #app .discover-screen .surface-discover-masonry .orientation-landscape>.stream-pro-media,
  body #app .discover-screen .surface-discover-masonry .orientation-landscape>.discover-mobile-media{aspect-ratio:16/9!important;}
  body #app .discover-screen .surface-discover-masonry :is(.orientation-portrait,.orientation-square)>.stream-pro-media,
  body #app .discover-screen .surface-discover-masonry :is(.orientation-portrait,.orientation-square)>.discover-mobile-media{aspect-ratio:5/6!important;}
  body #app .discover-screen .surface-discover-masonry .orientation-landscape .discover-mobile-poster,
  body #app .discover-screen .surface-discover-masonry .orientation-landscape .discover-autoplay-video{object-fit:contain!important;object-position:center!important;}
  body #app .discover-screen .surface-discover-masonry :is(.orientation-portrait,.orientation-square) .discover-mobile-poster,
  body #app .discover-screen .surface-discover-masonry :is(.orientation-portrait,.orientation-square) .discover-autoplay-video{object-fit:cover!important;object-position:center!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-badge{display:none!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-duration,
  body #app .discover-screen .surface-discover-masonry .discover-duration{
    top:9px!important;
    right:9px!important;
    min-width:42px!important;
    height:25px!important;
    min-height:25px!important;
    padding:0 7px!important;
    border-radius:8px!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:760!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-play,
  body #app .discover-screen .surface-discover-masonry .mobile-selling-play{
    width:42px!important;
    height:42px!important;
    border-width:1px!important;
    box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-play .ico,
  body #app .discover-screen .surface-discover-masonry .mobile-selling-play .ico{width:16px!important;height:16px!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-body{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px 12px 11px!important;
    background:transparent!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:36px!important;
    margin:0!important;
    gap:10px!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-avatar{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-creator{gap:8px!important;min-width:0!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-creator-copy>b{font-size:12.8px!important;line-height:1.05!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-creator-copy>small{margin-top:3px!important;font-size:9.4px!important;line-height:1!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-stats{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:4px 9px!important;
    max-width:52%!important;
    min-width:0!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-stat{font-size:9.7px!important;gap:3px!important;white-space:nowrap!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-stat .ico{width:12px!important;height:12px!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-stat>i,
  body #app .discover-screen .surface-discover-masonry .stream-pro-stat>b,
  body #app .discover-screen .surface-discover-masonry .stream-pro-stat>em{font-size:9.7px!important;line-height:1!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-text{margin:7px 0 0!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-text>h3{
    margin:0!important;
    font-size:14.2px!important;
    line-height:1.18!important;
    font-weight:780!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-text>p{
    margin:3px 0 0!important;
    font-size:10.8px!important;
    line-height:1.28!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:1!important;
    overflow:hidden!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-tags{display:flex!important;gap:5px!important;margin:7px 0 8px!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-tags>span{
    height:21px!important;
    min-height:21px!important;
    padding:0 8px!important;
    border-radius:999px!important;
    font-size:9.4px!important;
    font-weight:650!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-commerce{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:34px!important;
    margin:0!important;
    gap:8px!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-price{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:3px 6px!important;max-width:56%!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-price strong{font-size:15px!important;line-height:1!important;font-weight:820!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-price del{font-size:8.8px!important;line-height:1!important;}
  body #app .discover-screen .surface-discover-masonry .stream-pro-cta{
    min-width:104px!important;
    max-width:44%!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 11px!important;
    border-radius:10px!important;
    gap:5px!important;
    font-size:10.6px!important;
    font-weight:760!important;
    box-shadow:0 7px 16px color-mix(in srgb,var(--site-accent) 14%,transparent)!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-cta .ico{width:13px!important;height:13px!important;}
  body #app .discover-screen .discover-desktop-grid{display:none!important;}
  html[data-theme="light"] body #app .discover-screen .surface-discover-masonry .discover-mobile-card{
    background:#fff!important;
    border-color:#e6e8ec!important;
    box-shadow:0 8px 22px rgba(17,24,39,.07)!important;
  }
}

/* ========================================================================== */
/* HOTFIX579 — clean media stage authority                                    */
/* Mobile stream media is a real compact media stage, never a skeleton block. */
/* Crop to fill without stretching; no blurred/doubled poster layers.          */
/* ========================================================================== */
@media (max-width:767px){
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card{
    overflow:hidden!important;
  }

  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card>.stream-pro-media,
  body #app .discover-screen .surface-discover-masonry .stream-pro-card>.stream-pro-media{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    border-radius:17px 17px 0 0!important;
    background:#05070b!important;
    background-image:none!important;
    isolation:isolate!important;
  }

  /* Never allow source orientation to make the card huge on mobile. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card:is(.orientation-landscape,.orientation-portrait,.orientation-square)>.stream-pro-media,
  body #app .discover-screen .surface-discover-masonry .stream-pro-card:is(.orientation-landscape,.orientation-portrait,.orientation-square)>.stream-pro-media{
    aspect-ratio:16/9!important;
    max-height:none!important;
  }

  /* One foreground frame only. Crop cleanly to the stage; never stretch. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-media>.discover-mobile-poster,
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-media>.discover-autoplay-video,
  body #app .discover-screen .surface-discover-masonry .stream-pro-media>.discover-mobile-poster,
  body #app .discover-screen .surface-discover-masonry .stream-pro-media>.discover-autoplay-video{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    object-fit:cover!important;
    object-position:center!important;
    background:#05070b!important;
    transform:none!important;
  }

  /* Kill any legacy duplicated/blur media layer that can look like a skeleton. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-media>.discover-mobile-blur,
  body #app .discover-screen .surface-discover-masonry .stream-pro-media>.discover-mobile-blur{
    display:none!important;
  }

  body #app .stream-pro-media::before{
    content:none!important;
    display:none!important;
  }
  body #app .stream-pro-media::after{
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    height:22%!important;
    z-index:2!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(3,6,10,0),rgba(3,6,10,.20))!important;
  }

  body #app .stream-pro-media>.stream-pro-play,
  body #app .stream-pro-media>.mobile-selling-play{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    z-index:4!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
  }
  body #app .stream-pro-media>.stream-pro-play .ico,
  body #app .stream-pro-media>.mobile-selling-play .ico{
    width:15px!important;
    height:15px!important;
  }

  body #app .stream-pro-media>.stream-pro-duration,
  body #app .stream-pro-media>.discover-duration{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    z-index:5!important;
    min-width:38px!important;
    width:auto!important;
    height:23px!important;
    min-height:23px!important;
    padding:0 7px!important;
    margin:0!important;
    border-radius:7px!important;
    font-size:9px!important;
    line-height:23px!important;
  }

  body #app .stream-pro-media>.stream-pro-badge{
    position:absolute!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:5!important;
    min-height:24px!important;
    height:24px!important;
    padding:0 9px!important;
    border-radius:999px!important;
    gap:5px!important;
    font-size:9.5px!important;
    line-height:1!important;
  }
  body #app .stream-pro-media>.stream-pro-badge i{font-size:11px!important;line-height:1!important;}

  /* Tight visual join from media into metadata; no empty strip. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card>.stream-pro-body,
  body #app .discover-screen .surface-discover-masonry .stream-pro-card>.stream-pro-body{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:10px 12px 11px!important;
    border:0!important;
  }

  /* Keep portrait source artwork centered so face/subject is not pushed away. */
  body #app .stream-pro-card.orientation-portrait .stream-pro-media>.discover-mobile-poster,
  body #app .stream-pro-card.orientation-portrait .stream-pro-media>.discover-autoplay-video{
    object-position:center 42%!important;
  }
}

/* ========================================================================== */
/* HOTFIX580 — real mobile stream breakpoint + reduced-height media           */
/* The phone UI on some Android devices reports >767 CSS px. Keep Discover   */
/* in the mobile single-stream layout through 900px. Do NOT force 16:9.       */
/* ========================================================================== */
@media (max-width:900px){
  /* Discover must use the mobile stream, never the desktop 2-column grid. */
  body #app .discover-screen .discover-desktop-grid,
  body #app .discover-screen .shared-desktop-video-grid,
  body #app .discover-screen .video-grid.discover-desktop-grid{
    display:none!important;
  }
  body #app .discover-screen .discover-mobile-grid,
  body #app .discover-screen .surface-discover-masonry.discover-mobile-grid,
  body #app .discover-screen .surface-discover-masonry.discover-single-stream-authority{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:1fr!important;
    grid-auto-columns:1fr!important;
    column-count:1!important;
    margin:0!important;
    padding:0 10px 12px!important;
  }
  body #app .discover-screen .surface-discover-masonry>.discover-mobile-column,
  body #app .discover-screen .surface-discover-masonry>.discover-single-stream-column{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    grid-auto-columns:1fr!important;
    column-count:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .discover-screen .surface-discover-masonry>.discover-mobile-column:not(:first-child){
    display:none!important;
  }
  body #app .discover-screen .surface-discover-masonry .stream-pro-card,
  body #app .discover-screen .surface-discover-masonry .discover-mobile-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    aspect-ratio:auto!important;
  }

  /* Undo HOTFIX579's blanket 16:9 stage. Use the source ratio and only cap
     tall artwork so portrait videos do not become giant phone-height blocks. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card>.stream-pro-media{
    width:100%!important;
    min-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:var(--discover-ratio,auto)!important;
    max-height:420px!important;
    overflow:hidden!important;
    background:#05070b!important;
  }

  /* Landscape keeps its own source shape. Height is capped, not converted to 16:9. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card.orientation-landscape>.stream-pro-media{
    height:auto!important;
    aspect-ratio:var(--discover-ratio,auto)!important;
    max-height:310px!important;
  }

  /* Square sources stay compact without stretching. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card.orientation-square>.stream-pro-media{
    height:min(82vw,370px)!important;
    aspect-ratio:auto!important;
    max-height:370px!important;
  }

  /* Portrait sources remain visibly portrait, just shorter than before. */
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card.orientation-portrait>.stream-pro-media{
    height:min(96vw,420px)!important;
    aspect-ratio:auto!important;
    max-height:420px!important;
  }

  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-media>.discover-mobile-poster,
  body #app :is(.surface-discover-masonry,.surface-suggested-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-media>.discover-autoplay-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    transform:none!important;
  }

  /* Keep the media chrome compact on the now-shorter boxes. */
  body #app .stream-pro-media>.stream-pro-play,
  body #app .stream-pro-media>.mobile-selling-play{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  body #app .stream-pro-media>.stream-pro-duration,
  body #app .stream-pro-media>.discover-duration{
    top:8px!important;
    right:8px!important;
    min-width:36px!important;
    height:22px!important;
    min-height:22px!important;
    padding:0 7px!important;
    border-radius:7px!important;
    font-size:9px!important;
    line-height:22px!important;
  }
}

/* ========================================================================== */
/* HOTFIX581 — clean media surfaces + no purchase metric on public video cards */
/* One real media surface only: no blurred duplicate, bottom haze or glow.    */
/* ========================================================================== */
body #app .commerce-video-card :is(.discover-mobile-blur,.live-card-blur){
  display:none!important;
  opacity:0!important;
  filter:none!important;
  -webkit-filter:none!important;
}
body #app :is(.stream-pro-media,.discover-mobile-media,.video-thumb.adaptive-feed-media,.profile-mobile-media,.home-reference-top-pick-media,.home-limited-deal-media){
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body #app :is(.stream-pro-media,.discover-mobile-media,.video-thumb.adaptive-feed-media,.profile-mobile-media)::before,
body #app :is(.stream-pro-media,.discover-mobile-media,.video-thumb.adaptive-feed-media,.profile-mobile-media)::after,
body #app .home-reference-top-pick-media::before,
body #app .home-reference-top-pick-media::after,
body #app .home-limited-deal-media::before,
body #app .home-limited-deal-media::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:none!important;
  box-shadow:none!important;
}
body #app :is(.stream-pro-media,.discover-mobile-media,.video-thumb.adaptive-feed-media,.profile-mobile-media,.home-reference-top-pick-media,.home-limited-deal-media) :is(img,video,.feed-autoplay-video,.discover-mobile-poster,.discover-autoplay-video,.home-reference-top-pick-preview,.home-limited-deal-preview){
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body #app :is(.stream-pro-play,.mobile-selling-play,.discover-duration,.stream-pro-duration,.home-reference-top-pick-duration,.home-limited-deal-duration){
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
}
/* Watch: remove the old blurred source clone behind the actual video. */
body #app .watch-player>.watch-video-backdrop{
  display:none!important;
  opacity:0!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
}
body #app .watch-player>.watch-video,
body #app .watch-player>.watch-poster{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
}
/* Defensive: older cached card markup must not expose purchase-count chrome. */
body #app .commerce-video-card :is(.card-bought,.video-bought,.bought-count,.purchase-count,.stream-pro-purchases){
  display:none!important;
}

/* ========================================================================== */
/* HOTFIX583 — Mobile Home Top Picks: exactly two cards, balanced margins     */
/* Desktop/tablet remain unchanged.                                            */
/* ========================================================================== */
@media (max-width:767px){
  .screen.home-screen .home-reference-top-picks{
    margin:14px 0 20px!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .screen.home-screen .home-reference-top-picks-head{
    margin-bottom:12px!important;
  }
  .screen.home-screen .home-reference-top-picks-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .screen.home-screen .home-reference-top-pick-card:nth-child(n/**/+3){
    display:none!important;
  }
  .screen.home-screen .home-reference-top-pick-card{
    width:100%!important;
    margin:0!important;
  }
}


/* ========================================================================== */
/* HOTFIX585 — hero cleanup: no purchase-count line, clean type, white tick   */
/* ========================================================================== */
/* Keep the existing blue verified badge background; only the check itself is white. */
body #app .verified,
body #app .verified.verified-mini{
  color:#fff!important;
  text-shadow:none!important;
}

/* The reference hero title/metadata should read crisp, not glow or blur. */
.screen.home-screen .xmg-reference-hero .hero-reference-title,
.screen.home-screen .xmg-reference-hero .hero-reference-meta,
.screen.home-screen .xmg-reference-hero .hero-reference-eyebrow,
.screen.home-screen .xmg-reference-hero .hero-reference-panel h1,
.screen.home-screen .xmg-reference-hero .hero-reference-panel p,
.screen.home-screen .xmg-reference-hero .hero-reference-panel b,
.screen.home-screen .xmg-reference-hero .hero-reference-panel small{
  text-shadow:none!important;
  filter:none!important;
}

/* Defensive: old cached hero markup should not expose the removed bought row. */
.screen.home-screen .xmg-reference-hero .hero-reference-bought{display:none!important}


/* ========================================================================== */
/* HOTFIX586 — Trending Premium media integrity                               */
/* Keep the autoplay preview as one absolute media layer over the thumbnail.  */
/* Prevent the preview video from participating in grid flow and splitting     */
/* the media box into two visible frames.                                      */
/* ========================================================================== */
.screen.home-screen .home-trending-premium .home-limited-deal-media{
  position:relative!important;
  overflow:hidden!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.screen.home-screen .home-trending-premium .home-trending-premium-preview{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:inherit!important;
  transform:none!important;
}

/* Hotfix589: Purchase request gate — premium approval flow */
.purchase-request-action{letter-spacing:.01em}
.purchase-request-sheet{position:relative;width:min(92vw,460px);max-height:min(86vh,720px);overflow:auto;margin:auto;padding:24px 22px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(24,24,27,.99),rgba(12,12,14,.995));border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 80px rgba(0,0,0,.56);color:#fff}
.purchase-request-sheet.preview-end{animation:purchaseRequestRise .26s ease-out both}
@keyframes purchaseRequestRise{from{transform:translateY(18px);opacity:.2}to{transform:translateY(0);opacity:1}}
.purchase-request-scrim{background:rgba(0,0,0,.7);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.purchase-request-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:22px;line-height:1;z-index:2}
.purchase-request-status{width:50px;height:50px;display:grid;place-items:center;margin:2px 0 16px;border-radius:16px;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.25)}
.purchase-request-status svg{width:24px;height:24px}.purchase-request-status.waiting{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.25)}.purchase-request-status.rejected{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.2)}
.purchase-request-eyebrow{display:block;color:rgba(255,255,255,.56);font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:7px}
.purchase-request-sheet h2{font-size:23px;line-height:1.15;margin:0 42px 9px 0;font-weight:780;letter-spacing:-.02em}.purchase-request-sheet>p{margin:0 0 17px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.5}
.purchase-request-media{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.045);margin:0 0 14px}.purchase-request-media>span{height:58px;border-radius:11px;background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden}.purchase-request-media>span svg{width:22px;height:22px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.purchase-request-media div{min-width:0}.purchase-request-media b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-request-media small{display:block;color:rgba(255,255,255,.56);margin-top:5px;font-size:12px}
.purchase-request-message-preview{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);margin-bottom:12px}.purchase-request-message-preview .message-avatar{width:40px;height:40px}.purchase-request-message-preview small{display:block;color:rgba(255,255,255,.48);font-size:10px;margin:1px 0 5px}.purchase-request-message-preview p{margin:0;color:#fff;font-size:13px;line-height:1.4}
.purchase-request-note{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:13px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.7);font-size:12px;line-height:1.4;margin-bottom:14px}.purchase-request-note.free{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.16)}.purchase-request-note svg{width:16px;height:16px;flex:0 0 auto;margin-top:1px}
.purchase-request-primary,.purchase-request-secondary{width:100%;min-height:48px;border-radius:14px;font-weight:750;font-size:14px}.purchase-request-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff}.purchase-request-foot{display:block;text-align:center;color:rgba(255,255,255,.42);font-size:10px;line-height:1.45;margin:10px 12px 0}
.cart-request-list{display:grid;gap:8px;max-height:260px;overflow:auto;margin:0 0 13px}.cart-request-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.cart-request-row>span{height:44px;border-radius:9px;background-size:cover;background-position:center}.cart-request-row b,.cart-request-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-request-row b{font-size:12px}.cart-request-row small{font-size:10px;color:rgba(255,255,255,.52);margin-top:3px}
.direct-purchase-request-media{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;margin-top:9px;padding:8px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.16);color:inherit}.direct-purchase-request-thumb{height:54px;border-radius:10px;background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden}.direct-purchase-request-thumb i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.58)}.direct-purchase-request-thumb svg{width:15px;height:15px}.direct-purchase-request-media span:nth-child(2){min-width:0}.direct-purchase-request-media b,.direct-purchase-request-media small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-purchase-request-media b{font-size:12px}.direct-purchase-request-media small{font-size:10px;opacity:.65;margin-top:4px}.direct-purchase-request-media.approved{border-color:rgba(34,197,94,.26);background:rgba(34,197,94,.08)}
.direct-message.purchase-request-message.automatic:before{display:none!important}.direct-message.purchase-request-message .direct-bubble{max-width:min(84%,420px)}.direct-message.purchase-request-message .direct-status.read{font-weight:800}
.messages-filter-tabs button[data-message-filter="purchase_approval"] span,.notification-filters button[data-notification-filter="purchase_approval"] span{white-space:nowrap}.message-conversation.purchase-approval-thread .message-conversation-copy small{font-weight:600}
.notification-type.bucket-purchase_approval{background:rgba(34,197,94,.13)!important}.notification-type.bucket-purchase_approval svg{stroke:currentColor}.notification-purchase-approval .notification-copy b{font-weight:760}.notification-summary .summary-purchase_approval span{position:relative}
.cart-checkout.cart-request-checkout{background:linear-gradient(135deg,#202126,#111216);border:1px solid rgba(255,255,255,.12)}
@media (max-width:767px){.purchase-request-sheet{width:calc(100vw - 20px);max-height:88vh;padding:22px 17px 18px;border-radius:22px}.purchase-request-sheet h2{font-size:21px}.notification-filters,.messages-filter-tabs{scroll-padding-left:10px}.cart-request-list{max-height:220px}}


/* HOTFIX590 — watch-first purchase actions + clean purchase-request handoff */
.purchase-request-sheet{width:min(90vw,430px)!important;padding:26px 22px 22px!important;border:0!important;border-radius:22px!important;background:#121316!important;color:#f7f7f8!important;box-shadow:0 26px 72px rgba(0,0,0,.46)!important}
.purchase-request-close{top:14px!important;right:14px!important;width:36px!important;height:36px!important;border:0!important;background:rgba(255,255,255,.075)!important;color:#f6f6f7!important}
.purchase-request-eyebrow{margin:2px 46px 8px 0!important;color:var(--site-accent)!important;font-size:10px!important;letter-spacing:.13em!important}
.purchase-request-sheet h2{margin:0 46px 10px 0!important;font-size:24px!important;line-height:1.14!important;font-weight:800!important;color:inherit!important}
.purchase-request-sheet>p{margin:0 0 18px!important;color:#a9abb2!important;font-size:14px!important;line-height:1.48!important}
.purchase-request-media{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important;margin:0 0 18px!important;padding:0!important;border:0!important;border-radius:14px!important;background:#1b1c20!important;overflow:hidden!important}
.purchase-request-media>span{height:64px!important;border-radius:0!important;background-size:cover!important;background-position:center!important}.purchase-request-media>span svg{display:none!important}.purchase-request-media>div{padding:10px 12px 10px 0!important}.purchase-request-media b{font-size:14px!important;color:#f5f5f6!important}.purchase-request-media small{margin-top:4px!important;color:#8e9199!important;font-size:12px!important}
.purchase-request-primary,.purchase-request-secondary{min-height:50px!important;border-radius:14px!important;font-size:15px!important;font-weight:800!important}.purchase-request-secondary{border:0!important;background:#202126!important;color:#f3f3f4!important}
.purchase-request-status,.purchase-request-message-preview,.purchase-request-note,.purchase-request-foot{display:none!important}.purchase-request-scrim{background:rgba(0,0,0,.58)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.direct-purchase-request-composer{grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;padding-top:9px!important}.direct-purchase-request-composer .direct-purchase-draft{grid-column:1/-1;position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;min-height:58px;padding:6px 42px 6px 6px;border-radius:14px;background:#11161e}.direct-purchase-draft-thumb{width:52px;height:46px;border-radius:9px;background:center/cover no-repeat}.direct-purchase-draft>div{min-width:0}.direct-purchase-draft small,.direct-purchase-draft b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-purchase-draft small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--site-accent);font-weight:800}.direct-purchase-draft b{margin-top:3px;font-size:12px;color:#f1f3f5}.direct-purchase-draft-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);color:#aeb3bb;font-size:20px}.direct-purchase-request-composer textarea{grid-column:1/2;min-height:44px!important;max-height:58px!important;resize:none!important;background:#151a22!important;color:#f3f4f6!important;cursor:default}.direct-purchase-request-composer .direct-send{grid-column:2/3;align-self:end;background:var(--brand-red-gradient)!important}.direct-screen:has(.direct-purchase-request-composer) .direct-thread{padding-bottom:190px!important}
html[data-theme="light"] .purchase-request-sheet{background:#fff!important;color:#17191d!important;box-shadow:0 24px 64px rgba(27,31,38,.2)!important}html[data-theme="light"] .purchase-request-close{background:#f1f2f4!important;color:#444950!important}html[data-theme="light"] .purchase-request-sheet>p{color:#676e78!important}html[data-theme="light"] .purchase-request-media{background:#f4f5f7!important}html[data-theme="light"] .purchase-request-media b{color:#171a1f!important}html[data-theme="light"] .purchase-request-media small{color:#747b84!important}html[data-theme="light"] .purchase-request-secondary{background:#f1f2f4!important;color:#20242a!important}html[data-theme="light"] .direct-purchase-request-composer{background:rgba(255,255,255,.98)!important;border-top-color:#e3e6ea!important}html[data-theme="light"] .direct-purchase-request-composer .direct-purchase-draft{background:#f4f5f7!important}html[data-theme="light"] .direct-purchase-draft b{color:#20242a!important}html[data-theme="light"] .direct-purchase-draft-close{background:#e8eaed!important;color:#59606a!important}html[data-theme="light"] .direct-purchase-request-composer textarea{background:#f4f5f7!important;border-color:#e1e4e8!important;color:#1f2328!important}
@media(max-width:767px){.purchase-request-sheet{width:calc(100vw - 28px)!important;padding:24px 18px 18px!important;border-radius:20px!important}.purchase-request-sheet h2{font-size:22px!important}.purchase-request-media{grid-template-columns:66px minmax(0,1fr)!important}.purchase-request-media>span{height:60px!important}}


/* ========================================================================== */
/* HOTFIX591 — Watch height + request-message contrast + one notification row */
/* Scope is intentionally limited to Watch, purchase-request chat, and        */
/* Notifications. Other feeds/cards/players are unchanged.                    */
/* ========================================================================== */

/* Purchase-request conversation: use a calm dark message surface instead of
   the bright purple outgoing bubble. Normal chat messages keep their styles. */
.direct-screen .direct-message.outgoing.purchase-request-message .direct-bubble{
  background:#17191e!important;
  border-color:#2b2f36!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
.direct-screen .direct-message.outgoing.purchase-request-message .direct-bubble>p{
  color:#f4f5f7!important;
}
.direct-screen .direct-message.outgoing.purchase-request-message .direct-bubble>footer{
  color:#aeb4bd!important;
}
.direct-screen .direct-message.outgoing.purchase-request-message .direct-purchase-request-media{
  background:#22252b!important;
  border-color:transparent!important;
}
.direct-screen .direct-message.outgoing.purchase-request-message .direct-purchase-request-media b{
  color:#f5f6f7!important;
}
.direct-screen .direct-message.outgoing.purchase-request-message .direct-purchase-request-media small{
  color:#a5abb4!important;
  opacity:1!important;
}
html[data-theme="light"] .direct-screen .direct-message.outgoing.purchase-request-message .direct-bubble{
  background:#202329!important;
  border-color:#202329!important;
  box-shadow:0 8px 22px rgba(18,22,28,.15)!important;
}
html[data-theme="light"] .direct-screen .direct-message.outgoing.purchase-request-message .direct-purchase-request-media{
  background:#2b2f36!important;
}

/* Notifications: Hotfix589 added Purchase approval to both the filter rail and
   summary rail. Hotfix591 renders only the filter rail and removes any leftover
   summary rail from stale/cached markup, so there is one horizontal line. */
.notification-screen .notification-summary{display:none!important}
.notification-screen .notification-filters{
  padding-top:9px!important;
  padding-bottom:11px!important;
  margin:0!important;
}

/* Approved icon: compact filled circle instead of the pale skeleton-like tile. */
.notification-screen .notification-type.bucket-purchase_approval{
  width:30px!important;
  height:30px!important;
  margin-top:12px!important;
  border-radius:50%!important;
  background:#22a861!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}
.notification-screen .notification-type.bucket-purchase_approval .ico,
.notification-screen .notification-type.bucket-purchase_approval svg{
  width:17px!important;
  height:17px!important;
  stroke:#fff!important;
  stroke-width:2.6!important;
  fill:none!important;
}
html[data-theme="light"] .notification-screen .notification-type.bucket-purchase_approval{
  background:#1f9b59!important;
  color:#fff!important;
}

/* Watch mobile tall sources: slightly shorter than the previous 3:4 stage and
   always contain the real media. This affects only the main Watch player. */
@media (max-width:767px){
  body #app .screen.watch-screen .watch-player.portrait-source{
    aspect-ratio:4/5!important;
    max-height:min(72svh,780px)!important;
    background:#050608!important;
  }
  body #app .screen.watch-screen .watch-player.portrait-source :is(.watch-video,.watch-poster){
    object-fit:contain!important;
    object-position:center!important;
    background:#050608!important;
  }
}


/* ========================================================================== */
/* HOTFIX592 — watch-first commerce routing + true centered request dialog    */
/* ========================================================================== */
#drawerRoot.open>.purchase-request-sheet{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  max-height:min(86dvh,720px)!important;
}
#drawerRoot.open>.purchase-request-sheet.preview-end{
  animation:purchaseRequestCenterRise .24s ease-out both!important;
}
@keyframes purchaseRequestCenterRise{
  from{transform:translate(-50%,calc(-50% + 14px));opacity:.25}
  to{transform:translate(-50%,-50%);opacity:1}
}
@media(max-width:767px){
  #drawerRoot.open>.purchase-request-sheet{
    top:50%!important;
    width:calc(100vw - 28px)!important;
    max-height:calc(100dvh - 44px)!important;
  }
}


/* HOTFIX593 — purchase-request media controls, compact approval tick, full-width wallet top-up */
.direct-screen .direct-purchase-request-thumb{position:relative!important;isolation:isolate!important}
.direct-screen .direct-purchase-request-thumb .direct-request-media-control{
  position:relative!important;z-index:2!important;width:32px!important;height:32px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:rgba(10,12,16,.78)!important;color:#fff!important;
  border:2px solid rgba(255,255,255,.94)!important;box-shadow:0 4px 14px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important
}
.direct-screen .direct-purchase-request-thumb .direct-request-media-control .ico,
.direct-screen .direct-purchase-request-thumb .direct-request-media-control svg{
  width:15px!important;height:15px!important;color:#fff!important;stroke:#fff!important;stroke-width:2.4!important
}
.direct-screen .direct-purchase-request-thumb .direct-request-media-control.play .ico,
.direct-screen .direct-purchase-request-thumb .direct-request-media-control.play svg{fill:#fff!important;stroke:#fff!important}
.direct-screen .direct-purchase-request-thumb .direct-media-verified{
  position:absolute!important;right:4px!important;bottom:4px!important;z-index:3!important;
  width:17px!important;height:17px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  background:#1877f2!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 2px 7px rgba(0,0,0,.35)!important;
  font-style:normal!important;font-size:9px!important;font-weight:950!important;line-height:1!important
}
html[data-theme="light"] .direct-screen .direct-purchase-request-thumb .direct-request-media-control{
  background:rgba(17,20,25,.78)!important;border-color:#fff!important;color:#fff!important
}

.notification-screen .notification-type.bucket-purchase_approval{
  width:24px!important;height:24px!important;margin-top:15px!important
}
.notification-screen .notification-type.bucket-purchase_approval .ico,
.notification-screen .notification-type.bucket-purchase_approval svg{
  width:13px!important;height:13px!important;stroke-width:2.7!important
}

.wallet-funds-actions{grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
.wallet-funds-actions>button{width:100%!important;min-width:0!important;height:52px!important;border-radius:14px!important;font-size:14px!important;font-weight:850!important;letter-spacing:-.01em!important}
.wallet-funds-actions>button[data-wallet-funds-topup]{
  border:0!important;background:linear-gradient(100deg,var(--accent),var(--accent2))!important;color:#fff!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 24%,transparent)!important
}
.wallet-funds-actions>button[data-wallet-funds-topup]:active{transform:translateY(1px)!important}
html[data-theme="light"] .wallet-funds-actions>button[data-wallet-funds-topup]{
  background:linear-gradient(100deg,var(--accent),var(--accent2))!important;color:#fff!important;border:0!important
}


/* ========================================================================== */
/* HOTFIX594 — Watch player viewport authority                                */
/* Desktop/tablet Watch is fixed 16:9. Mobile obeys the Admin max-height      */
/* setting while retaining a viewport safety ceiling above the fixed creator  */
/* purchase dock and bottom navigation. Fullscreen is intentionally excluded. */
/* ========================================================================== */
@media (min-width:768px){
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen .watch-player:not(.vh-fullscreen):not(:fullscreen){
    aspect-ratio:16/9!important;
    max-height:none!important;
    background:#050608!important;
  }
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen .watch-player:not(.vh-fullscreen):not(:fullscreen) :is(.watch-video,.watch-poster){
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#050608!important;
  }
}
@media (max-width:767px){
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen .watch-player:not(.vh-fullscreen):not(:fullscreen){
    max-height:var(--watch-mobile-max-height,520px)!important;
    max-height:min(var(--watch-mobile-max-height,520px),calc(100svh - 136px - var(--safe-bottom)))!important;
    min-height:0!important;
    background:#050608!important;
  }
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen.has-mobile-commerce .watch-player:not(.vh-fullscreen):not(:fullscreen){
    max-height:var(--watch-mobile-max-height,520px)!important;
    max-height:min(var(--watch-mobile-max-height,520px),calc(100svh - 242px - var(--safe-bottom)))!important;
  }
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen .watch-player:not(.vh-fullscreen):not(:fullscreen) :is(.watch-video,.watch-poster){
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:#050608!important;
  }
}

/* HOTFIX596 — purchase-request state integrity */
.direct-screen .direct-purchase-request-thumb .direct-request-media-control.approved{
  background:#16a34a!important;color:#fff!important;border-color:#fff!important;
}
.direct-screen .direct-purchase-request-thumb .direct-request-media-control.approved .ico,
.direct-screen .direct-purchase-request-thumb .direct-request-media-control.approved svg{
  fill:none!important;stroke:#fff!important;stroke-width:2.8!important;
}
.notification-screen .notification-row.approval-rejected .notification-type.bucket-purchase_approval{
  background:rgba(239,68,68,.13)!important;color:#dc2626!important;
}
.notification-screen .notification-row.approval-rejected .notification-type.bucket-purchase_approval .ico,
.notification-screen .notification-row.approval-rejected .notification-type.bucket-purchase_approval svg{
  stroke:#dc2626!important;
}
html[data-theme="dark"] .notification-screen .notification-row.approval-rejected .notification-type.bucket-purchase_approval{
  background:rgba(248,113,113,.14)!important;color:#f87171!important;
}
html[data-theme="dark"] .notification-screen .notification-row.approval-rejected .notification-type.bucket-purchase_approval .ico,
html[data-theme="dark"] .notification-screen .notification-row.approval-rejected .notification-type.bucket-purchase_approval svg{
  stroke:#f87171!important;
}


/* === Xmegram 3.4.9-hotfix597 · Discover parity + profile verified tick === */
/* The global late accent rule intentionally styles verified ticks elsewhere. The
   profile identity badge keeps its existing blue background but its tick is white. */
body #app .screen.profile-screen-ref .profile-name-block h1 .profile-verified,
html[data-theme="light"] body #app .screen.profile-screen-ref .profile-name-block h1 .profile-verified,
html[data-theme="dark"] body #app .screen.profile-screen-ref .profile-name-block h1 .profile-verified{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Hotfix598: upload-access actions for Verified + Premium / Premium-only modes. */
.upload-block-actions{display:grid;gap:9px;margin:0 0 10px}.upload-block-actions .primary{width:100%}.upload-block-popup>button.secondary{width:100%;height:42px;border:1px solid var(--upload-line);border-radius:11px;background:var(--surface2);color:var(--text);font-weight:750}
html[data-theme="light"] .upload-block-popup>button.secondary{background:#f3f4f6!important;border-color:#dedfe2!important;color:#30343a!important}


/* HOTFIX600 — Trending Premium compare price visibility.
   Stack the crossed/reference price above the live sale price so narrow commerce
   columns never clip it. Limited to Trending Premium cards only. */
.screen.home-screen .home-trending-premium .home-limited-deal-price{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:2px!important;
  min-height:29px!important;
  margin-bottom:5px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  line-height:1!important;
}
.screen.home-screen .home-trending-premium .home-limited-deal-price del{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  line-height:1!important;
}
.screen.home-screen .home-trending-premium .home-limited-deal-price strong{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  line-height:1!important;
}

/* ========================================================================== */
/* HOTFIX601 — Limited-Time Deals compare price stack                         */
/* Keep the crossed/reference price above the current sale price with a       */
/* compact gap. This is intentionally scoped to Limited-Time Deals only.      */
/* ========================================================================== */
.screen.home-screen .home-limited-deals .home-limited-deal-price{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:2px!important;
  min-height:29px!important;
  margin-bottom:5px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  line-height:1!important;
}
.screen.home-screen .home-limited-deals .home-limited-deal-price del{
  order:0!important;
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.screen.home-screen .home-limited-deals .home-limited-deal-price strong{
  order:1!important;
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
@media(max-width:767px){
  .screen.home-screen .home-limited-deals .home-limited-deal-price{
    min-height:24px!important;
    gap:2px!important;
  }
}

/* ========================================================================== */
/* HOTFIX602 — compact premium mobile media cards                             */
/* Refines the tall media-first cards on Home/Profile/Discover/Related feeds. */
/* Commerce handlers/data are unchanged; this is presentation only.           */
/* ========================================================================== */
@media (max-width:767px){
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card{
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 7px 20px rgba(0,0,0,.13)!important;
    background:#0b1017!important;
  }

  /* Shorter media stages so one card no longer consumes nearly a full screen. */
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card>.stream-pro-media{
    border-radius:15px 15px 0 0!important;
    height:min(63vw,280px)!important;
    max-height:280px!important;
    min-height:190px!important;
    aspect-ratio:auto!important;
  }
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card.orientation-landscape>.stream-pro-media{
    height:min(52vw,238px)!important;
    max-height:238px!important;
    min-height:180px!important;
  }
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card.orientation-square>.stream-pro-media{
    height:min(65vw,286px)!important;
    max-height:286px!important;
    min-height:210px!important;
  }
  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card.orientation-portrait>.stream-pro-media{
    height:min(74vw,318px)!important;
    max-height:318px!important;
    min-height:230px!important;
  }

  body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card>.stream-pro-body{
    padding:9px 11px 10px!important;
    background:#0d131b!important;
  }
  body #app .stream-pro-card .stream-pro-head{
    min-height:34px!important;
    gap:8px!important;
  }
  body #app .stream-pro-card .stream-pro-creator{gap:7px!important;}
  body #app .stream-pro-card .stream-pro-avatar{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    border-width:1px!important;
  }
  body #app .stream-pro-card .stream-pro-creator-copy>b{
    font-size:12.8px!important;
    line-height:1.08!important;
    font-weight:760!important;
  }
  body #app .stream-pro-card .stream-pro-creator-copy>small{
    margin-top:2px!important;
    font-size:9.2px!important;
  }
  body #app .stream-pro-card .stream-pro-stats{
    max-width:42%!important;
    gap:4px!important;
  }
  body #app .stream-pro-card .stream-pro-stat,
  body #app .stream-pro-card .stream-pro-stat>i,
  body #app .stream-pro-card .stream-pro-stat>b,
  body #app .stream-pro-card .stream-pro-stat>em{
    font-size:9.5px!important;
  }
  body #app .stream-pro-card .stream-pro-stat .ico{width:12px!important;height:12px!important;}

  body #app .stream-pro-card .stream-pro-text{margin:7px 0 0!important;}
  body #app .stream-pro-card .stream-pro-text>h3{
    font-size:14px!important;
    line-height:1.17!important;
    font-weight:760!important;
    letter-spacing:-.012em!important;
    -webkit-line-clamp:2!important;
  }
  body #app .stream-pro-card .stream-pro-text>p{
    margin-top:3px!important;
    font-size:10.7px!important;
    line-height:1.28!important;
    -webkit-line-clamp:1!important;
  }

  body #app .stream-pro-card .stream-pro-tags{
    gap:5px!important;
    margin:7px 0 8px!important;
  }
  body #app .stream-pro-card .stream-pro-tags>span{
    height:22px!important;
    min-height:22px!important;
    padding:0 8px!important;
    font-size:9.4px!important;
    border-radius:999px!important;
  }

  body #app .stream-pro-card .stream-pro-commerce{
    min-height:38px!important;
    gap:8px!important;
  }
  body #app .stream-pro-card .stream-pro-price{
    max-width:44%!important;
    gap:3px 5px!important;
  }
  body #app .stream-pro-card .stream-pro-price strong{
    font-size:16px!important;
  }
  body #app .stream-pro-card .stream-pro-price del{
    font-size:9px!important;
  }

  /* Access labels are supporting metadata, not a second CTA. */
  body #app .stream-pro-card .stream-pro-price .video-access-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0 9px!important;
    border:1px solid color-mix(in srgb,var(--site-accent) 22%,transparent)!important;
    border-radius:999px!important;
    background:color-mix(in srgb,var(--site-accent) 8%,transparent)!important;
    color:#f58ab7!important;
    box-shadow:none!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:.01em!important;
  }
  body #app .stream-pro-card .stream-pro-price .video-access-badge.admin{
    background:rgba(132,89,183,.10)!important;
    border-color:rgba(132,89,183,.20)!important;
    color:#c9a9eb!important;
  }

  /* Main action gets the visual priority, including already-unlocked/admin cards. */
  body #app .stream-pro-card .stream-pro-cta,
  body #app .stream-pro-card .stream-pro-cta:is(.watch,.subscribe,.cart.active){
    min-width:132px!important;
    max-width:56%!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 13px!important;
    border:0!important;
    border-radius:11px!important;
    background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;
    color:#fff!important;
    box-shadow:0 7px 16px color-mix(in srgb,var(--site-accent) 16%,transparent)!important;
    font-size:11.4px!important;
    font-weight:780!important;
  }
  body #app .stream-pro-card .stream-pro-cta .ico{width:14px!important;height:14px!important;}

  body #app .stream-pro-card>.stream-pro-media>.stream-pro-play{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    background:rgba(7,9,13,.72)!important;
    border:1px solid rgba(255,255,255,.14)!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-play .ico{width:16px!important;height:16px!important;}
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-duration{
    top:8px!important;
    right:8px!important;
    height:24px!important;
    min-height:24px!important;
    min-width:44px!important;
    padding:0 7px!important;
    border-radius:7px!important;
    font-size:9.5px!important;
  }
  body #app .stream-pro-card>.stream-pro-media>.stream-pro-badge{
    top:8px!important;
    left:8px!important;
    height:25px!important;
    min-height:25px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
  }

  html[data-theme="light"] body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card{
    border-color:#eceff2!important;
    background:#fff!important;
    box-shadow:0 6px 18px rgba(24,31,40,.055)!important;
  }
  html[data-theme="light"] body #app :is(.surface-suggested-masonry,.surface-discover-masonry,.surface-profile-masonry,.surface-related-masonry,.surface-category-masonry,.surface-country-masonry) .stream-pro-card>.stream-pro-body{
    background:#fff!important;
  }
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-price .video-access-badge{
    background:#fff4f8!important;
    border-color:#f7d8e5!important;
    color:var(--site-accent2)!important;
  }
  html[data-theme="light"] body #app .stream-pro-card .stream-pro-price .video-access-badge.admin{
    background:#f7f1fb!important;
    border-color:#eadcf4!important;
    color:#79518c!important;
  }
}

/* ========================================================================== */
/* HOTFIX603 — compact mobile Search result cards                             */
/* Search-only presentation repair: two-column cards, play and CTA sizing.   */
/* ========================================================================== */
@media (max-width:767px){
  body #app .search-results-page .surface-search-masonry.discover-mobile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:4px 8px 96px!important;
    align-items:start!important;
  }
  body #app .search-results-page .surface-search-masonry>.discover-mobile-column{
    gap:8px!important;
    min-width:0!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card{
    min-width:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:#0b1017!important;
    box-shadow:0 5px 15px rgba(0,0,0,.11)!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card>.stream-pro-media{
    height:min(58vw,240px)!important;
    max-height:240px!important;
    min-height:142px!important;
    aspect-ratio:auto!important;
    border-radius:13px 13px 0 0!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.orientation-landscape>.stream-pro-media{
    height:min(40vw,168px)!important;
    max-height:168px!important;
    min-height:132px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.orientation-square>.stream-pro-media{
    height:min(50vw,208px)!important;
    max-height:208px!important;
    min-height:160px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.orientation-portrait>.stream-pro-media{
    height:min(64vw,264px)!important;
    max-height:264px!important;
    min-height:188px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card>.stream-pro-body{
    padding:7px 8px 9px!important;
    background:#0d131b!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-head{
    min-height:30px!important;
    gap:5px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-creator{gap:6px!important;min-width:0!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-avatar{
    width:30px!important;height:30px!important;flex-basis:30px!important;border-width:1px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-creator-copy{min-width:0!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-creator-copy>b{
    max-width:88px!important;font-size:11.5px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-creator-copy>small{margin-top:2px!important;font-size:8.7px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-stats{max-width:66px!important;gap:3px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-stat,
  body #app .search-results-page .surface-search-masonry .stream-pro-stat>*{font-size:8.7px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-stat .ico{width:11px!important;height:11px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-text{margin-top:6px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-text>h3{
    font-size:12.7px!important;line-height:1.16!important;font-weight:760!important;-webkit-line-clamp:2!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-text>p{
    margin-top:3px!important;font-size:9.5px!important;line-height:1.2!important;-webkit-line-clamp:1!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-tags{gap:4px!important;margin:6px 0 7px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-tags>span{
    height:20px!important;min-height:20px!important;padding:0 7px!important;font-size:8.8px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-commerce{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;min-height:32px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-price{
    min-width:0!important;max-width:64px!important;gap:2px!important;overflow:hidden!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-price strong{font-size:13.5px!important;line-height:1!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-price del{font-size:8px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-price .video-access-badge{
    width:auto!important;max-width:60px!important;height:21px!important;min-height:21px!important;padding:0 7px!important;border-radius:999px!important;font-size:8.6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-cta,
  body #app .search-results-page .surface-search-masonry .stream-pro-cta:is(.watch,.buy,.subscribe,.cart,.cart.active){
    width:auto!important;min-width:86px!important;max-width:104px!important;height:32px!important;min-height:32px!important;padding:0 9px!important;border-radius:10px!important;font-size:10px!important;gap:5px!important;box-shadow:0 5px 12px color-mix(in srgb,var(--site-accent) 12%,transparent)!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-cta .ico{width:12px!important;height:12px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-play{
    width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-width:1px!important;background:rgba(7,9,13,.68)!important;box-shadow:none!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-play .ico{width:12px!important;height:12px!important;}
  body #app .search-results-page .surface-search-masonry .stream-pro-duration{
    top:7px!important;right:7px!important;left:auto!important;height:22px!important;min-height:22px!important;min-width:40px!important;padding:0 6px!important;border-radius:7px!important;font-size:9px!important;
  }
  html[data-theme="light"] body #app .search-results-page .surface-search-masonry .stream-pro-card{
    background:#fff!important;border-color:#e9edf1!important;box-shadow:0 4px 13px rgba(25,31,40,.05)!important;
  }
  html[data-theme="light"] body #app .search-results-page .surface-search-masonry .stream-pro-card>.stream-pro-body{background:#fff!important;}
}

/* ========================================================================== */
/* HOTFIX604 — purchase-first media card actions                              */
/* Textual "Add to Cart" CTAs are replaced by a compact cart icon beside a   */
/* primary Purchase action. Primary purchase actions always enter Watch first. */
/* ========================================================================== */

/* Shared commerce cards: cart is supporting action, Purchase is primary. */
body #app .stream-pro-actions{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 56%!important;
  width:56%!important;
  max-width:190px!important;
  min-width:0!important;
}
body #app .stream-pro-actions>.stream-pro-cta{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}
body #app .stream-pro-cart-icon{
  width:40px!important;
  height:42px!important;
  min-width:40px!important;
  min-height:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:12px!important;
  background:#131a23!important;
  color:#dce2e9!important;
  box-shadow:none!important;
}
body #app .stream-pro-cart-icon .ico{width:17px!important;height:17px!important;stroke-width:2!important}
body #app .stream-pro-cart-icon.active{border-color:color-mix(in srgb,var(--site-accent) 34%,transparent)!important;background:color-mix(in srgb,var(--site-accent) 13%,transparent)!important;color:var(--site-accent-light)!important}
html[data-theme="light"] body #app .stream-pro-cart-icon{border-color:#dce2e7!important;background:#f6f8fa!important;color:#3c444d!important}
html[data-theme="light"] body #app .stream-pro-cart-icon.active{border-color:#f1bfd3!important;background:#fff0f6!important;color:var(--site-accent)!important}

/* Home Top Picks: compact cart icon inline left of the primary purchase CTA. */
.screen.home-screen .home-reference-top-pick-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  gap:6px!important;
  align-items:center!important;
}
.screen.home-screen .home-reference-top-pick-actions>.home-reference-top-pick-cta{width:100%!important;min-width:0!important}
.screen.home-screen .home-reference-top-pick-cart{
  width:40px!important;height:43px!important;min-width:40px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:8px!important;background:#151b23!important;color:#dce2e9!important;box-shadow:none!important;
}
.screen.home-screen .home-reference-top-pick-cart .ico{width:17px!important;height:17px!important;stroke-width:2!important}
.screen.home-screen .home-reference-top-pick-cart.active{border-color:color-mix(in srgb,var(--site-accent) 34%,transparent)!important;background:color-mix(in srgb,var(--site-accent) 13%,transparent)!important;color:var(--site-accent-light)!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-cart{border-color:#dfe3e7!important;background:#f6f8fa!important;color:#3f464e!important}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-cart.active{border-color:#f0bfd2!important;background:#fff0f6!important;color:var(--site-accent2)!important}

/* Limited-Time Deals + Trending Premium use the same purchase-first action row. */
.screen.home-screen .home-limited-deal-actions{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  gap:5px!important;
  align-items:center!important;
}
.screen.home-screen .home-limited-deal-actions>.home-limited-deal-cta{width:100%!important;min-width:0!important}
.screen.home-screen .home-limited-deal-cart{
  width:36px!important;height:39px!important;min-width:36px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.11)!important;
  border-radius:8px!important;background:#151b23!important;color:#dce2e9!important;box-shadow:none!important;
}
.screen.home-screen .home-limited-deal-cart .ico{width:16px!important;height:16px!important;stroke-width:2!important}
.screen.home-screen .home-limited-deal-cart.active{border-color:color-mix(in srgb,var(--site-accent) 34%,transparent)!important;background:color-mix(in srgb,var(--site-accent) 13%,transparent)!important;color:var(--site-accent-light)!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-cart{border-color:#dfe3e7!important;background:#f6f8fa!important;color:#3f464e!important}
html[data-theme="light"] .screen.home-screen .home-limited-deal-cart.active{border-color:#f0bfd2!important;background:#fff0f6!important;color:var(--site-accent2)!important}

/* Watch dock: cart stays immediately left of purchase, icon-only. */
@media(max-width:767px){
  .watch-mobile-commerce-actions[data-layout="cart-buy"]{grid-template-columns:52px minmax(0,1fr)!important}
  .watch-mobile-commerce-actions[data-layout="cart-buy-subscribe"]{grid-template-columns:48px minmax(0,1fr) 26%!important}
  .watch-mobile-cart.icon-only{width:100%!important;min-width:0!important;padding:0!important}
  .watch-mobile-cart.icon-only .ico{width:20px!important;height:20px!important}

  .screen.home-screen .home-reference-top-pick-actions{grid-template-columns:30px minmax(0,1fr)!important;gap:4px!important}
  .screen.home-screen .home-reference-top-pick-cart{width:30px!important;height:34px!important;min-width:30px!important;border-radius:7px!important}
  .screen.home-screen .home-reference-top-pick-cart .ico{width:13px!important;height:13px!important}

  .screen.home-screen .home-limited-deal-actions{grid-template-columns:28px minmax(0,1fr)!important;gap:4px!important}
  .screen.home-screen .home-limited-deal-cart{width:28px!important;height:32px!important;min-width:28px!important;border-radius:7px!important}
  .screen.home-screen .home-limited-deal-cart .ico{width:12px!important;height:12px!important}

  body #app .stream-pro-actions{grid-template-columns:34px minmax(0,1fr)!important;gap:5px!important;flex-basis:58%!important;width:58%!important;max-width:166px!important}
  body #app .stream-pro-cart-icon{width:34px!important;height:38px!important;min-width:34px!important;min-height:38px!important;border-radius:11px!important}
  body #app .stream-pro-cart-icon .ico{width:14px!important;height:14px!important}

  /* Two-column Search needs an even tighter inline action pair. */
  body #app .search-results-page .surface-search-masonry .stream-pro-actions{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:4px!important;
    width:104px!important;
    max-width:104px!important;
    min-width:0!important;
    flex:0 0 104px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-cart-icon{
    width:28px!important;height:32px!important;min-width:28px!important;min-height:32px!important;border-radius:9px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-cart-icon .ico{width:12px!important;height:12px!important}
  body #app .search-results-page .surface-search-masonry .stream-pro-actions>.stream-pro-cta{
    width:100%!important;min-width:0!important;max-width:none!important;height:32px!important;min-height:32px!important;padding:0 6px!important;font-size:9.5px!important;
  }
}

@media(min-width:768px){
  .watch-smart-cart.icon-only{width:42px!important;min-width:42px!important;padding:0!important}
  .watch-smart-cart.icon-only .ico{width:17px!important;height:17px!important}
}

/* Saved comparison follows the same cart-icon + Purchase hierarchy. */
.saved-compare-actions{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:6px!important;margin:5px 10px 11px!important}
.saved-compare-actions>.saved-compare-cart,.saved-compare-actions>.saved-compare-open-video{width:100%!important;min-width:0!important;min-height:39px!important;margin:0!important}
.saved-compare-actions>.saved-compare-cart.icon-only{padding:0!important;display:grid!important;place-items:center!important;background:#151b23!important;border:1px solid rgba(255,255,255,.09)!important;color:#dce2e9!important}
.saved-compare-actions>.saved-compare-cart.icon-only.in-cart{background:color-mix(in srgb,var(--site-accent) 13%,transparent)!important;border-color:color-mix(in srgb,var(--site-accent) 30%,transparent)!important;color:var(--site-accent-light)!important}
.saved-compare-actions>.saved-compare-open-video{background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;color:#fff!important;border:0!important}
html[data-theme="light"] .saved-compare-actions>.saved-compare-cart.icon-only{background:#f6f8fa!important;border-color:#dce2e7!important;color:#3d444d!important}
html[data-theme="light"] .saved-compare-actions>.saved-compare-cart.icon-only.in-cart{background:#fff0f6!important;border-color:#f0bfd2!important;color:var(--site-accent2)!important}
html[data-theme="light"] .saved-compare-actions>.saved-compare-open-video{background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;color:#fff!important;border:0!important}

/* ========================================================================== */
/* HOTFIX605 — Search media play-control visibility                           */
/* Keep the compact Search grid, but make the centered play affordance crisp  */
/* and readable on both bright and dark thumbnails.                           */
/* ========================================================================== */
@media (max-width:767px){
  body #app .search-results-page .surface-search-masonry .stream-pro-media{
    position:relative!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-media>.stream-pro-play,
  body #app .search-results-page .surface-search-masonry .stream-pro-media>.mobile-selling-play.stream-pro-play{
    position:absolute!important;
    z-index:12!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    transform:translate(-50%,-50%)!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    pointer-events:none!important;
    border:1.5px solid rgba(255,255,255,.92)!important;
    border-radius:999px!important;
    background:rgba(7,9,13,.84)!important;
    color:#fff!important;
    -webkit-backdrop-filter:blur(4px)!important;
    backdrop-filter:blur(4px)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.34),0 0 0 1px rgba(0,0,0,.14)!important;
  }
  /* Use a CSS triangle so legacy/currentColor SVG rules can never make the
     Search play glyph black, invisible, or off-center. */
  body #app .search-results-page .surface-search-masonry .stream-pro-media>.stream-pro-play>.ico,
  body #app .search-results-page .surface-search-masonry .stream-pro-media>.mobile-selling-play.stream-pro-play>.ico{
    display:none!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-media>.stream-pro-play::before,
  body #app .search-results-page .surface-search-masonry .stream-pro-media>.mobile-selling-play.stream-pro-play::before{
    content:""!important;
    display:block!important;
    width:0!important;
    height:0!important;
    margin-left:2px!important;
    border-top:6px solid transparent!important;
    border-bottom:6px solid transparent!important;
    border-left:9px solid #fff!important;
    filter:drop-shadow(0 1px 1px rgba(0,0,0,.28))!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-media>.stream-pro-duration,
  body #app .search-results-page .surface-search-masonry .stream-pro-media>.discover-duration{
    z-index:13!important;
  }
}

/* ========================================================================== */
/* HOTFIX607 — Premium compact landscape-only Home hero                      */
/* One dark/glass composition in both themes. The commerce panel bleeds the  */
/* real hero artwork behind a soft blur instead of rendering as a white box. */
/* ========================================================================== */
.screen.home-screen .home-hero.xmg-reference-hero,
html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{
  height:208px!important;
  min-height:208px!important;
  margin:8px 10px 5px!important;
  padding-bottom:20px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-slide{inset:0 0 20px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-card,
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-card{
  position:relative!important;
  isolation:isolate!important;
  grid-template-columns:minmax(0,1.68fr) minmax(132px,.92fr)!important;
  border:1px solid transparent!important;
  border-radius:17px!important;
  background:
    linear-gradient(118deg,#111019 0%,#08131e 62%,#170b15 100%) padding-box,
    linear-gradient(105deg,color-mix(in srgb,var(--site-accent-bright) 82%,transparent) 0%,color-mix(in srgb,var(--site-accent-bright) 24%,transparent) 31%,rgba(255,255,255,.07) 58%,color-mix(in srgb,var(--site-accent) 58%,transparent) 100%) border-box!important;
  box-shadow:0 12px 30px rgba(2,7,14,.30),0 0 28px color-mix(in srgb,var(--site-accent) 5.5%,transparent),inset 0 1px rgba(255,255,255,.045)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  box-shadow:inset 0 0 28px rgba(0,0,0,.12)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-media{
  z-index:1!important;
  background-position:center center!important;
  background-size:cover!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-media-shade{
  background:
    linear-gradient(90deg,rgba(7,7,11,.45) 0%,rgba(7,7,11,.13) 46%,rgba(7,7,11,.04) 68%,rgba(9,8,13,.72) 100%),
    linear-gradient(0deg,rgba(7,8,12,.32) 0%,transparent 43%,rgba(7,6,10,.08) 100%)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy{
  left:14px!important;
  top:14px!important;
  width:min(74%,250px)!important;
  text-shadow:0 2px 15px rgba(0,0,0,.55)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small{
  width:max-content!important;
  min-height:24px!important;
  margin:0 0 7px!important;
  padding:0 8px!important;
  border:1px solid color-mix(in srgb,var(--site-accent-bright) 38%,transparent)!important;
  border-radius:7px!important;
  background:linear-gradient(100deg,color-mix(in srgb,var(--site-accent2) 34%,transparent),rgba(121,11,47,.16))!important;
  color:var(--site-accent-light)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.06)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  font-size:8.2px!important;
  letter-spacing:.035em!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small i{font-size:11px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{
  max-width:228px!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  font-size:24px!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{
  max-width:210px!important;
  margin-top:5px!important;
  -webkit-line-clamp:1!important;
  color:rgba(255,255,255,.88)!important;
  font-size:9px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-play{
  left:12px!important;
  bottom:10px!important;
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(7,8,12,.73)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(9px)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  font-size:9px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-play .ico{width:13px!important;height:13px!important}

.screen.home-screen .xmg-reference-hero .hero-reference-panel,
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-panel{
  position:relative!important;
  z-index:3!important;
  isolation:isolate!important;
  width:calc(100% + 18px)!important;
  margin-left:-18px!important;
  overflow:hidden!important;
  padding:11px 10px 9px 26px!important;
  background:linear-gradient(90deg,rgba(7,12,18,.48) 0%,rgba(8,13,20,.76) 22%,rgba(11,12,19,.92) 62%,rgba(18,8,15,.96) 100%)!important;
  color:#fff!important;
  box-shadow:inset 18px 0 24px -22px color-mix(in srgb,var(--site-accent-bright) 42%,transparent)!important;
  backdrop-filter:blur(14px) saturate(.9)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.9)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-panel:before{
  content:""!important;
  position:absolute!important;
  inset:-20px!important;
  z-index:0!important;
  background-image:var(--hero-bg)!important;
  background-size:cover!important;
  background-position:78% center!important;
  filter:blur(20px) saturate(.82) brightness(.52)!important;
  transform:scale(1.12)!important;
  opacity:.26!important;
  pointer-events:none!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-panel:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--site-accent2) 24%,transparent),transparent 48%),
    linear-gradient(90deg,rgba(4,10,16,.34),rgba(8,12,18,.78) 34%,rgba(16,7,14,.94))!important;
  pointer-events:none!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-panel>*{position:relative!important;z-index:2!important}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown{
  width:100%!important;
  min-height:30px!important;
  margin:0 0 8px!important;
  padding:0 8px!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid color-mix(in srgb,var(--site-accent-light) 24%,transparent)!important;
  border-radius:7px!important;
  background:linear-gradient(105deg,color-mix(in srgb,var(--site-accent2) 96%,transparent),color-mix(in srgb,var(--site-accent2) 94%,transparent))!important;
  box-shadow:0 6px 16px rgba(113,3,34,.23),inset 0 1px rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:8.5px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown .ico{width:13px!important;height:13px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown em{font-size:8px!important;font-weight:620!important;opacity:.94!important}
.screen.home-screen .xmg-reference-hero .hero-reference-countdown b{font-size:10px!important;letter-spacing:.035em!important}
.screen.home-screen .xmg-reference-hero .hero-reference-eyebrow{
  min-height:20px!important;
  margin:0 0 7px!important;
  color:#f8ca69!important;
  font-size:7.6px!important;
  letter-spacing:.05em!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-eyebrow .ico{width:12px!important;height:12px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-creator{
  gap:7px!important;
  margin:0 0 7px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-avatar{
  width:29px!important;height:29px!important;flex:0 0 29px!important;
  border:1px solid rgba(255,255,255,.40)!important;
  box-shadow:0 4px 13px rgba(0,0,0,.22)!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-avatar-fallback{
  display:grid!important;place-items:center!important;background:#17202b!important;color:#fff!important;font-size:11px!important;font-weight:750!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-creator h2,
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{
  color:#fff!important;
  font-size:12px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-creator h2 .verified{font-size:8px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-creator p,
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-creator p{
  margin-top:3px!important;
  color:#cdd1d7!important;
  font-size:7.6px!important;
  line-height:1.15!important;
  -webkit-line-clamp:1!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-tags{
  gap:4px!important;
  margin:0 0 6px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-tags span,
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-tags span{
  min-height:18px!important;
  padding:0 6px!important;
  border-color:color-mix(in srgb,var(--site-accent-bright) 22%,transparent)!important;
  background:color-mix(in srgb,var(--site-accent2) 18%,transparent)!important;
  color:var(--site-accent-light)!important;
  font-size:6.7px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-price{
  gap:6px!important;
  margin:auto 0 6px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:16px!important;color:var(--site-accent-bright)!important}
.screen.home-screen .xmg-reference-hero .hero-reference-price del,
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-price del{font-size:7.2px!important;color:#9299a4!important}
.screen.home-screen .xmg-reference-hero .hero-reference-cta,
.screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{
  height:34px!important;
  min-height:34px!important;
  border-radius:8px!important;
  border-color:color-mix(in srgb,var(--site-accent-light) 36%,transparent)!important;
  background:linear-gradient(105deg,var(--site-accent) 0%,var(--site-accent-bright) 56%,var(--site-accent) 100%)!important;
  box-shadow:0 7px 17px color-mix(in srgb,var(--site-accent) 22%,transparent),inset 0 1px rgba(255,255,255,.15)!important;
  font-size:8.8px!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-cta .ico{width:13px!important;height:13px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-dots,
.screen.home-screen .xmg-reference-hero .luxury-hero-dots.hero-reference-dots{bottom:3px!important;gap:7px!important}
.screen.home-screen .xmg-reference-hero .hero-reference-dots button{width:6px!important;height:6px!important;min-width:6px!important;min-height:6px!important;background:#56606d!important}
.screen.home-screen .xmg-reference-hero .hero-reference-dots button.active{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;background:var(--site-accent)!important;box-shadow:0 0 10px color-mix(in srgb,var(--site-accent-bright) 28%,transparent)!important}

@media(max-width:390px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{height:196px!important;min-height:196px!important;margin-left:8px!important;margin-right:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.61fr) minmax(126px,.92fr)!important;border-radius:16px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy{left:11px!important;top:11px!important;width:72%!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small{min-height:21px!important;padding:0 6px!important;font-size:6.9px!important;margin-bottom:5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{font-size:20px!important;max-width:185px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{font-size:7.7px!important;max-width:175px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:9px 8px 8px 22px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown{min-height:27px!important;margin-bottom:6px!important;padding:0 6px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown em{display:inline!important;font-size:6.8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown b{font-size:8.2px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-avatar{width:25px!important;height:25px!important;flex-basis:25px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{font-size:10.3px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator p{font-size:6.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:16px!important;padding:0 5px!important;font-size:5.9px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:14px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:31px!important;min-height:31px!important;font-size:7.8px!important}
}

@media(min-width:768px) and (max-width:1099px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{height:276px!important;min-height:276px!important;padding-bottom:22px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-slide{inset:0 0 22px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.82fr) minmax(230px,.92fr)!important;border-radius:19px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy{left:21px!important;top:20px!important;width:68%!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small{min-height:27px!important;font-size:9px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{font-size:31px!important;max-width:330px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{font-size:10.5px!important;max-width:300px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:16px 15px 13px 34px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown{min-height:34px!important;font-size:9.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown b{font-size:11.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-avatar{width:33px!important;height:33px!important;flex-basis:33px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{font-size:15px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator p{font-size:9px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:21px!important;font-size:7.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:20px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:40px!important;min-height:40px!important;font-size:10px!important}
}

@media(min-width:1100px){
  .screen.home-screen .home-hero.xmg-reference-hero,
  html:not([data-theme="light"]) .screen.home-screen .home-hero.xmg-reference-hero,
  html[data-theme="light"] .screen.home-screen .home-hero.xmg-reference-hero{height:322px!important;min-height:322px!important;padding-bottom:23px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-slide{inset:0 0 23px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-card{grid-template-columns:minmax(0,1.95fr) minmax(300px,.90fr)!important;border-radius:21px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy{left:28px!important;top:26px!important;width:63%!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small{min-height:30px!important;font-size:10px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy h1{font-size:38px!important;max-width:410px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-left-copy p{font-size:12px!important;max-width:355px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-panel{padding:19px 19px 15px 42px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown{min-height:38px!important;font-size:10.5px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-countdown b{font-size:13px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{font-size:17px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-creator p{font-size:10px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-tags span{min-height:23px!important;font-size:8px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-price strong{font-size:24px!important}
  .screen.home-screen .xmg-reference-hero .hero-reference-cta,
  .screen.home-screen .xmg-reference-hero .hero-reference-cta.hero-action{height:44px!important;min-height:44px!important;font-size:11.5px!important}
}


/* ========================================================================== */
/* HOTFIX608 — Premium Top Picks rhythm + truthful weekend flash hero label   */
/* ========================================================================== */
/* Weekend Flash is an editorial signal, not a fake button. The JS only emits */
/* this class when it is Sat/Sun AND the video has a real active discounted    */
/* offer with a future expiry.                                                  */
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small.is-weekend-flash{
  min-height:20px!important;
  padding:0 0 0 8px!important;
  border:0!important;
  border-left:2px solid var(--site-accent-bright)!important;
  border-radius:0!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--site-accent) 16%,transparent),transparent 88%)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:var(--site-accent-light)!important;
  font-weight:760!important;
  letter-spacing:.055em!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small.is-weekend-flash i{
  color:var(--site-accent-bright)!important;
}

/* A genuine weekday/non-weekend sale keeps a neutral Limited Offer label. */
.screen.home-screen .xmg-reference-hero .hero-reference-left-copy>small.is-limited-offer{
  border-color:color-mix(in srgb,var(--site-accent-light) 24%,transparent)!important;
  background:linear-gradient(100deg,color-mix(in srgb,var(--site-accent2) 20%,transparent),rgba(89,15,47,.10))!important;
}

@media(max-width:767px){
  /* One strict internal grid = both Top Picks finish at the same baseline. */
  .screen.home-screen .home-reference-top-pick-card{
    border-color:rgba(255,255,255,.10)!important;
    background:linear-gradient(180deg,#101722 0%,#0b121b 100%)!important;
    box-shadow:0 10px 26px rgba(4,8,15,.18),inset 0 1px rgba(255,255,255,.025)!important;
  }
  html[data-theme="light"] .screen.home-screen .home-reference-top-pick-card{
    border-color:#eadfe5!important;
    background:linear-gradient(180deg,#fff 0%,#fffafd 100%)!important;
    box-shadow:0 9px 24px rgba(47,28,38,.075),0 1px 0 rgba(255,255,255,.9) inset!important;
  }
  .screen.home-screen .home-reference-top-pick-body{
    display:grid!important;
    grid-template-rows:28px 26px 13px 12px 20px 20px 34px!important;
    row-gap:5px!important;
    align-content:start!important;
    padding:8px 8px 9px!important;
  }
  .screen.home-screen .home-reference-top-pick-creator{
    height:28px!important;
    min-height:28px!important;
    margin:0!important;
    align-self:center!important;
  }
  .screen.home-screen .home-reference-top-pick-body h3{
    height:26px!important;
    min-height:26px!important;
    margin:0!important;
    line-height:1.18!important;
    -webkit-line-clamp:2!important;
    align-self:start!important;
  }
  .screen.home-screen .home-reference-top-pick-body>p{
    height:13px!important;
    min-height:13px!important;
    margin:0!important;
    line-height:13px!important;
    -webkit-line-clamp:1!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
  }
  .screen.home-screen .home-reference-top-pick-social{
    height:12px!important;
    min-height:12px!important;
    margin:0!important;
    align-self:center!important;
  }
  .screen.home-screen .home-reference-top-pick-tags{
    height:20px!important;
    min-height:20px!important;
    margin:0!important;
    align-items:center!important;
  }
  .screen.home-screen .home-reference-top-pick-tags span{
    height:20px!important;
    min-height:20px!important;
    padding:0 6px!important;
  }
  .screen.home-screen .home-reference-top-pick-price{
    height:20px!important;
    min-height:20px!important;
    margin:0!important;
    align-self:center!important;
    align-items:baseline!important;
  }
  .screen.home-screen .home-reference-top-pick-actions,
  .screen.home-screen .home-reference-top-pick-body>.home-reference-top-pick-cta{
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    align-self:end!important;
  }
  .screen.home-screen .home-reference-top-pick-actions>.home-reference-top-pick-cta,
  .screen.home-screen .home-reference-top-pick-body>.home-reference-top-pick-cta{
    height:34px!important;
    min-height:34px!important;
  }
  .screen.home-screen .home-reference-top-pick-badge{
    min-height:21px!important;
    padding:0 7px!important;
    border-radius:7px!important;
    box-shadow:0 4px 13px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.07)!important;
  }
}

/* ========================================================================== */
/* HOTFIX609 — premium teaser cards + Watch-first feed actions                */
/* Feed cards deliberately reveal less: media, creator, title, price, Watch.  */
/* Full description/category/social proof/commerce decisions live on Watch.   */
/* ========================================================================== */
@media (max-width:767px){
  /* Shared Home/Discover/Profile/Related/Category/Country teaser cards. */
  body #app .stream-pro-card.stream-pro-teaser-card{
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#0d141d 0%,#0a1017 100%)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card>.stream-pro-body{
    display:grid!important;
    grid-template-rows:34px minmax(34px,auto) 42px!important;
    gap:7px!important;
    padding:9px 11px 11px!important;
    background:linear-gradient(180deg,rgba(17,24,34,.985),rgba(10,16,23,.995))!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-head{
    min-height:34px!important;
    height:34px!important;
    margin:0!important;
    align-items:center!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-avatar{
    width:32px!important;height:32px!important;flex-basis:32px!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-creator-copy>b{
    font-size:12.8px!important;line-height:1.08!important;font-weight:780!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-text{
    display:flex!important;align-items:flex-start!important;margin:0!important;min-height:34px!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-text>h3{
    margin:0!important;font-size:14.4px!important;line-height:1.18!important;font-weight:780!important;
    letter-spacing:-.014em!important;-webkit-line-clamp:2!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-commerce{
    min-height:42px!important;height:42px!important;margin:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;
    padding-top:7px!important;border-top:1px solid rgba(255,255,255,.065)!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-price{
    min-width:0!important;max-width:none!important;display:flex!important;align-items:baseline!important;gap:5px!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-price strong{
    font-size:17px!important;line-height:1!important;font-weight:840!important;letter-spacing:-.02em!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-price del{
    font-size:9px!important;line-height:1!important;opacity:.68!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-actions{
    width:auto!important;max-width:none!important;min-width:0!important;flex:0 0 auto!important;
    grid-template-columns:36px minmax(90px,118px)!important;gap:6px!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-cart-icon{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
    border-radius:10px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.10)!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-cart-icon .ico{width:15px!important;height:15px!important}
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-cta,
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-cta.watch{
    width:auto!important;min-width:104px!important;max-width:126px!important;height:36px!important;min-height:36px!important;
    padding:0 12px!important;border:0!important;border-radius:10px!important;
    background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;
    color:#fff!important;box-shadow:0 7px 16px color-mix(in srgb,var(--site-accent) 18%,transparent)!important;
    font-size:11.2px!important;font-weight:800!important;gap:6px!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-cta .ico{width:14px!important;height:14px!important}
  body #app .stream-pro-card.stream-pro-teaser-card>.stream-pro-media>.stream-pro-play{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
    background:rgba(5,8,12,.73)!important;border:1px solid rgba(255,255,255,.19)!important;
    box-shadow:0 5px 16px rgba(0,0,0,.18)!important;
  }
  body #app .stream-pro-card.stream-pro-teaser-card>.stream-pro-media>.stream-pro-play .ico{width:14px!important;height:14px!important;color:#fff!important}

  /* Search is intentionally denser: two-column teaser cards. */
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card>.stream-pro-body{
    grid-template-rows:30px minmax(31px,auto) auto!important;
    gap:5px!important;padding:7px 8px 8px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-head{
    height:30px!important;min-height:30px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-avatar{
    width:28px!important;height:28px!important;flex-basis:28px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-creator-copy>b{
    max-width:118px!important;font-size:11.2px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-text{min-height:31px!important}
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-text>h3{
    font-size:12.5px!important;line-height:1.17!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-commerce{
    height:auto!important;min-height:64px!important;display:grid!important;grid-template-columns:1fr!important;gap:5px!important;
    padding-top:6px!important;align-items:stretch!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-price{
    min-height:18px!important;max-width:100%!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-price strong{font-size:14px!important}
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-actions{
    width:100%!important;max-width:none!important;grid-template-columns:30px minmax(0,1fr)!important;gap:5px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-cart-icon{
    width:30px!important;height:31px!important;min-width:30px!important;min-height:31px!important;border-radius:8px!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-cta,
  body #app .search-results-page .surface-search-masonry .stream-pro-card.stream-pro-teaser-card .stream-pro-cta.watch{
    width:100%!important;max-width:none!important;min-width:0!important;height:31px!important;min-height:31px!important;
    padding:0 8px!important;border-radius:8px!important;font-size:9.8px!important;
  }

  /* Top Picks now act as clean teaser cards: creator, title, price, Watch. */
  .screen.home-screen .home-reference-top-pick-card.home-reference-top-pick-teaser{
    border:1px solid rgba(255,255,255,.09)!important;
    background:linear-gradient(180deg,#101722 0%,#0a1119 100%)!important;
    box-shadow:0 10px 25px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
  }
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-body{
    display:grid!important;grid-template-rows:28px minmax(34px,auto) 20px 34px!important;row-gap:6px!important;
    padding:8px 8px 9px!important;align-content:start!important;
  }
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-creator{height:28px!important;min-height:28px!important;margin:0!important}
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-body h3{
    min-height:34px!important;height:auto!important;margin:0!important;font-size:13.2px!important;line-height:1.18!important;-webkit-line-clamp:2!important;
  }
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-price{
    min-height:20px!important;height:20px!important;margin:0!important;display:flex!important;align-items:baseline!important;gap:5px!important;
  }
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-price strong{font-size:15.5px!important;font-weight:840!important}
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-price del{font-size:8.5px!important}
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-actions,
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-body>.home-reference-top-pick-cta{
    height:34px!important;min-height:34px!important;margin:0!important;
  }
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-actions{grid-template-columns:34px minmax(0,1fr)!important;gap:5px!important}
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-cart{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important}
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-cta{height:34px!important;min-height:34px!important;border-radius:9px!important;font-size:10.5px!important}
  .screen.home-screen .home-reference-top-pick-teaser .home-reference-top-pick-badge{
    min-height:21px!important;height:21px!important;padding:0 7px!important;border-radius:7px!important;font-size:9px!important;
  }

  /* Home merchandising shelves still show offer context, but Watch is the main action. */
  .screen.home-screen .home-limited-deal-cta{font-weight:800!important}
}

html[data-theme="light"] body #app .stream-pro-card.stream-pro-teaser-card{
  border-color:#e8ebef!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important;
  box-shadow:0 8px 22px rgba(22,31,42,.065)!important;
}
html[data-theme="light"] body #app .stream-pro-card.stream-pro-teaser-card>.stream-pro-body{
  background:linear-gradient(180deg,#fff 0%,#fcfdfe 100%)!important;
}
html[data-theme="light"] body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-commerce{border-top-color:#edf0f3!important}
html[data-theme="light"] body #app .stream-pro-card.stream-pro-teaser-card .stream-pro-cart-icon{
  background:#f7f8fa!important;border-color:#dfe4e9!important;color:#333c45!important;
}
html[data-theme="light"] .screen.home-screen .home-reference-top-pick-card.home-reference-top-pick-teaser{
  border-color:#e8e2e6!important;
  background:linear-gradient(180deg,#fff 0%,#fffafd 100%)!important;
  box-shadow:0 8px 22px rgba(47,28,38,.065)!important;
}


/* ==========================================================================
   HOTFIX611 — authoritative pink Watch CTA
   Feed teaser Watch actions must always read as the primary action in both
   light and dark themes: pink surface, white label + icon.
   ========================================================================== */
@media (max-width:767px){
  html body #app button.stream-pro-cta.watch.pink-watch-cta,
  html[data-theme="light"] body #app button.stream-pro-cta.watch.pink-watch-cta,
  html[data-theme="dark"] body #app button.stream-pro-cta.watch.pink-watch-cta,
  html body #app .stream-pro-card.stream-pro-teaser-card button.stream-pro-cta.watch,
  html[data-theme="light"] body #app .stream-pro-card.stream-pro-teaser-card button.stream-pro-cta.watch,
  html[data-theme="dark"] body #app .stream-pro-card.stream-pro-teaser-card button.stream-pro-cta.watch{
    background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 54%,var(--site-accent2) 100%)!important;
    background-color:var(--site-accent)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 7px 18px color-mix(in srgb,var(--site-accent-bright) 25%,transparent)!important;
    opacity:1!important;
  }
  html body #app .stream-pro-card.stream-pro-teaser-card button.stream-pro-cta.watch span,
  html body #app .stream-pro-card.stream-pro-teaser-card button.stream-pro-cta.watch .ico,
  html body #app .stream-pro-card.stream-pro-teaser-card button.stream-pro-cta.watch svg,
  html body #app .stream-pro-card.stream-pro-teaser-card button.stream-pro-cta.watch svg *{
    color:#fff!important;
    fill:currentColor!important;
    stroke:currentColor!important;
  }

  /* Home Top Picks and offer shelves use the same visual authority. */
  html body #app .home-reference-top-pick-teaser .home-reference-top-pick-cta,
  html[data-theme="light"] body #app .home-reference-top-pick-teaser .home-reference-top-pick-cta,
  html body #app .home-limited-deal-cta{
    background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 54%,var(--site-accent2) 100%)!important;
    background-color:var(--site-accent)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 7px 18px color-mix(in srgb,var(--site-accent-bright) 22%,transparent)!important;
  }
  html body #app .home-reference-top-pick-teaser .home-reference-top-pick-cta :is(span,.ico,svg),
  html body #app .home-limited-deal-cta :is(span,.ico,svg){color:#fff!important}
}


/* Hotfix612: Home category rail uses visible Xmegram-pink SVG icons. */
.home-category-strip .home-category-chip .ico{
  color:var(--site-accent)!important;
  stroke:var(--site-accent)!important;
  opacity:1!important;
  filter:drop-shadow(0 1px 5px color-mix(in srgb,var(--site-accent-bright) 16%,transparent));
}
.home-category-strip .home-category-chip.active .ico{
  color:var(--site-accent)!important;
  stroke:var(--site-accent)!important;
}


/* ===============================
   HOTFIX613 — Purchases visibility, ownership states + dual shortcut badges
   =============================== */
.purchase-tabs{
  width:min(860px,calc(100% - 28px))!important;
  margin:12px auto 14px!important;
  padding:5px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(12,15,21,.88)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
}
.purchase-tabs button{color:#aeb6c1!important;font-weight:800!important;letter-spacing:-.01em!important}
.purchase-tabs button.active{color:#fff!important;background:linear-gradient(115deg,#8b3fc8,var(--site-accent))!important;box-shadow:0 8px 20px color-mix(in srgb,var(--site-accent2) 22%,transparent)!important}
html[data-theme="light"] .purchase-tabs{background:#f5f6f8!important;border-color:#e1e4e8!important;box-shadow:0 8px 22px rgba(24,28,34,.06)!important}
html[data-theme="light"] .purchase-tabs button{color:#5b626d!important}
html[data-theme="light"] .purchase-tabs button.active{color:#fff!important;background:linear-gradient(115deg,#8b3fc8,var(--site-accent))!important}

.purchase-state-heading{
  width:min(860px,calc(100% - 28px));margin:14px auto 9px;padding:0 2px;
  display:flex;align-items:end;justify-content:space-between;gap:12px;
}
.purchase-state-heading>div{display:grid;gap:2px}.purchase-state-heading small{font-size:8.5px;font-weight:900;letter-spacing:.14em;color:#89929e}.purchase-state-heading h2{margin:0;font-size:18px;line-height:1.1;font-weight:900;letter-spacing:-.025em;color:#f3f6f9}.purchase-state-heading>span{min-width:28px;height:28px;padding:0 8px;display:grid;place-items:center;border-radius:999px;font-size:10px;font-weight:900;background:#171c25;color:#cad1da;border:1px solid rgba(255,255,255,.08)}
.purchase-state-heading.not-purchased small,.purchase-state-heading.not-purchased h2{color:#5fda91}.purchase-state-heading.not-purchased>span{background:rgba(33,201,107,.11);color:#6ee3a0;border-color:rgba(33,201,107,.22)}
.purchase-state-heading.purchased small{color:#c892ff}.purchase-state-heading.purchased>span{background:rgba(139,92,246,.12);color:#d6c0ff;border-color:rgba(139,92,246,.23)}
html[data-theme="light"] .purchase-state-heading h2{color:#171a1f}html[data-theme="light"] .purchase-state-heading small{color:#777f89}
html[data-theme="light"] .purchase-state-heading.not-purchased h2,html[data-theme="light"] .purchase-state-heading.not-purchased small{color:#20834a}
html[data-theme="light"] .purchase-state-heading.purchased small{color:#7445a8}
html[data-theme="light"] .purchase-state-heading>span{background:#f3f4f6;color:#575f69;border-color:#e1e4e8}
html[data-theme="light"] .purchase-state-heading.not-purchased>span{background:#ebf8f0;color:#20834a;border-color:#ccebd7}
html[data-theme="light"] .purchase-state-heading.purchased>span{background:#f2ecfb;color:#7445a8;border-color:#ded1f1}

.purchase-state-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:24px;margin-top:7px;padding:0 9px;border-radius:999px;font-size:9.5px;font-weight:900;letter-spacing:.01em;border:1px solid transparent}
.purchase-state-pill.purchased{background:rgba(139,92,246,.11);color:#cbaeff;border-color:rgba(139,92,246,.22)}
.purchase-state-pill.pending{background:rgba(33,201,107,.10);color:#67dfa0;border-color:rgba(33,201,107,.20)}
html[data-theme="light"] .purchase-state-pill.purchased{background:#f1ebfa;color:#6d3999;border-color:#dfd0ec}
html[data-theme="light"] .purchase-state-pill.pending{background:#eaf8ef;color:#20834a;border-color:#ccebd7}

/* Green remains pending checkout; purple is completed purchases. */
.bottom-nav .nav-count.purchase-owned-nav-count{left:calc(50% - 26px)!important;right:auto!important;background:linear-gradient(145deg,#7c3aed,#a855f7)!important;color:#fff!important;box-shadow:0 0 0 2px #05070a,0 4px 11px rgba(124,58,237,.30)!important}
.bottom-nav .nav-count.purchase-pending-nav-count{left:calc(50% + 8px)!important;background:#21c96b!important;color:#fff!important}
.desktop-side-item>em.purchase-owned-nav-count{right:34px!important;background:linear-gradient(145deg,#7c3aed,#a855f7)!important;color:#fff!important;box-shadow:0 4px 11px rgba(124,58,237,.25)!important}
.desktop-side-item>em.purchase-pending-nav-count{right:8px!important;background:#21c96b!important;color:#fff!important}
@media(min-width:1120px){.desktop-side-item>em.purchase-owned-nav-count{right:40px!important}.desktop-side-item>em.purchase-pending-nav-count{right:12px!important}}
html[data-theme="light"] .screen:not(.reels-screen)>.bottom-nav .nav-count.purchase-owned-nav-count{box-shadow:0 0 0 2px #fff,0 4px 10px rgba(124,58,237,.22)!important}
html[data-theme="light"] .desktop-side-item>em.purchase-owned-nav-count{background:linear-gradient(145deg,#6d28d9,#9333ea)!important}

@media(max-width:520px){
  .purchase-tabs{width:calc(100% - 20px)!important;margin:9px auto 12px!important;padding:4px!important;border-radius:14px!important}
  .purchase-tabs button{height:40px!important;font-size:11.5px!important;border-radius:10px!important}
  .purchase-state-heading{width:calc(100% - 20px);margin:12px auto 8px}.purchase-state-heading h2{font-size:16px}.purchase-state-heading>span{height:26px;min-width:26px}
}


/* ==========================================================================\n   Hotfix614 — Premium grouped cart commerce system\n   Presentation only: cart pricing, checkout and handlers are unchanged.\n   ========================================================================== */
.cart-screen{
  --cart614-surface:#0b0f15;
  --cart614-surface-soft:#101620;
  --cart614-line:rgba(255,255,255,.075);
  --cart614-text:#f5f7fa;
  --cart614-muted:#8d96a3;
  --cart614-accent:var(--site-accent);
}
.cart-screen .cart-list.creator-grouped{
  margin:0 14px!important;
  gap:12px!important;
}
.cart-screen .cart-creator-group{
  border:1px solid var(--cart614-line)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--site-accent-bright) 5.5%,transparent),transparent 34%),
    linear-gradient(155deg,var(--cart614-surface-soft),var(--cart614-surface) 70%)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.025)!important;
}
.cart-screen .cart-creator-group-head{
  min-height:62px!important;
  padding:10px 12px!important;
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:10px!important;
  border-bottom:1px solid var(--cart614-line)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.018),transparent)!important;
}
.cart-screen .cart-creator-group-avatar{
  width:40px!important;height:40px!important;
  border-radius:50%!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.09)!important;
}
.cart-screen .cart-creator-group-copy{gap:1px!important}
.cart-screen .cart-creator-group-copy small{
  color:#8b93a0!important;
  font-size:8px!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
.cart-screen .cart-creator-group-copy b{
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
}
.cart-screen .cart-creator-group-total{
  grid-template-columns:auto 13px!important;
  column-gap:6px!important;
  row-gap:1px!important;
}
.cart-screen .cart-creator-group-total small{
  grid-column:1/3!important;
  font-size:8px!important;
  color:#848c97!important;
}
.cart-screen .cart-creator-group-total strong{
  font-size:14px!important;
  color:#f3f4f7!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
.cart-screen .cart-creator-group-total>.ico{width:12px!important;height:12px!important}

.cart-screen .cart-creator-group-items .cart-item-card.cart-item-premium{
  padding:12px!important;
  grid-template-columns:124px minmax(0,1fr)!important;
  gap:12px!important;
  min-height:158px!important;
  border-bottom:1px solid var(--cart614-line)!important;
}
.cart-screen .cart-item-card.cart-item-premium .cart-thumb{
  width:124px!important;
  height:148px!important;
  min-height:148px!important;
  aspect-ratio:auto!important;
  border-radius:15px!important;
  background-color:#090c10!important;
  box-shadow:0 7px 18px rgba(0,0,0,.18)!important;
}
.cart-screen .cart-thumb:after{
  background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.58))!important;
}
.cart-screen .cart-thumb>span{
  right:8px!important;bottom:8px!important;
  padding:4px 7px!important;
  border-radius:8px!important;
  background:rgba(4,6,9,.82)!important;
  backdrop-filter:blur(8px)!important;
  font-size:9px!important;
}
.cart-screen .cart-item-main{
  position:relative!important;
  padding:1px 0 0!important;
  display:grid!important;
  grid-template-rows:auto 1fr auto auto!important;
  align-content:stretch!important;
  min-height:148px!important;
}
.cart-screen .cart-item-head{padding-right:30px!important;gap:6px!important}
.cart-screen .cart-item-head h2{
  font-size:15px!important;
  line-height:1.22!important;
  font-weight:870!important;
  -webkit-line-clamp:2!important;
}
.cart-screen .cart-remove{
  position:absolute!important;
  top:-2px!important;right:-2px!important;
  width:28px!important;height:28px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.035)!important;
  color:#c86a74!important;
}
.cart-screen .cart-remove .ico{width:14px!important;height:14px!important}
.cart-screen .cart-item-commerce{
  margin-top:0!important;
  padding:8px 0 0!important;
  align-items:flex-end!important;
  border-top:1px solid rgba(255,255,255,.055)!important;
}
.cart-screen .cart-unlock-status{
  width:max-content!important;
  max-width:58%!important;
  min-height:25px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  background:rgba(48,174,111,.105)!important;
  color:#7bc89e!important;
  font-size:8px!important;
  font-weight:820!important;
}
.cart-screen .cart-unlock-status .ico{width:12px!important;height:12px!important;color:#6cc693!important}
.cart-screen .cart-item-commerce .cart-line-price,
.cart-screen .cart-item-commerce .cart-line-promo{
  min-width:0!important;
  font-size:17px!important;
  line-height:1.05!important;
  font-weight:920!important;
  color:var(--site-accent)!important;
  text-align:right!important;
}
.cart-screen .cart-item-commerce .sale-price-stack,
.cart-screen .cart-item-commerce .daily-promo-price{
  display:grid!important;
  justify-items:end!important;
  gap:2px!important;
}
.cart-screen .cart-item-commerce .sale-price-stack strong,
.cart-screen .cart-item-commerce .daily-promo-price strong{
  grid-row:2!important;
  color:var(--site-accent)!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:920!important;
}
.cart-screen .cart-item-commerce .sale-price-stack del,
.cart-screen .cart-item-commerce .daily-promo-price del{
  grid-row:1!important;
  color:#858d98!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:700!important;
}
.cart-screen .cart-item-commerce .sale-price-stack em{display:none!important}
.cart-screen .cart-item-footer{
  margin-top:7px!important;
  min-height:28px!important;
  justify-content:flex-start!important;
}
.cart-screen .cart-save-later{
  width:auto!important;
  min-width:58px!important;
  min-height:28px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.035)!important;
  color:#9ca4af!important;
  font-size:8px!important;
  font-weight:790!important;
}
.cart-screen .cart-save-later .ico{width:12px!important;height:12px!important}

.cart-screen .cart-coupon,
.cart-screen .cart-summary{
  border:1px solid var(--cart614-line)!important;
  background:linear-gradient(155deg,#10151d,#0a0e14)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.17)!important;
}
.cart-screen .cart-summary{border-radius:20px!important;padding:16px!important}
.cart-screen .cart-summary .cart-total{
  margin-top:4px!important;
  padding-top:12px!important;
  border-top:1px solid var(--cart614-line)!important;
}
.cart-screen .cart-summary .cart-total strong{color:var(--site-accent)!important}
.cart-screen .cart-checkout{
  height:54px!important;
  border-radius:15px!important;
  background:linear-gradient(100deg,#833ab4 0%,var(--site-accent) 54%,#ff174f 100%)!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--site-accent-bright) 22%,transparent)!important;
}

@media(max-width:700px){
  .cart-screen .cart-list.creator-grouped{margin:0 12px!important;gap:12px!important}
  .cart-screen .cart-creator-group{border-radius:18px!important}
  .cart-screen .cart-creator-group-head{
    min-height:58px!important;
    grid-template-columns:38px minmax(0,1fr) auto!important;
    padding:9px 10px!important;
  }
  .cart-screen .cart-creator-group-avatar{width:38px!important;height:38px!important}
  .cart-screen .cart-creator-group-copy b{font-size:13.5px!important}
  .cart-screen .cart-creator-group-total strong{font-size:13px!important}
  .cart-screen .cart-creator-group-items .cart-item-card.cart-item-premium{
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:10px!important;
    padding:10px!important;
    min-height:144px!important;
  }
  .cart-screen .cart-item-card.cart-item-premium .cart-thumb{
    width:112px!important;height:132px!important;min-height:132px!important;
    border-radius:13px!important;
  }
  .cart-screen .cart-item-main{min-height:132px!important}
  .cart-screen .cart-item-head h2{font-size:13.5px!important;line-height:1.22!important}
  .cart-screen .cart-item-commerce{padding-top:7px!important}
  .cart-screen .cart-item-commerce .cart-line-price,
  .cart-screen .cart-item-commerce .cart-line-promo,
  .cart-screen .cart-item-commerce .sale-price-stack strong,
  .cart-screen .cart-item-commerce .daily-promo-price strong{font-size:15px!important}
  .cart-screen .cart-coupon,.cart-screen .cart-summary{margin-left:12px!important;margin-right:12px!important}
}
@media(max-width:370px){
  .cart-screen .cart-creator-group-items .cart-item-card.cart-item-premium{
    grid-template-columns:102px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .cart-screen .cart-item-card.cart-item-premium .cart-thumb{width:102px!important;height:124px!important;min-height:124px!important}
  .cart-screen .cart-item-main{min-height:124px!important}
  .cart-screen .cart-item-head h2{font-size:12.5px!important}
  .cart-screen .cart-unlock-status{max-width:52%!important}
}

html[data-theme="light"] .cart-screen{
  --cart614-surface:#fff;
  --cart614-surface-soft:#fff;
  --cart614-line:#ececf0;
  --cart614-text:#17191d;
  --cart614-muted:#747b84;
}
html[data-theme="light"] .cart-screen .cart-creator-group{
  border-color:#ececf0!important;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--site-accent-bright) 2.8%,transparent),transparent 35%),
    #fff!important;
  box-shadow:0 12px 32px rgba(28,31,36,.065)!important;
}
html[data-theme="light"] .cart-screen .cart-creator-group-head{
  background:linear-gradient(90deg,#fff,#fcfbfd)!important;
  border-bottom-color:#eeeeF1!important;
}
html[data-theme="light"] .cart-screen .cart-creator-group-copy b{color:#17191d!important}
html[data-theme="light"] .cart-screen .cart-creator-group-total strong{color:#262a2f!important}
html[data-theme="light"] .cart-screen .cart-creator-group-items .cart-item-card.cart-item-premium{
  background:#fff!important;
  border-bottom-color:#efeff2!important;
}
html[data-theme="light"] .cart-screen .cart-item-head h2{color:#17191d!important}
html[data-theme="light"] .cart-screen .cart-remove{background:#faf7f8!important;color:#b95f69!important}
html[data-theme="light"] .cart-screen .cart-item-commerce{border-top-color:#f0f0f2!important}
html[data-theme="light"] .cart-screen .cart-unlock-status{
  background:#edf8f2!important;
  color:#2d8d5d!important;
}
html[data-theme="light"] .cart-screen .cart-unlock-status .ico{color:#2f9964!important}
html[data-theme="light"] .cart-screen .cart-save-later{
  border-color:#e8e9ec!important;
  background:#fafafb!important;
  color:#646b74!important;
}
html[data-theme="light"] .cart-screen .cart-item-commerce .cart-line-price,
html[data-theme="light"] .cart-screen .cart-item-commerce .cart-line-promo,
html[data-theme="light"] .cart-screen .cart-item-commerce .sale-price-stack strong,
html[data-theme="light"] .cart-screen .cart-item-commerce .daily-promo-price strong{color:var(--site-accent)!important}
html[data-theme="light"] .cart-screen .cart-item-commerce .sale-price-stack del,
html[data-theme="light"] .cart-screen .cart-item-commerce .daily-promo-price del{color:#979da5!important}
html[data-theme="light"] .cart-screen .cart-coupon,
html[data-theme="light"] .cart-screen .cart-summary{
  border-color:#ececf0!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(28,31,36,.055)!important;
}

/* Hotfix615 — Purchases clean status + Home-authority preview autoplay */
.purchase-pending-section{width:min(860px,calc(100% - 28px))!important;margin:0 auto 16px!important}
.purchase-pending-section>header{display:none!important}
.purchase-pending-list{padding:0!important}
.purchase-state-label{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:8px;font-size:10px;font-weight:900;letter-spacing:.01em;line-height:1.15;white-space:nowrap}
.purchase-state-label>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent)}
.purchase-state-label.pending{color:#61d892}
.purchase-pending-method{display:block;margin-top:8px;color:#838c96;font-size:9px;font-weight:760;white-space:nowrap}
.purchase-pending-card .purchase-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.purchase-pending-card .purchase-copy h2{width:100%}
.purchase-pending-card .purchase-copy>b{width:100%}
.purchase-pending-card .purchase-pending-line{display:none!important}
.purchase-pending-preview,.purchase-resume-preview{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;background:#07090d;z-index:1}
.purchase-resume-shade,.purchase-resume-play,.purchase-resume-media time,.purchase-resume-media>i{z-index:4}
.purchase-resume-media.is-playing .purchase-resume-play{opacity:0;transform:translate(-50%,-50%) scale(.82)}
.purchase-resume-play{transition:opacity .18s ease,transform .18s ease}
html[data-theme="light"] .purchase-state-label.pending{color:#21864b}
html[data-theme="light"] .purchase-pending-method{color:#747d86}
@media(max-width:767px){
  .purchase-pending-section{width:calc(100% - 20px)!important;margin:0 auto 13px!important}
  .purchase-state-label{font-size:9.5px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
  .purchase-pending-method{font-size:8.5px!important;margin-top:6px!important}
}
nn/* === Xmegram 3.4.9-hotfix617 · checkout copy cleanup + balanced spacing === */n.watch-smart-purchase{padding-left:22px!important;padding-right:22px!important}n.watch-smart-purchase>p{margin:8px 2px 0!important;max-width:94%;line-height:1.45!important}n.watch-smart-summary{margin-top:13px!important}n.watch-smart-primary{margin-top:14px!important}n.watch-smart-other{margin-top:8px!important;margin-bottom:0!important}n.wallet-topup-screen .commerce-form-card>p{margin:0 auto 15px!important;max-width:360px!important;line-height:1.45!important}n@media(max-width:420px){n  .watch-smart-purchase{width:calc(100vw - 24px)!important;padding:20px 20px 16px!important}n  .watch-smart-purchase>p{margin-left:1px!important;margin-right:1px!important;max-width:100%!important}n}n

/* === Xmegram 3.4.9-hotfix618 · purchased card premium action stack === */
.purchase-card .purchase-side{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:154px!important;
  text-align:right!important;
}
.purchase-card .purchase-more{
  align-self:flex-end!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#747b86!important;
  opacity:.92!important;
}
.purchase-card .purchase-more:hover,
.purchase-card .purchase-more:active,
.purchase-card .purchase-more:focus{
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.purchase-card .purchase-more .ico{
  width:20px!important;
  height:20px!important;
  color:currentColor!important;
  stroke:currentColor!important;
}
.purchase-card .purchase-action-stack{
  width:100%!important;
  margin-top:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
.purchase-card .purchase-action-stack .purchase-action{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 13px!important;
  margin:0!important;
  border-radius:13px!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-weight:800!important;
  font-size:12px!important;
  line-height:1!important;
}
.purchase-card .purchase-action.purchase-watch-now{
  order:1!important;
  color:#fff!important;
  background:linear-gradient(110deg,#a03bbd 0%,var(--site-accent) 48%,var(--site-accent) 100%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 10px 22px color-mix(in srgb,var(--site-accent) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.purchase-card .purchase-action.purchase-watch-now .ico{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
}
.purchase-card .purchase-action.premium-download{
  order:2!important;
  color:#72356f!important;
  background:linear-gradient(135deg,#fff8e8 0%,#f8efff 54%,#fff 100%)!important;
  border:1px solid rgba(154,92,164,.24)!important;
  box-shadow:0 8px 18px rgba(92,47,98,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.purchase-card .purchase-action.premium-download .ico{
  width:18px!important;
  height:18px!important;
  color:#d69a22!important;
  stroke:#d69a22!important;
  fill:none!important;
  opacity:1!important;
}
.purchase-card .purchase-action.purchase-download-action{
  order:2!important;
}
html[data-theme="dark"] .purchase-card .purchase-more{
  color:#b7bdc7!important;
  background:transparent!important;
}
html[data-theme="dark"] .purchase-card .purchase-action.premium-download{
  color:#f1d7ff!important;
  background:linear-gradient(135deg,rgba(239,183,76,.12),rgba(135,61,153,.23) 55%,rgba(26,20,31,.96))!important;
  border:1px solid rgba(223,180,89,.25)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
html[data-theme="dark"] .purchase-card .purchase-action.premium-download .ico{
  color:#f0bf52!important;
  stroke:#f0bf52!important;
}
@media(max-width:520px){
  .purchase-card .purchase-side{min-width:128px!important;gap:7px!important}
  .purchase-card .purchase-more{width:30px!important;height:30px!important;min-width:30px!important}
  .purchase-card .purchase-action-stack{gap:6px!important}
  .purchase-card .purchase-action-stack .purchase-action{height:36px!important;padding:0 9px!important;border-radius:11px!important;font-size:10.5px!important}
  .purchase-card .purchase-action.premium-download .ico{width:16px!important;height:16px!important}
}
@media(max-width:390px){
  .purchase-card .purchase-side{min-width:116px!important}
  .purchase-card .purchase-action-stack .purchase-action{font-size:10px!important;padding:0 7px!important}
}


/* ========================================================================== */
/* HOTFIX619 — Hero shadow fade + verified-safe creator name                 */
/* Keep the premium card glow above the carousel controls, and only truncate */
/* creator names when the verified badge would otherwise be clipped.         */
/* ========================================================================== */
.screen.home-screen .home-hero.xmg-reference-hero{
  position:relative!important;
  overflow:visible!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-card,
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-card{
  box-shadow:
    0 7px 18px rgba(2,7,14,.20),
    0 0 18px color-mix(in srgb,var(--site-accent) 3.8%,transparent),
    inset 0 1px rgba(255,255,255,.045)!important;
}
.screen.home-screen .home-hero.xmg-reference-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  left:-2px!important;
  right:-2px!important;
  bottom:0!important;
  height:18px!important;
  pointer-events:none!important;
  background:linear-gradient(
    to bottom,
    color-mix(in srgb,var(--bg) 0%,transparent) 0%,
    color-mix(in srgb,var(--bg) 32%,transparent) 28%,
    color-mix(in srgb,var(--bg) 78%,transparent) 62%,
    var(--bg) 88%,
    var(--bg) 100%
  )!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-dots,
.screen.home-screen .xmg-reference-hero .luxury-hero-dots.hero-reference-dots{
  z-index:7!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-creator>div{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-creator h2,
html[data-theme="light"] .screen.home-screen .xmg-reference-hero .hero-reference-creator h2{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-creator-name{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.screen.home-screen .xmg-reference-hero .hero-reference-creator h2 .verified,
.screen.home-screen .xmg-reference-hero .hero-reference-creator h2 .verified-mini{
  flex:0 0 auto!important;
  margin-left:1px!important;
  position:relative!important;
  z-index:3!important;
  overflow:visible!important;
}

/* ========================================================================== */
/* HOTFIX620 — purchased library card action layout repair                     */
/* Keep Watch Now + Premium required inside the card, full width and stacked. */
/* ========================================================================== */
@media (max-width:767px){
  .purchase-card:not(.purchase-pending-card){
    align-items:stretch!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-thumb{
    flex:0 0 40%!important;
    width:40%!important;
    min-width:0!important;
    max-width:154px!important;
    margin:7px!important;
    border-radius:15px!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-info{
    position:relative!important;
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    padding:12px 12px 11px 5px!important;
    overflow:visible!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-copy{
    min-width:0!important;
    padding-right:32px!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-copy h2{
    margin:0 0 5px!important;
    font-size:16px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-copy>b{
    font-size:11.5px!important;
    line-height:1.2!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-state-pill.purchased{
    margin-top:8px!important;
    max-width:100%!important;
    white-space:nowrap!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-payment-line{
    margin:7px 0 0!important;
    font-size:10.5px!important;
    line-height:1.28!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-side{
    position:static!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:10px 0 0!important;
    padding:0!important;
    text-align:left!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-more{
    position:absolute!important;
    z-index:3!important;
    top:9px!important;
    right:7px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#666d77!important;
    opacity:.95!important;
  }
  html[data-theme="dark"] .purchase-card:not(.purchase-pending-card) .purchase-more{
    background:transparent!important;
    color:#b8bec8!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-more::before,
  .purchase-card:not(.purchase-pending-card) .purchase-more::after{
    display:none!important;
    content:none!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-action-stack{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:7px!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-action-stack .purchase-action{
    position:relative!important;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:39px!important;
    min-height:39px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:12px!important;
    justify-content:center!important;
    align-items:center!important;
    gap:7px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:850!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-action-stack .purchase-action>span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-action.purchase-watch-now{
    order:1!important;
    color:#fff!important;
    background:linear-gradient(105deg,#9b39bd 0%,var(--site-accent) 50%,var(--site-accent) 100%)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 9px 20px color-mix(in srgb,var(--site-accent) 18%,transparent),inset 0 1px rgba(255,255,255,.20)!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-action.purchase-watch-now .ico{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    color:#fff!important;
    stroke:#fff!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-action.premium-download{
    order:2!important;
    color:#6f356c!important;
    background:linear-gradient(135deg,#fff9e9 0%,#faf1ff 58%,#fff 100%)!important;
    border:1px solid rgba(154,92,164,.22)!important;
    box-shadow:0 7px 16px rgba(93,46,99,.07),inset 0 1px rgba(255,255,255,.95)!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-action.premium-download .ico{
    width:16px!important;
    height:16px!important;
    flex:0 0 16px!important;
    color:#d39a24!important;
    stroke:#d39a24!important;
    opacity:1!important;
  }
  html[data-theme="dark"] .purchase-card:not(.purchase-pending-card) .purchase-action.premium-download{
    color:#f1d9ff!important;
    background:linear-gradient(135deg,rgba(236,185,76,.13),rgba(128,57,149,.24) 58%,rgba(24,19,30,.98))!important;
    border-color:rgba(225,184,91,.24)!important;
  }
}
@media (max-width:390px){
  .purchase-card:not(.purchase-pending-card) .purchase-thumb{
    flex-basis:39%!important;
    width:39%!important;
    max-width:140px!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-info{
    padding-right:9px!important;
  }
  .purchase-card:not(.purchase-pending-card) .purchase-copy h2{font-size:15px!important}
  .purchase-card:not(.purchase-pending-card) .purchase-action-stack .purchase-action{
    height:37px!important;
    min-height:37px!important;
    font-size:10.5px!important;
    padding:0 8px!important;
  }
}


/* === hotfix621 · premium animated star checkout cloned from approved card + M-Pesa references === */
.drawer-scrim.watch-smart-purchase-scrim{
  background:rgba(18,18,25,.55)!important;
  backdrop-filter:blur(8px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(8px) saturate(.82)!important;
}
.watch-smart-purchase{
  --checkout-pink:var(--site-accent);
  --checkout-pink-2:var(--site-accent);
  --checkout-violet:#7d297f;
  --checkout-ink:#161820;
  --checkout-muted:#6f7380;
  bottom:max(18px,var(--safe-bottom))!important;
  width:min(462px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 70px)!important;
  overflow:visible!important;
  padding:88px 28px 24px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:31px!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(208,255,234,.50),transparent 28%),
    radial-gradient(circle at 86% 5%,rgba(255,224,244,.72),transparent 31%),
    radial-gradient(circle at 51% 35%,rgba(255,255,255,.98),transparent 60%),
    linear-gradient(160deg,#fff 0%,#fffafb 56%,#fff5fb 100%)!important;
  color:var(--checkout-ink)!important;
  box-shadow:0 24px 75px rgba(18,8,20,.34),0 0 0 1px rgba(255,255,255,.45) inset!important;
  isolation:isolate;
  animation:watchPremiumSheetIn .46s cubic-bezier(.18,.84,.24,1) both;
}
.watch-smart-purchase::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,255,255,.15) 45%,color-mix(in srgb,var(--site-accent-bright) 18%,transparent));
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:1px;mask-composite:exclude;-webkit-mask-composite:xor;
}
.watch-smart-close{
  right:18px!important;top:18px!important;width:46px!important;height:46px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.75)!important;background:rgba(244,244,246,.94)!important;color:#4e5360!important;
  box-shadow:0 7px 18px rgba(50,35,48,.08)!important;font-size:29px!important;font-weight:400!important;line-height:1!important;
  transition:transform .18s ease,background .18s ease!important;z-index:8;
}
.watch-smart-close:active{transform:scale(.92)}
.watch-smart-badge{
  position:relative;z-index:4;min-height:45px!important;padding:0 18px!important;gap:10px!important;border-radius:999px!important;
  background:rgba(255,255,255,.75)!important;border:1px solid #e6dfe5!important;color:#282b34!important;
  box-shadow:0 7px 20px rgba(69,42,61,.045),inset 0 1px rgba(255,255,255,.92)!important;font-size:14px!important;font-weight:850!important;
}
.watch-smart-badge>.provider-art{width:28px!important;height:28px!important;flex-basis:28px!important;border-radius:8px!important}
.watch-smart-badge>.provider-art.mpesa{width:26px!important;height:26px!important;flex-basis:26px!important;border-radius:50%!important}
.watch-smart-purchase>small:not(.watch-smart-trust){
  display:block!important;margin-top:28px!important;color:#8a277f!important;font-size:11px!important;font-weight:950!important;letter-spacing:.19em!important;
}
.watch-smart-purchase h2{margin:7px 18px 0 0!important;color:#11131b!important;font-size:29px!important;line-height:1.08!important;letter-spacing:-.042em!important;font-weight:950!important}
.watch-smart-purchase>p{margin:12px 0 0!important;color:#747984!important;font-size:16px!important;line-height:1.42!important;font-weight:500!important}
.watch-smart-summary{gap:10px!important;margin-top:21px!important}
.watch-smart-summary>span{
  display:flex!important;align-items:center!important;gap:12px!important;min-height:86px!important;padding:14px 14px!important;border-radius:20px!important;
  background:rgba(255,255,255,.60)!important;border:1px solid #e7e2e7!important;box-shadow:inset 0 1px rgba(255,255,255,.92)!important;
}
.watch-smart-summary-icon{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:#ffe9f4;color:var(--site-accent)}
.watch-smart-summary-icon .ico{width:22px;height:22px}
.watch-smart-summary-copy{min-width:0;display:block!important}
.watch-smart-summary small{color:#7c7f8a!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important}
.watch-smart-summary b,.watch-smart-summary-price-wrap{margin-top:5px!important;color:#15171f!important;font-size:17px!important;font-weight:950!important;line-height:1.05!important}
.watch-smart-summary-price-wrap{display:block!important}
.watch-smart-summary-price-wrap .price-old,.watch-smart-summary-price-wrap del{color:#8e7a84!important;font-size:11px!important;font-weight:800!important}
.watch-smart-summary-price-wrap .price-current,.watch-smart-summary-price-wrap strong{color:var(--site-accent)!important}
.watch-smart-mpesa{gap:8px!important;margin-top:20px!important;color:#4f5360!important;font-size:13px!important;font-weight:850!important}
.watch-smart-mpesa>div{
  height:62px!important;padding:0 18px!important;gap:13px!important;border-radius:20px!important;background:rgba(255,255,255,.66)!important;
  border:1px solid #dfdbe0!important;box-shadow:inset 0 1px rgba(255,255,255,.95)!important;
}
.watch-smart-mpesa .ico{width:25px!important;height:25px!important;color:#eeaa38!important}
.watch-smart-mpesa input{color:#4e515a!important;font-size:18px!important;font-weight:750!important;letter-spacing:.01em!important}
.watch-smart-primary{
  position:relative;overflow:hidden;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;
  width:100%!important;min-height:66px!important;margin-top:22px!important;border:1px solid rgba(255,255,255,.72)!important;border-radius:23px!important;
  background:linear-gradient(102deg,var(--site-accent-bright) 0%,var(--site-accent) 43%,var(--site-accent) 100%)!important;color:#fff!important;
  box-shadow:0 15px 30px color-mix(in srgb,var(--site-accent) 23%,transparent),0 0 0 1px rgba(255,255,255,.24) inset,0 -2px 12px color-mix(in srgb,var(--site-accent2) 12%,transparent) inset!important;
  font-size:18px!important;font-weight:950!important;letter-spacing:-.015em!important;text-shadow:0 1px 1px rgba(118,0,54,.16)!important;
  animation:watchPremiumButtonGlow 2.5s ease-in-out infinite;
}
.watch-smart-primary::before{content:"";position:absolute;top:-40%;left:-38%;width:30%;height:180%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:watchPremiumButtonSweep 2.8s ease-in-out infinite}
.watch-smart-primary-arrow{font-size:30px;font-weight:400;line-height:1;transform:translateY(-1px);animation:watchPremiumArrow 1.4s ease-in-out infinite}
.watch-smart-other{margin-top:14px!important;padding:9px 6px 3px!important;color:#4e5159!important;font-size:13px!important;font-weight:850!important;text-underline-offset:4px!important}
.watch-smart-subscribe-alt{color:#6d3f68!important}
.watch-smart-star-stage{
  position:absolute;z-index:5;top:-72px;left:50%;width:226px;height:168px;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 14px 24px color-mix(in srgb,var(--site-accent) 20%,transparent));
}
.watch-smart-star{
  position:absolute;left:50%;top:29px;width:126px;height:126px;transform:translateX(-50%);
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,80% 94%,50% 72%,20% 94%,32% 57%,2% 35%,39% 35%);
  background:conic-gradient(from 4deg at 50% 50%,#fff9d5 0 4%,#ff8fc5 7%,var(--site-accent) 18%,var(--site-accent2) 30%,var(--site-accent-light) 44%,#fff4df 51%,var(--site-accent) 62%,var(--site-accent2) 75%,var(--site-accent-light) 90%,#fff5d9 100%);
  box-shadow:inset 0 0 0 3px #ffd0a5,inset 0 0 13px rgba(255,255,255,.82),0 0 18px color-mix(in srgb,var(--site-accent-bright) 72%,transparent),0 0 42px color-mix(in srgb,var(--site-accent-bright) 32%,transparent);
  animation:watchPremiumStarFloat 3.1s ease-in-out infinite,watchPremiumStarTwinkle 2.2s ease-in-out infinite;
}
.watch-smart-star::before{content:"";position:absolute;inset:7px;clip-path:inherit;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.08) 34%,rgba(255,255,255,.42) 54%,transparent 72%);mix-blend-mode:screen;opacity:.72}
.watch-smart-star::after{content:"";position:absolute;inset:3px;clip-path:inherit;border:2px solid rgba(255,225,178,.88);filter:drop-shadow(0 0 5px rgba(255,248,205,.85))}
.watch-smart-star i,.watch-smart-star b{position:absolute;inset:0;clip-path:inherit;display:block}
.watch-smart-star i{background:linear-gradient(90deg,transparent 42%,rgba(255,255,255,.34) 50%,transparent 58%);transform:rotate(33deg)}
.watch-smart-star b{background:linear-gradient(180deg,rgba(255,255,255,.42),transparent 43%,rgba(96,0,57,.15) 100%);transform:scale(.76);filter:blur(.4px)}
.watch-smart-orbit{position:absolute;left:50%;top:86px;width:178px;height:44px;border:2px solid color-mix(in srgb,var(--site-accent-bright) 42%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 0 8px color-mix(in srgb,var(--site-accent-bright) 16%,transparent);animation:watchPremiumOrbit 4.2s linear infinite}
.watch-smart-orbit.orbit-b{width:205px;height:56px;opacity:.34;border-color:rgba(255,204,89,.5);transform:translate(-50%,-50%) rotate(19deg);animation-duration:5.5s;animation-direction:reverse}
.watch-smart-spark{position:absolute;color:#fff6c9;text-shadow:0 0 8px var(--site-accent-light),0 0 18px var(--site-accent-bright);font-size:27px;animation:watchPremiumSpark 1.9s ease-in-out infinite}
.watch-smart-spark.spark-a{left:10px;top:78px;animation-delay:-.3s}.watch-smart-spark.spark-b{right:13px;top:64px;font-size:20px;animation-delay:-1.1s}.watch-smart-spark.spark-c{left:38px;top:23px;font-size:14px;animation-delay:-.7s}.watch-smart-spark.spark-d{right:44px;top:20px;font-size:16px;animation-delay:-1.55s}.watch-smart-spark.spark-e{right:33px;bottom:11px;font-size:24px;animation-delay:-.95s}
@keyframes watchPremiumSheetIn{from{opacity:0;transform:translate(-50%,34px) scale(.965)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@keyframes watchPremiumStarFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-1.5deg) scale(1)}50%{transform:translateX(-50%) translateY(-8px) rotate(2deg) scale(1.035)}}
@keyframes watchPremiumStarTwinkle{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.08) brightness(1.13)}}
@keyframes watchPremiumOrbit{to{transform:translate(-50%,-50%) rotate(352deg)}}
@keyframes watchPremiumSpark{0%,100%{opacity:.28;transform:scale(.7) rotate(0deg)}48%{opacity:1;transform:scale(1.18) rotate(18deg)}}
@keyframes watchPremiumButtonGlow{0%,100%{box-shadow:0 15px 30px color-mix(in srgb,var(--site-accent) 23%,transparent),0 0 0 1px rgba(255,255,255,.24) inset}50%{box-shadow:0 18px 38px color-mix(in srgb,var(--site-accent) 35%,transparent),0 0 18px color-mix(in srgb,var(--site-accent-bright) 23%,transparent),0 0 0 1px rgba(255,255,255,.38) inset}}
@keyframes watchPremiumButtonSweep{0%,58%{left:-42%;opacity:0}67%{opacity:1}100%{left:125%;opacity:0}}
@keyframes watchPremiumArrow{0%,100%{transform:translate(0,-1px)}50%{transform:translate(5px,-1px)}}
html[data-theme="light"] .watch-smart-purchase,html[data-theme="dark"] .watch-smart-purchase{color:var(--checkout-ink)!important}
html[data-theme="dark"] .watch-smart-purchase{background:radial-gradient(circle at 12% 4%,rgba(208,255,234,.50),transparent 28%),radial-gradient(circle at 86% 5%,rgba(255,224,244,.72),transparent 31%),linear-gradient(160deg,#fff 0%,#fffafb 56%,#fff5fb 100%)!important}
html[data-theme="dark"] .watch-smart-purchase h2,html[data-theme="light"] .watch-smart-purchase h2{color:#11131b!important}
html[data-theme="dark"] .watch-smart-purchase>p,html[data-theme="light"] .watch-smart-purchase>p{color:#747984!important}
html[data-theme="dark"] .watch-smart-summary b{color:#15171f!important}
html[data-theme="dark"] .watch-smart-other{color:#4e5159!important}
@media(max-width:480px){
  .watch-smart-purchase{width:calc(100vw - 26px)!important;padding:82px 18px 20px!important;border-radius:29px!important;bottom:max(14px,var(--safe-bottom))!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important}
  .watch-smart-star-stage{top:-67px;transform:translateX(-50%) scale(.92)}
  .watch-smart-badge{min-height:42px!important;padding:0 15px!important;font-size:13px!important}
  .watch-smart-close{width:44px!important;height:44px!important;right:15px!important;top:15px!important}
  .watch-smart-purchase>small:not(.watch-smart-trust){margin-top:24px!important;font-size:10px!important}
  .watch-smart-purchase h2{font-size:26px!important;margin-right:4px!important}
  .watch-smart-purchase>p{font-size:15px!important}
  .watch-smart-summary>span{min-height:80px!important;padding:12px 10px!important;gap:9px!important}
  .watch-smart-summary-icon{width:38px;height:38px;flex-basis:38px}.watch-smart-summary-icon .ico{width:20px;height:20px}
  .watch-smart-summary b,.watch-smart-summary-price-wrap{font-size:15px!important}
  .watch-smart-mpesa>div{height:58px!important}
  .watch-smart-primary{min-height:61px!important;border-radius:21px!important;font-size:17px!important}
}
@media(max-width:370px){
  .watch-smart-purchase{padding-left:14px!important;padding-right:14px!important}
  .watch-smart-summary{gap:7px!important}.watch-smart-summary>span{padding:10px 8px!important}.watch-smart-summary-icon{display:none!important}
}
@media(prefers-reduced-motion:reduce){.watch-smart-purchase,.watch-smart-star,.watch-smart-orbit,.watch-smart-spark,.watch-smart-primary,.watch-smart-primary::before,.watch-smart-primary-arrow{animation:none!important}}


/* === hotfix622 · exact compact premium checkout proportions ===
   Match approved Card/M-Pesa references: full visible faceted star, compact typography,
   tighter summary/input/CTA sizing, subtle motion, and no clipping at the sheet edge. */
.watch-smart-purchase,
.watch-smart-purchase.watch-smart-preview-end{
  width:min(430px,calc(100vw - 24px))!important;
  max-height:none!important;
  overflow:visible!important;
  padding:18px 18px 15px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 9% 3%,rgba(220,255,239,.42),transparent 25%),
    radial-gradient(circle at 88% 4%,rgba(255,226,244,.62),transparent 27%),
    radial-gradient(circle at 49% 31%,rgba(255,255,255,.97),transparent 59%),
    linear-gradient(158deg,#ffffff 0%,#fffdfd 58%,#fff8fc 100%)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 23px 62px rgba(20,10,20,.30),0 0 0 1px rgba(255,255,255,.44) inset!important;
}
.watch-smart-purchase.watch-smart-preview-end{
  left:50%!important;top:50%!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
.watch-smart-close{
  top:15px!important;right:15px!important;width:34px!important;height:34px!important;
  font-size:22px!important;background:rgba(246,246,247,.95)!important;
  color:#4e5360!important;border:1px solid rgba(255,255,255,.94)!important;
  box-shadow:0 5px 13px rgba(48,36,46,.07)!important;
}
.watch-smart-badge{
  min-height:34px!important;padding:0 12px!important;gap:8px!important;
  border-radius:999px!important;font-size:11px!important;font-weight:850!important;
  background:rgba(255,255,255,.78)!important;border:1px solid #e9e2e8!important;
  box-shadow:0 4px 12px rgba(69,42,61,.035),inset 0 1px rgba(255,255,255,.96)!important;
}
.watch-smart-badge>.provider-art{width:22px!important;height:22px!important;flex-basis:22px!important}
.watch-smart-badge>.provider-art.mpesa{width:21px!important;height:21px!important;flex-basis:21px!important}
.watch-smart-purchase>small:not(.watch-smart-trust){
  margin-top:22px!important;font-size:8.5px!important;line-height:1!important;
  letter-spacing:.18em!important;color:#8a277f!important;font-weight:950!important;
}
.watch-smart-purchase h2{
  margin:6px 38px 0 0!important;font-size:22px!important;line-height:1.06!important;
  letter-spacing:-.04em!important;font-weight:950!important;color:#11131b!important;
}
.watch-smart-purchase>p{
  margin:9px 0 0!important;font-size:13px!important;line-height:1.43!important;
  color:#777b85!important;font-weight:500!important;
}
.watch-smart-summary{gap:6px!important;margin-top:15px!important}
.watch-smart-summary>span{
  min-height:62px!important;padding:9px 9px!important;gap:8px!important;border-radius:15px!important;
  background:rgba(255,255,255,.64)!important;border:1px solid #e8e3e7!important;
  box-shadow:inset 0 1px rgba(255,255,255,.96)!important;
}
.watch-smart-summary-icon{
  width:29px!important;height:29px!important;flex:0 0 29px!important;
  background:#ffeaf4!important;color:var(--site-accent)!important;
}
.watch-smart-summary-icon .ico{width:16px!important;height:16px!important}
.watch-smart-summary small{font-size:8px!important;line-height:1!important;letter-spacing:.075em!important}
.watch-smart-summary b,.watch-smart-summary-price-wrap{
  margin-top:4px!important;font-size:13px!important;line-height:1.04!important;font-weight:950!important;
}
.watch-smart-summary-price-wrap .price-old,.watch-smart-summary-price-wrap del{font-size:9px!important;line-height:1!important}
.watch-smart-mpesa{gap:5px!important;margin-top:14px!important;font-size:11px!important;font-weight:850!important}
.watch-smart-mpesa>div{
  height:46px!important;padding:0 13px!important;gap:10px!important;border-radius:15px!important;
  background:rgba(255,255,255,.68)!important;border:1px solid #e1dde1!important;
}
.watch-smart-mpesa .ico{width:20px!important;height:20px!important;color:#edae3f!important}
.watch-smart-mpesa input{font-size:15px!important;font-weight:760!important;color:#555861!important}
.watch-smart-primary{
  min-height:50px!important;height:50px!important;margin-top:16px!important;border-radius:17px!important;
  gap:12px!important;font-size:15px!important;font-weight:950!important;
  background:linear-gradient(103deg,var(--site-accent-bright) 0%,var(--site-accent-bright) 48%,var(--site-accent) 100%)!important;
  box-shadow:0 12px 24px color-mix(in srgb,var(--site-accent) 22%,transparent),0 0 0 1px rgba(255,255,255,.26) inset!important;
  animation:watchPremiumButtonGlow622 3.2s ease-in-out infinite!important;
}
.watch-smart-primary::before{
  width:22%!important;opacity:.72!important;animation:watchPremiumButtonSweep622 3.8s ease-in-out infinite!important;
}
.watch-smart-primary-arrow{font-size:23px!important;animation:watchPremiumArrow622 1.8s ease-in-out infinite!important}
.watch-smart-other{margin-top:8px!important;padding:7px 5px 2px!important;font-size:11px!important;font-weight:850!important}
.watch-smart-subscribe-alt{min-height:34px!important;margin-top:7px!important;font-size:9px!important}
.watch-smart-star-stage{
  top:-70px!important;left:50%!important;width:218px!important;height:150px!important;
  transform:translateX(-50%)!important;filter:none!important;overflow:visible!important;
}
.watch-smart-star{display:none!important}
.watch-smart-star-svg{
  position:absolute;z-index:3;left:50%;top:27px;width:108px;height:103px;
  transform:translateX(-50%);overflow:visible;
  transform-origin:50% 54%;
  animation:watchPremiumStarFloat622 4.1s ease-in-out infinite,watchPremiumStarTwinkle622 3.1s ease-in-out infinite;
}
.watch-smart-orbit{
  z-index:1;left:50%!important;top:79px!important;width:158px!important;height:36px!important;
  border-width:1.3px!important;border-color:color-mix(in srgb,var(--site-accent-bright) 34%,transparent)!important;
  box-shadow:0 0 6px color-mix(in srgb,var(--site-accent-bright) 13%,transparent)!important;
  animation:watchPremiumOrbit622 8s linear infinite!important;
}
.watch-smart-orbit.orbit-b{
  width:184px!important;height:45px!important;opacity:.30!important;border-color:rgba(255,205,104,.48)!important;
  animation-duration:10.5s!important;animation-direction:reverse!important;
}
.watch-smart-spark{z-index:4;font-size:17px!important;text-shadow:0 0 6px var(--site-accent-light),0 0 12px var(--site-accent)!important;animation:watchPremiumSpark622 2.6s ease-in-out infinite!important}
.watch-smart-spark.spark-a{left:15px!important;top:76px!important;font-size:18px!important}
.watch-smart-spark.spark-b{right:16px!important;top:63px!important;font-size:14px!important}
.watch-smart-spark.spark-c{left:47px!important;top:24px!important;font-size:10px!important}
.watch-smart-spark.spark-d{right:47px!important;top:20px!important;font-size:11px!important}
.watch-smart-spark.spark-e{right:37px!important;bottom:16px!important;font-size:16px!important}
@keyframes watchPremiumStarFloat622{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(-.55deg)}
  50%{transform:translateX(-50%) translateY(-3px) rotate(.55deg)}
}
@keyframes watchPremiumStarTwinkle622{0%,100%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.055) saturate(1.025)}}
@keyframes watchPremiumOrbit622{to{transform:translate(-50%,-50%) rotate(352deg)}}
@keyframes watchPremiumSpark622{0%,100%{opacity:.32;transform:scale(.84)}50%{opacity:.92;transform:scale(1.06)}}
@keyframes watchPremiumButtonGlow622{0%,100%{box-shadow:0 12px 24px color-mix(in srgb,var(--site-accent) 22%,transparent),0 0 0 1px rgba(255,255,255,.26) inset}50%{box-shadow:0 14px 28px color-mix(in srgb,var(--site-accent) 28%,transparent),0 0 10px color-mix(in srgb,var(--site-accent-bright) 14%,transparent),0 0 0 1px rgba(255,255,255,.32) inset}}
@keyframes watchPremiumButtonSweep622{0%,68%{left:-34%;opacity:0}74%{opacity:.65}100%{left:118%;opacity:0}}
@keyframes watchPremiumArrow622{0%,100%{transform:translate(0,-1px)}50%{transform:translate(3px,-1px)}}
@media(max-width:480px){
  .watch-smart-purchase,.watch-smart-purchase.watch-smart-preview-end{
    width:calc(100vw - 24px)!important;padding:18px 17px 14px!important;border-radius:18px!important;
  }
  .watch-smart-star-stage{top:-70px!important;transform:translateX(-50%)!important}
}
@media(max-width:370px){
  .watch-smart-purchase,.watch-smart-purchase.watch-smart-preview-end{padding-left:15px!important;padding-right:15px!important}
  .watch-smart-purchase h2{font-size:21px!important}
  .watch-smart-purchase>p{font-size:12.5px!important}
  .watch-smart-summary-icon{width:27px!important;height:27px!important;flex-basis:27px!important;display:grid!important}
  .watch-smart-summary>span{padding:8px 7px!important}
}
@media(max-height:650px) and (max-width:480px){
  .watch-smart-purchase.watch-smart-preview-end{transform:translate(-50%,-50%) scale(.94)!important;transform-origin:center!important}
}
@media(prefers-reduced-motion:reduce){
  .watch-smart-star-svg,.watch-smart-orbit,.watch-smart-spark,.watch-smart-primary,.watch-smart-primary::before,.watch-smart-primary-arrow{animation:none!important}
}


/* === Xmegram 3.4.9-hotfix623 · premium checkout suite match (method choice + wallet funds) === */
.premium-drawer-scrim{backdrop-filter:blur(14px)!important;background:rgba(16,10,18,.40)!important}
.premium-sheet{position:absolute!important;left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-46%) scale(.975)!important;width:min(760px,calc(100% - 26px))!important;max-height:calc(100dvh - 34px)!important;border-radius:34px!important;overflow:visible!important;border:1px solid rgba(255,255,255,.82)!important;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,250,253,.965) 48%,rgba(255,248,252,.97) 100%)!important;box-shadow:0 36px 110px rgba(50,14,49,.22),0 10px 26px rgba(60,18,51,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;color:#17181e!important;backdrop-filter:blur(28px)!important;opacity:0;transition:transform .22s ease,opacity .22s ease!important}
.open .premium-sheet{transform:translate(-50%,-50%) scale(1)!important;opacity:1!important}
.premium-sheet:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,0) 24%,rgba(255,215,245,.12) 100%);pointer-events:none}
.premium-sheet-close{position:absolute!important;right:18px!important;top:18px!important;width:58px!important;height:58px!important;border-radius:50%!important;border:1px solid #ece8ef!important;background:#f2f1f4!important;color:#51545d!important;font-size:28px!important;display:grid!important;place-items:center!important;z-index:5!important;box-shadow:0 8px 22px rgba(53,38,61,.08)!important}
.premium-sheet-decor{position:absolute;left:50%;top:-82px;transform:translateX(-50%);width:176px;height:130px;z-index:4;pointer-events:none}
.premium-sheet-star{position:absolute;left:50%;top:2px;transform:translateX(-50%);width:150px;height:150px;filter:drop-shadow(0 8px 26px color-mix(in srgb,var(--site-accent-bright) 22%,transparent))}
.premium-sheet-orbit{position:absolute;left:50%;top:38px;width:152px;height:74px;border:3px solid rgba(255,212,125,.58);border-radius:999px;transform-origin:center center;filter:drop-shadow(0 0 10px rgba(255,214,132,.22))}
.premium-sheet-orbit-a{transform:translateX(-50%) rotate(12deg)}
.premium-sheet-orbit-b{transform:translateX(-50%) rotate(-19deg);opacity:.54}
.premium-sheet-spark{position:absolute;width:13px;height:13px;transform:rotate(45deg);border-radius:3px;background:linear-gradient(180deg,#fff4bf,#ffd3f5);box-shadow:0 0 14px rgba(255,233,173,.48)}
.premium-sheet-spark:before,.premium-sheet-spark:after{content:"";position:absolute;left:50%;top:50%;background:inherit;transform:translate(-50%,-50%);border-radius:2px}
.premium-sheet-spark:before{width:2px;height:18px}.premium-sheet-spark:after{width:18px;height:2px}
.premium-sheet-spark-1{left:16px;top:42px}.premium-sheet-spark-2{right:18px;top:30px}.premium-sheet-spark-3{left:38px;top:86px;transform:rotate(45deg) scale(.78)}.premium-sheet-spark-4{right:40px;top:82px;transform:rotate(45deg) scale(.88)}
.premium-payment-sheet{padding:20px 20px 18px!important}
.premium-payment-sheet>header{display:block!important;padding:90px 12px 12px!important;border-bottom:1px solid rgba(36,30,41,.13)!important;margin:0 10px!important}
.premium-payment-sheet .site-payment-heading{display:block!important;padding-right:86px!important}
.premium-payment-sheet header small{display:block!important;font-size:14px!important;line-height:1!important;letter-spacing:.18em!important;font-weight:900!important;color:var(--site-accent)!important;margin-bottom:10px!important}
.premium-payment-sheet header h2{margin:0!important;font-size:38px!important;line-height:1.02!important;font-weight:940!important;letter-spacing:-.042em!important;color:#12131a!important}
.premium-payment-sheet .site-payment-scroll{padding:18px 10px 2px!important;overflow:auto!important;max-height:calc(100dvh - 360px)!important}
.premium-choice-grid{display:grid!important;gap:14px!important;padding:0!important}
.site-payment-option{border-radius:26px!important;background:rgba(255,255,255,.72)!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important}
.site-payment-option.active{border-color:#f2b1d9!important;background:linear-gradient(180deg,rgba(255,244,250,.98),rgba(255,247,251,.95))!important;box-shadow:0 8px 30px color-mix(in srgb,var(--site-accent-bright) 6%,transparent)!important}
.site-payment-option .site-payment-method{min-height:88px!important;padding:16px 18px!important;background:transparent!important;border:1.5px solid rgba(28,24,35,.10)!important;border-radius:26px!important;color:#191a1f!important;box-shadow:0 6px 18px rgba(43,25,52,.04)!important;grid-template-columns:54px minmax(0,1fr) 40px!important;gap:16px!important}
.site-payment-option.active .site-payment-method{border-color:#ef89c3!important;box-shadow:0 8px 24px color-mix(in srgb,var(--site-accent-bright) 8%,transparent),inset 0 1px 0 rgba(255,255,255,.75)!important}
.site-payment-option .site-payment-copy b{font-size:25px!important;line-height:1.08!important;font-weight:880!important;color:#15161b!important}
.site-payment-option .site-payment-copy small{margin-top:8px!important;font-size:16px!important;line-height:1.3!important;color:#757984!important}
.site-payment-option .site-payment-radio{width:34px!important;height:34px!important;border-width:4px!important;border-color:#aeb4c0!important;background:#fff!important;box-shadow:none!important}
.site-payment-option.active .site-payment-radio{border-color:var(--site-accent)!important;box-shadow:0 0 0 6px color-mix(in srgb,var(--site-accent-bright) 8%,transparent)!important}.site-payment-option.active .site-payment-radio span{width:16px!important;height:16px!important;background:var(--site-accent)!important}
.site-payment-option .provider-art{width:52px!important;height:52px!important;border-radius:15px!important}.site-payment-option.active .provider-art{filter:drop-shadow(0 5px 12px rgba(35,20,41,.10))}
.site-payment-option .site-mpesa-field{margin:8px 0 0!important;padding:0 18px 18px!important;background:transparent!important;border:1.5px solid #efc0df!important;border-top:0!important;border-radius:0 0 26px 26px!important;box-shadow:none!important}
.site-payment-option .site-mpesa-field>span{font-size:14px!important;font-weight:860!important;color:#414651!important;line-height:1!important}
.site-payment-option .site-mpesa-field>div{margin-top:12px!important;height:76px!important;border-radius:22px!important;border:1.5px solid rgba(28,24,35,.12)!important;background:#fff!important;padding:0 18px!important;box-shadow:0 6px 18px rgba(43,25,52,.04)!important}
.site-payment-option .site-mpesa-field .ico{width:28px!important;height:28px!important;color:var(--site-accent-bright)!important;stroke-width:2.2!important}
.site-payment-option .site-mpesa-field input{font-size:20px!important;font-weight:780!important;color:#7d818c!important}
.site-payment-option .site-mpesa-field small{margin-top:10px!important;color:#7a8089!important;font-size:12px!important;line-height:1.3!important}
.premium-payment-sheet>footer{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;padding:16px 10px 8px!important;margin:2px 10px 0!important;border-top:1px solid rgba(36,30,41,.13)!important;background:transparent!important;position:relative!important}
.premium-payment-sheet>footer>span{display:grid!important;gap:6px!important}.premium-payment-sheet>footer small{font-size:12px!important;color:#717681!important;line-height:1!important}.premium-payment-sheet>footer strong{font-size:24px!important;line-height:1!important;font-weight:920!important;color:var(--site-accent-bright)!important;letter-spacing:-.03em!important}
.premium-payment-sheet>footer .primary,.premium-wallet-sheet .wallet-funds-actions>button{position:relative!important;isolation:isolate!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;height:74px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--site-accent) 22%,transparent)!important;background:linear-gradient(180deg,var(--site-accent) 0%,var(--site-accent) 42%,var(--site-accent) 100%)!important;color:#fff!important;font-size:18px!important;font-weight:900!important;letter-spacing:-.02em!important;box-shadow:0 18px 34px color-mix(in srgb,var(--site-accent-bright) 24%,transparent),inset 0 2px 0 rgba(255,255,255,.36)!important}
.premium-payment-sheet>footer .primary:before,.premium-wallet-sheet .wallet-funds-actions>button:before{content:"";position:absolute;left:18px;right:18px;top:4px;height:36%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));z-index:-1}
.premium-payment-sheet>footer .primary{min-width:min(420px,64vw)!important;padding:0 28px!important}.premium-payment-sheet>footer .primary span{white-space:nowrap}.premium-button-arrow{font-style:normal!important;font-size:26px!important;line-height:1!important;transform:translateY(-1px)!important}
.premium-wallet-sheet{padding:116px 22px 24px!important;text-align:center!important}
.premium-wallet-sheet .premium-sheet-decor{top:-78px!important}.premium-wallet-sheet .premium-sheet-star{width:146px!important;height:146px!important}
.premium-wallet-icon{display:grid!important;place-items:center!important;width:112px!important;height:112px!important;margin:0 auto 16px!important;border-radius:30px!important;background:linear-gradient(180deg,#fff7fb,#f8edf5)!important;border:1px solid rgba(39,32,47,.08)!important;box-shadow:0 10px 26px rgba(37,22,41,.06)!important;color:#873193!important}
.premium-wallet-icon .ico{width:44px!important;height:44px!important;stroke-width:2.1!important}
.premium-wallet-sheet>small{display:block!important;margin:0 auto 14px!important;font-size:14px!important;font-weight:900!important;letter-spacing:.18em!important;color:var(--site-accent)!important}
.premium-wallet-sheet h2{margin:0 auto 16px!important;max-width:640px!important;font-size:37px!important;line-height:1.06!important;font-weight:940!important;letter-spacing:-.045em!important;color:#12131a!important}
.premium-wallet-sheet p{margin:0 auto 24px!important;max-width:660px!important;font-size:17px!important;line-height:1.45!important;color:#707580!important}
.premium-wallet-sheet .wallet-funds-breakdown{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0 0 28px!important}
.premium-wallet-sheet .wallet-funds-breakdown>span{min-height:132px!important;padding:24px 20px!important;border-radius:26px!important;border:1.5px solid rgba(28,24,35,.10)!important;background:#fff!important;box-shadow:0 8px 20px rgba(43,25,52,.04)!important;text-align:left!important}.premium-wallet-sheet .wallet-funds-breakdown small{display:block!important;margin-bottom:14px!important;font-size:16px!important;color:#777b84!important}.premium-wallet-sheet .wallet-funds-breakdown b{font-size:28px!important;line-height:1.05!important;font-weight:920!important;color:#14151a!important;letter-spacing:-.03em!important}
.premium-wallet-sheet .wallet-funds-actions{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important}.premium-wallet-sheet .wallet-funds-actions>button{width:100%!important}.premium-wallet-sheet .wallet-funds-actions>.wallet-funds-topup-btn:not(.primary){background:linear-gradient(180deg,var(--site-accent) 0%,var(--site-accent) 42%,var(--site-accent) 100%)!important;color:#fff!important;border-color:color-mix(in srgb,var(--site-accent) 22%,transparent)!important}
@media(max-width:700px){
  .premium-sheet{width:calc(100% - 28px)!important;max-height:calc(100dvh - 18px)!important;border-radius:28px!important}
  .premium-sheet-close{right:14px!important;top:14px!important;width:52px!important;height:52px!important;font-size:24px!important}
  .premium-sheet-decor{top:-72px!important;width:156px!important;height:116px!important}.premium-sheet-star{width:136px!important;height:136px!important}.premium-sheet-orbit{top:35px!important;width:136px!important;height:66px!important}.premium-sheet-spark-1{left:10px!important}.premium-sheet-spark-2{right:12px!important}
  .premium-payment-sheet{padding:18px 16px 16px!important}.premium-payment-sheet>header{padding:78px 8px 10px!important;margin:0 4px!important}.premium-payment-sheet header small{font-size:12px!important;margin-bottom:8px!important}.premium-payment-sheet header h2{font-size:28px!important;line-height:1.04!important}
  .premium-payment-sheet .site-payment-scroll{padding:14px 4px 2px!important;max-height:calc(100dvh - 280px)!important}.site-payment-option .site-payment-method{min-height:74px!important;padding:13px 14px!important;grid-template-columns:44px minmax(0,1fr) 30px!important;gap:12px!important;border-radius:22px!important}.site-payment-option .site-payment-copy b{font-size:20px!important}.site-payment-option .site-payment-copy small{font-size:11px!important;margin-top:5px!important}.site-payment-option .provider-art{width:40px!important;height:40px!important;border-radius:12px!important}.site-payment-option .site-payment-radio{width:28px!important;height:28px!important;border-width:3px!important}.site-payment-option.active .site-payment-radio span{width:13px!important;height:13px!important}
  .site-payment-option .site-mpesa-field{padding:0 14px 14px!important;border-radius:0 0 22px 22px!important}.site-payment-option .site-mpesa-field>span{font-size:12px!important}.site-payment-option .site-mpesa-field>div{margin-top:10px!important;height:58px!important;border-radius:18px!important;padding:0 14px!important}.site-payment-option .site-mpesa-field .ico{width:22px!important;height:22px!important}.site-payment-option .site-mpesa-field input{font-size:16px!important}.site-payment-option .site-mpesa-field small{font-size:10px!important;margin-top:8px!important}
  .premium-payment-sheet>footer{padding:14px 4px 4px!important;margin:0 4px!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;align-items:stretch!important}.premium-payment-sheet>footer>span{gap:4px!important}.premium-payment-sheet>footer small{font-size:11px!important}.premium-payment-sheet>footer strong{font-size:22px!important}.premium-payment-sheet>footer .primary{min-width:0!important;width:100%!important;height:62px!important;font-size:15px!important;gap:12px!important;padding:0 24px!important}.premium-button-arrow{font-size:22px!important}
  .premium-wallet-sheet{padding:98px 16px 18px!important}.premium-wallet-icon{width:86px!important;height:86px!important;border-radius:24px!important;margin-bottom:12px!important}.premium-wallet-icon .ico{width:34px!important;height:34px!important}.premium-wallet-sheet>small{font-size:12px!important;margin-bottom:10px!important}.premium-wallet-sheet h2{font-size:24px!important;margin-bottom:12px!important}.premium-wallet-sheet p{font-size:14px!important;line-height:1.38!important;margin-bottom:18px!important}.premium-wallet-sheet .wallet-funds-breakdown{gap:12px!important;margin-bottom:20px!important}.premium-wallet-sheet .wallet-funds-breakdown>span{min-height:102px!important;padding:16px 14px!important;border-radius:20px!important}.premium-wallet-sheet .wallet-funds-breakdown small{font-size:12px!important;margin-bottom:10px!important}.premium-wallet-sheet .wallet-funds-breakdown b{font-size:18px!important}.premium-wallet-sheet .wallet-funds-actions{gap:12px!important}.premium-wallet-sheet .wallet-funds-actions>button{height:58px!important;font-size:15px!important}
}


/* === Xmegram 3.4.9-hotfix624 · compact reference-match correction ===
   Corrects hotfix623's oversized checkout geometry while preserving payment behavior. */
.premium-sheet{overflow:visible!important}
.premium-sheet-decor{top:-66px!important;width:146px!important;height:112px!important}
.premium-sheet-star{top:0!important;width:122px!important;height:122px!important;animation:vhPremiumStarFloat 5.8s ease-in-out infinite!important}
.premium-sheet-orbit{top:31px!important;width:126px!important;height:58px!important;border-width:2px!important;animation:vhPremiumOrbit 11s linear infinite!important}
.premium-sheet-orbit-b{animation-direction:reverse!important;animation-duration:14s!important}
.premium-sheet-spark{width:8px!important;height:8px!important;animation:vhPremiumSpark 3.6s ease-in-out infinite!important}.premium-sheet-spark:before{height:12px!important}.premium-sheet-spark:after{width:12px!important}.premium-sheet-spark-3{animation-delay:.8s!important}.premium-sheet-spark-4{animation-delay:1.5s!important}
@keyframes vhPremiumStarFloat{0%,100%{transform:translateX(-50%) translateY(0) rotate(-.3deg)}50%{transform:translateX(-50%) translateY(-3px) rotate(.3deg)}}
@keyframes vhPremiumOrbit{to{transform:translateX(-50%) rotate(372deg)}}
@keyframes vhPremiumSpark{0%,100%{opacity:.52;filter:brightness(1)}50%{opacity:1;filter:brightness(1.18)}}

/* Payment-choice modal: reference proportions */
.premium-payment-sheet{width:min(700px,calc(100% - 52px))!important;padding:14px 14px 13px!important;border-radius:28px!important;max-height:calc(100dvh - 38px)!important}
.premium-payment-sheet .premium-sheet-close{right:13px!important;top:13px!important;width:46px!important;height:46px!important;font-size:22px!important}
.premium-payment-sheet>header{padding:48px 8px 10px!important;margin:0 4px!important}
.premium-payment-sheet .site-payment-heading{padding-right:56px!important}
.premium-payment-sheet header small{font-size:10px!important;letter-spacing:.16em!important;margin-bottom:6px!important;color:var(--site-accent)!important}
.premium-payment-sheet header h2{font-size:25px!important;line-height:1.03!important;letter-spacing:-.038em!important}
.premium-payment-sheet .site-payment-scroll{padding:10px 4px 0!important;max-height:calc(100dvh - 252px)!important}
.premium-choice-grid{gap:9px!important}
.site-payment-option{border-radius:19px!important}
.site-payment-option .site-payment-method{min-height:60px!important;padding:9px 11px!important;border-radius:19px!important;grid-template-columns:38px minmax(0,1fr) 26px!important;gap:10px!important;border-width:1px!important}
.site-payment-option .provider-art{width:36px!important;height:36px!important;border-radius:10px!important}
.site-payment-option .site-payment-copy b{font-size:16px!important;line-height:1.08!important}
.site-payment-option .site-payment-copy small{font-size:9px!important;line-height:1.25!important;margin-top:4px!important}
.site-payment-option .site-payment-radio{width:24px!important;height:24px!important;border-width:2.5px!important}.site-payment-option.active .site-payment-radio{box-shadow:0 0 0 4px color-mix(in srgb,var(--site-accent-bright) 7.5%,transparent)!important}.site-payment-option.active .site-payment-radio span{width:11px!important;height:11px!important}
.site-payment-option .site-mpesa-field{margin:0!important;padding:2px 11px 11px!important;border-radius:0 0 19px 19px!important;border-width:1px!important;border-top:0!important}
.site-payment-option .site-mpesa-field>span{font-size:10px!important;line-height:1!important}
.site-payment-option .site-mpesa-field>div{margin-top:8px!important;height:48px!important;border-radius:14px!important;padding:0 11px!important;border-width:1px!important}
.site-payment-option .site-mpesa-field .ico{width:19px!important;height:19px!important}.site-payment-option .site-mpesa-field input{font-size:14px!important;font-weight:740!important}.site-payment-option .site-mpesa-field small{font-size:8px!important;line-height:1.25!important;margin-top:7px!important}
.premium-payment-sheet>footer{margin:0 4px!important;padding:10px 4px 2px!important;gap:8px!important}
.premium-payment-sheet>footer>span{gap:3px!important}.premium-payment-sheet>footer small{font-size:9px!important}.premium-payment-sheet>footer strong{font-size:18px!important}
.premium-payment-sheet>footer .primary{height:51px!important;min-width:0!important;width:100%!important;font-size:13px!important;gap:9px!important;padding:0 18px!important;box-shadow:0 10px 22px color-mix(in srgb,var(--site-accent-bright) 19%,transparent),inset 0 1.5px 0 rgba(255,255,255,.34)!important}.premium-payment-sheet>footer .primary:before{left:14px!important;right:14px!important;top:3px!important}.premium-button-arrow{font-size:18px!important}

/* Wallet-low modal: compact target geometry */
.premium-wallet-sheet{width:min(730px,calc(100% - 34px))!important;padding:80px 16px 16px!important;border-radius:28px!important;max-height:calc(100dvh - 48px)!important}
.premium-wallet-sheet .premium-sheet-decor{top:-64px!important}.premium-wallet-sheet .premium-sheet-star{width:118px!important;height:118px!important}
.premium-wallet-sheet .premium-sheet-close{right:13px!important;top:13px!important;width:46px!important;height:46px!important;font-size:22px!important}
.premium-wallet-icon{width:66px!important;height:66px!important;border-radius:19px!important;margin:0 auto 9px!important}.premium-wallet-icon .ico{width:27px!important;height:27px!important}
.premium-wallet-sheet>small{font-size:10px!important;margin-bottom:7px!important;letter-spacing:.16em!important}
.premium-wallet-sheet h2{font-size:23px!important;line-height:1.05!important;margin-bottom:9px!important;letter-spacing:-.036em!important}
.premium-wallet-sheet p{font-size:12px!important;line-height:1.38!important;margin-bottom:15px!important;max-width:540px!important}
.premium-wallet-sheet .wallet-funds-breakdown{gap:9px!important;margin-bottom:15px!important}
.premium-wallet-sheet .wallet-funds-breakdown>span{min-height:82px!important;padding:13px 12px!important;border-radius:17px!important;border-width:1px!important}.premium-wallet-sheet .wallet-funds-breakdown small{font-size:10px!important;margin-bottom:7px!important}.premium-wallet-sheet .wallet-funds-breakdown b{font-size:16px!important}
.premium-wallet-sheet .wallet-funds-actions{gap:9px!important}.premium-wallet-sheet .wallet-funds-actions>button{height:50px!important;border-radius:999px!important;font-size:13px!important;box-shadow:0 10px 22px color-mix(in srgb,var(--site-accent-bright) 18%,transparent),inset 0 1.5px 0 rgba(255,255,255,.34)!important}

@media(max-width:700px){
  .premium-payment-sheet{width:calc(100% - 52px)!important;bottom:auto!important}
  .premium-payment-sheet>header{padding-top:42px!important}
  .premium-payment-sheet .site-payment-scroll{max-height:calc(100dvh - 238px)!important}
  .premium-wallet-sheet{width:calc(100% - 34px)!important;bottom:auto!important}
}
@media(prefers-reduced-motion:reduce){.premium-sheet-star,.premium-sheet-orbit,.premium-sheet-spark{animation:none!important}}


/* === Xmegram 3.4.9-hotfix625 · reuse exact Watch checkout star animation route ===
   Multi-payment and wallet sheets now render the same faceted star/orbits/spark motion as the approved checkout.
   No separate SVG motion/keyframes are used for these sheets. */
.premium-sheet>.premium-sheet-star-stage{
  top:-70px!important;left:50%!important;width:218px!important;height:150px!important;
  transform:translateX(-50%)!important;filter:none!important;overflow:visible!important;z-index:6!important;
}
.premium-sheet>.premium-sheet-star-stage .watch-smart-star-svg{
  position:absolute!important;z-index:3!important;left:50%!important;top:27px!important;width:108px!important;height:103px!important;
  transform:translateX(-50%)!important;overflow:visible!important;transform-origin:50% 54%!important;
  animation:watchPremiumStarFloat622 4.1s ease-in-out infinite,watchPremiumStarTwinkle622 3.1s ease-in-out infinite!important;
}
.premium-sheet>.premium-sheet-star-stage .watch-smart-orbit{
  z-index:1!important;left:50%!important;top:79px!important;width:158px!important;height:36px!important;
  border:1.3px solid color-mix(in srgb,var(--site-accent-bright) 34%,transparent)!important;border-radius:50%!important;
  box-shadow:0 0 6px color-mix(in srgb,var(--site-accent-bright) 13%,transparent)!important;
  animation:watchPremiumOrbit622 8s linear infinite!important;
}
.premium-sheet>.premium-sheet-star-stage .watch-smart-orbit.orbit-b{
  width:184px!important;height:45px!important;opacity:.30!important;border-color:rgba(255,205,104,.48)!important;
  animation-duration:10.5s!important;animation-direction:reverse!important;
}
.premium-sheet>.premium-sheet-star-stage .watch-smart-spark{
  z-index:4!important;color:#fff6c9!important;text-shadow:0 0 6px var(--site-accent-light),0 0 12px var(--site-accent)!important;
  animation:watchPremiumSpark622 2.6s ease-in-out infinite!important;
}
.premium-sheet>.premium-sheet-star-stage .watch-smart-spark.spark-a{left:15px!important;top:76px!important;font-size:18px!important}
.premium-sheet>.premium-sheet-star-stage .watch-smart-spark.spark-b{right:16px!important;top:63px!important;font-size:14px!important}
.premium-sheet>.premium-sheet-star-stage .watch-smart-spark.spark-c{left:47px!important;top:24px!important;font-size:10px!important}
.premium-sheet>.premium-sheet-star-stage .watch-smart-spark.spark-d{right:47px!important;top:20px!important;font-size:11px!important}
.premium-sheet>.premium-sheet-star-stage .watch-smart-spark.spark-e{right:37px!important;bottom:16px!important;font-size:16px!important}
/* retire hotfix624 alternate decor route when old cached markup survives briefly */
.premium-sheet>.premium-sheet-decor{display:none!important}
@media(max-width:700px){
  .premium-sheet>.premium-sheet-star-stage{top:-70px!important;transform:translateX(-50%)!important}
}
@media(prefers-reduced-motion:reduce){
  .premium-sheet>.premium-sheet-star-stage .watch-smart-star-svg,
  .premium-sheet>.premium-sheet-star-stage .watch-smart-orbit,
  .premium-sheet>.premium-sheet-star-stage .watch-smart-spark{animation:none!important}
}


/* === Xmegram 3.4.9-hotfix626 · pink + purple pearl shades with gold glitter ===
   Visual-only refinement requested from the approved premium checkout reference.
   Keeps hotfix625 star/orbit animation route and all payment behavior unchanged. */
.watch-smart-purchase,
.premium-sheet{
  background:
    radial-gradient(ellipse at 4% 4%,rgba(255,230,246,.92) 0%,rgba(255,230,246,.42) 18%,transparent 40%),
    radial-gradient(ellipse at 96% 7%,rgba(223,199,255,.78) 0%,rgba(223,199,255,.34) 19%,transparent 43%),
    radial-gradient(ellipse at 78% 88%,rgba(255,203,238,.48) 0%,transparent 38%),
    radial-gradient(ellipse at 18% 88%,rgba(216,202,255,.36) 0%,transparent 42%),
    linear-gradient(155deg,#fffefe 0%,#fff8fc 49%,#fbf6ff 100%)!important;
}
html[data-theme="dark"] .watch-smart-purchase,
html[data-theme="dark"] .premium-sheet,
html[data-theme="light"] .watch-smart-purchase,
html[data-theme="light"] .premium-sheet{
  background:
    radial-gradient(ellipse at 4% 4%,rgba(255,230,246,.92) 0%,rgba(255,230,246,.42) 18%,transparent 40%),
    radial-gradient(ellipse at 96% 7%,rgba(223,199,255,.78) 0%,rgba(223,199,255,.34) 19%,transparent 43%),
    radial-gradient(ellipse at 78% 88%,rgba(255,203,238,.48) 0%,transparent 38%),
    radial-gradient(ellipse at 18% 88%,rgba(216,202,255,.36) 0%,transparent 42%),
    linear-gradient(155deg,#fffefe 0%,#fff8fc 49%,#fbf6ff 100%)!important;
}
.watch-smart-purchase::after,
.premium-sheet::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:0;
  opacity:.72;
  background:
    radial-gradient(circle at 11% 23%,rgba(255,224,139,.96) 0 1.2px,transparent 2.7px),
    radial-gradient(circle at 84% 17%,rgba(255,235,165,.92) 0 1px,transparent 2.4px),
    radial-gradient(circle at 74% 34%,rgba(255,218,121,.82) 0 .9px,transparent 2.3px),
    radial-gradient(circle at 19% 63%,rgba(255,232,157,.70) 0 1px,transparent 2.5px),
    radial-gradient(circle at 90% 69%,rgba(255,223,128,.70) 0 1.1px,transparent 2.7px),
    radial-gradient(circle at 31% 89%,rgba(255,234,170,.62) 0 .9px,transparent 2.4px),
    radial-gradient(circle at 63% 79%,rgba(255,222,130,.58) 0 .8px,transparent 2.2px);
  box-shadow:inset 0 0 42px rgba(237,132,229,.08),inset 0 0 78px rgba(164,103,230,.06);
}
.watch-smart-purchase>*:not(.watch-smart-star-stage),
.premium-sheet>*:not(.premium-sheet-star-stage){position:relative;z-index:2}
.watch-smart-star-stage,
.premium-sheet-star-stage{z-index:6!important}
.watch-smart-summary>span,
.site-payment-option .site-payment-method,
.site-payment-option .site-mpesa-field,
.premium-wallet-sheet .wallet-funds-breakdown>span{
  background:
    radial-gradient(circle at 0% 0%,rgba(255,224,242,.28),transparent 44%),
    radial-gradient(circle at 100% 100%,rgba(220,203,255,.22),transparent 42%),
    rgba(255,255,255,.72)!important;
}
.watch-smart-badge,
.site-payment-option.active .site-payment-method{
  background:
    radial-gradient(circle at 0% 0%,rgba(255,226,244,.43),transparent 52%),
    radial-gradient(circle at 100% 100%,rgba(223,205,255,.34),transparent 48%),
    rgba(255,255,255,.82)!important;
}
.watch-smart-star-stage .watch-smart-spark,
.premium-sheet-star-stage .watch-smart-spark{
  color:#fff0b0!important;
  text-shadow:0 0 5px rgba(255,255,224,.98),0 0 12px rgba(255,203,93,.80),0 0 22px color-mix(in srgb,var(--site-accent) 42%,transparent)!important;
}
.watch-smart-star-stage .watch-smart-orbit.orbit-b,
.premium-sheet-star-stage .watch-smart-orbit.orbit-b{
  border-color:rgba(255,206,102,.66)!important;
  box-shadow:0 0 7px rgba(255,211,111,.28),0 0 17px color-mix(in srgb,var(--site-accent-light) 9%,transparent)!important;
}
@media(max-width:700px){
  .watch-smart-purchase::after,.premium-sheet::after{opacity:.62}
}


/* === Xmegram 3.4.9-hotfix627 · watch checkout copy cleanup === */
.watch-smart-clean-payment{
  padding-top:82px!important;
}
.watch-smart-clean-payment .watch-smart-close{
  left:auto!important;
  right:15px!important;
  top:15px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  z-index:12!important;
}
.watch-smart-clean-payment .watch-smart-close .ico{
  width:18px!important;
  height:18px!important;
  color:#515560!important;
  stroke-width:2.25!important;
}
.watch-smart-clean-payment>small:not(.watch-smart-trust){
  margin-top:24px!important;
}
.watch-smart-clean-payment h2{
  max-width:340px!important;
  margin-top:7px!important;
  margin-right:46px!important;
}
.watch-smart-clean-payment>p,
.watch-smart-clean-payment .watch-smart-summary{
  display:none!important;
}
.watch-smart-clean-payment .watch-smart-mpesa{
  margin-top:20px!important;
}
.watch-smart-clean-payment .watch-smart-primary{
  margin-top:18px!important;
}
@media(max-width:480px){
  .watch-smart-clean-payment{
    padding-top:76px!important;
  }
  .watch-smart-clean-payment .watch-smart-close{
    right:13px!important;
    top:13px!important;
    width:34px!important;
    height:34px!important;
  }
  .watch-smart-clean-payment h2{
    max-width:280px!important;
    font-size:22px!important;
    line-height:1.08!important;
    margin-right:38px!important;
  }
  .watch-smart-clean-payment .watch-smart-mpesa{
    margin-top:18px!important;
  }
}


/* === Xmegram 3.4.9-hotfix628 · compact Watch checkout, remove dead top space ===
   Keeps hotfix625/626 premium star route and pearl pink/purple/gold treatment.
   Only tightens the cleaned Watch checkout and hard-pins the close SVG at top-right. */
.watch-smart-purchase.watch-smart-clean-payment,
.watch-smart-purchase.watch-smart-clean-payment.watch-smart-preview-end{
  width:min(430px,calc(100vw - 24px))!important;
  max-height:none!important;
  overflow:visible!important;
  padding:18px 18px 14px!important;
  border-radius:20px!important;
}
.watch-smart-clean-payment .watch-smart-star-stage{
  top:-69px!important;
  width:210px!important;
  height:145px!important;
}
.watch-smart-clean-payment .watch-smart-star-svg{
  top:28px!important;
  width:105px!important;
  height:100px!important;
}
.watch-smart-clean-payment .watch-smart-close{
  position:absolute!important;
  left:auto!important;
  right:14px!important;
  top:14px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(246,246,248,.95)!important;
  border:1px solid rgba(222,219,225,.9)!important;
  color:#525660!important;
  box-shadow:0 5px 14px rgba(44,29,47,.08)!important;
  transform:none!important;
  z-index:20!important;
}
.watch-smart-clean-payment .watch-smart-close .ico,
.watch-smart-clean-payment .watch-smart-close svg{
  width:17px!important;
  height:17px!important;
  color:#525660!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:2.35!important;
  display:block!important;
}
.watch-smart-clean-payment .watch-smart-badge{
  margin:0!important;
  min-height:34px!important;
  padding:0 12px!important;
  max-width:calc(100% - 56px)!important;
}
.watch-smart-clean-payment>small:not(.watch-smart-trust){
  margin-top:22px!important;
  font-size:8.5px!important;
  line-height:1!important;
  letter-spacing:.18em!important;
}
.watch-smart-clean-payment h2{
  max-width:none!important;
  margin:6px 0 0!important;
  padding-right:0!important;
  font-size:22px!important;
  line-height:1.07!important;
  letter-spacing:-.04em!important;
}
.watch-smart-clean-payment .watch-smart-mpesa{
  margin-top:16px!important;
  gap:6px!important;
  font-size:11px!important;
}
.watch-smart-clean-payment .watch-smart-mpesa>div{
  height:46px!important;
  min-height:46px!important;
  border-radius:15px!important;
  padding:0 13px!important;
}
.watch-smart-clean-payment .watch-smart-primary{
  height:50px!important;
  min-height:50px!important;
  margin-top:15px!important;
  border-radius:17px!important;
  font-size:15px!important;
}
.watch-smart-clean-payment .watch-smart-other{
  margin-top:7px!important;
  padding:7px 5px 1px!important;
  font-size:11px!important;
}
.watch-smart-clean-payment .watch-smart-subscribe-alt{
  margin-top:6px!important;
}
@media(max-width:480px){
  .watch-smart-purchase.watch-smart-clean-payment,
  .watch-smart-purchase.watch-smart-clean-payment.watch-smart-preview-end{
    width:calc(100vw - 24px)!important;
    padding:17px 17px 13px!important;
    border-radius:19px!important;
  }
  .watch-smart-clean-payment .watch-smart-star-stage{top:-66px!important;width:202px!important;height:140px!important}
  .watch-smart-clean-payment .watch-smart-star-svg{top:27px!important;width:101px!important;height:96px!important}
  .watch-smart-clean-payment .watch-smart-close{left:auto!important;right:13px!important;top:13px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .watch-smart-clean-payment .watch-smart-close .ico,.watch-smart-clean-payment .watch-smart-close svg{width:16px!important;height:16px!important}
  .watch-smart-clean-payment>small:not(.watch-smart-trust){margin-top:20px!important}
  .watch-smart-clean-payment h2{font-size:21px!important;line-height:1.06!important;margin-top:6px!important}
  .watch-smart-clean-payment .watch-smart-mpesa{margin-top:14px!important}
  .watch-smart-clean-payment .watch-smart-primary{margin-top:14px!important}
}
@media(max-height:720px) and (max-width:480px){
  .watch-smart-purchase.watch-smart-clean-payment,
  .watch-smart-purchase.watch-smart-clean-payment.watch-smart-preview-end{
    padding-top:15px!important;
    padding-bottom:11px!important;
  }
  .watch-smart-clean-payment>small:not(.watch-smart-trust){margin-top:16px!important}
  .watch-smart-clean-payment .watch-smart-mpesa{margin-top:12px!important}
  .watch-smart-clean-payment .watch-smart-primary{margin-top:12px!important}
}


/* === Xmegram 3.4.9-hotfix629 · restrained corner-only pink/purple shading ===
   User correction: keep the checkout predominantly clean white. Pink/purple pearl shading
   now appears only as faint local accents near the top corners/hero area, not across the
   whole sheet or every internal card. Gold glitter and the existing star/orbit route remain. */
.watch-smart-purchase,
.premium-sheet,
html[data-theme="dark"] .watch-smart-purchase,
html[data-theme="dark"] .premium-sheet,
html[data-theme="light"] .watch-smart-purchase,
html[data-theme="light"] .premium-sheet{
  background:
    radial-gradient(ellipse at 7% 5%,rgba(255,205,235,.30) 0%,rgba(255,224,242,.14) 12%,transparent 28%),
    radial-gradient(ellipse at 94% 7%,rgba(207,180,255,.24) 0%,rgba(226,210,255,.11) 13%,transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#fffdfd 64%,#ffffff 100%)!important;
}
.watch-smart-purchase::after,
.premium-sheet::after{
  opacity:.58!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,224,139,.96) 0 1.1px,transparent 2.6px),
    radial-gradient(circle at 84% 15%,rgba(255,235,165,.92) 0 1px,transparent 2.3px),
    radial-gradient(circle at 72% 29%,rgba(255,218,121,.80) 0 .9px,transparent 2.2px),
    radial-gradient(circle at 21% 57%,rgba(255,232,157,.64) 0 .9px,transparent 2.3px),
    radial-gradient(circle at 88% 64%,rgba(255,223,128,.62) 0 1px,transparent 2.5px)!important;
  box-shadow:none!important;
}
.watch-smart-summary>span,
.site-payment-option .site-payment-method,
.site-payment-option .site-mpesa-field,
.premium-wallet-sheet .wallet-funds-breakdown>span{
  background:rgba(255,255,255,.92)!important;
}
.watch-smart-badge,
.site-payment-option.active .site-payment-method{
  background:linear-gradient(110deg,rgba(255,245,250,.96),rgba(255,255,255,.96) 58%,rgba(248,244,255,.94))!important;
}
.site-payment-option.active{
  background:rgba(255,255,255,.80)!important;
}
/* Keep the tint deliberately limited to a small halo beneath the star/header. */
.watch-smart-purchase:before,
.premium-sheet:before{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,196,231,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.42),transparent 19%)!important;
}
@media(max-width:700px){
  .watch-smart-purchase::after,.premium-sheet::after{opacity:.50!important}
}


/* === Xmegram 3.4.9-hotfix630 · Watch checkout close button locked to provider row ===
   Structural fix: provider pill and close SVG now share one flex row. No absolute close placement. */
.watch-smart-clean-payment .watch-smart-topline{
  position:relative!important;
  z-index:24!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
}
.watch-smart-clean-payment .watch-smart-topline .watch-smart-badge{
  margin:0!important;
  max-width:calc(100% - 52px)!important;
  flex:0 1 auto!important;
}
.watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(246,246,248,.97)!important;
  border:1px solid rgba(220,218,224,.94)!important;
  color:#4f535d!important;
  box-shadow:0 5px 14px rgba(44,29,47,.08)!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:25!important;
}
.watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  overflow:visible!important;
  color:#4f535d!important;
  opacity:1!important;
}
.watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline svg path{
  stroke:#4f535d!important;
  stroke-width:2.4!important;
  fill:none!important;
}
@media(max-width:480px){
  .watch-smart-clean-payment .watch-smart-topline{min-height:34px!important;gap:10px!important}
  .watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline{flex-basis:34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  .watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline svg{width:17px!important;height:17px!important}
}


/* === Xmegram 3.4.9-hotfix633 · explicit 20s preview then Proceed === */
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase b{white-space:nowrap!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first.watch-preview-proceed{
  min-width:156px!important;background:rgba(7,9,13,.82)!important;border-color:rgba(255,255,255,.30)!important;color:#fff!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first.watch-preview-proceed .ico{width:13px!important;height:13px!important}
@media(max-width:767px){
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase{min-width:178px!important;max-width:210px!important}
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first.watch-preview-proceed{min-width:150px!important}
}


/* === Xmegram 3.4.9-hotfix634 · single Proceed CTA after preview + modern pink === */
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase{
  background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent-bright) 48%,var(--site-accent2) 100%)!important;
  border:1px solid rgba(255,169,211,.54)!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--site-accent) 30%,transparent),0 0 0 1px rgba(255,255,255,.06) inset!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase:before{
  content:""!important;position:absolute!important;left:10px!important;right:10px!important;top:3px!important;height:38%!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0))!important;pointer-events:none!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase{position:relative!important;overflow:hidden!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing){gap:0!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-entry-actions{padding:6px!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-entry-purchase,
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase.watch-entry-proceed{
  min-width:210px!important;max-width:250px!important;height:48px!important;min-height:48px!important;padding:0 22px!important;border-radius:14px!important;
  background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 50%,var(--site-accent2) 100%)!important;
  box-shadow:0 13px 32px color-mix(in srgb,var(--site-accent) 34%,transparent),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-entry-purchase>b,
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase.watch-entry-proceed>b{font-size:14px!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-preview-first{display:none!important}
@media(max-width:767px){
  .watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-entry-purchase,
  .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase.watch-entry-proceed{min-width:190px!important;max-width:224px!important;height:46px!important;min-height:46px!important;padding:0 18px!important}
}


/* === Xmegram 3.4.9-hotfix635 · player CTA matches sticky pink button === */
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase,
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-entry-purchase,
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase.watch-entry-proceed{
  background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--site-accent2) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase:before,
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-entry-purchase:before,
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-entry-purchase.watch-entry-proceed:before{
  height:24%!important;
  top:2px!important;
  left:12px!important;
  right:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0))!important;
}


/* 3.4.9-hotfix638 · premium responsive wallet redesign */
.wallet-main-screen{--wallet-accent:var(--accent,#a84eff);--wallet-accent2:var(--accent2,#d12fb4);--wallet-panel:#0d1017;--wallet-panel-soft:#121620;--wallet-line:rgba(255,255,255,.075);--wallet-muted:#9299a6;background:radial-gradient(circle at 76% 2%,color-mix(in srgb,var(--wallet-accent) 8%,transparent),transparent 28%),#07090d!important}
.wallet-main-screen .commerce-topbar{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.wallet-main-screen .commerce-topbar:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--wallet-line),transparent)}
.wallet-main-screen .commerce-topbar h1{font-size:24px;letter-spacing:-.55px}
.wallet-main-screen .commerce-topbar h1 i,.wallet-main-screen .commerce-head-actions .icon-btn{border:1px solid var(--wallet-line);background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 22px rgba(0,0,0,.14);backdrop-filter:blur(12px)}
.wallet-main-screen .wallet-dashboard-shell{width:min(1120px,calc(100% - 40px));margin:16px auto 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);grid-template-areas:"hero actions" "history history" "earnings earnings";gap:14px 16px}
.wallet-main-screen .wallet-hero-modern{grid-area:hero;margin:0!important;min-height:248px;padding:25px 28px 24px;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px;background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--wallet-accent) 17%,transparent),transparent 30%),linear-gradient(145deg,#151920 0%,#0d1017 56%,#090b10 100%)!important;box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)!important}
.wallet-main-screen .wallet-hero-modern:before{content:"";position:absolute;right:-34px;top:-92px;width:310px;height:245px;border-radius:50%;border:1px solid color-mix(in srgb,var(--wallet-accent) 26%,transparent);transform:rotate(-18deg);opacity:.7}
.wallet-main-screen .wallet-hero-modern:after{width:180px;height:180px;right:-45px;top:-55px;background:color-mix(in srgb,var(--wallet-accent) 10%,transparent)!important;filter:blur(16px)}
.wallet-main-screen .wallet-balance{position:relative;z-index:2;max-width:64%}
.wallet-main-screen .wallet-balance small{font-size:12px!important;color:#aeb4bf!important;gap:7px}.wallet-main-screen .wallet-balance small .ico{width:16px;height:16px}
.wallet-main-screen .wallet-balance>strong{font-size:clamp(30px,3.4vw,42px)!important;line-height:1.02;margin:11px 0 10px!important;letter-spacing:-1.15px!important;font-weight:850}
.wallet-main-screen .wallet-balance>span{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--wallet-accent) 68%,#fff)!important}.wallet-main-screen .wallet-balance>span .ico{width:16px!important;height:16px!important}
.wallet-main-screen .wallet-art{right:34px!important;top:37px!important;transform:scale(.7)!important;opacity:.82!important;animation:walletPremiumFloat 5.5s ease-in-out infinite!important;filter:drop-shadow(0 17px 28px color-mix(in srgb,var(--wallet-accent) 22%,transparent))!important}
.wallet-main-screen .wallet-art i,.wallet-main-screen .wallet-art b,.wallet-main-screen .wallet-art span{border-color:color-mix(in srgb,var(--wallet-accent) 68%,#fff)!important}
.wallet-main-screen .wallet-art i{background:linear-gradient(145deg,color-mix(in srgb,var(--wallet-accent) 48%,#161922),#181c25)!important}.wallet-main-screen .wallet-art b{background:linear-gradient(145deg,color-mix(in srgb,var(--wallet-accent) 35%,#171a21),#10131a)!important;color:color-mix(in srgb,var(--wallet-accent) 70%,#fff)!important}.wallet-main-screen .wallet-art span{background:color-mix(in srgb,var(--wallet-accent) 28%,#11141b)!important}
.wallet-main-screen .wallet-art .ico{animation:walletIconPulse 2.8s ease-in-out infinite;transform-origin:center}
.wallet-main-screen .wallet-hero-stats{left:28px!important;right:28px!important;bottom:20px!important;padding-top:14px!important;border-top:1px solid var(--wallet-line)!important}
.wallet-main-screen .wallet-hero-stats>div+div{padding-left:26px!important}.wallet-main-screen .wallet-hero-stats small{font-size:10.5px!important;color:var(--wallet-muted)!important}.wallet-main-screen .wallet-hero-stats strong{font-size:14px!important;margin-top:5px!important;font-weight:750}
.wallet-main-screen .wallet-quick-actions{grid-area:actions;margin:0!important;min-height:248px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr 1fr;gap:12px!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action{height:auto!important;min-height:0;border:1px solid var(--wallet-line)!important;border-radius:18px!important;padding:0 18px!important;grid-template-columns:44px minmax(0,1fr) 16px!important;gap:12px!important;background:linear-gradient(145deg,#131720,#0d1016)!important;box-shadow:0 14px 32px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04)!important;overflow:hidden;position:relative}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,color-mix(in srgb,var(--wallet-accent) 18%,transparent),transparent 46%);opacity:.52;transition:opacity .2s ease}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action.topup{background:linear-gradient(135deg,color-mix(in srgb,var(--wallet-accent) 72%,#20162a),color-mix(in srgb,var(--wallet-accent2) 48%,#16151d))!important;border-color:color-mix(in srgb,var(--wallet-accent) 28%,rgba(255,255,255,.1))!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action>*{position:relative;z-index:1}.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i{width:44px!important;height:44px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.09)!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw>i{color:color-mix(in srgb,var(--wallet-accent) 75%,#fff)!important;background:color-mix(in srgb,var(--wallet-accent) 12%,#151922)!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i .ico{width:21px!important;height:21px!important;animation:walletActionIcon 2.6s ease-in-out infinite}.wallet-main-screen .wallet-quick-actions .wallet-quick-action b{font-size:13.5px!important;font-weight:820}.wallet-main-screen .wallet-quick-actions .wallet-quick-action small{font-size:9.5px!important;margin-top:4px!important;color:rgba(255,255,255,.68)!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action>.ico{width:15px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05)!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action:hover:before{opacity:.82}
.wallet-main-screen .wallet-panel-modern{margin:0!important;border:1px solid var(--wallet-line)!important;border-radius:20px!important;background:linear-gradient(145deg,#0f131a,#0a0d12)!important;box-shadow:0 15px 38px rgba(0,0,0,.18)!important}
.wallet-main-screen .wallet-transactions{grid-area:history}.wallet-main-screen .earnings-panel{grid-area:earnings}
.wallet-main-screen .wallet-panel-modern>header{height:auto!important;min-height:62px;padding:13px 18px 11px!important}.wallet-main-screen .wallet-panel-modern>header>div h2{font-size:15px!important;margin:0}.wallet-main-screen .wallet-panel-modern>header>div p{margin:3px 0 0;color:var(--wallet-muted);font-size:9.5px}.wallet-main-screen .wallet-panel-modern>header button{font-size:10px!important;font-weight:750;border:1px solid var(--wallet-line);border-radius:10px;padding:7px 9px;color:color-mix(in srgb,var(--wallet-accent) 74%,#fff)!important;background:rgba(255,255,255,.025)}
.wallet-main-screen .wallet-transactions>div{padding:0 18px 8px!important}.wallet-main-screen .wallet-tx{min-height:66px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:11px!important;border-top:1px solid var(--wallet-line)!important}.wallet-main-screen .wallet-tx:first-child{border-top:0!important}.wallet-main-screen .wallet-tx .tx-icon{width:34px!important;height:34px!important;border-radius:11px!important;border:1px solid color-mix(in srgb,var(--wallet-accent) 18%,var(--wallet-line))!important;background:color-mix(in srgb,var(--wallet-accent) 10%,#11151c)!important;color:color-mix(in srgb,var(--wallet-accent) 72%,#fff)!important}.wallet-main-screen .wallet-tx .tx-icon .ico{width:17px!important;height:17px!important;animation:walletTxIcon 3.2s ease-in-out infinite}.wallet-main-screen .wallet-tx .tx-copy{overflow:hidden}.wallet-main-screen .wallet-tx .tx-copy b{font-size:11.5px!important;font-weight:780;line-height:1.25}.wallet-main-screen .wallet-tx .tx-copy>span{display:block;max-width:540px;margin-top:2px;color:#9ba2ad;font-size:9.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-main-screen .wallet-tx .tx-copy small{font-size:8.8px!important;margin-top:3px!important;color:#727b87!important}.wallet-main-screen .tx-value{text-align:right;min-width:92px}.wallet-main-screen .tx-value>strong{display:block;font-size:11.5px!important;font-weight:800}.wallet-main-screen .tx-value>strong.credit{color:#57d98c!important}.wallet-main-screen .tx-value>strong.debit{color:#e7e9ed!important}.wallet-main-screen .tx-value>em{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:5px;color:#8f98a3;font-size:8.5px;font-style:normal}.wallet-main-screen .tx-value>em i{width:5px;height:5px;border-radius:50%;background:#79828c}.wallet-main-screen .tx-value>em.status-completed{color:#65c98a}.wallet-main-screen .tx-value>em.status-completed i{background:#65d993;box-shadow:0 0 0 3px rgba(101,217,147,.08)}.wallet-main-screen .tx-value>em.status-pending{color:#d5aa5b}.wallet-main-screen .tx-value>em.status-pending i{background:#ddb05b}.wallet-main-screen .tx-value>em.status-cancelled,.wallet-main-screen .tx-value>em.status-failed{color:#d8797f}.wallet-main-screen .tx-value>em.status-cancelled i,.wallet-main-screen .tx-value>em.status-failed i{background:#df737b}
.wallet-main-screen .wallet-panel-modern .earnings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 14px!important}.wallet-main-screen .wallet-panel-modern .earnings-grid article{min-height:88px!important;border:1px solid var(--wallet-line)!important;border-radius:15px!important;padding:11px 13px!important;background:#10141b!important;box-shadow:none!important}.wallet-main-screen .wallet-panel-modern .earnings-grid article>i{width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid color-mix(in srgb,var(--wallet-accent) 16%,var(--wallet-line))!important;background:color-mix(in srgb,var(--wallet-accent) 10%,#141820)!important}.wallet-main-screen .wallet-panel-modern .earnings-grid article>i .ico{width:18px!important;height:18px!important}.wallet-main-screen .wallet-panel-modern .earnings-grid small{font-size:9px!important}.wallet-main-screen .wallet-panel-modern .earnings-grid strong{font-size:16px!important;margin:3px 0!important}.wallet-main-screen .wallet-panel-modern .earnings-grid em{font-size:8.5px!important}
@keyframes walletPremiumFloat{0%,100%{transform:scale(.7) translateY(0) rotate(0)}50%{transform:scale(.7) translateY(-4px) rotate(-1deg)}}
@keyframes walletIconPulse{0%,100%{transform:scale(1);opacity:.92}50%{transform:scale(1.08);opacity:1}}
@keyframes walletActionIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes walletTxIcon{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media(max-width:900px){.wallet-main-screen .wallet-dashboard-shell{width:min(760px,calc(100% - 32px));grid-template-columns:1fr;grid-template-areas:"hero" "actions" "history" "earnings"}.wallet-main-screen .wallet-quick-actions{min-height:82px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:82px}.wallet-main-screen .wallet-quick-actions .wallet-quick-action{min-height:82px!important}.wallet-main-screen .wallet-hero-modern{min-height:224px}}
@media(max-width:560px){.wallet-main-screen .commerce-topbar{padding-left:14px;padding-right:14px}.wallet-main-screen .commerce-topbar:after{left:14px;right:14px}.wallet-main-screen .commerce-topbar h1{font-size:21px}.wallet-main-screen .wallet-dashboard-shell{width:calc(100% - 28px);margin-top:12px;gap:10px}.wallet-main-screen .wallet-hero-modern{min-height:202px!important;padding:18px!important;border-radius:19px!important}.wallet-main-screen .wallet-balance{max-width:70%}.wallet-main-screen .wallet-balance small{font-size:10.5px!important}.wallet-main-screen .wallet-balance>strong{font-size:30px!important;margin:9px 0 8px!important;letter-spacing:-.85px!important}.wallet-main-screen .wallet-balance>span{font-size:9.5px!important}.wallet-main-screen .wallet-art{right:7px!important;top:22px!important;transform:scale(.52)!important;opacity:.72!important}.wallet-main-screen .wallet-hero-stats{left:18px!important;right:18px!important;bottom:15px!important;padding-top:11px!important}.wallet-main-screen .wallet-hero-stats>div+div{padding-left:14px!important}.wallet-main-screen .wallet-hero-stats small{font-size:9.5px!important}.wallet-main-screen .wallet-hero-stats strong{font-size:12px!important}.wallet-main-screen .wallet-quick-actions{grid-template-rows:74px!important;min-height:74px!important;gap:8px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action{min-height:74px!important;padding:0 11px!important;border-radius:16px!important;grid-template-columns:36px minmax(0,1fr) 12px!important;gap:8px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i{width:36px!important;height:36px!important;border-radius:11px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i .ico{width:18px!important;height:18px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action b{font-size:12px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action small{font-size:8.5px!important}.wallet-main-screen .wallet-panel-modern{border-radius:17px!important}.wallet-main-screen .wallet-panel-modern>header{min-height:54px;padding:11px 13px 9px!important}.wallet-main-screen .wallet-panel-modern>header>div h2{font-size:14px!important}.wallet-main-screen .wallet-panel-modern>header>div p{font-size:8.5px}.wallet-main-screen .wallet-transactions>div{padding:0 12px 7px!important}.wallet-main-screen .wallet-tx{min-height:62px!important;grid-template-columns:32px minmax(0,1fr) auto!important;gap:9px!important}.wallet-main-screen .wallet-tx .tx-icon{width:32px!important;height:32px!important;border-radius:10px!important}.wallet-main-screen .wallet-tx .tx-copy b{font-size:10.8px!important}.wallet-main-screen .wallet-tx .tx-copy>span{font-size:8.7px;max-width:48vw}.wallet-main-screen .wallet-tx .tx-copy small{font-size:8.2px!important}.wallet-main-screen .tx-value{min-width:78px}.wallet-main-screen .tx-value>strong{font-size:10.5px!important}.wallet-main-screen .tx-value>em{font-size:7.8px}.wallet-main-screen .wallet-panel-modern .earnings-grid{gap:8px;padding:0 10px 10px!important}.wallet-main-screen .wallet-panel-modern .earnings-grid article{min-height:86px!important;padding:10px!important;display:block!important}.wallet-main-screen .wallet-panel-modern .earnings-grid article>i{width:32px!important;height:32px!important;margin-bottom:7px!important}.wallet-main-screen .wallet-panel-modern .earnings-grid strong{font-size:14px!important}}
@media(max-width:360px){.wallet-main-screen .wallet-quick-actions .wallet-quick-action small{display:none!important}.wallet-main-screen .wallet-balance>strong{font-size:27px!important}.wallet-main-screen .wallet-tx .tx-copy>span{max-width:40vw}}
@media(prefers-reduced-motion:reduce){.wallet-main-screen .wallet-art,.wallet-main-screen .wallet-art .ico,.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i .ico,.wallet-main-screen .wallet-tx .tx-icon .ico{animation:none!important;transition:none!important}}
html[data-theme="light"] .wallet-main-screen{--wallet-panel:#fff;--wallet-panel-soft:#fafafa;--wallet-line:rgba(20,22,27,.085);--wallet-muted:#777f89;background:radial-gradient(circle at 78% 2%,color-mix(in srgb,var(--wallet-accent) 5%,transparent),transparent 26%),#f7f8fa!important;color:#17191d!important}
html[data-theme="light"] .wallet-main-screen .commerce-topbar h1 i,html[data-theme="light"] .wallet-main-screen .commerce-head-actions .icon-btn{background:rgba(255,255,255,.82)!important;border-color:#e4e6e9!important;box-shadow:0 8px 22px rgba(20,24,31,.06)!important}
html[data-theme="light"] .wallet-main-screen .wallet-hero-modern{background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--wallet-accent) 9%,transparent),transparent 30%),linear-gradient(145deg,#fff,#f7f8fa)!important;border-color:#e4e6e9!important;box-shadow:0 16px 38px rgba(20,24,31,.08),inset 0 1px #fff!important}
html[data-theme="light"] .wallet-main-screen .wallet-hero-modern:before{border-color:color-mix(in srgb,var(--wallet-accent) 15%,transparent)}
html[data-theme="light"] .wallet-main-screen .wallet-balance small{color:#737b85!important}html[data-theme="light"] .wallet-main-screen .wallet-balance>strong{color:#17191d!important}html[data-theme="light"] .wallet-main-screen .wallet-balance>span{color:color-mix(in srgb,var(--wallet-accent) 68%,#24272b)!important}html[data-theme="light"] .wallet-main-screen .wallet-hero-stats strong{color:#22262b!important}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action{background:linear-gradient(145deg,#fff,#f4f5f7)!important;border-color:#e2e5e9!important;color:#1c2025!important;box-shadow:0 12px 28px rgba(20,24,31,.07),inset 0 1px #fff!important}html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.topup{background:linear-gradient(135deg,color-mix(in srgb,var(--wallet-accent) 80%,#fff),color-mix(in srgb,var(--wallet-accent2) 68%,#fff))!important;color:#fff!important}html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw>i{background:color-mix(in srgb,var(--wallet-accent) 9%,#fff)!important}html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw small{color:#737b85!important}html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw>.ico{color:#7d848d!important}
html[data-theme="light"] .wallet-main-screen .wallet-panel-modern{background:#fff!important;border-color:#e4e6e9!important;box-shadow:0 14px 34px rgba(20,24,31,.065)!important}html[data-theme="light"] .wallet-main-screen .wallet-panel-modern>header button{background:#fafafa;color:color-mix(in srgb,var(--wallet-accent) 75%,#20242a)!important}html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-icon{background:color-mix(in srgb,var(--wallet-accent) 7%,#fff)!important;border-color:color-mix(in srgb,var(--wallet-accent) 14%,#e4e6e9)!important}html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-copy b{color:#23272c!important}html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-copy>span{color:#747c86!important}html[data-theme="light"] .wallet-main-screen .tx-value>strong.debit{color:#444a52!important}html[data-theme="light"] .wallet-main-screen .wallet-panel-modern .earnings-grid article{background:#f8f9fa!important;border-color:#e7e9ec!important}html[data-theme="light"] .wallet-main-screen .wallet-panel-modern .earnings-grid article>i{background:color-mix(in srgb,var(--wallet-accent) 7%,#fff)!important}


/* 3.4.9-hotfix638 · wallet visual correction: richer surfaces + dedicated animated SVG system */
.wallet-main-screen{--w638-accent:var(--accent,var(--site-accent));--w638-accent2:var(--accent2,#8138a8);--w638-green:#55d996;--w638-ink:#f6f7fa;--w638-muted:#9ca3ae;--w638-line:rgba(255,255,255,.09);background:#080a0e!important}
.wallet-main-screen .wallet-motion-icon{display:block;width:20px;height:20px;fill:none!important;stroke:currentColor!important;overflow:visible;vector-effect:non-scaling-stroke}
.wallet-main-screen .wallet-motion-icon *{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}
.wallet-main-screen .wallet-motion-icon [fill="currentColor"]{fill:currentColor!important;stroke:none!important}
.wallet-main-screen .wallet-history-head .wallet-motion-icon{width:19px;height:19px}
.wallet-main-screen .commerce-topbar{background:color-mix(in srgb,#080a0e 91%,transparent)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;box-shadow:0 8px 30px rgba(0,0,0,.12)!important;backdrop-filter:blur(24px) saturate(120%)!important}
.wallet-main-screen .commerce-topbar:after{display:none!important}
.wallet-main-screen .commerce-topbar h1{font-weight:820!important}
.wallet-main-screen .commerce-topbar h1 i,.wallet-main-screen .commerce-head-actions .icon-btn{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 7px 20px rgba(0,0,0,.14)!important}
.wallet-main-screen .wallet-dashboard-shell{gap:13px 15px!important;margin-top:15px!important}
.wallet-main-screen .wallet-hero-modern{min-height:238px!important;border-radius:21px!important;border:1px solid rgba(255,255,255,.085)!important;background:radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--w638-accent2) 26%,transparent),transparent 28%),radial-gradient(circle at 12% 110%,color-mix(in srgb,var(--w638-accent) 15%,transparent),transparent 35%),linear-gradient(148deg,#17191f 0%,#101217 52%,#090b0f 100%)!important;box-shadow:0 20px 54px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06)!important;isolation:isolate}
.wallet-main-screen .wallet-hero-modern:before{right:-90px!important;top:-125px!important;width:370px!important;height:310px!important;border-color:color-mix(in srgb,var(--w638-accent) 28%,transparent)!important;opacity:.42!important}
.wallet-main-screen .wallet-hero-modern:after{right:-12px!important;top:-15px!important;width:210px!important;height:190px!important;background:color-mix(in srgb,var(--w638-accent2) 11%,transparent)!important;filter:blur(26px)!important;opacity:.8!important}
.wallet-main-screen .wallet-balance{max-width:64%!important;position:relative;z-index:3}
.wallet-main-screen .wallet-balance small{font-size:12px!important;font-weight:560!important;color:#aeb4be!important;letter-spacing:.01em!important;display:flex!important;align-items:center!important;gap:8px!important}
.wallet-main-screen .wallet-balance small .wallet-motion-icon{width:17px;height:17px;color:#b2b8c2;animation:w638Eye 4s ease-in-out infinite}
.wallet-main-screen .wallet-balance>strong{font-size:clamp(31px,3vw,41px)!important;font-weight:820!important;letter-spacing:-1.25px!important;line-height:1!important;margin:13px 0 12px!important;color:#fff!important;text-shadow:0 1px 0 rgba(255,255,255,.03)}
.wallet-main-screen .wallet-balance>span{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#f1eaf7!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;padding:5px 9px!important;font-size:9.5px!important;line-height:1!important;font-weight:760!important;letter-spacing:.09em!important}
.wallet-main-screen .wallet-balance>span .wallet-motion-icon{width:14px;height:14px;color:color-mix(in srgb,var(--w638-accent) 72%,#fff)}
.wallet-main-screen .wallet-art-premium{position:absolute!important;right:28px!important;top:30px!important;width:168px!important;height:120px!important;transform:none!important;opacity:1!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32)) drop-shadow(0 0 18px color-mix(in srgb,var(--w638-accent2) 14%,transparent))!important;animation:w638WalletFloat 5.2s ease-in-out infinite!important;z-index:2}
.wallet-main-screen .wallet-art-premium .wallet-art-svg{width:100%;height:100%;overflow:visible}
.wallet-main-screen .wallet-art-premium .wallet-card-back{fill:#21172a;stroke:color-mix(in srgb,var(--w638-accent2) 75%,#d9b9ef);stroke-width:1.5}
.wallet-main-screen .wallet-art-premium .wallet-card-mid{fill:#2a1730;stroke:color-mix(in srgb,var(--w638-accent) 68%,#e8b8d2);stroke-width:1.6}
.wallet-main-screen .wallet-art-premium .wallet-card-front{fill:#1d1423;stroke:color-mix(in srgb,var(--w638-accent) 82%,#fff);stroke-width:1.7}
.wallet-main-screen .wallet-art-premium .wallet-pocket{fill:#2b1630;stroke:color-mix(in srgb,var(--w638-accent2) 78%,#fff);stroke-width:1.6}
.wallet-main-screen .wallet-art-premium .wallet-dot{fill:color-mix(in srgb,var(--w638-accent) 78%,#fff);stroke:none}
.wallet-main-screen .wallet-art-premium .wallet-chip{stroke:#c795b9;stroke-width:1.15;opacity:.78}
.wallet-main-screen .wallet-art-premium .wallet-spark{fill:color-mix(in srgb,var(--w638-accent) 78%,#fff);stroke:none;transform-box:fill-box;transform-origin:center;animation:w638Spark 2.7s ease-in-out infinite}
.wallet-main-screen .wallet-art-premium .wallet-spark-b{animation-delay:.9s;opacity:.72}
.wallet-main-screen .wallet-hero-stats{left:28px!important;right:28px!important;bottom:19px!important;padding-top:13px!important;border-top:1px solid rgba(255,255,255,.085)!important;z-index:3}
.wallet-main-screen .wallet-hero-stats>div+div{border-left:1px solid rgba(255,255,255,.07)!important;padding-left:28px!important}
.wallet-main-screen .wallet-hero-stats small{color:#929aa5!important;font-size:10.5px!important}.wallet-main-screen .wallet-hero-stats strong{color:#f2f3f6!important;font-size:14px!important;margin-top:5px!important}
.wallet-main-screen .wallet-quick-actions{min-height:238px!important;gap:11px!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action{min-height:0!important;border-radius:18px!important;padding:0 17px!important;grid-template-columns:44px minmax(0,1fr) 17px!important;gap:12px!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action:before{opacity:.35!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action.topup{background:linear-gradient(125deg,color-mix(in srgb,var(--w638-accent) 92%,var(--site-accent2)) 0%,color-mix(in srgb,var(--w638-accent) 74%,var(--w638-accent2)) 58%,color-mix(in srgb,var(--w638-accent2) 82%,#301539) 100%)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 15px 34px color-mix(in srgb,var(--w638-accent) 15%,transparent),inset 0 1px rgba(255,255,255,.14)!important;color:#fff!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--w638-accent2) 15%,transparent),transparent 42%),linear-gradient(145deg,#19151d,#0f1116)!important;border-color:rgba(255,255,255,.095)!important;color:#f6f3f8!important;box-shadow:0 15px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.055)!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i{width:44px!important;height:44px!important;border-radius:50%!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(7,8,11,.48)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw>i{background:rgba(255,255,255,.025)!important;border-color:color-mix(in srgb,var(--w638-accent2) 55%,rgba(255,255,255,.18))!important;color:color-mix(in srgb,var(--w638-accent) 52%,#fff)!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i .wallet-motion-icon{width:24px!important;height:24px!important;animation:w638Action 2.9s ease-in-out infinite}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action b{font-size:14px!important;font-weight:820!important;color:inherit!important;letter-spacing:-.15px!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action small{font-size:9.5px!important;color:rgba(255,255,255,.69)!important;margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action>.wallet-motion-icon{width:17px!important;height:17px!important;color:rgba(255,255,255,.7)!important;transition:transform .18s ease!important}
.wallet-main-screen .wallet-quick-actions .wallet-quick-action:hover>.wallet-motion-icon{transform:translateX(2px)}
.wallet-main-screen .wallet-panel-modern{border-radius:20px!important;border:1px solid rgba(255,255,255,.085)!important;background:linear-gradient(145deg,#11141a,#0b0d12)!important;box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)!important;overflow:hidden!important}
.wallet-main-screen .wallet-panel-modern>header{min-height:64px!important;padding:14px 18px 12px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.wallet-main-screen .wallet-panel-modern>header>div h2{font-size:15px!important;font-weight:820!important;letter-spacing:-.2px!important}.wallet-main-screen .wallet-panel-modern>header>div p{font-size:9.5px!important;color:#89919d!important;margin-top:3px!important}
.wallet-main-screen .wallet-panel-modern>header button{display:flex!important;align-items:center!important;gap:5px!important;border-radius:999px!important;padding:7px 10px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.075)!important;color:color-mix(in srgb,var(--w638-accent) 62%,#fff)!important;font-size:9.5px!important}.wallet-main-screen .wallet-panel-modern>header button .wallet-motion-icon{width:13px;height:13px}
.wallet-main-screen .wallet-transactions>div{padding:0 17px 8px!important}
.wallet-main-screen .wallet-tx{min-height:67px!important;grid-template-columns:40px minmax(0,1fr) auto!important;gap:12px!important;border-top:1px solid rgba(255,255,255,.055)!important;position:relative!important;transition:background .18s ease!important}
.wallet-main-screen .wallet-tx:hover{background:rgba(255,255,255,.018)!important}
.wallet-main-screen .wallet-tx .tx-icon{width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--w638-accent) 15%,transparent),transparent 60%),#151820!important;border:1px solid color-mix(in srgb,var(--w638-accent) 30%,rgba(255,255,255,.1))!important;color:color-mix(in srgb,var(--w638-accent) 60%,#fff)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 6px 18px rgba(0,0,0,.13)!important}
.wallet-main-screen .wallet-tx .tx-icon .wallet-motion-icon{width:20px!important;height:20px!important;animation:w638Tx 3.4s ease-in-out infinite}
.wallet-main-screen .wallet-tx.tx-kind-sale .tx-icon{color:#c96df0!important;border-color:rgba(198,95,236,.32)!important;background:rgba(132,54,160,.11)!important}
.wallet-main-screen .wallet-tx.tx-kind-topup .tx-icon{color:var(--site-accent)!important;border-color:color-mix(in srgb,var(--site-accent) 31%,transparent)!important;background:color-mix(in srgb,var(--site-accent2) 10%,transparent)!important}
.wallet-main-screen .wallet-tx.tx-kind-withdraw .tx-icon{color:#b89bea!important;border-color:rgba(165,126,226,.30)!important;background:rgba(108,76,160,.10)!important}
.wallet-main-screen .wallet-tx.tx-kind-subscription .tx-icon{color:#d4a9ee!important;border-color:rgba(197,147,226,.30)!important;background:rgba(127,83,157,.10)!important}
.wallet-main-screen .wallet-tx.tx-kind-tip .tx-icon{color:var(--site-accent)!important;border-color:color-mix(in srgb,var(--site-accent) 30%,transparent)!important;background:color-mix(in srgb,var(--site-accent2) 10%,transparent)!important}
.wallet-main-screen .wallet-tx .tx-copy{min-width:0!important;overflow:hidden!important}.wallet-main-screen .wallet-tx .tx-copy b{font-size:11.5px!important;font-weight:790!important;color:#f0f1f4!important;line-height:1.25!important}.wallet-main-screen .wallet-tx .tx-copy>span{font-size:9.4px!important;color:#929aa5!important;line-height:1.3!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.wallet-main-screen .wallet-tx .tx-copy small{font-size:8.7px!important;color:#6f7884!important;margin-top:4px!important}
.wallet-main-screen .tx-value{min-width:100px!important;text-align:right!important}.wallet-main-screen .tx-value>strong{font-size:11.8px!important;font-weight:820!important;letter-spacing:-.1px!important}.wallet-main-screen .tx-value>strong.credit{color:var(--w638-green)!important}.wallet-main-screen .tx-value>strong.debit{color:#d7dae0!important}.wallet-main-screen .tx-value>em{font-size:8px!important;color:#87909b!important;margin-top:5px!important}.wallet-main-screen .tx-value>em i{width:5px!important;height:5px!important}.wallet-main-screen .tx-value>em.status-completed{color:#73c999!important}.wallet-main-screen .tx-value>em.status-completed i{background:#59d895!important;box-shadow:0 0 0 3px rgba(89,216,149,.08)!important}
.wallet-main-screen .wallet-panel-modern .earnings-grid{gap:10px!important;padding:12px 14px 14px!important}.wallet-main-screen .wallet-panel-modern .earnings-grid article{background:linear-gradient(145deg,#151820,#101319)!important;border-color:rgba(255,255,255,.07)!important;border-radius:16px!important}.wallet-main-screen .wallet-panel-modern .earnings-grid article>i{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.035)!important;border:1px solid color-mix(in srgb,var(--w638-accent) 24%,rgba(255,255,255,.08))!important;color:color-mix(in srgb,var(--w638-accent) 58%,#fff)!important}.wallet-main-screen .wallet-panel-modern .earnings-grid article>i .wallet-motion-icon{width:20px;height:20px;animation:w638Tx 3.6s ease-in-out infinite}
@keyframes w638WalletFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(-.4deg)}}
@keyframes w638Spark{0%,100%{transform:scale(.72) rotate(0);opacity:.42}50%{transform:scale(1.08) rotate(12deg);opacity:1}}
@keyframes w638Eye{0%,76%,100%{transform:scaleY(1)}82%{transform:scaleY(.15)}88%{transform:scaleY(1)}}
@keyframes w638Action{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.5px)}}
@keyframes w638Tx{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}

/* Keep light mode premium: bright page, dark balance card, strong action surfaces, crisp history. */
html[data-theme="light"] .wallet-main-screen{background:radial-gradient(circle at 75% 2%,color-mix(in srgb,var(--w638-accent) 7%,transparent),transparent 26%),#f4f5f7!important;color:#17191e!important}
html[data-theme="light"] .wallet-main-screen .commerce-topbar{background:rgba(250,250,251,.92)!important;border-color:#e4e5e8!important;box-shadow:0 8px 24px rgba(26,29,35,.055)!important}
html[data-theme="light"] .wallet-main-screen .commerce-topbar h1 i,html[data-theme="light"] .wallet-main-screen .commerce-head-actions .icon-btn{background:#fff!important;border-color:#e1e3e7!important;color:var(--w638-accent2)!important;box-shadow:0 7px 18px rgba(24,27,34,.065)!important}
html[data-theme="light"] .wallet-main-screen .wallet-hero-modern{background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--w638-accent2) 24%,transparent),transparent 30%),radial-gradient(circle at 5% 110%,color-mix(in srgb,var(--w638-accent) 14%,transparent),transparent 35%),linear-gradient(148deg,#17191f,#101217 58%,#090b0f)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 20px 44px rgba(31,24,34,.17),inset 0 1px rgba(255,255,255,.06)!important}
html[data-theme="light"] .wallet-main-screen .wallet-balance small{color:#aeb4be!important}html[data-theme="light"] .wallet-main-screen .wallet-balance>strong{color:#fff!important}html[data-theme="light"] .wallet-main-screen .wallet-balance>span{color:#f4edf7!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.09)!important}html[data-theme="light"] .wallet-main-screen .wallet-hero-stats small{color:#929aa5!important}html[data-theme="light"] .wallet-main-screen .wallet-hero-stats strong{color:#f2f3f6!important}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.topup{background:linear-gradient(125deg,color-mix(in srgb,var(--w638-accent) 92%,var(--site-accent2)),color-mix(in srgb,var(--w638-accent) 72%,var(--w638-accent2)) 60%,color-mix(in srgb,var(--w638-accent2) 84%,#35163e))!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:0 14px 28px color-mix(in srgb,var(--w638-accent) 15%,transparent),inset 0 1px rgba(255,255,255,.16)!important}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw{background:radial-gradient(circle at 88% 10%,rgba(125,66,156,.14),transparent 42%),linear-gradient(145deg,#2d1b37,#17131d)!important;border-color:rgba(84,48,99,.24)!important;color:#fff!important;box-shadow:0 14px 28px rgba(42,30,49,.16),inset 0 1px rgba(255,255,255,.08)!important}
html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw>i{background:rgba(255,255,255,.04)!important;border-color:rgba(214,179,230,.28)!important;color:#e3b8f0!important}html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw small{color:rgba(255,255,255,.64)!important}html[data-theme="light"] .wallet-main-screen .wallet-quick-actions .wallet-quick-action.withdraw>.wallet-motion-icon{color:rgba(255,255,255,.68)!important}
html[data-theme="light"] .wallet-main-screen .wallet-panel-modern{background:linear-gradient(145deg,#fff,#fcfbfd)!important;border-color:#e5e2e7!important;box-shadow:0 15px 34px rgba(29,24,32,.075)!important}html[data-theme="light"] .wallet-main-screen .wallet-panel-modern>header{border-bottom-color:#eeeaf0!important}html[data-theme="light"] .wallet-main-screen .wallet-panel-modern>header>div h2{color:#1d1f24!important}html[data-theme="light"] .wallet-main-screen .wallet-panel-modern>header>div p{color:#7c838d!important}html[data-theme="light"] .wallet-main-screen .wallet-panel-modern>header button{background:#fff!important;border-color:#e7e2e8!important;color:color-mix(in srgb,var(--w638-accent) 68%,#4b2a43)!important}
html[data-theme="light"] .wallet-main-screen .wallet-tx{border-top-color:#eeeaf0!important}html[data-theme="light"] .wallet-main-screen .wallet-tx:hover{background:#fcf9fc!important}html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-icon{background:color-mix(in srgb,var(--w638-accent) 5%,#fff)!important;border-color:color-mix(in srgb,var(--w638-accent) 18%,#e5e2e7)!important;box-shadow:0 6px 15px rgba(45,29,43,.05)!important}html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-copy b{color:#24262b!important}html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-copy>span{color:#737b85!important}html[data-theme="light"] .wallet-main-screen .wallet-tx .tx-copy small{color:#9399a1!important}html[data-theme="light"] .wallet-main-screen .tx-value>strong.debit{color:#4f545c!important}
html[data-theme="light"] .wallet-main-screen .wallet-panel-modern .earnings-grid article{background:linear-gradient(145deg,#fff,#f9f7fa)!important;border-color:#ebe6ed!important}html[data-theme="light"] .wallet-main-screen .wallet-panel-modern .earnings-grid article>i{background:color-mix(in srgb,var(--w638-accent) 5%,#fff)!important;border-color:color-mix(in srgb,var(--w638-accent) 17%,#e8e2e9)!important}

@media(max-width:900px){.wallet-main-screen .wallet-hero-modern{min-height:222px!important}.wallet-main-screen .wallet-quick-actions{min-height:80px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:80px!important}}
@media(max-width:560px){.wallet-main-screen .wallet-dashboard-shell{width:calc(100% - 28px)!important;gap:10px!important;margin-top:11px!important}.wallet-main-screen .wallet-hero-modern{min-height:197px!important;padding:17px 18px!important;border-radius:19px!important}.wallet-main-screen .wallet-balance{max-width:72%!important}.wallet-main-screen .wallet-balance small{font-size:10.5px!important}.wallet-main-screen .wallet-balance small .wallet-motion-icon{width:15px!important;height:15px!important}.wallet-main-screen .wallet-balance>strong{font-size:29px!important;margin:10px 0 9px!important;letter-spacing:-.9px!important}.wallet-main-screen .wallet-balance>span{font-size:8.5px!important;padding:4px 7px!important}.wallet-main-screen .wallet-balance>span .wallet-motion-icon{width:12px!important;height:12px!important}.wallet-main-screen .wallet-art-premium{right:6px!important;top:22px!important;width:112px!important;height:80px!important;transform:none!important;opacity:.94!important}.wallet-main-screen .wallet-hero-stats{left:18px!important;right:18px!important;bottom:14px!important;padding-top:10px!important}.wallet-main-screen .wallet-hero-stats>div+div{padding-left:14px!important}.wallet-main-screen .wallet-hero-stats small{font-size:9.4px!important}.wallet-main-screen .wallet-hero-stats strong{font-size:11.8px!important}.wallet-main-screen .wallet-quick-actions{min-height:76px!important;grid-template-rows:76px!important;gap:8px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action{min-height:76px!important;padding:0 11px!important;border-radius:16px!important;grid-template-columns:36px minmax(0,1fr) 12px!important;gap:8px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i{width:36px!important;height:36px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action>i .wallet-motion-icon{width:21px!important;height:21px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action b{font-size:11.8px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action small{font-size:8.2px!important;letter-spacing:-.05px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action>.wallet-motion-icon{width:12px!important;height:12px!important}.wallet-main-screen .wallet-panel-modern{border-radius:18px!important}.wallet-main-screen .wallet-panel-modern>header{min-height:57px!important;padding:12px 13px 10px!important}.wallet-main-screen .wallet-panel-modern>header>div h2{font-size:14px!important}.wallet-main-screen .wallet-panel-modern>header>div p{font-size:8.4px!important}.wallet-main-screen .wallet-panel-modern>header button{font-size:8.8px!important;padding:6px 8px!important}.wallet-main-screen .wallet-transactions>div{padding:0 12px 6px!important}.wallet-main-screen .wallet-tx{min-height:64px!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:9px!important}.wallet-main-screen .wallet-tx .tx-icon{width:34px!important;height:34px!important}.wallet-main-screen .wallet-tx .tx-icon .wallet-motion-icon{width:19px!important;height:19px!important}.wallet-main-screen .wallet-tx .tx-copy b{font-size:10.7px!important}.wallet-main-screen .wallet-tx .tx-copy>span{font-size:8.6px!important;max-width:46vw!important}.wallet-main-screen .wallet-tx .tx-copy small{font-size:8px!important}.wallet-main-screen .tx-value{min-width:79px!important}.wallet-main-screen .tx-value>strong{font-size:10.5px!important}.wallet-main-screen .tx-value>em{font-size:7.5px!important}.wallet-main-screen .wallet-panel-modern .earnings-grid{padding:10px!important;gap:8px!important}}
@media(max-width:360px){.wallet-main-screen .wallet-art-premium{width:101px!important;height:72px!important;right:3px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action{grid-template-columns:34px minmax(0,1fr) 10px!important}.wallet-main-screen .wallet-quick-actions .wallet-quick-action small{font-size:7.7px!important}.wallet-main-screen .wallet-tx .tx-copy>span{max-width:40vw!important}.wallet-main-screen .tx-value{min-width:70px!important}}
@media(prefers-reduced-motion:reduce){.wallet-main-screen .wallet-art-premium,.wallet-main-screen .wallet-spark,.wallet-main-screen .wallet-motion-icon{animation:none!important;transition:none!important}}

/* === Xmegram 3.4.9-hotfix639 · premium wallet top-up === */
.wallet-topup-screen{
  --topup-accent:var(--site-accent);
  --topup-accent-2:#7d3aa6;
  --topup-surface:#0d1118;
  --topup-surface-2:#111721;
  --topup-field:#080c12;
  --topup-line:rgba(255,255,255,.09);
  --topup-line-strong:rgba(255,255,255,.15);
  --topup-text:#f7f8fb;
  --topup-muted:#949ba6;
  --topup-soft:#c4c9d1;
  background:
    radial-gradient(circle at 50% -6%,color-mix(in srgb,var(--site-accent) 8%,transparent),transparent 27%),
    radial-gradient(circle at 78% 10%,rgba(125,58,166,.055),transparent 23%),
    #06090e!important;
}
.wallet-topup-screen .commerce-topbar{
  max-width:980px;
  margin:0 auto;
  width:100%;
}
.wallet-topup-screen .commerce-topbar h1{
  font-size:24px;
  letter-spacing:-.55px;
}
.wallet-topup-screen .topup-premium-wrap{
  width:min(100% - 40px,780px);
  margin:18px auto 0;
}
.wallet-topup-screen .topup-premium-card{
  position:relative;
  margin:0!important;
  padding:22px!important;
  overflow:hidden;
  border:1px solid var(--topup-line)!important;
  border-radius:24px!important;
  color:var(--topup-text)!important;
  background:
    radial-gradient(circle at 93% 0,color-mix(in srgb,var(--site-accent) 8%,transparent),transparent 27%),
    radial-gradient(circle at 8% 0,rgba(125,58,166,.09),transparent 30%),
    linear-gradient(180deg,#11161e 0%,#0b0f15 100%)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035)!important;
}
.wallet-topup-screen .topup-premium-card:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  right:-92px;
  top:-118px;
  border:1px solid color-mix(in srgb,var(--site-accent) 11%,transparent);
  box-shadow:0 0 0 34px color-mix(in srgb,var(--site-accent) 2.5%,transparent),0 0 0 68px rgba(125,58,166,.018);
  pointer-events:none;
}
.wallet-topup-screen .topup-premium-intro{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  position:relative;
  z-index:1;
  padding:2px 2px 19px;
  margin-bottom:18px;
  border-bottom:1px solid var(--topup-line);
}
.wallet-topup-screen .topup-hero-icon{
  width:52px!important;
  height:52px!important;
  margin:0!important;
  border-radius:16px!important;
  color:#f2a7ca!important;
  border:1px solid color-mix(in srgb,var(--site-accent) 22%,transparent)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--site-accent) 16%,transparent),rgba(125,58,166,.12))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06)!important;
}
.wallet-topup-screen .topup-hero-icon .wallet-motion-icon{
  width:25px;
  height:25px;
  animation:topupIconFloat 3.8s ease-in-out infinite;
}
.wallet-topup-screen .topup-kicker{
  display:block;
  margin:0 0 3px;
  color:#d78eb2;
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.wallet-topup-screen .topup-premium-intro h2{
  margin:0;
  color:var(--topup-text);
  font-size:20px;
  line-height:1.15;
  font-weight:860;
  letter-spacing:-.4px;
}
.wallet-topup-screen .topup-premium-intro p{
  margin:5px 0 0;
  max-width:none;
  color:var(--topup-muted);
  font-size:12px;
  line-height:1.4;
  text-align:left;
}
.wallet-topup-screen .topup-secure-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  color:#bbc3cc;
  font-size:10px;
  font-weight:760;
  border:1px solid var(--topup-line);
  background:rgba(255,255,255,.025);
  white-space:nowrap;
}
.wallet-topup-screen .topup-secure-badge .wallet-motion-icon{width:15px;height:15px;color:#d88bb4}
.wallet-topup-screen .topup-premium-form{gap:16px!important}
.wallet-topup-screen .topup-field-block,
.wallet-topup-screen .topup-method-block{
  display:grid;
  gap:9px;
}
.wallet-topup-screen .topup-field-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:20px;
}
.wallet-topup-screen .topup-field-heading label,
.wallet-topup-screen .topup-field-heading b{
  color:var(--topup-soft)!important;
  font-size:12px!important;
  font-weight:760!important;
}
.wallet-topup-screen .topup-field-heading span{
  color:#737b87;
  font-size:10px;
  font-weight:700;
}
.wallet-topup-screen .topup-amount-shell,
.wallet-topup-screen .topup-input-shell{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 12px;
  border:1px solid var(--topup-line)!important;
  border-radius:15px;
  background:var(--topup-field)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.wallet-topup-screen .topup-amount-shell:focus-within,
.wallet-topup-screen .topup-input-shell:focus-within{
  border-color:color-mix(in srgb,var(--site-accent) 38%,transparent)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--site-accent) 6%,transparent),inset 0 1px rgba(255,255,255,.025)!important;
}
.wallet-topup-screen .topup-currency-chip{
  flex:0 0 auto;
  min-width:52px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#efb1cf;
  font-size:11px;
  font-weight:850;
  letter-spacing:.04em;
  background:linear-gradient(145deg,color-mix(in srgb,var(--site-accent) 13%,transparent),rgba(125,58,166,.10));
  border:1px solid color-mix(in srgb,var(--site-accent) 16%,transparent);
}
.wallet-topup-screen .topup-amount-shell input,
.wallet-topup-screen .topup-input-shell input{
  min-width:0;
  flex:1;
  height:56px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--topup-text)!important;
  box-shadow:none!important;
}
.wallet-topup-screen .topup-amount-shell input{
  font-size:22px!important;
  font-weight:780;
  letter-spacing:-.35px;
}
.wallet-topup-screen .topup-input-shell input{font-size:14px!important}
.wallet-topup-screen .topup-input-shell>i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border-radius:10px;
  color:#d790b4;
  background:color-mix(in srgb,var(--site-accent) 7.5%,transparent);
}
.wallet-topup-screen .topup-input-shell>i .wallet-motion-icon{width:18px;height:18px}
.wallet-topup-screen .topup-limit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 2px;
}
.wallet-topup-screen .topup-limit-row small,
.wallet-topup-screen .topup-field-note{
  color:#747c87;
  font-size:9.5px;
  line-height:1.35;
}
.wallet-topup-screen .topup-providers{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.wallet-topup-screen .topup-provider{
  min-height:72px!important;
  padding:10px 11px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 23px!important;
  gap:10px!important;
  align-items:center!important;
  text-align:left!important;
  border:1px solid var(--topup-line)!important;
  border-radius:16px!important;
  color:var(--topup-text)!important;
  background:linear-gradient(180deg,#121821,#0d1219)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.025)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.wallet-topup-screen .topup-provider:active{transform:scale(.985)}
.wallet-topup-screen .topup-provider.active{
  border-color:color-mix(in srgb,var(--site-accent) 37%,transparent)!important;
  background:
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--site-accent) 12%,transparent),transparent 52%),
    linear-gradient(180deg,#17141d,#11131a)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18),inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 5.5%,transparent)!important;
}
.wallet-topup-screen .topup-method-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:12px;
  border:1px solid var(--topup-line);
  background:#0a0f15;
  color:#d895b6;
}
.wallet-topup-screen .topup-method-icon.card .wallet-motion-icon{width:23px;height:23px}
.wallet-topup-screen .topup-method-icon.mpesa .provider-art{
  width:34px!important;
  height:34px!important;
  border-radius:9px!important;
}
.wallet-topup-screen .topup-method-copy{min-width:0;display:block!important}
.wallet-topup-screen .topup-method-copy b{
  display:block;
  color:var(--topup-text)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2;
}
.wallet-topup-screen .topup-method-copy small{
  display:block;
  margin-top:4px!important;
  color:#818995!important;
  font-size:9.5px!important;
  line-height:1.25;
  white-space:normal;
}
.wallet-topup-screen .topup-method-state{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid var(--topup-line-strong);
  color:transparent;
  background:#090d13;
}
.wallet-topup-screen .topup-provider.active .topup-method-state{
  color:#f1b1cf;
  border-color:color-mix(in srgb,var(--site-accent) 38%,transparent);
  background:color-mix(in srgb,var(--site-accent) 10%,transparent);
  animation:topupSelectedPulse 2.8s ease-in-out infinite;
}
.wallet-topup-screen .topup-method-state .wallet-motion-icon{width:16px;height:16px;stroke-width:2}
.wallet-topup-screen .topup-status{
  margin:0!important;
  border-radius:13px!important;
  font-size:11px!important;
}
.wallet-topup-screen .topup-submit{
  min-height:54px!important;
  margin:2px 0 0!important;
  padding:0 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-radius:15px!important;
  background:linear-gradient(105deg,#7d3aa6 0%,var(--site-accent2) 48%,var(--site-accent) 100%)!important;
  box-shadow:0 14px 30px rgba(118,38,109,.23),inset 0 1px rgba(255,255,255,.19)!important;
  font-size:13px!important;
  font-weight:830!important;
  text-shadow:none!important;
}
.wallet-topup-screen .topup-submit>span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.wallet-topup-screen .topup-submit .wallet-motion-icon{width:18px;height:18px}
.wallet-topup-screen .topup-submit>.wallet-motion-icon{animation:topupArrowNudge 2.4s ease-in-out infinite}
.wallet-topup-screen .topup-assurance{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:8px;
  padding:2px 10px 0;
  color:#727b87;
  font-size:9.5px;
  line-height:1.4;
  text-align:center;
}
.wallet-topup-screen .topup-assurance .wallet-motion-icon{
  width:15px;
  height:15px;
  flex:0 0 15px;
  margin-top:-1px;
  color:#9e708c;
}
@keyframes topupIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes topupSelectedPulse{0%,100%{box-shadow:0 0 0 0 rgba(216,50,131,0)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--site-accent) 5.5%,transparent)}}
@keyframes topupArrowNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}

html[data-theme="light"] .wallet-topup-screen{
  --topup-surface:#fff;
  --topup-surface-2:#fbfbfc;
  --topup-field:#f7f8fa;
  --topup-line:#e3e5e8;
  --topup-line-strong:#d6d9dd;
  --topup-text:#191c20;
  --topup-muted:#717780;
  --topup-soft:#41474f;
  background:
    radial-gradient(circle at 50% -6%,color-mix(in srgb,var(--site-accent) 4.5%,transparent),transparent 28%),
    #f7f8fa!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-premium-card{
  color:var(--topup-text)!important;
  border-color:#e2e4e7!important;
  background:
    radial-gradient(circle at 93% 0,color-mix(in srgb,var(--site-accent) 5.5%,transparent),transparent 26%),
    radial-gradient(circle at 4% 0,rgba(125,58,166,.045),transparent 28%),
    #fff!important;
  box-shadow:0 18px 52px rgba(26,31,40,.10),inset 0 1px #fff!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-premium-card:before{
  border-color:color-mix(in srgb,var(--site-accent) 8%,transparent);
  box-shadow:0 0 0 34px color-mix(in srgb,var(--site-accent) 1.8%,transparent),0 0 0 68px rgba(125,58,166,.012);
}
html[data-theme="light"] .wallet-topup-screen .topup-hero-icon{
  color:#8a3978!important;
  border-color:#ead8e2!important;
  background:linear-gradient(145deg,#f7edf3,#fff8f4)!important;
  box-shadow:0 8px 22px rgba(51,39,48,.07),inset 0 1px #fff!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-kicker{color:var(--site-accent2)}
html[data-theme="light"] .wallet-topup-screen .topup-premium-intro h2{color:#1b1e22!important}
html[data-theme="light"] .wallet-topup-screen .topup-premium-intro p{color:#737982!important}
html[data-theme="light"] .wallet-topup-screen .topup-secure-badge{
  color:#6d737b;
  border-color:#e2e4e7;
  background:#fafafb;
}
html[data-theme="light"] .wallet-topup-screen .topup-secure-badge .wallet-motion-icon{color:var(--site-accent2)}
html[data-theme="light"] .wallet-topup-screen .topup-field-heading label,
html[data-theme="light"] .wallet-topup-screen .topup-field-heading b{color:#41474f!important}
html[data-theme="light"] .wallet-topup-screen .topup-field-heading span,
html[data-theme="light"] .wallet-topup-screen .topup-limit-row small,
html[data-theme="light"] .wallet-topup-screen .topup-field-note{color:#858b93!important}
html[data-theme="light"] .wallet-topup-screen .topup-amount-shell,
html[data-theme="light"] .wallet-topup-screen .topup-input-shell{
  border-color:#dde0e4!important;
  background:#f7f8fa!important;
  box-shadow:inset 0 1px rgba(0,0,0,.018)!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-amount-shell:focus-within,
html[data-theme="light"] .wallet-topup-screen .topup-input-shell:focus-within{
  border-color:#d1a9c0!important;
  background:#fff!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--site-accent) 4.5%,transparent)!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-currency-chip{
  color:var(--site-accent2);
  border-color:#ead5e0;
  background:linear-gradient(145deg,#f8edf3,#f7f2f8);
}
html[data-theme="light"] .wallet-topup-screen .topup-amount-shell input,
html[data-theme="light"] .wallet-topup-screen .topup-input-shell input{color:#1f2328!important}
html[data-theme="light"] .wallet-topup-screen .topup-input-shell>i{
  color:var(--site-accent2);
  background:#f5eaf0;
}
html[data-theme="light"] .wallet-topup-screen .topup-provider{
  color:#20242a!important;
  border-color:#e1e3e6!important;
  background:linear-gradient(180deg,#fff,#fafbfc)!important;
  box-shadow:0 7px 20px rgba(28,32,39,.055),inset 0 1px #fff!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-provider.active{
  border-color:#dec7d4!important;
  background:linear-gradient(145deg,#fff7fb,#faf5fb)!important;
  box-shadow:0 9px 24px rgba(47,33,43,.07),inset 0 0 0 1px #f1e5ec!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-method-icon{
  border-color:#e2e4e7;
  background:#f7f8fa;
  color:var(--site-accent2);
}
html[data-theme="light"] .wallet-topup-screen .topup-method-copy b{color:#24282d!important}
html[data-theme="light"] .wallet-topup-screen .topup-method-copy small{color:#7a8088!important}
html[data-theme="light"] .wallet-topup-screen .topup-method-state{
  border-color:#dadddf;
  background:#f7f8fa;
}
html[data-theme="light"] .wallet-topup-screen .topup-provider.active .topup-method-state{
  color:var(--site-accent2);
  border-color:#dec0d0;
  background:#f8edf3;
}
html[data-theme="light"] .wallet-topup-screen .topup-assurance{color:#7f858d}
html[data-theme="light"] .wallet-topup-screen .topup-assurance .wallet-motion-icon{color:#a56386}

@media(min-width:760px){
  .wallet-topup-screen .topup-premium-card{padding:26px 28px!important}
  .wallet-topup-screen .topup-premium-form{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:18px!important;
    row-gap:16px!important;
  }
  .wallet-topup-screen .topup-amount-block,
  .wallet-topup-screen .topup-method-block{grid-column:1/-1}
  .wallet-topup-screen .topup-phone-block{grid-column:1/-1}
  .wallet-topup-screen .topup-status,
  .wallet-topup-screen .topup-submit,
  .wallet-topup-screen .topup-assurance{grid-column:1/-1}
  .wallet-topup-screen .topup-provider{min-height:76px!important}
}
@media(max-width:680px){
  .wallet-topup-screen{padding-bottom:calc(82px + var(--safe-bottom))!important}
  .wallet-topup-screen .commerce-topbar{height:72px}
  .wallet-topup-screen .commerce-topbar h1{font-size:22px}
  .wallet-topup-screen .topup-premium-wrap{width:calc(100% - 28px);margin-top:12px}
  .wallet-topup-screen .topup-premium-card{padding:18px!important;border-radius:21px!important}
  .wallet-topup-screen .topup-premium-intro{grid-template-columns:46px minmax(0,1fr);gap:12px;padding-bottom:16px;margin-bottom:16px}
  .wallet-topup-screen .topup-hero-icon{width:46px!important;height:46px!important;border-radius:14px!important}
  .wallet-topup-screen .topup-premium-intro h2{font-size:19px}
  .wallet-topup-screen .topup-premium-intro p{font-size:11px;margin-top:4px}
  .wallet-topup-screen .topup-secure-badge{display:none}
  .wallet-topup-screen .topup-amount-shell,.wallet-topup-screen .topup-input-shell{min-height:56px}
  .wallet-topup-screen .topup-amount-shell input{font-size:20px!important;height:54px!important}
  .wallet-topup-screen .topup-providers{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wallet-topup-screen .topup-provider{min-height:68px!important;grid-template-columns:38px minmax(0,1fr) 20px!important;padding:9px!important;gap:8px!important;border-radius:14px!important}
  .wallet-topup-screen .topup-method-icon{width:38px;height:38px;border-radius:11px}
  .wallet-topup-screen .topup-method-icon.mpesa .provider-art{width:31px!important;height:31px!important}
  .wallet-topup-screen .topup-method-copy b{font-size:12px!important}
  .wallet-topup-screen .topup-method-copy small{font-size:8.8px!important}
  .wallet-topup-screen .topup-method-state{width:20px;height:20px}
  .wallet-topup-screen .topup-submit{min-height:52px!important;border-radius:14px!important}
}
@media(max-width:390px){
  .wallet-topup-screen .topup-premium-wrap{width:calc(100% - 22px)}
  .wallet-topup-screen .topup-premium-card{padding:16px!important}
  .wallet-topup-screen .topup-providers{grid-template-columns:1fr!important}
  .wallet-topup-screen .topup-provider{min-height:62px!important}
  .wallet-topup-screen .topup-limit-row{align-items:flex-start;flex-direction:column;gap:2px}
}
@media(prefers-reduced-motion:reduce){
  .wallet-topup-screen .topup-hero-icon .wallet-motion-icon,
  .wallet-topup-screen .topup-provider.active .topup-method-state,
  .wallet-topup-screen .topup-submit>.wallet-motion-icon{animation:none!important}
}

/* === Xmegram 3.4.9-hotfix640 · neutral wallet header icons ===
   Wallet-family headers now use the same neutral icon language as Home.
   No brand/accent colour is applied to header SVGs in light or dark mode. */
.wallet-screen .commerce-topbar h1 i,
.wallet-screen .commerce-topbar .icon-btn{
  color:#f6f7fa!important;
}
.wallet-screen .commerce-topbar h1 i{
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(155deg,rgba(25,31,41,.82),rgba(12,16,23,.74))!important;
  box-shadow:0 7px 18px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.045)!important;
}
.wallet-screen .commerce-topbar .wallet-motion-icon,
.wallet-screen .commerce-topbar .ico{
  color:currentColor!important;
}
html[data-theme="light"] .wallet-screen .commerce-topbar h1 i,
html[data-theme="light"] .wallet-screen .commerce-topbar .icon-btn{
  color:#171717!important;
  background:#fafafa!important;
  border-color:#dfe2e6!important;
  box-shadow:none!important;
}
html[data-theme="light"] .wallet-screen .commerce-topbar h1 i .ico,
html[data-theme="light"] .wallet-screen .commerce-topbar .icon-btn .ico,
html[data-theme="light"] .wallet-screen .commerce-topbar .icon-btn .wallet-motion-icon{
  color:#171717!important;
  stroke:currentColor!important;
}

/* === Xmegram 3.4.9-hotfix641 · clean premium cart === */
.cart-screen.cart-premium-v641{
  --cart-v641-bg:#08090d;
  --cart-v641-surface:#101117;
  --cart-v641-surface-2:#15161d;
  --cart-v641-text:#f7f7fa;
  --cart-v641-muted:#9b9eaa;
  --cart-v641-line:rgba(255,255,255,.075);
  --cart-v641-soft:rgba(255,255,255,.055);
  --cart-v641-accent:var(--accent,var(--site-accent));
  background:radial-gradient(900px 460px at 50% -140px,color-mix(in srgb,var(--cart-v641-accent) 11%,transparent),transparent 64%),var(--cart-v641-bg)!important;
  color:var(--cart-v641-text)!important;
}
.cart-screen.cart-premium-v641 .commerce-topbar{
  background:color-mix(in srgb,var(--cart-v641-bg) 92%,transparent)!important;
  border-bottom:1px solid var(--cart-v641-line)!important;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.cart-screen.cart-premium-v641 .commerce-topbar h1{font-size:20px!important;font-weight:790!important;letter-spacing:-.025em!important;color:var(--cart-v641-text)!important}
.cart-screen.cart-premium-v641 .cart-clean-wrap{width:min(1080px,100%);margin:0 auto;padding:18px 18px 96px!important;box-sizing:border-box}
.cart-screen.cart-premium-v641 .cart-clean-meta{display:flex;justify-content:flex-end;align-items:center;min-height:30px;margin:0 2px 9px;color:var(--cart-v641-muted);font-size:13px;font-weight:680}
.cart-screen.cart-premium-v641 .cart-clean-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px}
.cart-screen.cart-premium-v641 .cart-clean-list{
  margin:0!important;padding:0 16px!important;display:block!important;overflow:hidden;
  border:0!important;border-radius:20px!important;background:linear-gradient(155deg,var(--cart-v641-surface-2),var(--cart-v641-surface))!important;
  box-shadow:0 22px 55px rgba(0,0,0,.25)!important;
}
.cart-screen.cart-premium-v641 .cart-item-card.cart-clean-row{
  position:relative;display:grid!important;grid-template-columns:174px minmax(0,1fr)!important;align-items:center!important;gap:15px!important;
  min-height:128px!important;padding:14px 0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.cart-screen.cart-premium-v641 .cart-item-card.cart-clean-row+ .cart-item-card.cart-clean-row{border-top:1px solid var(--cart-v641-line)!important}
.cart-screen.cart-premium-v641 .cart-clean-media{
  position:relative;width:174px;height:100px;overflow:hidden;border:0!important;border-radius:14px!important;background:#1b1c22 center/cover no-repeat!important;padding:0!important;box-shadow:none!important;cursor:pointer
}
.cart-screen.cart-premium-v641 .cart-clean-media:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.52));pointer-events:none;z-index:1}
.cart-screen.cart-premium-v641 .cart-clean-media video{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit;z-index:0}
.cart-screen.cart-premium-v641 .cart-clean-duration{position:absolute;right:7px;bottom:7px;z-index:2;padding:3px 6px;border-radius:7px;background:rgba(7,7,10,.78);color:#fff;font-size:10px;font-weight:790;line-height:1.1;backdrop-filter:blur(7px)}
.cart-screen.cart-premium-v641 .cart-clean-copy{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:1px 0}
.cart-screen.cart-premium-v641 .cart-clean-creator{display:flex;align-items:center;gap:7px;min-width:0;padding-right:42px;color:var(--cart-v641-muted)}
.cart-screen.cart-premium-v641 .cart-clean-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--cart-v641-soft);font-size:10px;font-weight:800;color:var(--cart-v641-text)}
.cart-screen.cart-premium-v641 .cart-clean-avatar img{width:100%;height:100%;object-fit:cover}
.cart-screen.cart-premium-v641 .cart-clean-creator-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:620}
.cart-screen.cart-premium-v641 .cart-clean-creator .verified{flex:0 0 auto}
.cart-screen.cart-premium-v641 .cart-clean-copy h2{margin:7px 42px 7px 0!important;color:var(--cart-v641-text)!important;font-size:16px!important;line-height:1.24!important;font-weight:760!important;letter-spacing:-.018em!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
.cart-screen.cart-premium-v641 .cart-clean-price{color:var(--cart-v641-accent)!important;font-size:18px!important;line-height:1.15;font-weight:840!important;letter-spacing:-.02em}
.cart-screen.cart-premium-v641 .cart-clean-remove{
  position:absolute!important;right:0!important;top:0!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:var(--cart-v641-soft)!important;color:var(--cart-v641-muted)!important;box-shadow:none!important;transition:transform .18s ease,background .18s ease,color .18s ease!important
}
.cart-screen.cart-premium-v641 .cart-clean-remove .ico{width:17px!important;height:17px!important;stroke-width:1.8}
.cart-screen.cart-premium-v641 .cart-clean-remove:hover{background:color-mix(in srgb,#ff496a 15%,var(--cart-v641-soft))!important;color:#ff6b80!important;transform:translateY(-1px)}
.cart-screen.cart-premium-v641 .cart-clean-remove:active{transform:scale(.94)!important}
.cart-screen.cart-premium-v641 .cart-clean-summary{
  position:sticky;top:94px;margin:0!important;padding:16px!important;border:0!important;border-radius:20px!important;
  background:linear-gradient(160deg,color-mix(in srgb,var(--cart-v641-accent) 8%,var(--cart-v641-surface-2)),var(--cart-v641-surface))!important;
  box-shadow:0 22px 55px rgba(0,0,0,.25)!important
}
.cart-screen.cart-premium-v641 .cart-clean-totals{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;gap:16px;padding:3px 3px 15px!important}
.cart-screen.cart-premium-v641 .cart-clean-totals>i{display:block;width:1px;height:48px;background:var(--cart-v641-line)}
.cart-screen.cart-premium-v641 .cart-clean-totals>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.cart-screen.cart-premium-v641 .cart-clean-totals>div:last-child{text-align:right;align-items:flex-end}
.cart-screen.cart-premium-v641 .cart-clean-totals span{color:var(--cart-v641-muted);font-size:12px;font-weight:620}
.cart-screen.cart-premium-v641 .cart-clean-totals b{color:var(--cart-v641-text)!important;font-size:20px!important;font-weight:820!important}
.cart-screen.cart-premium-v641 .cart-clean-totals strong{color:var(--cart-v641-accent)!important;font-size:21px!important;font-weight:860!important;white-space:nowrap;letter-spacing:-.02em}
.cart-screen.cart-premium-v641 .cart-clean-checkout{
  width:100%!important;height:52px!important;margin:0!important;border:0!important;border-radius:14px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  background:linear-gradient(100deg,color-mix(in srgb,var(--cart-v641-accent) 88%,var(--site-accent-light)),var(--cart-v641-accent))!important;color:#fff!important;font-size:14px!important;font-weight:820!important;letter-spacing:-.01em!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--cart-v641-accent) 24%,transparent)!important;transition:transform .18s ease,filter .18s ease!important
}
.cart-screen.cart-premium-v641 .cart-clean-checkout .ico{width:18px!important;height:18px!important;position:absolute;right:18px}
.cart-screen.cart-premium-v641 .cart-clean-checkout:hover{filter:brightness(1.04);transform:translateY(-1px)}
.cart-screen.cart-premium-v641 .cart-clean-checkout:active{transform:scale(.99)}
.cart-screen.cart-premium-v641 .cart-empty{padding:28px 0!important;background:transparent!important;border:0!important}

@media(max-width:820px){
  .cart-screen.cart-premium-v641 .cart-clean-wrap{padding:14px 14px 108px!important}
  .cart-screen.cart-premium-v641 .cart-clean-layout{grid-template-columns:1fr;gap:13px}
  .cart-screen.cart-premium-v641 .cart-clean-list{padding:0 14px!important;border-radius:18px!important}
  .cart-screen.cart-premium-v641 .cart-clean-summary{position:static;top:auto;border-radius:18px!important}
}
@media(max-width:560px){
  .cart-screen.cart-premium-v641 .cart-clean-wrap{padding:10px 10px 104px!important}
  .cart-screen.cart-premium-v641 .cart-clean-meta{min-height:24px;margin:0 3px 7px;font-size:12px}
  .cart-screen.cart-premium-v641 .cart-clean-list{padding:0 10px!important;border-radius:17px!important}
  .cart-screen.cart-premium-v641 .cart-item-card.cart-clean-row{grid-template-columns:116px minmax(0,1fr)!important;gap:10px!important;min-height:108px!important;padding:10px 0!important}
  .cart-screen.cart-premium-v641 .cart-clean-media{width:116px;height:82px;border-radius:12px!important}
  .cart-screen.cart-premium-v641 .cart-clean-avatar{width:24px;height:24px;flex-basis:24px}
  .cart-screen.cart-premium-v641 .cart-clean-creator{gap:6px;padding-right:34px}
  .cart-screen.cart-premium-v641 .cart-clean-creator-name{font-size:10.5px}
  .cart-screen.cart-premium-v641 .cart-clean-copy h2{margin:5px 34px 5px 0!important;font-size:13.5px!important;line-height:1.2!important}
  .cart-screen.cart-premium-v641 .cart-clean-price{font-size:15px!important}
  .cart-screen.cart-premium-v641 .cart-clean-remove{width:30px!important;height:30px!important}
  .cart-screen.cart-premium-v641 .cart-clean-remove .ico{width:15px!important;height:15px!important}
  .cart-screen.cart-premium-v641 .cart-clean-summary{padding:13px!important;border-radius:17px!important}
  .cart-screen.cart-premium-v641 .cart-clean-totals{gap:12px;padding:1px 2px 12px!important}
  .cart-screen.cart-premium-v641 .cart-clean-totals>i{height:42px}
  .cart-screen.cart-premium-v641 .cart-clean-totals span{font-size:10.5px}
  .cart-screen.cart-premium-v641 .cart-clean-totals b{font-size:18px!important}
  .cart-screen.cart-premium-v641 .cart-clean-totals strong{font-size:19px!important}
  .cart-screen.cart-premium-v641 .cart-clean-checkout{height:49px!important;border-radius:13px!important;font-size:13.5px!important}
}
@media(max-width:380px){
  .cart-screen.cart-premium-v641 .cart-item-card.cart-clean-row{grid-template-columns:104px minmax(0,1fr)!important;gap:9px!important}
  .cart-screen.cart-premium-v641 .cart-clean-media{width:104px;height:76px}
  .cart-screen.cart-premium-v641 .cart-clean-copy h2{font-size:12.5px!important}
}

html[data-theme="light"] .cart-screen.cart-premium-v641{
  --cart-v641-bg:#f7f7f9;--cart-v641-surface:#fff;--cart-v641-surface-2:#fff;--cart-v641-text:#17181c;--cart-v641-muted:#777b85;--cart-v641-line:rgba(18,20,25,.075);--cart-v641-soft:#f3f3f6;
  background:radial-gradient(760px 330px at 50% -130px,color-mix(in srgb,var(--cart-v641-accent) 7%,transparent),transparent 66%),var(--cart-v641-bg)!important
}
html[data-theme="light"] .cart-screen.cart-premium-v641 .commerce-topbar{background:rgba(255,255,255,.91)!important;border-bottom-color:#ececf0!important}
html[data-theme="light"] .cart-screen.cart-premium-v641 .cart-clean-list{box-shadow:0 12px 34px rgba(21,23,30,.065)!important}
html[data-theme="light"] .cart-screen.cart-premium-v641 .cart-clean-summary{box-shadow:0 12px 34px rgba(21,23,30,.07)!important;background:linear-gradient(160deg,color-mix(in srgb,var(--cart-v641-accent) 4%,#fff),#fff)!important}
html[data-theme="light"] .cart-screen.cart-premium-v641 .cart-clean-media{background-color:#eeeef2!important}
html[data-theme="light"] .cart-screen.cart-premium-v641 .cart-clean-remove:hover{background:#fff0f3!important;color:#df3657!important}

/* === Xmegram 3.4.9-hotfix643 · premium wallet top-up provider row ===
   Keep Card + M-Pesa on one horizontal line at every phone width, restore the
   original provider artwork, and keep selection premium without oversized UI. */
.wallet-topup-screen .topup-providers{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%;
}
.wallet-topup-screen .topup-provider{
  min-width:0!important;
  min-height:68px!important;
  padding:9px 10px!important;
  grid-template-columns:40px minmax(0,1fr) 20px!important;
  gap:8px!important;
  border-radius:15px!important;
  overflow:hidden;
}
.wallet-topup-screen .topup-provider:only-child{grid-column:1/-1}
.wallet-topup-screen .topup-method-icon{
  width:40px!important;
  height:40px!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.025)!important;
}
.wallet-topup-screen .topup-method-icon .provider-art{
  width:38px!important;
  height:38px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.wallet-topup-screen .topup-method-icon .provider-art img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}
.wallet-topup-screen .topup-method-icon.card{
  background:linear-gradient(145deg,rgba(255,255,255,.045),color-mix(in srgb,var(--site-accent) 4%,transparent))!important;
}
.wallet-topup-screen .topup-method-icon.card .provider-art{width:40px!important;height:40px!important}
.wallet-topup-screen .topup-method-copy b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.wallet-topup-screen .topup-method-copy small{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.wallet-topup-screen .topup-provider.active{
  transform:translateY(-1px);
  box-shadow:0 12px 28px rgba(0,0,0,.18),0 0 0 1px color-mix(in srgb,var(--site-accent) 4.5%,transparent) inset!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-method-icon{
  background:#fafafb!important;
  border-color:#e3e5e8!important;
}
html[data-theme="light"] .wallet-topup-screen .topup-method-icon.card{
  background:linear-gradient(145deg,#fff,#fbf6f9)!important;
}
@media(max-width:680px){
  .wallet-topup-screen .topup-providers{gap:9px!important}
  .wallet-topup-screen .topup-provider{
    min-height:66px!important;
    padding:8px 9px!important;
    grid-template-columns:38px minmax(0,1fr) 19px!important;
    gap:7px!important;
  }
  .wallet-topup-screen .topup-method-icon{width:38px!important;height:38px!important}
  .wallet-topup-screen .topup-method-icon .provider-art{width:36px!important;height:36px!important}
  .wallet-topup-screen .topup-method-icon.card .provider-art{width:38px!important;height:38px!important}
  .wallet-topup-screen .topup-method-copy b{font-size:11.5px!important}
  .wallet-topup-screen .topup-method-copy small{font-size:8.4px!important;line-height:1.2!important}
  .wallet-topup-screen .topup-method-state{width:19px!important;height:19px!important}
}
@media(max-width:390px){
  .wallet-topup-screen .topup-providers{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .wallet-topup-screen .topup-provider{
    min-height:62px!important;
    padding:7px!important;
    grid-template-columns:34px minmax(0,1fr) 17px!important;
    gap:6px!important;
    border-radius:13px!important;
  }
  .wallet-topup-screen .topup-method-icon{width:34px!important;height:34px!important;border-radius:9px!important}
  .wallet-topup-screen .topup-method-icon .provider-art{width:32px!important;height:32px!important}
  .wallet-topup-screen .topup-method-icon.card .provider-art{width:34px!important;height:34px!important}
  .wallet-topup-screen .topup-method-copy b{font-size:10.8px!important}
  .wallet-topup-screen .topup-method-copy small{font-size:7.8px!important}
  .wallet-topup-screen .topup-method-state{width:17px!important;height:17px!important}
  .wallet-topup-screen .topup-method-state .wallet-motion-icon{width:13px!important;height:13px!important}
}


/* === Xmegram 3.4.9-hotfix644 · borderless wallet hero + low-balance alert === */
.wallet-main-screen .wallet-hero-modern,
html[data-theme="light"] .wallet-main-screen .wallet-hero-modern{
  border:0!important;
  outline:0!important;
  box-shadow:0 20px 54px rgba(0,0,0,.30)!important;
  background:
    radial-gradient(circle at 82% 17%,color-mix(in srgb,var(--w638-accent2,var(--wallet-accent2)) 27%,transparent),transparent 29%),
    radial-gradient(circle at 8% 116%,color-mix(in srgb,var(--w638-accent,var(--wallet-accent)) 14%,transparent),transparent 36%),
    linear-gradient(148deg,#17191f 0%,#101217 54%,#080a0e 100%)!important;
}
.wallet-main-screen .wallet-hero-modern:before{border-width:1px!important;opacity:.34!important}
.wallet-main-screen .wallet-low-balance-alert{
  position:absolute;
  left:28px;
  bottom:72px;
  z-index:5;
  min-height:31px;
  max-width:220px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:5px 9px 5px 7px;
  border:1px solid rgba(255,103,112,.28);
  border-radius:999px;
  color:#ffd9dc;
  background:linear-gradient(135deg,rgba(142,26,42,.48),rgba(74,18,33,.52));
  box-shadow:0 8px 24px rgba(255,63,84,.12),inset 0 1px rgba(255,255,255,.05);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font:inherit;
  cursor:pointer;
  overflow:hidden;
}
.wallet-main-screen .wallet-low-balance-alert:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(105deg,transparent 24%,rgba(255,255,255,.13) 48%,transparent 70%);
  transform:translateX(-120%);
  animation:walletLowSweep 3.4s ease-in-out infinite;
  pointer-events:none;
}
.wallet-main-screen .wallet-low-balance-alert>*{position:relative;z-index:1}
.wallet-main-screen .wallet-low-balance-alert>i{
  width:20px;height:20px;border-radius:50%;display:grid;place-items:center;
  color:#ff737f;background:rgba(255,101,114,.12);
  box-shadow:0 0 0 0 rgba(255,96,110,.22);
  animation:walletLowPulse 1.7s ease-out infinite;
}
.wallet-main-screen .wallet-low-balance-alert>i .wallet-motion-icon{width:13px;height:13px;stroke-width:2}
.wallet-main-screen .wallet-low-balance-alert>b{font-size:10.2px;font-weight:820;letter-spacing:.01em;white-space:nowrap}
.wallet-main-screen .wallet-low-balance-alert>span{font-size:9px;font-weight:740;color:#ff9ca5;white-space:nowrap}
.wallet-main-screen .wallet-low-balance-alert>.wallet-motion-icon{width:12px;height:12px;color:#ff9ca5}
.wallet-main-screen .wallet-low-balance-alert:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(160,28,45,.58),rgba(81,18,34,.58))}
@keyframes walletLowPulse{0%{box-shadow:0 0 0 0 rgba(255,96,110,.30)}70%{box-shadow:0 0 0 8px rgba(255,96,110,0)}100%{box-shadow:0 0 0 0 rgba(255,96,110,0)}}
@keyframes walletLowSweep{0%,58%{transform:translateX(-125%)}78%,100%{transform:translateX(125%)}}
@media(max-width:560px){
  .wallet-main-screen .wallet-low-balance-alert{left:18px;bottom:58px;min-height:28px;padding:4px 8px 4px 6px;gap:6px}
  .wallet-main-screen .wallet-low-balance-alert>i{width:18px;height:18px}
  .wallet-main-screen .wallet-low-balance-alert>b{font-size:9.2px}
  .wallet-main-screen .wallet-low-balance-alert>span{font-size:8.2px}
}
@media(prefers-reduced-motion:reduce){
  .wallet-main-screen .wallet-low-balance-alert:before,
  .wallet-main-screen .wallet-low-balance-alert>i{animation:none!important}
}
.wallet-main-screen .wallet-hero-modern .wallet-hero-stats{border-top-color:color-mix(in srgb,var(--w638-accent,var(--wallet-accent)) 16%,rgba(255,255,255,.03))!important}
.wallet-main-screen .wallet-hero-modern .wallet-hero-stats>div+div{border-left-color:color-mix(in srgb,var(--w638-accent,var(--wallet-accent)) 13%,rgba(255,255,255,.025))!important}

/* === Xmegram 3.4.9-hotfix646 · wallet low-balance placement + hero divider cleanup === */
.wallet-main-screen .wallet-hero-modern,
html[data-theme="light"] .wallet-main-screen .wallet-hero-modern{
  border:0!important;
  outline:0!important;
}
/* The old stat divider read as a white/skeleton border directly beneath the low-balance chip. */
.wallet-main-screen .wallet-hero-modern .wallet-hero-stats{
  border-top:0!important;
  padding-top:0!important;
}
.wallet-main-screen .wallet-hero-modern .wallet-hero-stats>div+div{
  border-left-color:rgba(255,255,255,.055)!important;
}
/* Compact premium alert: visually attached to the balance area, never to the stats divider. */
.wallet-main-screen .wallet-low-balance-alert{
  left:28px!important;
  right:auto!important;
  top:auto!important;
  bottom:78px!important;
  min-height:30px!important;
  max-width:none!important;
  padding:5px 10px 5px 7px!important;
  gap:7px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(114,25,39,.78),rgba(55,18,29,.84))!important;
  box-shadow:0 9px 24px rgba(214,37,66,.15),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:blur(13px)!important;
  -webkit-backdrop-filter:blur(13px)!important;
  color:#fff0f1!important;
  transform:translateZ(0);
}
.wallet-main-screen .wallet-low-balance-alert:before{
  content:none!important;
  display:none!important;
}
.wallet-main-screen .wallet-low-balance-alert>i{
  width:20px!important;
  height:20px!important;
  color:#ff6675!important;
  background:rgba(255,91,107,.14)!important;
  box-shadow:0 0 0 0 rgba(255,91,107,.28)!important;
  animation:walletLowPulse645 1.8s ease-out infinite!important;
}
.wallet-main-screen .wallet-low-balance-alert>i .wallet-motion-icon{
  width:12.5px!important;
  height:12.5px!important;
}
.wallet-main-screen .wallet-low-balance-alert>b{
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:0!important;
}
.wallet-main-screen .wallet-low-balance-alert>span{
  font-size:8.8px!important;
  font-weight:800!important;
  color:#ff9da7!important;
}
.wallet-main-screen .wallet-low-balance-alert>.wallet-motion-icon{
  width:11px!important;
  height:11px!important;
  color:#ff9da7!important;
}
.wallet-main-screen .wallet-low-balance-alert:hover,
.wallet-main-screen .wallet-low-balance-alert:focus-visible{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg,rgba(132,29,45,.86),rgba(63,19,32,.9))!important;
}
@keyframes walletLowPulse645{
  0%{box-shadow:0 0 0 0 rgba(255,91,107,.34)}
  68%{box-shadow:0 0 0 7px rgba(255,91,107,0)}
  100%{box-shadow:0 0 0 0 rgba(255,91,107,0)}
}
@media(max-width:560px){
  .wallet-main-screen .wallet-hero-modern{
    min-height:202px!important;
  }
  .wallet-main-screen .wallet-low-balance-alert{
    left:18px!important;
    bottom:68px!important;
    min-height:27px!important;
    padding:4px 8px 4px 6px!important;
    gap:6px!important;
  }
  .wallet-main-screen .wallet-low-balance-alert>i{width:18px!important;height:18px!important}
  .wallet-main-screen .wallet-low-balance-alert>i .wallet-motion-icon{width:11.5px!important;height:11.5px!important}
  .wallet-main-screen .wallet-low-balance-alert>b{font-size:9px!important}
  .wallet-main-screen .wallet-low-balance-alert>span{font-size:8px!important}
  .wallet-main-screen .wallet-hero-modern .wallet-hero-stats{bottom:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .wallet-main-screen .wallet-low-balance-alert>i{animation:none!important}
}


/* === Xmegram 3.4.9-hotfix646 · wallet privacy eye + cart collection title === */
.wallet-main-screen .wallet-balance>small{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.wallet-main-screen .wallet-balance>small>span{display:inline-block}
.wallet-main-screen .wallet-balance-visibility{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  padding:0!important;
  margin:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#aeb2bf!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
  -webkit-tap-highlight-color:transparent;
}
.wallet-main-screen .wallet-balance-visibility .wallet-motion-icon{width:18px!important;height:18px!important;stroke-width:1.85!important}
.wallet-main-screen .wallet-balance-visibility:hover,
.wallet-main-screen .wallet-balance-visibility:focus-visible{background:rgba(255,255,255,.08)!important;color:#fff!important;outline:0!important}
.wallet-main-screen .wallet-balance-visibility:active{transform:scale(.91)!important}
.wallet-main-screen .wallet-balance-visibility.is-hidden{color:var(--site-accent)!important;background:color-mix(in srgb,var(--site-accent) 9%,transparent)!important}
.wallet-main-screen .wallet-balance-amount{transition:opacity .16s ease,letter-spacing .18s ease!important}
.wallet-main-screen .wallet-balance-amount.is-hidden{letter-spacing:.13em!important;font-variant-numeric:tabular-nums}
html[data-theme="light"] .wallet-main-screen .wallet-balance-visibility{color:#aeb2bf!important}
html[data-theme="light"] .wallet-main-screen .wallet-balance-visibility:hover,
html[data-theme="light"] .wallet-main-screen .wallet-balance-visibility:focus-visible{background:rgba(255,255,255,.09)!important;color:#fff!important}
@media(max-width:560px){
  .wallet-main-screen .wallet-balance-visibility{width:23px!important;height:23px!important;min-width:23px!important}
  .wallet-main-screen .wallet-balance-visibility .wallet-motion-icon{width:17px!important;height:17px!important}
}
@media(prefers-reduced-motion:reduce){
  .wallet-main-screen .wallet-balance-visibility,.wallet-main-screen .wallet-balance-amount{transition:none!important}
}
.cart-screen.cart-premium-v641 .cart-clean-meta{
  justify-content:space-between!important;
  gap:14px!important;
}
.cart-screen.cart-premium-v641 .cart-clean-meta>strong{
  min-width:0;
  color:var(--cart-v641-text)!important;
  font-size:13px!important;
  line-height:1.2;
  font-weight:790!important;
  letter-spacing:-.01em;
}
.cart-screen.cart-premium-v641 .cart-clean-meta>span{
  flex:0 0 auto;
  color:var(--cart-v641-muted)!important;
  font-weight:680!important;
}
@media(max-width:520px){
  .cart-screen.cart-premium-v641 .cart-clean-meta>strong{font-size:12px!important}
  .cart-screen.cart-premium-v641 .cart-clean-meta>span{font-size:12px!important}
}
n/* Hotfix647 — Premium plans no longer include downloads. Purchases reflow without the removed tab/button space. */n.purchase-screen .purchase-library-start{padding-top:8px}n.purchase-screen .purchase-state-heading:first-child{margin-top:8px!important}n.purchase-screen .purchase-list{margin-top:0!important}n.purchase-screen .purchase-action-stack-single{display:flex!important;justify-content:flex-end!important;width:100%!important}n.purchase-screen .purchase-action-stack-single .purchase-watch-now{min-width:132px!important;justify-content:center!important}n.checkout-access-summary-no-download .checkout-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}n.subscription-plan-premium .subscription-plan-benefits{display:grid!important;gap:7px!important;margin-top:14px!important}n.subscription-plan-premium .subscription-plan-benefits span{margin:0!important}n@media(max-width:680px){n  .purchase-screen .purchase-library-start{padding-top:5px}n  .purchase-screen .purchase-state-heading:first-child{margin-top:5px!important}n  .purchase-screen .purchase-action-stack-single .purchase-watch-now{min-width:104px!important}n  .checkout-access-summary-no-download .checkout-access-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}n}n@media(max-width:430px){n  .checkout-access-summary-no-download .checkout-access-grid{grid-template-columns:1fr!important}n  .subscription-plan-premium .subscription-plan-benefits{gap:6px!important}n}n
/* hotfix647: downloads removed; collapse Purchases layout without leaving former tab/action gaps */
.purchase-screen .purchase-library-start{padding-top:6px!important;margin-top:0!important}
.purchase-screen .purchase-card .purchase-side{align-content:center;gap:8px!important}
.purchase-screen .purchase-action-stack-single{display:flex!important;width:100%;margin:0!important}
.purchase-screen .purchase-action-stack-single .purchase-watch-now{width:100%;justify-content:center;margin:0!important}
.purchase-screen .purchase-state-heading:first-child{margin-top:4px!important}
.subscription-screen .subscription-plan-benefits{grid-template-columns:1fr!important;gap:7px!important}
.subscription-screen .premium-benefits>div{align-items:stretch}
@media(max-width:720px){.purchase-screen .purchase-library-start{padding-top:4px!important}.purchase-screen .purchase-card{margin-bottom:10px!important}.purchase-screen .purchase-action-stack-single .purchase-watch-now{min-height:40px}}


/* === Xmegram 3.4.9-hotfix650 · mobile natural landscape media height ===
   Phone only. Preserve landscape videos in contain mode at their real source
   aspect ratio so the media stage uses the video's proportional height and
   cannot expose dark side gutters. Portrait/square cover cards are untouched.
   The Watch player is explicitly excluded; only Watch related cards are scoped. */
@media (max-width:767px){
  body #app :is(
    .home-screen [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .home-screen .surface-suggested-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .discover-screen .surface-discover-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .discover-screen .surface-category-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .discover-screen .surface-country-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .discover-screen [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .profile-screen-ref [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .profile-screen [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .profile-screen-ref .surface-profile-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .profile-screen .surface-profile-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .watch-screen .watch-related .stream-pro-media.vh-mobile-natural-landscape,
    .watch-screen .watch-related [data-adaptive-feed-media].vh-mobile-natural-landscape
  ){
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:var(--vh-mobile-source-ratio)!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
  }

  /* Landscape contain remains contain. Because the stage now has the exact same
     source ratio there is no leftover horizontal space for black sidebars. */
  body #app :is(
    .home-screen [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .home-screen .surface-suggested-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .discover-screen .surface-discover-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .discover-screen .surface-category-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .discover-screen .surface-country-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .discover-screen [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .profile-screen-ref [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .profile-screen [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .profile-screen-ref .surface-profile-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .profile-screen .surface-profile-masonry .stream-pro-media.vh-mobile-natural-landscape,
    .watch-screen .watch-related .stream-pro-media.vh-mobile-natural-landscape,
    .watch-screen .watch-related [data-adaptive-feed-media].vh-mobile-natural-landscape
  ) > :is(video,img,.feed-autoplay-video,.discover-mobile-poster,.discover-autoplay-video),
  body #app :is(
    .home-screen [data-adaptive-feed-media].vh-mobile-natural-landscape,
    .watch-screen .watch-related [data-adaptive-feed-media].vh-mobile-natural-landscape
  ) .feed-autoplay-video{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
  }

  /* Do not let older fixed 16:9 / min-height / compact-card rules reclaim these
     four requested phone surfaces. No selector here targets .watch-player. */
  body #app :is(
    .home-screen,
    .discover-screen,
    .profile-screen-ref,
    .profile-screen,
    .watch-screen .watch-related
  ) .vh-mobile-natural-landscape{
    min-height:0!important;
    max-height:none!important;
  }
}


/* === Xmegram 3.4.9-hotfix651 · phone landscape media no side gutters ===
   Mobile only. Home, Discover, Profile and Watch-related cards follow the
   intrinsic landscape poster/video ratio. Main Watch player, tablet and desktop
   are intentionally excluded. */
@media (max-width:767px){
  body #app :is(
    .home-screen,
    .discover-screen,
    .profile-screen-ref,
    .profile-screen
  ) .stream-pro-card.orientation-landscape > .stream-pro-media.vh-mobile-natural-landscape,
  body #app .watch-screen .watch-related .stream-pro-card.orientation-landscape > .stream-pro-media.vh-mobile-natural-landscape,
  body #app :is(
    .home-screen,
    .discover-screen,
    .profile-screen-ref,
    .profile-screen
  ) [data-adaptive-feed-media].vh-mobile-natural-landscape,
  body #app .watch-screen .watch-related [data-adaptive-feed-media].vh-mobile-natural-landscape{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:var(--vh-mobile-source-ratio,var(--discover-ratio,16/9))!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background-color:transparent!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }

  body #app :is(
    .home-screen,
    .discover-screen,
    .profile-screen-ref,
    .profile-screen
  ) .stream-pro-card.orientation-landscape > .stream-pro-media.vh-mobile-natural-landscape > :is(.discover-mobile-poster,.discover-autoplay-video),
  body #app .watch-screen .watch-related .stream-pro-card.orientation-landscape > .stream-pro-media.vh-mobile-natural-landscape > :is(.discover-mobile-poster,.discover-autoplay-video),
  body #app :is(
    .home-screen,
    .discover-screen,
    .profile-screen-ref,
    .profile-screen
  ) [data-adaptive-feed-media].vh-mobile-natural-landscape > :is(video,img,.feed-autoplay-video),
  body #app .watch-screen .watch-related [data-adaptive-feed-media].vh-mobile-natural-landscape > :is(video,img,.feed-autoplay-video){
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
    transform:none!important;
  }

  /* Landscape posters should establish their own natural height before preview
     playback. This removes the fixed 16:9 / fixed-height authority that caused
     the visible dark strips in the user's screenshots. */
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen)
    .stream-pro-card.orientation-landscape > .stream-pro-media.vh-mobile-natural-landscape > .discover-mobile-poster,
  body #app .watch-screen .watch-related
    .stream-pro-card.orientation-landscape > .stream-pro-media.vh-mobile-natural-landscape > .discover-mobile-poster{
    object-fit:contain!important;
  }
}

/* === Xmegram 3.4.9-hotfix652 · balanced tablet authentication layout ===
   Tablet only (768–1099px). Keeps phone and desktop auth layouts unchanged. */
@media (min-width:768px) and (max-width:1099px){
  .screen.auth-screen{
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  .screen.auth-screen>.desktop-sidebar{display:none!important}
  .screen.auth-screen .login-screen{
    min-height:100dvh!important;
    display:grid!important;
    grid-template-columns:minmax(320px,46%) minmax(0,54%)!important;
    align-items:stretch!important;
    padding:0!important;
    margin:0!important;
    overflow-x:hidden!important;
  }
  .screen.auth-screen .login-screen>.auth-collage{
    width:100%!important;
    height:100dvh!important;
    min-height:680px!important;
    margin:0!important;
    position:relative!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  .screen.auth-screen .login-screen .auth-tile{
    border-radius:16px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
  }
  /* Deliberate upper/lower collage groups with a clean center break. */
  .screen.auth-screen .login-screen .auth-tile.t1{left:-8%!important;top:12%!important;width:36%!important;height:28%!important;transform:rotate(-6deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t2{left:28%!important;top:8%!important;width:39%!important;height:32%!important;transform:rotate(2deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t3{right:-8%!important;top:13%!important;width:36%!important;height:27%!important;transform:rotate(6deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t4{left:-8%!important;top:61%!important;width:36%!important;height:26%!important;transform:rotate(-5deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t5{left:28%!important;top:57%!important;width:40%!important;height:30%!important;transform:rotate(3deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t6{right:-8%!important;top:62%!important;width:35%!important;height:25%!important;transform:rotate(-4deg)!important}
  .screen.auth-screen .login-screen .auth-logo-mark{
    left:50%!important;
    top:49%!important;
    width:88px!important;
    height:88px!important;
    transform:translate(-50%,-50%)!important;
  }
  .screen.auth-screen .login-screen .auth-logo-mark:before{border-radius:25px!important}
  .screen.auth-screen .login-screen .auth-logo-mark .ico{width:49px!important;height:49px!important}

  /* Center the complete login stack inside the right tablet pane. */
  .screen.auth-screen .login-screen>.login-content{
    width:min(400px,calc(100% - 48px))!important;
    max-width:400px!important;
    margin:0!important;
    padding:28px 0!important;
    align-self:center!important;
    justify-self:center!important;
    text-align:left!important;
    transform:translateY(-2.5vh)!important;
  }
  .screen.auth-screen .login-content h1{
    margin:0 0 8px!important;
    font-size:34px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  .screen.auth-screen .login-content>p{
    max-width:none!important;
    margin:0 0 24px!important;
    font-size:14px!important;
    line-height:1.45!important;
    text-align:left!important;
  }
  .screen.auth-screen .login-form{gap:12px!important}
  .screen.auth-screen .login-form>label{
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    border-radius:14px!important;
    padding:0 16px!important;
    gap:13px!important;
  }
  .screen.auth-screen .login-form>label>span .ico{width:21px!important;height:21px!important}
  .screen.auth-screen .login-form>label>.login-inline-field>b{font-size:12px!important}
  .screen.auth-screen .login-form>label>.login-inline-field>input{font-size:13px!important}
  .screen.auth-screen .password-eye .ico{width:18px!important;height:18px!important}
  .screen.auth-screen .remember-row{margin:2px 2px 4px!important}
  .screen.auth-screen .remember-row label,.screen.auth-screen .remember-row button{font-size:11px!important}
  .screen.auth-screen .remember-toggle>i{width:36px!important;height:21px!important;padding:3px!important}
  .screen.auth-screen .remember-toggle>i>span{width:15px!important;height:15px!important}
  .screen.auth-screen .remember-toggle>input:checked+i>span{transform:translateX(15px)!important}
  .screen.auth-screen .login-submit{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .screen.auth-screen .or-line{margin:18px 0 14px!important;gap:16px!important;font-size:11px!important}
  .screen.auth-screen .social-stack{gap:10px!important}
  .screen.auth-screen .social-auth{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:14px!important;
    padding:0 15px!important;
    font-size:12px!important;
  }
  .screen.auth-screen .signup-link{
    margin:18px 0 0!important;
    font-size:11px!important;
    text-align:left!important;
  }
  .screen.auth-screen .legal-copy{
    margin:20px 0 0!important;
    max-width:390px!important;
    font-size:9px!important;
    line-height:1.45!important;
    text-align:left!important;
  }
}


/* === Xmegram 3.4.9-hotfix655 · tablet login true-center + Home header-card authority ===
   Tablet auth: the form is centered in the full tablet viewport and artwork becomes
   decorative edge media instead of consuming a rigid half-screen column.
   Home: remove only the editorial spotlight immediately below the header on >=768px.
   The real Home hero is intentionally untouched. */
@media (min-width:768px) and (max-width:1279px){
  .screen.auth-screen{
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .screen.auth-screen>.desktop-sidebar{display:none!important}
  .screen.auth-screen .login-screen{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#010207!important;
  }
  /* Artwork lives at the edges, leaving an intentional clear center for login. */
  .screen.auth-screen .login-screen>.auth-collage{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100dvh!important;
    min-height:680px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    background:radial-gradient(circle at 50% 47%,#10141f 0,#080b12 38%,#020307 78%)!important;
  }
  .screen.auth-screen .login-screen .auth-tile{
    opacity:.72!important;
    filter:saturate(.94) brightness(.64)!important;
    border-radius:18px!important;
    box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
  }
  .screen.auth-screen .login-screen .auth-tile.t1{left:-5%!important;top:9%!important;width:23%!important;height:27%!important;transform:rotate(-6deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t2{left:4%!important;top:36%!important;width:24%!important;height:26%!important;transform:rotate(3deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t3{right:-5%!important;top:9%!important;width:23%!important;height:27%!important;transform:rotate(6deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t4{left:-5%!important;top:69%!important;width:23%!important;height:25%!important;transform:rotate(-5deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t5{right:4%!important;top:38%!important;width:24%!important;height:26%!important;transform:rotate(-3deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t6{right:-5%!important;top:70%!important;width:23%!important;height:24%!important;transform:rotate(5deg)!important}
  .screen.auth-screen .login-screen .auth-vignette{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(90deg,rgba(1,2,7,.18) 0%,rgba(1,2,7,.32) 19%,rgba(1,2,7,.96) 34%,#010207 50%,rgba(1,2,7,.96) 66%,rgba(1,2,7,.32) 81%,rgba(1,2,7,.18) 100%)!important;
  }
  .screen.auth-screen .login-screen .auth-logo-mark{
    left:12%!important;
    top:51%!important;
    width:72px!important;
    height:72px!important;
    transform:translate(-50%,-50%)!important;
    opacity:.9!important;
  }
  .screen.auth-screen .login-screen .auth-logo-mark:before{border-radius:22px!important}
  .screen.auth-screen .login-screen .auth-logo-mark .ico{width:40px!important;height:40px!important}

  /* True tablet center: not the center of a right-side pane. */
  .screen.auth-screen .login-screen>.login-content{
    position:absolute!important;
    z-index:8!important;
    left:50%!important;
    top:47%!important;
    width:min(420px,calc(100% - 72px))!important;
    max-width:420px!important;
    margin:0!important;
    padding:24px 0!important;
    align-self:auto!important;
    justify-self:auto!important;
    transform:translate(-50%,-50%)!important;
    text-align:left!important;
  }
  .screen.auth-screen .login-content h1{
    margin:0 0 8px!important;
    font-size:35px!important;
    line-height:1.07!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
  }
  .screen.auth-screen .login-content>p{
    max-width:360px!important;
    margin:0 auto 24px!important;
    font-size:14px!important;
    line-height:1.45!important;
    text-align:center!important;
  }
  .screen.auth-screen .login-form{width:100%!important;gap:12px!important}
  .screen.auth-screen .login-form>label{
    width:100%!important;
    height:58px!important;
    min-height:58px!important;
    border-radius:14px!important;
    padding:0 16px!important;
    gap:13px!important;
  }
  .screen.auth-screen .login-form>label>span .ico{width:21px!important;height:21px!important}
  .screen.auth-screen .login-form>label>.login-inline-field>b{font-size:12px!important}
  .screen.auth-screen .login-form>label>.login-inline-field>input{font-size:13px!important}
  .screen.auth-screen .remember-row{margin:2px 2px 4px!important}
  .screen.auth-screen .remember-row label,.screen.auth-screen .remember-row button{font-size:11px!important}
  .screen.auth-screen .login-submit{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .screen.auth-screen .or-line{margin:18px 0 14px!important;gap:16px!important;font-size:11px!important}
  .screen.auth-screen .social-stack{gap:10px!important}
  .screen.auth-screen .social-auth{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    border-radius:14px!important;
    padding:0 15px!important;
    font-size:12px!important;
  }
  .screen.auth-screen .signup-link{margin:16px 0 0!important;font-size:11px!important;text-align:center!important}
  .screen.auth-screen .legal-copy{margin:18px auto 0!important;max-width:390px!important;font-size:9px!important;line-height:1.45!important;text-align:center!important}
}

@media (min-width:768px) and (max-width:1279px){
  html[data-theme="light"] .screen.auth-screen .login-screen{background:#fff!important}
  html[data-theme="light"] .screen.auth-screen .login-screen>.auth-collage{
    background:#fff!important;
  }
  html[data-theme="light"] .screen.auth-screen .login-screen .auth-tile{
    opacity:.52!important;
    filter:saturate(.88) brightness(.94)!important;
  }
  html[data-theme="light"] .screen.auth-screen .login-screen .auth-vignette{
    background:
      linear-gradient(90deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.48) 19%,rgba(255,255,255,.97) 34%,#fff 50%,rgba(255,255,255,.97) 66%,rgba(255,255,255,.48) 81%,rgba(255,255,255,.22) 100%)!important;
  }
}


/* === Xmegram 3.4.9-hotfix655 · tablet/desktop login artwork compaction + form logo ===
   Keep phone auth untouched. On tablet/desktop the brand mark belongs with the form,
   and the six media tiles form two close rows without the former empty logo gap. */
.login-brand-mark{display:none}
@media (min-width:768px){
  .screen.auth-screen{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}
  .screen.auth-screen>.desktop-sidebar{display:none!important}
  .screen.auth-screen .login-screen{
    position:relative!important;display:grid!important;grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
    width:100%!important;min-height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;
    background:#010207!important;align-items:stretch!important;
  }
  .screen.auth-screen .login-screen>.auth-collage{
    position:relative!important;inset:auto!important;grid-column:1!important;width:100%!important;height:100dvh!important;min-height:680px!important;
    margin:0!important;border:0!important;border-radius:0!important;overflow:hidden!important;pointer-events:none!important;
    background:radial-gradient(circle at 46% 45%,#171c2a 0,#080b12 48%,#020307 88%)!important;
  }
  .screen.auth-screen .login-screen .auth-logo-mark{display:none!important}
  .screen.auth-screen .login-screen .auth-tile{
    opacity:.82!important;filter:saturate(.96) brightness(.7)!important;border-radius:18px!important;
    box-shadow:0 14px 36px rgba(0,0,0,.22)!important;background-size:cover!important;background-position:center!important;
  }
  /* Two close portrait rows: no empty center band remains after moving the logo. */
  .screen.auth-screen .login-screen .auth-tile.t1{left:-6%!important;top:7%!important;width:35%!important;height:40%!important;transform:rotate(-5deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t2{left:29%!important;top:4.5%!important;width:40%!important;height:43%!important;transform:rotate(2deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t3{right:-7%!important;top:7%!important;width:35%!important;height:40%!important;transform:rotate(5deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t4{left:-6%!important;top:49%!important;width:35%!important;height:39%!important;transform:rotate(-4deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t5{left:29%!important;top:47%!important;width:40%!important;height:42%!important;transform:rotate(2deg)!important}
  .screen.auth-screen .login-screen .auth-tile.t6{right:-7%!important;top:49%!important;width:35%!important;height:39%!important;transform:rotate(-4deg)!important}
  .screen.auth-screen .login-screen .auth-vignette{
    display:block!important;position:absolute!important;inset:0!important;
    background:linear-gradient(90deg,rgba(1,2,7,.08) 0%,rgba(1,2,7,.06) 68%,rgba(1,2,7,.72) 100%),linear-gradient(180deg,rgba(1,2,7,.05),rgba(1,2,7,.18))!important;
  }
  .screen.auth-screen .login-screen>.login-content{
    position:relative!important;left:auto!important;top:auto!important;grid-column:2!important;z-index:8!important;
    align-self:center!important;justify-self:center!important;width:min(410px,calc(100% - 56px))!important;max-width:410px!important;
    margin:0!important;padding:36px 0!important;transform:none!important;text-align:left!important;
  }
  .screen.auth-screen .login-brand-mark{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;width:70px!important;height:70px!important;
    margin:0 0 22px 0!important;padding:0!important;filter:drop-shadow(0 10px 24px rgba(0,0,0,.16));
  }
  .screen.auth-screen .login-brand-mark>.brand-logo-image{display:block!important;width:70px!important;height:70px!important;object-fit:contain!important}
  .screen.auth-screen .login-content h1{margin:0 0 8px!important;font-size:35px!important;line-height:1.07!important;letter-spacing:-.035em!important;text-align:left!important}
  .screen.auth-screen .login-content>p{max-width:none!important;margin:0 0 24px!important;font-size:14px!important;line-height:1.45!important;text-align:left!important}
  .screen.auth-screen .login-form{width:100%!important;gap:12px!important}
  .screen.auth-screen .signup-link{text-align:left!important}
  .screen.auth-screen .legal-copy{margin-left:0!important;margin-right:0!important;text-align:left!important}
}
@media (min-width:1280px){
  .screen.auth-screen .login-screen{grid-template-columns:minmax(0,52%) minmax(0,48%)!important}
  .screen.auth-screen .login-screen>.login-content{width:min(470px,calc(100% - 96px))!important;max-width:470px!important;padding:44px 0!important}
  .screen.auth-screen .login-brand-mark{width:78px!important;height:78px!important;margin-bottom:24px!important}
  .screen.auth-screen .login-brand-mark>.brand-logo-image{width:78px!important;height:78px!important}
  .screen.auth-screen .login-content h1{font-size:42px!important}
  .screen.auth-screen .login-content>p{font-size:16px!important;margin-bottom:28px!important}
  .screen.auth-screen .login-screen .auth-tile.t1{top:6%!important;height:41%!important}
  .screen.auth-screen .login-screen .auth-tile.t2{top:4%!important;height:43%!important}
  .screen.auth-screen .login-screen .auth-tile.t3{top:6%!important;height:41%!important}
  .screen.auth-screen .login-screen .auth-tile.t4{top:48.5%!important;height:41%!important}
  .screen.auth-screen .login-screen .auth-tile.t5{top:47%!important;height:43%!important}
  .screen.auth-screen .login-screen .auth-tile.t6{top:48.5%!important;height:41%!important}
}
@media (min-width:768px){
  html[data-theme="light"] .screen.auth-screen .login-screen{background:#fff!important}
  html[data-theme="light"] .screen.auth-screen .login-screen>.auth-collage{background:#fff!important}
  html[data-theme="light"] .screen.auth-screen .login-screen .auth-tile{opacity:.72!important;filter:saturate(.92) brightness(.98)!important}
  html[data-theme="light"] .screen.auth-screen .login-screen .auth-vignette{
    background:linear-gradient(90deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 68%,rgba(255,255,255,.72) 100%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.13))!important;
  }
}


/* === Xmegram 3.4.9-hotfix658 · mobile intrinsic landscape stage authority ===
   Phone only. Home, Discover, Profile and Watch-related landscape cards keep
   object-fit:contain, but the stage itself follows the real source/poster ratio.
   The main Watch player, tablet and desktop are intentionally untouched. */
@media (max-width:767px){
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen)
    .stream-reference-card.orientation-landscape > :is(.stream-reference-media,.stream-pro-media,.discover-mobile-media).vh-mobile-natural-landscape,
  body #app .watch-screen .watch-related
    .stream-reference-card.orientation-landscape > :is(.stream-reference-media,.stream-pro-media,.discover-mobile-media).vh-mobile-natural-landscape,
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen)
    [data-adaptive-feed-media].vh-mobile-natural-landscape,
  body #app .watch-screen .watch-related [data-adaptive-feed-media].vh-mobile-natural-landscape{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:var(--vh-mobile-source-ratio,var(--discover-ratio,16/9))!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    background-color:transparent!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
  }
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen)
    .stream-reference-card.orientation-landscape > :is(.stream-reference-media,.stream-pro-media,.discover-mobile-media).vh-mobile-natural-landscape > :is(.discover-mobile-poster,.discover-autoplay-video,video,img),
  body #app .watch-screen .watch-related
    .stream-reference-card.orientation-landscape > :is(.stream-reference-media,.stream-pro-media,.discover-mobile-media).vh-mobile-natural-landscape > :is(.discover-mobile-poster,.discover-autoplay-video,video,img),
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen)
    [data-adaptive-feed-media].vh-mobile-natural-landscape > :is(.feed-autoplay-video,video,img),
  body #app .watch-screen .watch-related [data-adaptive-feed-media].vh-mobile-natural-landscape > :is(.feed-autoplay-video,video,img){
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-width:0!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    transform:none!important;
  }
  /* No selector above can match .watch-player. */
}

/* ========================================================================== */
/* HOTFIX659 — Search/Live mobile card safe-width + right-edge spacing        */
/* Fixes clipped captions/actions on the right side without changing content. */
/* ========================================================================== */
@media (max-width:767px){
  /* SEARCH RESULTS: keep the two-column design, but reserve a real gutter on
     both edges and force every nested card/body/action to shrink with column. */
  body #app .search-results-page,
  body #app .search-results-page .search-video-results{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  body #app .search-results-page .surface-search-masonry.discover-mobile-grid{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    margin-left:12px!important;
    margin-right:12px!important;
    padding-left:0!important;
    padding-right:0!important;
    gap:10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  body #app .search-results-page .surface-search-masonry>.discover-mobile-column{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card,
  body #app .search-results-page .surface-search-masonry .stream-pro-card>*{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card{
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-card>.stream-pro-body{
    width:100%!important;
    padding-left:9px!important;
    padding-right:9px!important;
    overflow:hidden!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-head,
  body #app .search-results-page .surface-search-masonry .stream-pro-creator,
  body #app .search-results-page .surface-search-masonry .stream-pro-creator-copy,
  body #app .search-results-page .surface-search-masonry .stream-pro-text,
  body #app .search-results-page .surface-search-masonry .stream-pro-commerce,
  body #app .search-results-page .surface-search-masonry .stream-pro-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-creator-copy>b{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-text>h3{
    display:-webkit-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-commerce{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-price{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-actions{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:5px!important;
    flex:0 0 auto!important;
    overflow:hidden!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-actions>.stream-pro-cta,
  body #app .search-results-page .surface-search-masonry .stream-pro-card .stream-pro-cta,
  body #app .search-results-page .surface-search-masonry .stream-pro-card .stream-pro-cta.watch{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding-left:6px!important;
    padding-right:6px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body #app .search-results-page .surface-search-masonry .stream-pro-cta>span{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* LIVE DIRECTORY: keep two columns but give the grid/card overlays a safe
     inset so the right card, creator label and alert controls cannot be cut. */
  body #app .lives-screen,
  body #app .lives-screen .lives-index{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  body #app .lives-screen .lives-index{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body #app .lives-screen .live-index-grid{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
  }
  body #app .lives-screen .live-index-grid>.live-home-card,
  body #app .lives-screen .live-index-grid .live-home-media{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body #app .lives-screen .live-card-name{
    left:9px!important;
    right:46px!important;
    max-width:calc(100% - 55px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .lives-screen .live-card-alert{
    right:8px!important;
  }
  body #app .lives-screen .live-card-flag{
    right:8px!important;
  }

  /* LIVE WATCH PAGE: prevent right-edge UI from touching/crossing viewport.
     This does not change the live player/media sizing. */
  body #app .live-screen.live-immersive,
  body #app .live-screen.live-immersive .live-room,
  body #app .live-screen.live-immersive .live-layout,
  body #app .live-screen.live-immersive .live-main{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:hidden!important;
  }
  body #app .live-screen.live-immersive .live-overlay-top{
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }
  body #app .live-screen.live-immersive .live-overlay-actions{
    min-width:0!important;
    max-width:calc(100% - 74px)!important;
    margin-left:auto!important;
  }
  body #app .live-screen.live-immersive .live-player-tools,
  body #app .live-screen.live-immersive .live-reactions{
    right:12px!important;
  }
  body #app .live-screen.live-immersive .live-composer{
    width:100%!important;
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }
}

/* Hotfix661: self-service permanent profile deletion */
.edit-profile-screen .profile-delete-danger{width:min(880px,calc(100% - 36px));margin:18px auto calc(36px + var(--safe-bottom));padding:18px;border:1px solid rgba(255,79,109,.22);border-radius:18px;background:linear-gradient(145deg,rgba(54,16,24,.82),rgba(20,12,16,.94));display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.edit-profile-screen .profile-delete-danger-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,79,109,.12);color:#ff7186}.edit-profile-screen .profile-delete-danger-icon .ico{width:22px}
.edit-profile-screen .profile-delete-danger-copy{min-width:0}.edit-profile-screen .profile-delete-danger-copy small{display:block;margin-bottom:4px;color:#ff7186;font-size:9px;font-weight:950;letter-spacing:.14em}.edit-profile-screen .profile-delete-danger-copy h2{margin:0;font-size:17px;line-height:1.2}.edit-profile-screen .profile-delete-danger-copy p{margin:6px 0 0;max-width:590px;color:#aeb4be;font-size:11px;line-height:1.5}
.edit-profile-screen .profile-delete-danger>button{height:42px;padding:0 14px;border:1px solid rgba(255,102,123,.22);border-radius:12px;background:#351219;color:#ff9cab;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:900;white-space:nowrap}.edit-profile-screen .profile-delete-danger>button .ico{width:16px}.edit-profile-screen .profile-delete-danger>button:disabled{opacity:.6}
.profile-delete-email-sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-47%) scale(.98);width:min(405px,calc(100vw - 28px));padding:25px 21px 19px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(180deg,#121720,#090d13);box-shadow:0 26px 90px rgba(0,0,0,.7);text-align:center;opacity:0;transition:.18s}.open .profile-delete-email-sheet{opacity:1;transform:translate(-50%,-50%) scale(1)}
.profile-delete-email-icon{width:60px;height:60px;margin:1px auto 12px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#26162e,#1b101f);color:#d17de5}.profile-delete-email-icon .ico{width:27px}.profile-delete-email-sheet>small{display:block;color:#b778cc;font-size:9px;font-weight:950;letter-spacing:.14em}.profile-delete-email-sheet h2{margin:5px 0 8px;font-size:21px}.profile-delete-email-sheet>p{margin:0 auto 14px;max-width:330px;color:#aeb5c0;font-size:11px;line-height:1.55}.profile-delete-email-sheet>p b,.profile-delete-email-sheet>p strong{color:#f3f5f8}.profile-delete-email-sheet>div{display:flex;gap:8px;align-items:flex-start;margin:0 0 16px;padding:11px 12px;border-radius:12px;background:#111720;color:#8f98a5;text-align:left;font-size:10px;line-height:1.45}.profile-delete-email-sheet>div .ico{width:17px;flex:0 0 17px;color:#a874ba}.profile-delete-email-sheet>.primary{width:100%;height:45px;border-radius:13px}
html[data-theme="light"] .edit-profile-screen .profile-delete-danger{border-color:#efd0d6;background:linear-gradient(145deg,#fff6f7,#fff);box-shadow:0 12px 32px rgba(0,0,0,.055)}html[data-theme="light"] .edit-profile-screen .profile-delete-danger-copy h2{color:#27292d}html[data-theme="light"] .edit-profile-screen .profile-delete-danger-copy p{color:#747b84}html[data-theme="light"] .edit-profile-screen .profile-delete-danger>button{background:#fff0f2;border-color:#efc8d0;color:#a73f50}
html[data-theme="light"] .profile-delete-email-sheet{background:#fff;border-color:#e1e3e6;box-shadow:0 24px 70px rgba(0,0,0,.15);color:#202226}html[data-theme="light"] .profile-delete-email-icon{background:#f7edf9;color:#81438f}html[data-theme="light"] .profile-delete-email-sheet>p{color:#707780}html[data-theme="light"] .profile-delete-email-sheet>p b,html[data-theme="light"] .profile-delete-email-sheet>p strong{color:#24262a}html[data-theme="light"] .profile-delete-email-sheet>div{background:#f5f5f6;color:#69717a}
@media(max-width:640px){.edit-profile-screen .profile-delete-danger{width:calc(100% - 32px);margin-top:12px;padding:14px;grid-template-columns:42px minmax(0,1fr);gap:11px}.edit-profile-screen .profile-delete-danger-icon{width:42px;height:42px;border-radius:12px}.edit-profile-screen .profile-delete-danger>button{grid-column:1/-1;width:100%;margin-top:2px}.profile-delete-email-sheet{padding:23px 18px 17px}}


/* Hotfix663: keep permanent account deletion visibly inside Edit Profile form. */
.edit-profile-screen #editProfileForm .profile-delete-danger{
  width:100%!important;
  max-width:none!important;
  margin:4px 0 2px!important;
  padding:15px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(225,49,78,.30)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(62,14,24,.88),rgba(28,11,17,.96))!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  box-shadow:none!important;
}
.edit-profile-screen #editProfileForm .profile-delete-danger-icon{
  width:44px!important;height:44px!important;border-radius:13px!important;
  background:rgba(255,74,104,.14)!important;color:#ff758c!important;
}
.edit-profile-screen #editProfileForm .profile-delete-danger-copy small{
  color:#ff758c!important;font-size:9px!important;font-weight:950!important;letter-spacing:.14em!important;
}
.edit-profile-screen #editProfileForm .profile-delete-danger-copy h2{
  margin:1px 0 0!important;color:#fff!important;font-size:16px!important;line-height:1.2!important;
}
.edit-profile-screen #editProfileForm .profile-delete-danger-copy p{
  margin:5px 0 0!important;color:#c0aeb3!important;font-size:10px!important;line-height:1.45!important;
}
.edit-profile-screen #editProfileForm .profile-delete-danger>button{
  grid-column:1/-1!important;width:100%!important;height:44px!important;margin-top:2px!important;
  border:1px solid rgba(255,99,124,.30)!important;border-radius:12px!important;
  background:#4a121d!important;color:#ffabb8!important;font-size:11px!important;font-weight:900!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
.edit-profile-screen #editProfileForm .profile-delete-danger>button .ico{width:17px!important}
.edit-profile-screen #editProfileForm>.primary[type="submit"]{margin-top:4px!important}
html[data-theme="light"] .edit-profile-screen #editProfileForm .profile-delete-danger{
  background:linear-gradient(145deg,#fff6f7,#fffafa)!important;
  border-color:#e9bcc5!important;
}
html[data-theme="light"] .edit-profile-screen #editProfileForm .profile-delete-danger-copy h2{color:#8e2436!important}
html[data-theme="light"] .edit-profile-screen #editProfileForm .profile-delete-danger-copy p{color:#7c6168!important}
html[data-theme="light"] .edit-profile-screen #editProfileForm .profile-delete-danger>button{
  background:#fff0f2!important;border-color:#e6b5bf!important;color:#aa3045!important;
}


/* Hotfix664 — Profile options clean rows: no skeleton blocks, no broken labels. */
.profile-options-premium{
  width:min(540px,calc(100% - 20px))!important;
  overflow:hidden!important;
}
.profile-options-premium>.pro-action-list{
  display:block!important;
  margin:12px 14px calc(14px + var(--safe-bottom))!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.018)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.profile-options-premium>.pro-action-list>button{
  width:100%!important;
  min-width:0!important;
  min-height:68px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:13px!important;
  margin:0!important;
  padding:10px 15px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
  overflow:hidden!important;
}
.profile-options-premium>.pro-action-list>button:last-child{border-bottom:0!important}
.profile-options-premium>.pro-action-list>button>i{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(131,58,180,.13),rgba(252,176,69,.045))!important;
  border:1px solid rgba(167,103,210,.14)!important;
  color:var(--site-accent-light)!important;
  box-shadow:none!important;
}
.profile-options-premium>.pro-action-list>button>.profile-option-label{
  display:block!important;
  position:static!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#eef1f5!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.profile-options-premium>.pro-action-list>button>.profile-option-label::before,
.profile-options-premium>.pro-action-list>button>.profile-option-label::after{
  content:none!important;
  display:none!important;
}
.profile-options-premium>.pro-action-list>button>em{
  width:20px!important;
  min-width:20px!important;
  justify-self:end!important;
}
.profile-options-premium>.pro-action-list>button:active{
  transform:none!important;
  background:rgba(255,255,255,.045)!important;
}
html[data-theme="light"] .profile-options-premium>.pro-action-list{
  border-color:#e2e3e6!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(23,27,34,.055)!important;
}
html[data-theme="light"] .profile-options-premium>.pro-action-list>button{
  border-bottom-color:#ececef!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .profile-options-premium>.pro-action-list>button>i{
  border-color:#eadcf0!important;
  background:linear-gradient(145deg,#f8eefb,#fff6eb)!important;
  color:var(--site-accent)!important;
}
html[data-theme="light"] .profile-options-premium>.pro-action-list>button>.profile-option-label{
  color:#151923!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-theme="light"] .profile-options-premium>.pro-action-list>button:active{
  background:#f7f7f8!important;
}
@media(max-width:700px){
  .profile-options-premium{width:calc(100% - 18px)!important}
  .profile-options-premium>.pro-action-list{
    margin:10px 12px calc(12px + var(--safe-bottom))!important;
    border-radius:16px!important;
  }
  .profile-options-premium>.pro-action-list>button{
    min-height:64px!important;
    grid-template-columns:44px minmax(0,1fr) 18px!important;
    gap:12px!important;
    padding:9px 13px!important;
  }
  .profile-options-premium>.pro-action-list>button>i{
    width:42px!important;height:42px!important;
  }
  .profile-options-premium>.pro-action-list>button>.profile-option-label{
    font-size:14.5px!important;
    white-space:nowrap!important;
  }
}
@media(max-width:360px){
  .profile-options-premium>.pro-action-list>button{
    grid-template-columns:40px minmax(0,1fr) 16px!important;
    gap:10px!important;
    padding-left:11px!important;
    padding-right:11px!important;
  }
  .profile-options-premium>.pro-action-list>button>i{width:38px!important;height:38px!important}
  .profile-options-premium>.pro-action-list>button>.profile-option-label{font-size:13.5px!important}
}

/* === Xmegram 3.4.9-hotfix665 · compact profile Tips + direct payment popup === */
.profile-tip-button{
  width:calc(100% - 32px);max-width:760px;min-height:52px;margin:8px auto 3px;padding:8px 13px;
  display:grid;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:10px;
  border:1px solid rgba(255,255,255,.13);border-radius:16px;text-align:left;color:#fff;
  background:linear-gradient(105deg,var(--site-accent) 0%,var(--site-accent) 48%,var(--site-accent2) 100%);
  box-shadow:0 10px 24px color-mix(in srgb,var(--site-accent) 18%,transparent),inset 0 1px rgba(255,255,255,.24);
  -webkit-tap-highlight-color:transparent;
}
.profile-tip-button:active{transform:translateY(1px);filter:brightness(.98)}
.profile-tip-button-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18)}
.profile-tip-button-icon .ico{width:20px;height:20px}
.profile-tip-button-copy{min-width:0;display:grid;gap:2px}
.profile-tip-button-copy b{font-size:13px;line-height:1.1;font-weight:900;letter-spacing:-.01em}
.profile-tip-button-copy small{font-size:9.5px;line-height:1.2;color:rgba(255,255,255,.82);font-weight:650}
.profile-tip-button-arrow{display:grid;place-items:center;opacity:.86}.profile-tip-button-arrow .ico{width:17px;height:17px}

.profile-tip-scrim{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.profile-tip-modal{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 26px));
  max-height:min(650px,calc(100dvh - 30px));overflow:auto;overscroll-behavior:contain;padding:20px 18px 17px;
  border:1px solid rgba(255,255,255,.14);border-radius:24px;color:#f8f8fb;
  background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--site-accent-bright) 16%,transparent),transparent 34%),linear-gradient(180deg,#16191f 0%,#0e1116 100%);
  box-shadow:0 26px 72px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.045);
  scrollbar-width:none;
}
.profile-tip-modal::-webkit-scrollbar{display:none}
.profile-tip-close{position:absolute;right:13px;top:11px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#9aa0aa;font-size:30px;font-weight:300;line-height:1}
.profile-tip-gift{width:60px;height:60px;margin:4px auto 12px;display:grid;place-items:center;border-radius:50%;color:var(--site-accent-bright);border:1px solid color-mix(in srgb,var(--site-accent-bright) 72%,transparent);background:color-mix(in srgb,var(--site-accent-bright) 7%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--site-accent-bright) 12%,transparent)}
.profile-tip-gift .ico{width:29px;height:29px;stroke-width:1.8}
.profile-tip-modal>header{text-align:center;margin:0 30px 16px}
.profile-tip-modal>header h2{margin:0;color:#fff;font-size:23px;line-height:1.12;letter-spacing:-.025em}
.profile-tip-modal>header p{margin:6px 0 0;color:#a8adb7;font-size:12px;line-height:1.35}
.profile-tip-modal form{display:grid;gap:11px}
.profile-tip-providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.profile-tip-provider{min-width:0;min-height:66px;padding:8px 5px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#171b22;color:#eef0f3;text-align:center}
.profile-tip-provider>.provider-art{width:31px!important;height:31px!important;border-radius:8px!important}
.profile-tip-provider>span:last-child{min-width:0;width:100%;display:grid;gap:1px}
.profile-tip-provider b{font-size:10.5px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-tip-provider small{font-size:7.5px;line-height:1.15;color:#868d98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-tip-provider.active{border-color:var(--site-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--site-accent-bright) 17%,transparent),color-mix(in srgb,var(--site-accent-bright) 5.5%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent-bright) 16%,transparent),0 6px 18px color-mix(in srgb,var(--site-accent-bright) 9%,transparent)}
.profile-tip-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.profile-tip-presets button{min-width:0;height:38px;padding:0 4px;border:1px solid rgba(255,255,255,.11);border-radius:11px;background:#171b22;color:#f3f4f6;font-size:10.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-tip-presets button.active{border-color:var(--site-accent);background:linear-gradient(135deg,var(--site-accent2),var(--site-accent));color:#fff;box-shadow:0 6px 16px color-mix(in srgb,var(--site-accent) 15%,transparent)}
.profile-tip-amount,.profile-tip-phone,.profile-tip-message{display:grid;gap:5px;color:#c9cdd4;font-size:9.5px;font-weight:750}
.profile-tip-amount>div{height:44px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#14181e}
.profile-tip-amount>div:focus-within,.profile-tip-phone input:focus,.profile-tip-message textarea:focus{border-color:color-mix(in srgb,var(--site-accent-bright) 72%,transparent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--site-accent-bright) 8%,transparent)}
.profile-tip-amount b{color:#8f96a1;font-size:10px;letter-spacing:.04em}.profile-tip-amount input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:#fff;font-size:15px;font-weight:850;box-shadow:none!important}
.profile-tip-phone input{height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#14181e;color:#fff;font-size:12px;outline:0}
.profile-tip-message>span small{color:#797f89;font-weight:600}
.profile-tip-message textarea{width:100%;min-height:62px;max-height:94px;resize:vertical;padding:10px 12px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#14181e;color:#fff;font:inherit;font-size:11px;line-height:1.4;outline:0}
.profile-tip-status{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#aeb4bd;font-size:9.5px;line-height:1.4;text-align:center}
.profile-tip-status.error{border-color:rgba(255,93,114,.24);background:rgba(255,72,99,.07);color:#ff9aa9}.profile-tip-status.working{border-color:color-mix(in srgb,var(--site-accent-bright) 24%,transparent);background:color-mix(in srgb,var(--site-accent-bright) 7%,transparent);color:#ffc3dc}
.profile-tip-submit{min-height:47px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:15px;color:#fff;font-size:13px;font-weight:900;background:linear-gradient(105deg,var(--site-accent-bright),var(--site-accent) 50%,var(--site-accent));box-shadow:0 11px 26px color-mix(in srgb,var(--site-accent) 20%,transparent),inset 0 1px rgba(255,255,255,.24)}
.profile-tip-submit .ico{width:18px;height:18px}.profile-tip-submit:disabled{opacity:.68;cursor:wait}
.profile-tip-cancel{height:38px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#171b21;color:#c8ccd3;font-size:11px;font-weight:750}

html[data-theme="light"] .profile-tip-button{border-color:color-mix(in srgb,var(--site-accent) 10%,transparent)!important;box-shadow:0 9px 22px color-mix(in srgb,var(--site-accent) 16%,transparent),inset 0 1px rgba(255,255,255,.28)!important}
html[data-theme="light"] .profile-tip-scrim{background:rgba(13,14,18,.52)!important}
@media(max-width:767px){
  .profile-tip-button{width:calc(100% - 24px);min-height:50px;margin-top:7px;border-radius:15px;grid-template-columns:36px minmax(0,1fr) 22px;padding:7px 11px}
  .profile-tip-button-icon{width:34px;height:34px}.profile-tip-button-copy b{font-size:12.5px}.profile-tip-button-copy small{font-size:9px}
  .profile-tip-modal{width:min(404px,calc(100% - 22px));max-height:calc(100dvh - 22px);padding:18px 15px 15px;border-radius:22px}
  .profile-tip-gift{width:54px;height:54px;margin-bottom:10px}.profile-tip-gift .ico{width:26px;height:26px}.profile-tip-modal>header{margin-bottom:14px}.profile-tip-modal>header h2{font-size:21px}
  .profile-tip-provider{min-height:62px}.profile-tip-provider>.provider-art{width:29px!important;height:29px!important}.profile-tip-presets{gap:5px}.profile-tip-presets button{height:36px;font-size:9.8px}
}
@media(max-width:365px){.profile-tip-modal{padding-left:12px;padding-right:12px}.profile-tip-providers{gap:5px}.profile-tip-provider{padding-left:3px;padding-right:3px}.profile-tip-provider small{font-size:7px}.profile-tip-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-tip-presets button:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.profile-tip-button,.profile-tip-provider,.profile-tip-submit{transition:none!important}}


/* Hotfix666: profile tips method isolation + compact wallet low-balance recovery. */
.profile-tip-phone[hidden]{display:none!important}
.profile-tip-button-copy{align-content:center}
.profile-tip-button-copy b{font-size:14px}
.profile-tip-low-balance{position:relative;width:min(92vw,360px);margin:auto;padding:20px 18px 16px;border-radius:22px;background:linear-gradient(180deg,#15171d,#0f1116);border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 60px rgba(0,0,0,.44);color:#f7f7fa;text-align:center}
.profile-tip-low-balance .profile-tip-close{top:12px;right:12px}
.profile-tip-low-icon{width:50px;height:50px;margin:2px auto 10px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--site-accent) 12%,transparent);color:var(--site-accent);border:1px solid color-mix(in srgb,var(--site-accent-bright) 40%,transparent)}
.profile-tip-low-icon svg{width:24px;height:24px}
.profile-tip-low-balance h2{margin:0 0 14px;font-size:22px;line-height:1.1}
.profile-tip-low-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px}
.profile-tip-low-values span{padding:10px 8px;border-radius:13px;background:#171a20;border:1px solid rgba(255,255,255,.08);display:grid;gap:3px}
.profile-tip-low-values small{font-size:9px;color:#8f96a2;font-weight:700}
.profile-tip-low-values b{font-size:13px;color:#fff}
.profile-tip-low-balance .profile-tip-submit,.profile-tip-low-balance .profile-tip-cancel{width:100%}

/* === Xmegram 3.4.9-hotfix669 · truthful purchase proof + checkout recovery + replayable preview === */
.watch-purchase-signal{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:20px;padding:3px 8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(8,10,15,.72);color:#d8dde5;font-size:8.5px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.watch-purchase-signal>i{color:var(--site-accent-light);font-size:8px;font-style:normal;line-height:1}
.watch-entry-offer>.watch-purchase-signal{margin-top:-1px}
.watch-smart-copy>.watch-purchase-signal{width:max-content;max-width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .watch-purchase-signal{border-color:rgba(25,29,35,.10);background:rgba(255,255,255,.86);color:#555b64;box-shadow:0 1px 4px rgba(10,15,20,.04)}

/* A completed preview keeps the secondary action available as Watch preview again. */
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing){gap:7px!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-entry-actions{padding:6px 6px 0!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-preview-first,
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first.watch-preview-repeat{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-height:29px!important;padding:3px 9px!important;margin:0!important;color:#aeb5bf!important}
.watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-preview-first:hover,
.watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first.watch-preview-repeat:hover{color:#fff!important}
html[data-theme="light"] .watch-player.has-watch-entry-offer>.watch-entry-offer.preview-consumed:not(.is-playing) .watch-preview-first,
html[data-theme="light"] .watch-player.has-watch-entry-offer>.watch-entry-offer:not(.is-playing) .watch-preview-first.watch-preview-repeat{color:#6d747d!important}

.watch-checkout-recovery{position:fixed;z-index:10030;left:50%;bottom:24px;transform:translate(-50%,14px);width:min(420px,calc(100vw - 28px));min-height:48px;padding:6px 7px 6px 13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(11,14,20,.96);box-shadow:0 14px 42px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.watch-checkout-recovery.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.watch-checkout-recovery>span{min-width:0;flex:1;color:#e7eaf0;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-checkout-recovery>[data-watch-recovery-complete]{height:36px;flex:0 0 auto;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(105deg,var(--site-accent-bright),var(--site-accent) 52%,var(--site-accent2));color:#fff;font-size:10px;font-weight:900;box-shadow:0 7px 18px color-mix(in srgb,var(--site-accent2) 20%,transparent)}
.watch-checkout-recovery-close{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#8f97a2;font-size:21px;line-height:1}
.watch-checkout-recovery-close:hover{background:rgba(255,255,255,.06);color:#fff}
html[data-theme="light"] .watch-checkout-recovery{border-color:rgba(18,23,30,.09);background:rgba(255,255,255,.97);box-shadow:0 12px 34px rgba(24,30,38,.14)}
html[data-theme="light"] .watch-checkout-recovery>span{color:#262a30}
html[data-theme="light"] .watch-checkout-recovery-close{color:#717780}
@media(max-width:767px){.watch-checkout-recovery{bottom:calc(194px + var(--safe-bottom));width:min(390px,calc(100vw - 20px));min-height:46px;padding:5px 6px 5px 11px;border-radius:14px}.watch-checkout-recovery>span{font-size:10.5px}.watch-checkout-recovery>[data-watch-recovery-complete]{height:34px;padding:0 11px;font-size:9.5px}.watch-checkout-recovery-close{width:28px;height:28px;flex-basis:28px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.watch-checkout-recovery{transition:none!important}}


/* Hotfix669: make the compact checkout-recovery action visually distinct without increasing its size. */
.watch-checkout-recovery>[data-watch-recovery-complete]{
  background:#6d28d9;
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 8px 22px rgba(109,40,217,.38),0 0 0 2px rgba(109,40,217,.10);
  transition:background .16s ease,box-shadow .16s ease,transform .16s ease;
}
.watch-checkout-recovery>[data-watch-recovery-complete]:hover{background:#7c3aed;box-shadow:0 9px 24px rgba(109,40,217,.44),0 0 0 2px rgba(124,58,237,.13);transform:translateY(-1px)}
.watch-checkout-recovery>[data-watch-recovery-complete]:active{background:#5b21b6;box-shadow:0 5px 14px rgba(91,33,182,.34);transform:translateY(0)}
.watch-checkout-recovery>[data-watch-recovery-complete]:focus-visible{outline:3px solid rgba(109,40,217,.24);outline-offset:2px}

/* === Xmegram 3.4.9-hotfix678 · softer Watch transport controls ===
   Reduce the heavy black control scrim without sacrificing readability on bright video. */
.watch-player .player-controls{
  height:58px!important;
  background:linear-gradient(180deg,
    rgba(5,7,10,0) 0%,
    rgba(5,7,10,.07) 28%,
    rgba(5,7,10,.24) 58%,
    rgba(5,7,10,.52) 100%)!important;
  text-shadow:0 1px 5px rgba(0,0,0,.52);
}
.watch-player .player-controls button,
.watch-player .player-controls time{
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));
}
@media(max-width:767px){
  .watch-player .player-controls{
    height:56px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    background:linear-gradient(180deg,
      rgba(5,7,10,0) 0%,
      rgba(5,7,10,.05) 24%,
      rgba(5,7,10,.20) 56%,
      rgba(5,7,10,.48) 100%)!important;
  }
}

/* Hotfix679: persistent, compact suspension notice on sign-in. */
.auth-suspension-notice{margin:-6px 0 16px;padding:12px 14px;border:1px solid rgba(255,91,113,.30);border-radius:14px;background:linear-gradient(135deg,rgba(95,18,32,.70),rgba(20,13,22,.92));text-align:left;box-shadow:0 10px 28px rgba(0,0,0,.16)}.auth-suspension-notice b,.auth-suspension-notice span{display:block}.auth-suspension-notice b{color:#fff;font-size:13px;font-weight:850;margin-bottom:3px}.auth-suspension-notice span{color:#ffc3cc;font-size:12px;line-height:1.45}
html[data-theme="light"] .auth-suspension-notice{background:#fff4f6;border-color:#f6b8c2;box-shadow:0 10px 26px #8a263012}html[data-theme="light"] .auth-suspension-notice b{color:#8b1830}html[data-theme="light"] .auth-suspension-notice span{color:#7b4350}


/* Hotfix680: immediate password-confirmed permanent account deletion. */
.profile-delete-password-sheet form{margin-top:14px;text-align:left}.profile-delete-password-sheet form>label{display:block}.profile-delete-password-sheet form>label>span{display:block;margin:0 0 7px;color:#b7bdc7;font-size:10px;font-weight:850}.profile-delete-password-sheet form input{width:100%;height:46px;box-sizing:border-box;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#141922;color:#fff;font:inherit;outline:none}.profile-delete-password-sheet form input:focus{border-color:rgba(255,93,119,.68);box-shadow:0 0 0 3px rgba(255,75,105,.10)}.profile-delete-password-sheet form>[data-delete-password-error]{display:block;margin:8px 2px 0;color:#ff8295;font-size:10px;font-weight:750;line-height:1.35}.profile-delete-password-sheet form>[data-delete-password-error][hidden]{display:none}.profile-delete-password-sheet .modern-confirm-actions{margin-top:14px}.profile-delete-password-sheet .modern-confirm-actions .danger{background:linear-gradient(100deg,#e43f58,#c91e39);box-shadow:none}.profile-delete-password-sheet .modern-confirm-actions .danger:disabled{opacity:.58}.profile-delete-password-sheet p{margin-bottom:0}.profile-delete-password-sheet .modern-confirm-icon{margin-bottom:10px}html[data-theme="light"] .profile-delete-password-sheet form>label>span{color:#616770}html[data-theme="light"] .profile-delete-password-sheet form input{background:#f7f7f8;border-color:#d9dce0;color:#181a1e}html[data-theme="light"] .profile-delete-password-sheet form input:focus{border-color:#d05b6e;box-shadow:0 0 0 3px rgba(208,91,110,.10)}


/* ==========================================================================
   HOTFIX688 — balanced two-up mobile video streams
   Home suggestions, Discover, Profile, Watch Related, Category and Country
   use two compact cards per row. The renderer supplies complete pairs only.
   ========================================================================== */
@media (max-width:900px){
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen,.watch-screen,.category-screen,.country-screen) .mobile-two-up-feed.discover-mobile-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 12px 14px!important;
    column-count:initial!important;
  }
  body #app .discover-screen :is(.discover-feed-lead,.discover-feed-middle,.discover-feed-tail){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .discover-screen .discover-desktop-grid,
  body #app .discover-screen .shared-desktop-video-grid,
  body #app .profile-screen-ref .profile-desktop-grid,
  body #app .watch-screen .shared-desktop-video-grid{display:none!important;}

  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#0d141d 0%,#0a1017 100%)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.13)!important;
    content-visibility:auto!important;
    contain-intrinsic-size:170px 330px!important;
  }
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1.04/1!important;
    border-radius:11px 11px 8px 8px!important;
    overflow:hidden!important;
    background:#111720!important;
  }
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>img,
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-body{
    flex:1 1 auto!important;
    display:grid!important;
    grid-template-rows:26px minmax(34px,auto) auto!important;
    align-content:start!important;
    gap:6px!important;
    min-height:0!important;
    padding:7px 8px 8px!important;
    border-radius:0!important;
    background:#0d131b!important;
  }
  body #app .mobile-two-up-feed .stream-pro-head{height:26px!important;min-height:26px!important;gap:5px!important;}
  body #app .mobile-two-up-feed .stream-pro-creator{gap:5px!important;min-width:0!important;}
  body #app .mobile-two-up-feed .stream-pro-avatar{width:25px!important;height:25px!important;flex:0 0 25px!important;border-width:1px!important;}
  body #app .mobile-two-up-feed .stream-pro-creator-copy{min-width:0!important;}
  body #app .mobile-two-up-feed .stream-pro-creator-copy>b{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.7px!important;line-height:1.05!important;}
  body #app .mobile-two-up-feed .stream-pro-text{min-height:34px!important;margin:0!important;}
  body #app .mobile-two-up-feed .stream-pro-text>h3{font-size:12.2px!important;line-height:1.18!important;font-weight:780!important;-webkit-line-clamp:2!important;}
  body #app .mobile-two-up-feed .stream-pro-commerce{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;gap:5px!important;min-height:0!important;margin:0!important;padding-top:5px!important;border-top:1px solid rgba(255,255,255,.055)!important;}
  body #app .mobile-two-up-feed .stream-pro-price{display:flex!important;width:100%!important;max-width:100%!important;min-height:18px!important;align-items:baseline!important;gap:3px 5px!important;}
  body #app .mobile-two-up-feed .stream-pro-price strong{font-size:14px!important;line-height:1!important;}
  body #app .mobile-two-up-feed .stream-pro-price del{font-size:8px!important;}
  body #app .mobile-two-up-feed .stream-pro-actions{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;width:100%!important;max-width:none!important;gap:5px!important;}
  body #app .mobile-two-up-feed .stream-pro-cart-icon{width:30px!important;height:31px!important;min-width:30px!important;min-height:31px!important;border-radius:8px!important;}
  body #app .mobile-two-up-feed .stream-pro-cta,
  body #app .mobile-two-up-feed .stream-pro-cta.watch{width:100%!important;max-width:none!important;min-width:0!important;height:31px!important;min-height:31px!important;padding:0 7px!important;border-radius:8px!important;font-size:9.8px!important;gap:4px!important;}
  body #app .mobile-two-up-feed .stream-pro-cta .ico{width:12px!important;height:12px!important;}
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>.stream-pro-play{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>.stream-pro-play .ico{width:13px!important;height:13px!important;}
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>.stream-pro-duration{top:6px!important;right:6px!important;height:21px!important;min-height:21px!important;min-width:38px!important;padding:0 6px!important;border-radius:6px!important;font-size:8.5px!important;}
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>.stream-pro-badge{top:6px!important;left:6px!important;height:21px!important;min-height:21px!important;max-width:calc(100% - 50px)!important;padding:0 6px!important;border-radius:6px!important;font-size:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>.stream-pro-badge i{font-size:8px!important;}

  body #app .watch-related>.mobile-two-up-feed,
  body #app .profile-video-listing>.mobile-two-up-feed{padding-bottom:96px!important;}
  body #app .mobile-suggestions-section>.mobile-two-up-feed{padding-bottom:8px!important;}

  html[data-theme="light"] body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card{border-color:#e5e8ec!important;background:#fff!important;box-shadow:0 6px 16px rgba(22,29,39,.055)!important;}
  html[data-theme="light"] body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-body{background:#fff!important;}
  html[data-theme="light"] body #app .mobile-two-up-feed .stream-pro-commerce{border-top-color:#eceff2!important;}
}

/* ========================================================================== */
/* HOTFIX689 — Top-Picks parity for every balanced two-up mobile feed         */
/* Fixes uneven card/media heights, portrait/landscape mismatch and commerce  */
/* overlap. All paired Home/Discover/Profile/Watch/Category/Country cards now */
/* use one strict visual rhythm matching Home Top Picks.                      */
/* ========================================================================== */
@media (max-width:900px){
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen,.watch-screen,.category-screen,.country-screen) .mobile-two-up-feed.discover-mobile-grid{
    gap:10px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    align-items:stretch!important;
  }

  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card{
    align-self:stretch!important;
    min-height:0!important;
    height:auto!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }

  /* One identical media stage for portrait, square and landscape sources. */
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card>.stream-pro-media,
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card.orientation-landscape>.stream-pro-media,
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card.orientation-square>.stream-pro-media,
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card.orientation-portrait>.stream-pro-media,
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card>.discover-mobile-media{
    flex:0 0 auto!important;
    width:100%!important;
    height:clamp(150px,calc(48.08vw - 18.27px),210px)!important;
    min-height:150px!important;
    max-height:210px!important;
    aspect-ratio:auto!important;
    border-radius:10px 10px 8px 8px!important;
    overflow:hidden!important;
    background:#111720!important;
  }
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card>.stream-pro-media>img,
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card>.stream-pro-media>video,
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card>.stream-pro-media>.discover-mobile-poster,
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card>.stream-pro-media>.discover-autoplay-video{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:inherit!important;
  }

  /* Exact body rhythm: creator, two-line title, price, then actions. */
  body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card>.stream-pro-body{
    flex:0 0 151px!important;
    box-sizing:border-box!important;
    width:100%!important;
    height:151px!important;
    min-height:151px!important;
    max-height:151px!important;
    display:grid!important;
    grid-template-rows:28px 34px 60px!important;
    row-gap:6px!important;
    align-content:start!important;
    padding:8px 8px 9px!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed .stream-pro-head{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed .stream-pro-creator{gap:5px!important;min-width:0!important;overflow:hidden!important;}
  body #app .mobile-two-up-feed .stream-pro-avatar{
    width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;flex:0 0 26px!important;
  }
  body #app .mobile-two-up-feed .stream-pro-creator-copy{min-width:0!important;max-width:100%!important;overflow:hidden!important;}
  body #app .mobile-two-up-feed .stream-pro-creator-copy>b{
    max-width:100%!important;font-size:10px!important;line-height:1.08!important;font-weight:760!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body #app .mobile-two-up-feed .stream-pro-creator-copy .verified{flex:0 0 auto!important;}

  body #app .mobile-two-up-feed .stream-pro-text{
    display:block!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed .stream-pro-text>h3{
    display:-webkit-box!important;
    width:100%!important;
    height:34px!important;
    max-height:34px!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:13.2px!important;
    line-height:1.18!important;
    font-weight:780!important;
    letter-spacing:-.014em!important;
  }

  body #app .mobile-two-up-feed .stream-pro-commerce{
    box-sizing:border-box!important;
    width:100%!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:20px 34px!important;
    align-items:stretch!important;
    row-gap:6px!important;
    margin:0!important;
    padding:0!important;
    border-top:0!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed .stream-pro-price{
    position:static!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:baseline!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .stream-pro-price strong{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:15.5px!important;
    line-height:20px!important;
    font-weight:840!important;
    letter-spacing:-.02em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .stream-pro-price del{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:44%!important;
    font-size:8.5px!important;
    line-height:20px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body #app .mobile-two-up-feed .stream-pro-actions{
    position:static!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed .stream-pro-cart-icon{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-height:34px!important;border-radius:9px!important;
  }
  body #app .mobile-two-up-feed .stream-pro-cta,
  body #app .mobile-two-up-feed .stream-pro-cta.watch{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 7px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .stream-pro-cta .ico{width:12px!important;height:12px!important;flex:0 0 12px!important;}

  /* Keep media chrome fully inside the fixed stage. */
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>.stream-pro-play{
    width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  }
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>.stream-pro-duration{
    top:6px!important;right:6px!important;height:22px!important;min-height:22px!important;max-height:22px!important;padding:0 7px!important;border-radius:7px!important;font-size:9px!important;
  }
  body #app .mobile-two-up-feed>.stream-pro-card>.stream-pro-media>.stream-pro-badge{
    top:6px!important;left:6px!important;height:22px!important;min-height:22px!important;max-height:22px!important;max-width:calc(100% - 58px)!important;padding:0 7px!important;border-radius:7px!important;font-size:8.6px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  }

  html[data-theme="light"] body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card{
    border-color:#e8e2e6!important;
    background:linear-gradient(180deg,#fff 0%,#fffafd 100%)!important;
    box-shadow:0 8px 22px rgba(47,28,38,.065)!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed>.stream-pro-card.stream-pro-teaser-card>.stream-pro-body{
    background:linear-gradient(180deg,#fff 0%,#fffafd 100%)!important;
  }
}

/* ========================================================================== */
/* HOTFIX690 — exact Top Picks mobile card parity                             */
/* Every balanced commerce feed uses the same media crop, body rhythm, price */
/* row and action baseline as Top Picks for You.                              */
/* ========================================================================== */
@media (max-width:900px){
  body #app .mobile-two-up-feed.discover-mobile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding-left:12px!important;
    padding-right:12px!important;
    align-items:stretch!important;
  }

  body #app .mobile-two-up-feed>.mobile-top-pick-parity.stream-pro-card{
    display:flex!important;
    flex-direction:column!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:11px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#101722 0%,#0b121b 100%)!important;
    box-shadow:0 10px 26px rgba(4,8,15,.18),inset 0 1px rgba(255,255,255,.025)!important;
  }

  /* Same stage geometry and cover behavior as Home Top Picks. */
  body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-media,
  body #app .mobile-two-up-feed>.mobile-top-pick-parity.orientation-landscape>.mobile-top-pick-parity-media,
  body #app .mobile-two-up-feed>.mobile-top-pick-parity.orientation-square>.mobile-top-pick-parity-media,
  body #app .mobile-two-up-feed>.mobile-top-pick-parity.orientation-portrait>.mobile-top-pick-parity-media{
    position:relative!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1.04/1!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px 10px 8px 8px!important;
    background-color:#111720!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-media.vh-mobile-natural-landscape{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1.04/1!important;
    background-size:cover!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-media>:is(.discover-autoplay-video,.mobile-top-pick-parity-preview,video,img),
  body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-media.vh-mobile-natural-landscape>:is(.discover-autoplay-video,.mobile-top-pick-parity-preview,video,img){
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    transform:none!important;
  }

  /* Same compact chrome as Top Picks. */
  body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-media>.stream-pro-duration{
    top:6px!important;
    right:6px!important;
    bottom:auto!important;
    left:auto!important;
    height:22px!important;
    min-height:22px!important;
    padding:0 7px!important;
    border-radius:7px!important;
    font-size:9px!important;
    line-height:22px!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-media>.stream-pro-badge{
    top:6px!important;
    left:6px!important;
    height:21px!important;
    min-height:21px!important;
    max-height:21px!important;
    max-width:calc(100% - 58px)!important;
    padding:0 7px!important;
    border-radius:7px!important;
    font-size:8.6px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-media>.stream-pro-play{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:50%!important;
  }

  /* Creator + two-line title + always-visible price + actions. */
  body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-body{
    box-sizing:border-box!important;
    flex:0 0 151px!important;
    display:grid!important;
    grid-template-rows:28px 34px 20px 34px!important;
    row-gap:6px!important;
    align-content:start!important;
    width:100%!important;
    height:151px!important;
    min-height:151px!important;
    max-height:151px!important;
    padding:8px 8px 9px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#101722 0%,#0b121b 100%)!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-head{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-creator{
    min-width:0!important;
    max-width:100%!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-avatar{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
    min-height:26px!important;
    flex:0 0 26px!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-creator-copy{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-creator-copy>b{
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:10px!important;
    line-height:1.08!important;
    font-weight:760!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-text{
    display:block!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-text>h3{
    display:-webkit-box!important;
    width:100%!important;
    height:34px!important;
    max-height:34px!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:13.2px!important;
    line-height:1.18!important;
    font-weight:780!important;
    letter-spacing:-.014em!important;
  }

  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-commerce{
    display:contents!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:visible!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price{
    grid-row:3!important;
    position:static!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:baseline!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    color:var(--site-accent)!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price>strong{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    color:var(--site-accent)!important;
    -webkit-text-fill-color:var(--site-accent)!important;
    font-size:15.5px!important;
    line-height:20px!important;
    font-weight:840!important;
    letter-spacing:-.02em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price>del{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:44%!important;
    color:#9298a2!important;
    font-size:8.5px!important;
    line-height:20px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .sale-price-stack,
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .daily-promo-price{
    display:flex!important;
    align-items:baseline!important;
    gap:5px!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .sale-price-stack>strong,
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .daily-promo-price>strong{
    color:var(--site-accent)!important;
    -webkit-text-fill-color:var(--site-accent)!important;
    font-size:15.5px!important;
    line-height:20px!important;
    font-weight:840!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .sale-price-stack>del,
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .daily-promo-price>del{
    color:#9298a2!important;
    font-size:8.5px!important;
    line-height:20px!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .sale-price-stack>em{display:none!important;}

  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-actions,
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-commerce>.stream-pro-cta{
    grid-row:4!important;
    align-self:end!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-actions{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:5px!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-cart-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    border-radius:9px!important;
  }
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-cta,
  body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-cta.watch{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0 7px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  html[data-theme="light"] body #app .mobile-two-up-feed>.mobile-top-pick-parity.stream-pro-card{
    border-color:#eadfe5!important;
    background:linear-gradient(180deg,#fff 0%,#fffafd 100%)!important;
    box-shadow:0 9px 24px rgba(47,28,38,.075),0 1px 0 rgba(255,255,255,.9) inset!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed>.mobile-top-pick-parity>.mobile-top-pick-parity-body{
    background:linear-gradient(180deg,#fff 0%,#fffafd 100%)!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price>strong,
  html[data-theme="light"] body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .sale-price-stack>strong,
  html[data-theme="light"] body #app .mobile-two-up-feed>.mobile-top-pick-parity .stream-pro-price .daily-promo-price>strong{
    color:var(--site-accent)!important;
    -webkit-text-fill-color:var(--site-accent)!important;
  }
}

/* ========================================================================== */
/* HOTFIX691 — exact Top Picks card contract for every balanced mobile feed   */
/* Use the same DOM rhythm, 6:5 cover media, price row and action row as the  */
/* Home Top Picks shelf. This intentionally replaces the old stream-pro card  */
/* sizing on premium mobile feeds rather than stacking another approximation.  */
/* ========================================================================== */
@media (max-width:767px){
  body #app .mobile-two-up-feed{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 14px 14px!important;
    margin:0!important;
    column-count:initial!important;
  }
  body #app .mobile-two-up-feed>.home-reference-top-pick-card:nth-child(n){display:flex!important}
  .screen.home-screen .mobile-two-up-feed>.home-reference-top-pick-card:nth-child(n/**/+3){display:flex!important}

  body #app .mobile-two-up-feed>.home-reference-top-pick-card{
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#101722 0%,#0a1119 100%)!important;
    color:#f7f9fc!important;
    box-shadow:0 10px 25px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed>.home-reference-top-pick-card{
    border-color:#e8e2e6!important;
    background:linear-gradient(180deg,#fff 0%,#fffafd 100%)!important;
    color:#17191d!important;
    box-shadow:0 8px 22px rgba(47,28,38,.065)!important;
  }

  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media{
    position:relative!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:6/5!important;
    overflow:hidden!important;
    border-radius:13px 13px 10px 10px!important;
    background-color:#111720!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    isolation:isolate!important;
  }
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media::after{
    content:""!important;
    position:absolute!important;
    inset:auto 0 0!important;
    height:46%!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,transparent,rgba(2,5,10,.38))!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-preview{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:inherit!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#0b1017!important;
    transform:none!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-badge{
    position:absolute!important;
    z-index:3!important;
    top:10px!important;
    left:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    height:21px!important;
    min-height:21px!important;
    max-height:21px!important;
    max-width:calc(100% - 20px)!important;
    padding:0 7px!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:7px!important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--site-accent) 95%,transparent),color-mix(in srgb,var(--site-accent2) 95%,transparent))!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:680!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:0 5px 18px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.09)!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-badge i{font-style:normal!important;font-size:10px!important;line-height:1!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-duration{
    position:absolute!important;
    z-index:3!important;
    left:10px!important;
    right:auto!important;
    top:auto!important;
    bottom:9px!important;
    height:29px!important;
    min-height:29px!important;
    padding:0 9px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:5px!important;
    background:rgba(2,4,8,.78)!important;
    color:#fff!important;
    box-shadow:0 4px 14px rgba(0,0,0,.22)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-duration .ico{width:15px!important;height:15px!important;fill:#fff!important;stroke:#fff!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-duration b{font-size:11.8px!important;line-height:1!important;font-weight:600!important}

  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-body{
    box-sizing:border-box!important;
    flex:0 0 151px!important;
    display:grid!important;
    grid-template-rows:28px 34px 20px 34px!important;
    row-gap:6px!important;
    align-content:start!important;
    width:100%!important;
    height:151px!important;
    min-height:151px!important;
    max-height:151px!important;
    padding:8px 8px 9px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#101722 0%,#0a1119 100%)!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-body{
    background:linear-gradient(180deg,#fff 0%,#fffafd 100%)!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-creator{
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    overflow:visible!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border:1.5px solid rgba(255,255,255,.74)!important;
    border-radius:50%!important;
    background:#1a2230!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:750!important;
    box-shadow:0 2px 8px rgba(0,0,0,.2)!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-avatar img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-avatar i{font-style:normal!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-creator>span:last-child{min-width:0!important;max-width:calc(100% - 42px)!important;overflow:hidden!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-creator b{
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    color:#f6f7fa!important;
    font-size:12.4px!important;
    line-height:1.1!important;
    font-weight:690!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed .home-reference-top-pick-creator b{color:#17191d!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-creator .verified{display:inline-grid!important;place-items:center!important;width:15px!important;height:15px!important;min-width:15px!important;font-size:9px!important;flex:0 0 15px!important}

  body #app .mobile-two-up-feed .home-reference-top-pick-body>h3{
    grid-row:2!important;
    box-sizing:border-box!important;
    display:-webkit-box!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#f7f8fb!important;
    font-size:13.2px!important;
    line-height:1.18!important;
    font-weight:780!important;
    letter-spacing:-.014em!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed .home-reference-top-pick-body>h3{color:#17191d!important}

  body #app .mobile-two-up-feed .home-reference-top-pick-price{
    grid-row:3!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:baseline!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price strong{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    color:var(--site-accent)!important;
    -webkit-text-fill-color:var(--site-accent)!important;
    font-size:15.5px!important;
    line-height:20px!important;
    font-weight:840!important;
    letter-spacing:-.02em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price del{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:44%!important;
    color:#9298a2!important;
    font-size:8.5px!important;
    line-height:20px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body #app .mobile-two-up-feed .home-reference-top-pick-actions,
  body #app .mobile-two-up-feed .home-reference-top-pick-body>.home-reference-top-pick-cta{
    grid-row:4!important;
    align-self:end!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-actions{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:5px!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cart{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e3e6ea!important;
    border-radius:9px!important;
    background:#f7f8fa!important;
    color:#333c45!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cart .ico{width:16px!important;height:16px!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-cta{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0 7px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:9px!important;
    background:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 54%,var(--site-accent2) 100%)!important;
    color:#fff!important;
    box-shadow:0 7px 18px color-mix(in srgb,var(--site-accent-bright) 25%,transparent)!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:760!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cta :is(span,.ico,svg){color:#fff!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-cta .ico{width:13px!important;height:13px!important;flex:0 0 13px!important}
}


/* ========================================================================== */
/* HOTFIX692 — mobile feed cards truly match Top Picks and never clip actions */
/* Old Discover/Profile rules imposed aspect-ratio on the OUTER card itself.  */
/* That compressed the body and cut off the cart/Watch row. Reset that outer  */
/* geometry, then apply the exact mobile Top Picks crop/body/action contract. */
/* ========================================================================== */
@media (max-width:767px){
  body #app .mobile-two-up-feed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }

  body #app .mobile-two-up-feed>article.home-reference-top-pick-card,
  body #app .mobile-two-up-feed>.discover-mobile-card.shared-mobile-video-card.home-reference-top-pick-card,
  body #app .discover-screen .mobile-two-up-feed>.discover-mobile-card.shared-mobile-video-card.home-reference-top-pick-card,
  body #app :is(.home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.watch-screen,.category-screen,.country-screen) .mobile-two-up-feed>.home-reference-top-pick-card{
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    contain:none!important;
    contain-intrinsic-size:auto!important;
    content-visibility:visible!important;
    break-inside:avoid!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border-radius:11px!important;
  }

  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-landscape>.home-reference-top-pick-media,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-square>.home-reference-top-pick-media,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media{
    position:relative!important;
    box-sizing:border-box!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1.04/1!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px 10px 8px 8px!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-preview,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>video,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }

  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-body{
    box-sizing:border-box!important;
    flex:0 0 151px!important;
    display:grid!important;
    grid-template-rows:28px 34px 20px 34px!important;
    row-gap:6px!important;
    align-content:start!important;
    width:100%!important;
    height:151px!important;
    min-height:151px!important;
    max-height:151px!important;
    margin:0!important;
    padding:8px 8px 9px!important;
    overflow:visible!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-creator{
    grid-row:1!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-body>h3{
    grid-row:2!important;
    box-sizing:border-box!important;
    display:-webkit-box!important;
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:13.2px!important;
    line-height:1.18!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price{
    grid-row:3!important;
    position:static!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:baseline!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:20px!important;
    min-height:20px!important;
    max-height:20px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price strong{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    color:var(--site-accent)!important;
    -webkit-text-fill-color:var(--site-accent)!important;
    font-size:15.5px!important;
    line-height:20px!important;
    font-weight:840!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price del{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:44%!important;
    font-size:8.5px!important;
    line-height:20px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body #app .mobile-two-up-feed .home-reference-top-pick-actions,
  body #app .mobile-two-up-feed .home-reference-top-pick-body>.home-reference-top-pick-cta{
    grid-row:4!important;
    position:static!important;
    align-self:start!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
    transform:none!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-actions{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:5px!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cart{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:9px!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cta{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:9px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:hidden!important;
  }
}

/* ========================================================================== */
/* HOTFIX693 — live site color authority                                      */
/* One Admin color now owns every brand tint, shade, outline and gradient.    */
/* Semantic red/green/gold/verified colors intentionally stay independent.    */
/* ========================================================================== */
:root{
  --site-accent:#f52f7c;
  --site-accent2:#e9145a;
  --site-accent-bright:color-mix(in srgb,var(--site-accent) 78%,#fff);
  --site-accent-light:color-mix(in srgb,var(--site-accent) 62%,#fff);
  --site-accent-faint:color-mix(in srgb,var(--site-accent) 8%,transparent);
  --site-accent-soft:color-mix(in srgb,var(--site-accent) 12%,transparent);
  --site-accent-soft-2:color-mix(in srgb,var(--site-accent) 20%,transparent);
  --site-accent-border:color-mix(in srgb,var(--site-accent) 48%,transparent);
  --site-accent-shadow:color-mix(in srgb,var(--site-accent) 24%,transparent);
  --site-accent-gradient:linear-gradient(105deg,var(--site-accent-bright) 0%,var(--site-accent) 52%,var(--site-accent2) 100%);

  --accent:var(--site-accent)!important;
  --accent2:var(--site-accent2)!important;
  --brand-red:var(--site-accent)!important;
  --brand-red-bright:var(--site-accent-bright)!important;
  --brand-red-deep:var(--site-accent2)!important;
  --brand-red-soft:var(--site-accent-soft)!important;
  --brand-red-soft-2:var(--site-accent-soft-2)!important;
  --brand-red-border:var(--site-accent-border)!important;
  --brand-red-gradient:var(--site-accent-gradient)!important;
  --lux-red:var(--site-accent)!important;
  --lux-red-deep:var(--site-accent2)!important;
  --lux-pink:var(--site-accent)!important;
  --tab-maroon-active:var(--site-accent)!important;
  --brand-red-bright:var(--site-accent-bright)!important;
}
html[data-theme="light"]{
  --accent:var(--site-accent)!important;
  --accent2:var(--site-accent2)!important;
  --brand-red:var(--site-accent)!important;
  --brand-red-bright:var(--site-accent-bright)!important;
  --brand-red-deep:var(--site-accent2)!important;
  --brand-red-soft:color-mix(in srgb,var(--site-accent) 9%,transparent)!important;
  --brand-red-soft-2:color-mix(in srgb,var(--site-accent) 15%,transparent)!important;
  --brand-red-border:color-mix(in srgb,var(--site-accent) 35%,transparent)!important;
  --brand-red-gradient:var(--site-accent-gradient)!important;
  --lux-red:var(--site-accent)!important;
  --lux-red-deep:var(--site-accent2)!important;
  --lux-pink:var(--site-accent)!important;
  --tab-maroon-active:var(--site-accent)!important;
}
/* Final commerce authority: no historical hotfix may force pink over Admin color. */
body #app :is(.primary,.cart-checkout,.checkout-pay,.wallet-primary,.unlock-btn,.watch-mobile-buy,.watch-smart-buy,.home-reference-top-pick-cta,.home-limited-deal-cta,.hero-reference-cta,.stream-reference-cta.buy,.stream-pro-cta.buy,.saved-compare-open-video,.watch-checkout-recovery>[data-watch-recovery-complete]){
  background:var(--site-accent-gradient)!important;
  color:#fff!important;
}
body #app :is(.watch-price,.commerce-card-price strong,.stream-pro-price strong,.stream-pro-price .sale-price-stack>strong,.stream-pro-price .daily-promo-price>strong,.home-reference-top-pick-price strong,.home-limited-deal-price strong,.profile-price,.cart-line-price strong){
  color:var(--site-accent)!important;
  -webkit-text-fill-color:var(--site-accent)!important;
}


/* HOTFIX693 semantic status guards: verification stays informational blue; brand color remains commerce/selection only. */
body #app .verified,
body #app .verified.verified-mini {
  background:#1877f2!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body #app .profile-verified {
  background:#2b87ef!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* ========================================================================== */
/* HOTFIX701 — category/country mobile two-up authority                       */
/* Force the actual listing grids to render as two equal vertical columns on  */
/* phones/tablets, regardless of older masonry/listing overrides.             */
/* ========================================================================== */
@media (max-width:900px){
  body #app [data-listing-grid="category"].responsive-listing-grid,
  body #app [data-listing-grid="country"].responsive-listing-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body #app [data-listing-grid="category"]>.surface-category-masonry.mobile-two-up-feed,
  body #app [data-listing-grid="country"]>.surface-country-masonry.mobile-two-up-feed{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px 12px 96px!important;
    column-count:initial!important;
    columns:auto!important;
  }

  body #app [data-listing-grid="category"]>.surface-category-masonry.mobile-two-up-feed>.home-reference-top-pick-card,
  body #app [data-listing-grid="country"]>.surface-country-masonry.mobile-two-up-feed>.home-reference-top-pick-card{
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  body #app [data-listing-grid="category"]>.surface-category-desktop,
  body #app [data-listing-grid="country"]>.surface-country-desktop{
    display:none!important;
  }

  body #app [data-listing-grid="category"] .home-reference-top-pick-media,
  body #app [data-listing-grid="country"] .home-reference-top-pick-media{
    width:100%!important;
    aspect-ratio:1.04/1!important;
    background-size:cover!important;
    background-position:center!important;
    overflow:hidden!important;
  }
  body #app [data-listing-grid="category"] .home-reference-top-pick-media>video,
  body #app [data-listing-grid="category"] .home-reference-top-pick-media>img,
  body #app [data-listing-grid="country"] .home-reference-top-pick-media>video,
  body #app [data-listing-grid="country"] .home-reference-top-pick-media>img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
}
@media (min-width:901px){
  body #app [data-listing-grid="category"]>.surface-category-masonry,
  body #app [data-listing-grid="country"]>.surface-country-masonry{display:none!important;}
  body #app [data-listing-grid="category"]>.surface-category-desktop,
  body #app [data-listing-grid="country"]>.surface-country-desktop{display:grid!important;}
}

/* === Xmegram 3.4.9-hotfix703 · Watch complete-payment chooser === */
.drawer-scrim.watch-pay-scrim{background:rgba(5,7,11,.68)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}
.watch-complete-payment{position:fixed!important;z-index:2147483001!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(760px,calc(100vw - 32px))!important;max-height:min(92dvh,860px)!important;overflow:auto!important;box-sizing:border-box!important;padding:28px 28px 24px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:30px!important;background:radial-gradient(circle at 50% 0,rgba(var(--site-accent-rgb),.13),transparent 30%),linear-gradient(165deg,#171922 0%,#0d1118 68%,#0a0d13 100%)!important;color:#f8f9fc!important;box-shadow:0 34px 96px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.045)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important}
.watch-pay-close{position:absolute!important;right:20px!important;top:18px!important;width:44px!important;height:44px!important;border:0!important;background:transparent!important;color:#abb1bc!important;font-size:39px!important;font-weight:300!important;line-height:1!important;cursor:pointer!important}
.watch-pay-lock{width:76px!important;height:76px!important;margin:0 auto 15px!important;display:grid!important;place-items:center!important;border:1px solid var(--site-accent)!important;border-radius:50%!important;color:var(--site-accent-light)!important;background:rgba(var(--site-accent-rgb),.07)!important;box-shadow:0 0 34px rgba(var(--site-accent-rgb),.12)!important}
.watch-pay-lock .ico{width:34px!important;height:34px!important;stroke-width:1.8!important}
.watch-complete-payment>header{text-align:center!important;margin:0 auto 22px!important;max-width:610px!important}
.watch-complete-payment>header h2{margin:0!important;color:#fff!important;font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important;font-weight:950!important}
.watch-complete-payment>header p{margin:11px auto 0!important;color:#aeb4c0!important;font-size:16px!important;line-height:1.5!important;font-weight:520!important}
.watch-complete-payment>header p b{color:#fff!important;font-weight:850!important}
.watch-pay-mode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0 0 19px!important}
.watch-pay-mode>button{display:grid!important;grid-template-columns:28px 1fr!important;align-items:center!important;gap:10px!important;min-height:82px!important;padding:14px 16px!important;border:1px solid #343946!important;border-radius:18px!important;background:#121720!important;color:#f5f6f8!important;text-align:left!important;transition:.15s ease!important}
.watch-pay-mode>button>i{width:23px!important;height:23px!important;border:2px solid #697181!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.watch-pay-mode>button.active{border-color:var(--site-accent)!important;background:linear-gradient(135deg,rgba(var(--site-accent-rgb),.18),rgba(var(--site-accent2-rgb),.08))!important;box-shadow:0 0 0 1px rgba(var(--site-accent-rgb),.16),0 12px 30px rgba(var(--site-accent-rgb),.08)!important}
.watch-pay-mode>button.active>i{border-color:var(--site-accent-light)!important;box-shadow:inset 0 0 0 5px #121720!important;background:var(--site-accent)!important}
.watch-pay-mode span{display:grid!important;gap:3px!important}.watch-pay-mode b{font-size:17px!important;font-weight:900!important}.watch-pay-mode small{color:#8f97a5!important;font-size:12px!important;line-height:1.25!important}
.watch-pay-tip{display:grid!important;gap:10px!important;margin:-1px 0 19px!important}.watch-pay-tip>small,.watch-pay-label{display:block!important;color:#dfe2e8!important;font-size:13px!important;font-weight:850!important}.watch-pay-tip>small em{color:#818998!important;font-style:normal!important;font-weight:600!important}
.watch-pay-tip-presets{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important}.watch-pay-tip-presets button{min-width:0!important;height:50px!important;padding:0 8px!important;border:1px solid #343946!important;border-radius:14px!important;background:#121720!important;color:#f4f5f8!important;font-weight:850!important;font-size:13px!important;white-space:nowrap!important}.watch-pay-tip-presets button.active{border-color:var(--site-accent)!important;background:linear-gradient(135deg,var(--site-accent-light),var(--site-accent2))!important;color:#fff!important;box-shadow:0 8px 24px rgba(var(--site-accent-rgb),.18)!important}
.watch-pay-tip-custom{display:grid!important;gap:7px!important}.watch-pay-tip-custom>span,.watch-pay-mpesa>span{font-size:12px!important;font-weight:800!important;color:#dfe2e8!important}.watch-pay-tip-custom>div,.watch-pay-mpesa>div{display:flex!important;align-items:center!important;gap:10px!important;height:54px!important;padding:0 14px!important;border:1px solid #343946!important;border-radius:15px!important;background:#10151d!important}.watch-pay-tip-custom b{color:#8e96a4!important}.watch-pay-tip-custom input,.watch-pay-mpesa input{min-width:0!important;flex:1!important;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;font:inherit!important;font-weight:800!important}
.watch-pay-label{margin:0 0 9px!important}.watch-pay-providers{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.watch-pay-provider{min-width:0!important;min-height:112px!important;padding:13px 9px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;border:1px solid #343946!important;border-radius:19px!important;background:#121720!important;color:#f5f6f8!important;text-align:center!important}.watch-pay-provider.active{border-color:var(--site-accent)!important;background:linear-gradient(155deg,rgba(var(--site-accent-rgb),.18),rgba(var(--site-accent2-rgb),.07))!important;box-shadow:0 0 0 1px rgba(var(--site-accent-rgb),.16)!important}.watch-pay-provider .provider-art{width:48px!important;height:48px!important}.watch-pay-provider .provider-art img{width:100%!important;height:100%!important;object-fit:contain!important}.watch-pay-provider>span{display:grid!important;gap:2px!important}.watch-pay-provider b{font-size:16px!important;font-weight:900!important}.watch-pay-provider small{font-size:11px!important;color:#8f97a5!important;white-space:nowrap!important}
.watch-pay-mpesa{display:grid!important;gap:7px!important;margin:12px 0 0!important}.watch-pay-mpesa[hidden]{display:none!important}.watch-pay-mpesa .ico{width:19px!important;height:19px!important;color:#8f97a5!important}
.watch-pay-total{margin-top:16px!important;padding:14px 16px!important;border:1px solid #343946!important;border-radius:17px!important;background:#10151d!important}.watch-pay-total>[data-watch-pay-breakdown]{display:grid!important;gap:8px!important;padding-bottom:11px!important;margin-bottom:11px!important;border-bottom:1px solid #303541!important}.watch-pay-total>[data-watch-pay-breakdown][hidden]{display:none!important}.watch-pay-total [data-watch-pay-breakdown] span,.watch-pay-total>strong{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important}.watch-pay-total small{color:#929aa7!important;font-size:12px!important}.watch-pay-total [data-watch-pay-breakdown] b{color:#dfe2e7!important;font-size:14px!important}.watch-pay-total>strong{font-size:16px!important}.watch-pay-total>strong>span{color:#dfe2e7!important}.watch-pay-total>strong>b{color:var(--site-accent-light)!important;font-size:23px!important;font-weight:950!important}
.watch-pay-status{margin-top:11px!important;padding:9px 11px!important;border-radius:12px!important;background:rgba(255,255,255,.05)!important;color:#c8ced8!important;font-size:12px!important}.watch-pay-status.error{background:rgba(220,50,65,.1)!important;color:#ff9ca6!important}
.watch-pay-submit{width:100%!important;height:62px!important;margin-top:16px!important;border:0!important;border-radius:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;background:linear-gradient(100deg,var(--site-accent-light),var(--site-accent2))!important;color:#fff!important;font-size:18px!important;font-weight:950!important;box-shadow:0 14px 34px rgba(var(--site-accent-rgb),.2)!important}.watch-pay-submit .ico{width:22px!important;height:22px!important}.watch-pay-submit:disabled{opacity:.68!important}
.watch-pay-cancel{width:100%!important;height:48px!important;margin-top:10px!important;border:1px solid #343946!important;border-radius:16px!important;background:#121720!important;color:#cfd4dc!important;font-weight:850!important}
html[data-theme="light"] .drawer-scrim.watch-pay-scrim{background:rgba(40,43,50,.36)!important}
html[data-theme="light"] .watch-complete-payment{border-color:#e1e3e8!important;background:radial-gradient(circle at 50% 0,rgba(var(--site-accent-rgb),.08),transparent 31%),linear-gradient(165deg,#fff 0%,#fbfbfd 100%)!important;color:#191b20!important;box-shadow:0 30px 90px rgba(20,24,34,.22)!important}
html[data-theme="light"] .watch-pay-close{color:#727781!important}html[data-theme="light"] .watch-complete-payment>header h2{color:#17191e!important}html[data-theme="light"] .watch-complete-payment>header p{color:#6f7580!important}html[data-theme="light"] .watch-complete-payment>header p b{color:#17191e!important}
html[data-theme="light"] .watch-pay-mode>button,html[data-theme="light"] .watch-pay-tip-presets button,html[data-theme="light"] .watch-pay-provider,html[data-theme="light"] .watch-pay-cancel{border-color:#dfe2e7!important;background:#fff!important;color:#1b1e24!important}html[data-theme="light"] .watch-pay-mode>button.active,html[data-theme="light"] .watch-pay-provider.active{background:linear-gradient(145deg,rgba(var(--site-accent-rgb),.1),#fff)!important}html[data-theme="light"] .watch-pay-mode>button.active>i{box-shadow:inset 0 0 0 5px #fff!important}html[data-theme="light"] .watch-pay-mode small,html[data-theme="light"] .watch-pay-provider small{color:#777e89!important}
html[data-theme="light"] .watch-pay-tip>small,html[data-theme="light"] .watch-pay-label,html[data-theme="light"] .watch-pay-tip-custom>span,html[data-theme="light"] .watch-pay-mpesa>span{color:#32363d!important}html[data-theme="light"] .watch-pay-tip-custom>div,html[data-theme="light"] .watch-pay-mpesa>div,html[data-theme="light"] .watch-pay-total{border-color:#dfe2e7!important;background:#fff!important}html[data-theme="light"] .watch-pay-tip-custom input,html[data-theme="light"] .watch-pay-mpesa input{color:#1b1e24!important}html[data-theme="light"] .watch-pay-total>[data-watch-pay-breakdown]{border-bottom-color:#e5e7eb!important}html[data-theme="light"] .watch-pay-total [data-watch-pay-breakdown] b,html[data-theme="light"] .watch-pay-total>strong>span{color:#30343b!important}
@media(max-width:600px){.watch-complete-payment{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 24px)!important;padding:20px 16px 16px!important;border-radius:24px!important}.watch-pay-close{right:12px!important;top:10px!important;width:40px!important;height:40px!important}.watch-pay-lock{width:61px!important;height:61px!important;margin-bottom:10px!important}.watch-pay-lock .ico{width:27px!important;height:27px!important}.watch-complete-payment>header{margin-bottom:16px!important}.watch-complete-payment>header h2{font-size:27px!important}.watch-complete-payment>header p{font-size:13px!important;line-height:1.42!important}.watch-pay-mode{gap:8px!important;margin-bottom:14px!important}.watch-pay-mode>button{grid-template-columns:23px 1fr!important;min-height:68px!important;padding:10px 11px!important;border-radius:15px!important}.watch-pay-mode>button>i{width:19px!important;height:19px!important}.watch-pay-mode b{font-size:14px!important}.watch-pay-mode small{font-size:10px!important}.watch-pay-tip{margin-bottom:14px!important}.watch-pay-tip-presets{gap:6px!important}.watch-pay-tip-presets button{height:43px!important;padding:0 4px!important;font-size:10.5px!important;border-radius:11px!important}.watch-pay-providers{gap:8px!important}.watch-pay-provider{min-height:94px!important;padding:9px 5px!important;border-radius:15px!important}.watch-pay-provider .provider-art{width:39px!important;height:39px!important}.watch-pay-provider b{font-size:13px!important}.watch-pay-provider small{font-size:9px!important}.watch-pay-total{margin-top:12px!important;padding:11px 13px!important}.watch-pay-total>strong>b{font-size:19px!important}.watch-pay-submit{height:56px!important;margin-top:12px!important;border-radius:16px!important;font-size:16px!important}.watch-pay-cancel{height:44px!important;border-radius:14px!important}}


/* === Xmegram 3.4.9-hotfix703 · compact premium watch checkout === */
.watch-pay-tip[hidden],.watch-pay-tip-custom[hidden]{display:none!important}
.watch-complete-payment{width:min(620px,calc(100vw - 28px))!important;max-height:min(90dvh,760px)!important;padding:20px 20px 18px!important;border-radius:24px!important}
.watch-pay-close{right:14px!important;top:12px!important;width:38px!important;height:38px!important;font-size:32px!important}
.watch-pay-lock{width:52px!important;height:52px!important;margin:0 auto 9px!important}
.watch-pay-lock .ico{width:24px!important;height:24px!important}
.watch-complete-payment>header{margin:0 auto 14px!important;max-width:520px!important}
.watch-complete-payment>header h2{font-size:28px!important;line-height:1.05!important}
.watch-complete-payment>header p{margin-top:7px!important;font-size:13px!important;line-height:1.38!important}
.watch-pay-mode{gap:8px!important;margin-bottom:12px!important}
.watch-pay-mode>button{grid-template-columns:22px 1fr!important;gap:8px!important;min-height:58px!important;padding:9px 11px!important;border-radius:14px!important}
.watch-pay-mode>button>i{width:18px!important;height:18px!important}
.watch-pay-mode b{font-size:14px!important}.watch-pay-mode small{font-size:10px!important}
.watch-pay-tip{gap:7px!important;margin:0 0 12px!important}
.watch-pay-tip-presets{gap:6px!important}.watch-pay-tip-presets button{height:40px!important;padding:0 5px!important;border-radius:11px!important;font-size:11px!important}
.watch-pay-tip-custom{gap:5px!important}.watch-pay-tip-custom>div,.watch-pay-mpesa>div{height:46px!important;padding:0 11px!important;border-radius:12px!important}
.watch-pay-label{margin:0 0 7px!important;font-size:12px!important}
.watch-pay-providers{gap:8px!important}.watch-pay-provider{min-height:82px!important;padding:8px 5px!important;gap:4px!important;border-radius:14px!important}
.watch-pay-provider .provider-art{width:36px!important;height:36px!important}.watch-pay-provider b{font-size:13px!important}.watch-pay-provider small{font-size:9px!important}
.watch-pay-mpesa{gap:5px!important;margin-top:8px!important}
.watch-pay-total{margin-top:10px!important;padding:10px 12px!important;border-radius:13px!important}
.watch-pay-total>[data-watch-pay-breakdown]{gap:5px!important;padding-bottom:7px!important;margin-bottom:7px!important}
.watch-pay-total small{font-size:10px!important}.watch-pay-total [data-watch-pay-breakdown] b{font-size:12px!important}.watch-pay-total>strong{font-size:13px!important}.watch-pay-total>strong>b{font-size:19px!important}
.watch-pay-submit{height:52px!important;margin-top:10px!important;border-radius:15px!important;font-size:16px!important}
.watch-pay-cancel{height:40px!important;margin-top:7px!important;border-radius:12px!important;font-size:13px!important}
@media(max-width:600px){.watch-complete-payment{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 18px)!important;padding:16px 12px 12px!important;border-radius:20px!important}.watch-pay-close{right:9px!important;top:8px!important;width:34px!important;height:34px!important}.watch-pay-lock{width:46px!important;height:46px!important;margin-bottom:7px!important}.watch-pay-lock .ico{width:21px!important;height:21px!important}.watch-complete-payment>header{margin-bottom:11px!important}.watch-complete-payment>header h2{font-size:24px!important}.watch-complete-payment>header p{font-size:11.5px!important;line-height:1.34!important}.watch-pay-mode{gap:6px!important;margin-bottom:10px!important}.watch-pay-mode>button{grid-template-columns:18px 1fr!important;min-height:52px!important;padding:7px 8px!important;border-radius:12px!important}.watch-pay-mode>button>i{width:16px!important;height:16px!important}.watch-pay-mode b{font-size:12.5px!important}.watch-pay-mode small{font-size:9px!important}.watch-pay-tip{margin-bottom:10px!important}.watch-pay-tip-presets{gap:5px!important}.watch-pay-tip-presets button{height:36px!important;font-size:9.5px!important;border-radius:9px!important}.watch-pay-tip-custom>div,.watch-pay-mpesa>div{height:42px!important}.watch-pay-providers{gap:6px!important}.watch-pay-provider{min-height:72px!important;padding:6px 4px!important;border-radius:12px!important}.watch-pay-provider .provider-art{width:31px!important;height:31px!important}.watch-pay-provider b{font-size:11.5px!important}.watch-pay-provider small{font-size:8px!important}.watch-pay-total{margin-top:8px!important;padding:9px 10px!important}.watch-pay-total>strong>b{font-size:17px!important}.watch-pay-submit{height:48px!important;margin-top:8px!important;font-size:14px!important}.watch-pay-cancel{height:36px!important;margin-top:6px!important}}


/* ========================================================================== */
/* HOTFIX705 — full-width single-column mobile commerce feeds                 */
/* Phones now show one full-width video card per row across Home suggestions, */
/* Discover, Profile, Watch Related, Category and Country. Tablet/desktop stay */
/* on their established layouts.                                              */
/* ========================================================================== */
@media (max-width:767px){
  /* Shared commerce stream used by Home suggestions, Discover, Profile,
     Watch Related, Category and Country. */
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen,.watch-screen,.category-screen,.country-screen) .mobile-two-up-feed.discover-mobile-grid,
  body #app [data-listing-grid="category"]>.surface-category-masonry.mobile-two-up-feed,
  body #app [data-listing-grid="country"]>.surface-country-masonry.mobile-two-up-feed{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-auto-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    column-count:initial!important;
    columns:auto!important;
  }
  body #app .mobile-suggestions-section>.mobile-two-up-feed{padding-bottom:10px!important}
  body #app .watch-related>.mobile-two-up-feed,
  body #app .profile-video-listing>.mobile-two-up-feed,
  body #app [data-listing-grid="category"]>.surface-category-masonry.mobile-two-up-feed,
  body #app [data-listing-grid="country"]>.surface-country-masonry.mobile-two-up-feed{padding-bottom:96px!important}

  body #app .mobile-two-up-feed>.home-reference-top-pick-card,
  body #app [data-listing-grid="category"]>.surface-category-masonry.mobile-two-up-feed>.home-reference-top-pick-card,
  body #app [data-listing-grid="country"]>.surface-country-masonry.mobile-two-up-feed>.home-reference-top-pick-card{
    grid-column:1/-1!important;
    justify-self:stretch!important;
    align-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }

  /* Restore adult-sized typography/controls now that cards no longer share a row. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media{
    width:100%!important;
    aspect-ratio:6/5!important;
    border-radius:14px 14px 10px 10px!important;
  }
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-body{
    flex:0 0 auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:11px 12px 12px!important;
    overflow:visible!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-creator{
    width:100%!important;
    height:auto!important;
    min-height:38px!important;
    max-height:none!important;
    margin:0 0 8px!important;
    gap:9px!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-avatar{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex-basis:38px!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-creator b{font-size:14px!important;line-height:1.15!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-creator .verified{width:17px!important;height:17px!important;min-width:17px!important;font-size:10px!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-body>h3{
    width:100%!important;height:auto!important;min-height:0!important;max-height:40px!important;margin:0!important;font-size:16px!important;line-height:1.22!important;-webkit-line-clamp:2!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price{
    width:100%!important;height:auto!important;min-height:24px!important;max-height:none!important;margin:10px 0 9px!important;gap:7px!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price strong{font-size:19px!important;line-height:1.1!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-price del{font-size:11px!important;line-height:1.1!important;max-width:50%!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-actions,
  body #app .mobile-two-up-feed .home-reference-top-pick-body>.home-reference-top-pick-cta{
    width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-actions{grid-template-columns:44px minmax(0,1fr)!important;gap:7px!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-cart{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:10px!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-cta{height:44px!important;min-height:44px!important;max-height:44px!important;border-radius:10px!important;font-size:13px!important;gap:6px!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-cta .ico{width:16px!important;height:16px!important;flex-basis:16px!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-badge{top:10px!important;left:10px!important;height:27px!important;min-height:27px!important;max-height:27px!important;padding:0 9px!important;border-radius:8px!important;font-size:10.5px!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-duration{left:10px!important;bottom:10px!important;height:30px!important;min-height:30px!important;padding:0 9px!important}
  body #app .mobile-two-up-feed .home-reference-top-pick-duration b{font-size:11.5px!important}

  /* Home Top Picks uses its own grid rather than the shared stream wrapper. */
  .screen.home-screen .home-reference-top-picks{padding-left:12px!important;padding-right:12px!important}
  .screen.home-screen .home-reference-top-picks-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .screen.home-screen .home-reference-top-pick-card:nth-child(n/**/+3){display:flex!important}
  .screen.home-screen .home-reference-top-pick-card{width:100%!important;max-width:100%!important;margin:0!important}
  .screen.home-screen .home-reference-top-pick-media{aspect-ratio:6/5!important}
  .screen.home-screen .home-reference-top-pick-body{padding:11px 12px 12px!important}
  .screen.home-screen .home-reference-top-pick-avatar{width:38px!important;height:38px!important;flex-basis:38px!important;font-size:12px!important}
  .screen.home-screen .home-reference-top-pick-creator{gap:9px!important;margin-bottom:8px!important}
  .screen.home-screen .home-reference-top-pick-creator b{font-size:14px!important;gap:4px!important}
  .screen.home-screen .home-reference-top-pick-creator .verified{width:17px!important;height:17px!important;min-width:17px!important;font-size:10px!important}
  .screen.home-screen .home-reference-top-pick-body h3{font-size:16px!important;line-height:1.22!important}
  .screen.home-screen .home-reference-top-pick-price{min-height:24px!important;margin:10px 0 9px!important}
  .screen.home-screen .home-reference-top-pick-price strong{font-size:19px!important}
  .screen.home-screen .home-reference-top-pick-price del{font-size:11px!important}
  .screen.home-screen .home-reference-top-pick-cta{height:44px!important;min-height:44px!important;border-radius:10px!important;font-size:13px!important;gap:6px!important}
  .screen.home-screen .home-reference-top-pick-cta .ico{width:16px!important;height:16px!important}
  .screen.home-screen .home-reference-top-pick-badge{top:10px!important;left:10px!important;min-height:27px!important;padding:0 9px!important;font-size:10.5px!important}
  .screen.home-screen .home-reference-top-pick-duration{left:10px!important;bottom:10px!important;height:30px!important;padding:0 9px!important}
  .screen.home-screen .home-reference-top-pick-duration b{font-size:11.5px!important}

  /* Legacy profile mobile renderer is kept in the bundle for a few fallback paths. */
  body #app .profile-screen-ref .profile-mobile-grid,
  body #app .profile-screen .profile-mobile-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body #app .profile-mobile-grid>.profile-mobile-card{width:100%!important;max-width:100%!important;margin:0!important}
}

/* ========================================================================== */
/* HOTFIX706 — edge-to-edge one-stream mobile media                           */
/* Only the mobile cards converted to one stream in Hotfix705 are affected.   */
/* Main Watch player/playback behavior is intentionally outside this scope.    */
/* ========================================================================== */
.home-reference-top-pick-poster{display:none}
.one-stream-unlock-label{display:none}

@media (max-width:767px){
  /* Full-bleed stream: escape section/card gutters while keeping section
     headings and the rest of each page untouched. */
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.profile-screen,.watch-screen,.category-screen,.country-screen) .mobile-two-up-feed.discover-mobile-grid,
  body #app [data-listing-grid="category"]>.surface-category-masonry.mobile-two-up-feed,
  body #app [data-listing-grid="country"]>.surface-country-masonry.mobile-two-up-feed,
  .screen.home-screen .home-reference-top-picks-grid,
  body #app .profile-screen-ref .profile-mobile-grid,
  body #app .profile-screen .profile-mobile-grid{
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:0!important;
    padding-right:0!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    overflow:visible!important;
  }

  /* Zero-radius, borderless outer cards only on the one-stream surfaces. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }

  /* Media uses the true source ratio. Landscape/square therefore keep their
     original proportional height at full width. Portrait keeps that ratio until
     the existing Admin > Feed Video Size > Mobile maximum height is reached. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media{
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    aspect-ratio:var(--vh-mobile-source-ratio,16/9)!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    background-color:#090b10!important;
  }
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-landscape>.home-reference-top-pick-media,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-square>.home-reference-top-pick-media,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card.orientation-landscape>.home-reference-top-pick-media,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card.orientation-square>.home-reference-top-pick-media{
    max-height:none!important;
  }
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media{
    max-height:var(--hotfix706-feed-max,560px)!important;
  }

  /* Portrait/tall sources use a blurred poster backdrop when their maximum
     height creates horizontal spare space. This removes black sidebars without
     cropping the actual foreground video. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media::before,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    inset:-24px!important;
    pointer-events:none!important;
    background-image:inherit!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
    filter:blur(22px) brightness(.70) saturate(1.04)!important;
    transform:scale(1.08)!important;
    opacity:1!important;
  }
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media::after,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media::after{
    z-index:3!important;
  }

  body #app .mobile-two-up-feed .home-reference-top-pick-poster,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-poster{
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-preview,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-preview{
    position:absolute!important;
    z-index:2!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
    transform:none!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-badge,
  body #app .mobile-two-up-feed .home-reference-top-pick-duration,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-badge,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-duration{
    z-index:4!important;
  }

  /* Body remains padded for readability, but the card/media itself is full
     bleed. Price, cart and Unlock share one compact commerce row. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-body,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-body{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto 42px!important;
    column-gap:10px!important;
    row-gap:8px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:11px 14px 13px!important;
    overflow:visible!important;
    border-radius:0!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-creator,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-creator{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    min-height:38px!important;
    max-height:none!important;
    margin:0!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-body>h3,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-body>h3{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:40px!important;
    margin:0!important;
    font-size:16px!important;
    line-height:1.22!important;
    -webkit-line-clamp:2!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-price{
    grid-column:1!important;
    grid-row:3!important;
    align-self:center!important;
    display:flex!important;
    align-items:baseline!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price strong,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-price strong{
    flex:0 1 auto!important;
    min-width:0!important;
    font-size:18px!important;
    line-height:1.1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-price del,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-price del{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:44%!important;
    font-size:10px!important;
    line-height:1.1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body #app .mobile-two-up-feed .home-reference-top-pick-actions,
  body #app .mobile-two-up-feed .home-reference-top-pick-body>.home-reference-top-pick-cta,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-actions,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-body>.home-reference-top-pick-cta{
    grid-column:2!important;
    grid-row:3!important;
    align-self:center!important;
    justify-self:end!important;
    width:auto!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-actions,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-actions{
    display:grid!important;
    grid-template-columns:40px 108px!important;
    gap:7px!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cart,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cart{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:8px!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cta,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cta{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 10px!important;
    border-radius:8px!important;
    font-size:12px!important;
    gap:6px!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-body>.home-reference-top-pick-cta,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-body>.home-reference-top-pick-cta{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
  }
  body #app .mobile-two-up-feed .one-stream-watch-label,
  .screen.home-screen .home-reference-top-picks-grid .one-stream-watch-label{display:none!important}
  body #app .mobile-two-up-feed .one-stream-unlock-label,
  .screen.home-screen .home-reference-top-picks-grid .one-stream-unlock-label{display:inline!important}

  /* Legacy profile fallback can still be reached by older cached routes. Keep
     its outer card full width and square corners without changing playback. */
  body #app .profile-mobile-grid>.profile-mobile-card{
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
  }
  body #app .profile-mobile-grid>.profile-mobile-card>.profile-mobile-media{
    border-radius:0!important;
  }
}

/* ========================================================================== */
/* HOTFIX707 — restrained commerce color system                              */
/* Neutral surfaces own the feed. One brand accent is reserved for small     */
/* interactive emphasis, green for owned/success, blue for verification only.*/
/* ========================================================================== */

/* Verification remains the only intentionally blue identity/status color. */
body #app .verified,
body #app .verified.verified-mini,
body #app .profile-verified{
  background:#1877f2!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}

/* Remove the multi-color promotional badge palette. */
body #app :is(.home-reference-top-pick-badge,.home-limited-deal-badge){
  background:rgba(14,16,20,.82)!important;
  color:#f7f8fa!important;
  -webkit-text-fill-color:#f7f8fa!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
body #app :is(.home-reference-top-pick-badge,.home-limited-deal-badge) i{
  color:var(--site-accent)!important;
  -webkit-text-fill-color:var(--site-accent)!important;
}
body #app :is(.home-reference-top-pick-badge.personal,.home-reference-top-pick-badge.favorite,.home-reference-top-pick-badge.bundle,
              .home-limited-deal-badge.best,.home-limited-deal-badge.fast,.home-limited-deal-badge.new,
              .home-trending-premium .home-limited-deal-badge.premium-top,
              .home-trending-premium .home-limited-deal-badge.premium-fast){
  background:rgba(14,16,20,.82)!important;
  color:#f7f8fa!important;
  border-color:rgba(255,255,255,.16)!important;
}

/* Feed pricing is information, not an accent block. Keep it high contrast and
   reserve the brand color for small interactive emphasis. */
body #app :is(.home-reference-top-pick-price,.home-limited-deal-price,.stream-pro-price,.commerce-card-price) strong,
body #app :is(.home-reference-top-pick-price,.home-limited-deal-price,.stream-pro-price,.commerce-card-price) .sale-price-stack>strong,
body #app :is(.home-reference-top-pick-price,.home-limited-deal-price,.stream-pro-price,.commerce-card-price) .daily-promo-price>strong{
  color:#f1f3f6!important;
  -webkit-text-fill-color:#f1f3f6!important;
}
html[data-theme="light"] body #app :is(.home-reference-top-pick-price,.home-limited-deal-price,.stream-pro-price,.commerce-card-price) strong,
html[data-theme="light"] body #app :is(.home-reference-top-pick-price,.home-limited-deal-price,.stream-pro-price,.commerce-card-price) .sale-price-stack>strong,
html[data-theme="light"] body #app :is(.home-reference-top-pick-price,.home-limited-deal-price,.stream-pro-price,.commerce-card-price) .daily-promo-price>strong{
  color:#171a1f!important;
  -webkit-text-fill-color:#171a1f!important;
}
body #app :is(.home-reference-top-pick-price,.home-limited-deal-price,.stream-pro-price,.commerce-card-price) del{
  color:#8e949e!important;
  -webkit-text-fill-color:#8e949e!important;
  opacity:.86!important;
}

/* One-stream mobile commerce: neutral Unlock and cart controls. The accent is
   reduced to selected/active micro-states instead of filling large buttons. */
@media (max-width:767px){
  body #app .mobile-two-up-feed .home-reference-top-pick-cta,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cta{
    background:#181c22!important;
    background-image:none!important;
    color:#f7f8fa!important;
    border:1px solid #2b3038!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed .home-reference-top-pick-cta,
  html[data-theme="light"] .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cta{
    background:#17191d!important;
    color:#fff!important;
    border-color:#17191d!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cta :is(.ico,svg),
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cta :is(.ico,svg){
    color:var(--site-accent)!important;
    stroke:currentColor!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cart,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cart{
    background:#15191f!important;
    background-image:none!important;
    color:#c8cdd5!important;
    border:1px solid #2c323b!important;
    box-shadow:none!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed .home-reference-top-pick-cart,
  html[data-theme="light"] .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cart{
    background:#f4f5f7!important;
    color:#3d424a!important;
    border-color:#dfe2e7!important;
  }
  body #app .mobile-two-up-feed .home-reference-top-pick-cart.active,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cart.active{
    color:var(--site-accent)!important;
    border-color:color-mix(in srgb,var(--site-accent) 48%,#2c323b)!important;
    background:color-mix(in srgb,var(--site-accent) 8%,#15191f)!important;
  }
  html[data-theme="light"] body #app .mobile-two-up-feed .home-reference-top-pick-cart.active,
  html[data-theme="light"] .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-cart.active{
    background:color-mix(in srgb,var(--site-accent) 7%,#fff)!important;
  }
}

/* Bottom navigation: one accent for cart/general counts, green only for owned
   purchases/success. Pending purchase activity is neutral instead of purple or
   green so status colors no longer compete with each other. */
body #app .bottom-nav .nav-count:not(.purchase-owned-nav-count):not(.purchase-pending-nav-count),
body #app .desktop-side-item>em:not(.purchase-owned-nav-count):not(.purchase-pending-nav-count){
  background:var(--site-accent)!important;
  color:#fff!important;
  box-shadow:0 0 0 2px #05070a!important;
}
body #app .bottom-nav .nav-count.purchase-owned-nav-count,
body #app .desktop-side-item>em.purchase-owned-nav-count{
  background:#20b968!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 0 0 2px #05070a!important;
}
body #app .bottom-nav .nav-count.purchase-pending-nav-count,
body #app .desktop-side-item>em.purchase-pending-nav-count{
  background:#626975!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 0 0 2px #05070a!important;
}
html[data-theme="light"] body #app .bottom-nav .nav-count:not(.purchase-owned-nav-count):not(.purchase-pending-nav-count),
html[data-theme="light"] body #app .bottom-nav .nav-count.purchase-owned-nav-count,
html[data-theme="light"] body #app .bottom-nav .nav-count.purchase-pending-nav-count{
  box-shadow:0 0 0 2px #fff!important;
}

/* Purchased/success pills stay green; ordinary informational state pills are
   neutral unless another semantic rule (danger/error) explicitly owns them. */
body #app :is(.purchase-state-pill.purchased,.purchased-badge,.is-purchased .purchase-badge){
  background:#20b968!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#20b968!important;
}

/* ========================================================================== */
/* HOTFIX710 — clean restart from Hotfix707: square contain + real blur only  */
/* Scope: the phone one-stream commerce cards introduced by Hotfix705.         */
/* Main Watch player/playback is intentionally untouched.                      */
/* ========================================================================== */
@media (max-width:767px){
  /* Final authority: absolutely no rounded card/media corners on the one-stream
     cards. This block is deliberately last so older parity/two-up rules cannot
     restore a radius. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-body,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-body{
    border-radius:0!important;
  }

  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>img,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>video,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-poster,
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-preview,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media>img,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media>video,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-poster,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-preview{
    border-radius:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    background:transparent!important;
  }

  /* Wide/square clips use their true source ratio, so contain fills the stage
     without cropping and without artificial top/bottom space. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card:is(.orientation-landscape,.orientation-square)>.home-reference-top-pick-media,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card:is(.orientation-landscape,.orientation-square)>.home-reference-top-pick-media{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:var(--vh-mobile-source-ratio,16/9)!important;
    background-color:transparent!important;
  }

  /* Portrait media stays full width but obeys the existing Admin mobile maximum
     height. The foreground remains contain — it is never cropped. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media{
    width:100%!important;
    height:auto!important;
    max-height:var(--hotfix706-feed-max,560px)!important;
    aspect-ratio:var(--vh-mobile-source-ratio,9/16)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:#0b0d11!important;
  }

  /* Hotfix581 intentionally disabled every media pseudo-layer. Re-enable only
     THIS portrait one-stream backdrop. It inherits the poster already stored on
     the media stage, then heavily blurs and slightly darkens it. This is the
     actual blurred edge fill — not a sharp duplicate and not a black sidebar. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media::before,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:-34px!important;
    opacity:1!important;
    pointer-events:none!important;
    background-image:inherit!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    filter:blur(28px) brightness(.62) saturate(1.10)!important;
    -webkit-filter:blur(28px) brightness(.62) saturate(1.10)!important;
    transform:scale(1.12)!important;
    box-shadow:none!important;
  }

  /* Keep the actual poster/video above the blurred edge fill. */
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-poster,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-poster{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
  }
  body #app .mobile-two-up-feed>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-preview,
  .screen.home-screen .home-reference-top-picks-grid>.home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-preview{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
  }

  /* Duration/promo overlays stay above media. */
  body #app .mobile-two-up-feed .home-reference-top-pick-badge,
  body #app .mobile-two-up-feed .home-reference-top-pick-duration,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-badge,
  .screen.home-screen .home-reference-top-picks-grid .home-reference-top-pick-duration{
    z-index:4!important;
  }
}


/* ========================================================================== */
/* HOTFIX711 — authoritative one-stream media geometry / blur / square edges  */
/* Scanned shared renderer: homeReferenceTopPickCard + mobileExactTopPickCard  */
/* drive Home Top Picks, Discover, Profile, Category/Country and Watch Related.*/
/* Main Watch player is not selected here.                                    */
/* ========================================================================== */
@media (max-width:767px){
  /* Every card produced by the shared one-stream renderer is square-edged.
     Target the card class itself rather than a particular parent grid so the
     rule covers Home Top Picks plus all reused Discover/Profile/Category/
     Country/Related surfaces. */
  body #app .home-reference-top-pick-card,
  body #app .home-reference-top-pick-card.home-reference-top-pick-teaser,
  body #app .home-reference-top-pick-card.discover-mobile-card,
  body #app .home-reference-top-pick-card.shared-mobile-video-card,
  body #app .home-reference-top-pick-card.mobile-feed-top-pick-card,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-body,
  body #app .home-reference-top-pick-card .home-reference-top-pick-poster,
  body #app .home-reference-top-pick-card .home-reference-top-pick-preview,
  body #app .profile-mobile-grid>.profile-mobile-card,
  body #app .profile-mobile-grid>.profile-mobile-card>.profile-mobile-media{
    border-radius:0!important;
  }

  body #app .home-reference-top-pick-card{
    overflow:visible!important;
  }

  /* The stage itself must never paint the raw poster as a background. That raw
     background was the source of the CLEAR duplicated sidebars. The poster URL
     now lives only in --one-stream-poster and is consumed by the blurred layer. */
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media{
    position:relative!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    background-image:none!important;
    background-color:#0b0d11!important;
    background-size:0 0!important;
    background-repeat:no-repeat!important;
    border:0!important;
    box-shadow:none!important;
  }

  /* One real blurred fill behind the contained foreground. Enabled for every
     orientation so missing/late metadata cannot fall back to a clear sidebar.
     On wide media the foreground fills the stage, so this layer is naturally
     hidden behind it. */
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:-42px!important;
    pointer-events:none!important;
    opacity:1!important;
    background-image:var(--one-stream-poster,none)!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    filter:blur(34px) brightness(.68) saturate(1.08)!important;
    -webkit-filter:blur(34px) brightness(.68) saturate(1.08)!important;
    transform:scale(1.16)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  /* Actual poster and autoplay preview are ALWAYS contained and sit above the
     blurred fill. This overrides old .media-fit-cover rules from shared cards. */
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media>img,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media>video,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-poster,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-preview{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Wide and square media keep their native ratio, therefore native height at
     the full available width. */
  body #app .home-reference-top-pick-card:is(.orientation-landscape,.orientation-square)>.home-reference-top-pick-media,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media:is(.orientation-landscape,.orientation-square){
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:var(--vh-mobile-source-ratio,16/9)!important;
  }

  /* Tall media remains contained and uses the existing Admin mobile max-height
     setting exposed as --hotfix706-feed-max by bindOneStreamMediaGeometry(). */
  body #app .home-reference-top-pick-card.orientation-portrait>.home-reference-top-pick-media,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media.orientation-portrait{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:var(--hotfix706-feed-max,560px)!important;
    aspect-ratio:var(--vh-mobile-source-ratio,9/16)!important;
  }

  /* Keep merchandising overlays above both foreground media and blur. */
  body #app .home-reference-top-pick-card .home-reference-top-pick-badge,
  body #app .home-reference-top-pick-card .home-reference-top-pick-duration{
    z-index:5!important;
  }

  /* Legacy profile card fallback: square the actual media elements too. */
  body #app .profile-mobile-grid>.profile-mobile-card>.profile-mobile-media>img,
  body #app .profile-mobile-grid>.profile-mobile-card>.profile-mobile-media>video{
    border-radius:0!important;
  }
}

/* HOTFIX715 — requested sales/status pills are removed, including stale legacy bundles. */
.home-limited-deal-badge,.home-trending-premium-badge,.home-reference-new{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Hotfix716: public-site guest browsing is discovery-first, not commerce-first. */
.public-guest-mode [data-cart],
.public-guest-mode .cart-float,
.public-guest-mode .commerce-card-cart,
.public-guest-mode .stream-pro-cart-icon,
.public-guest-mode .home-reference-top-pick-cart,
.public-guest-mode .watch-mobile-cart,
.public-guest-mode .watch-smart-cart,
.public-guest-mode .discover-chart-cart,
.public-guest-mode .profile-video-cart,
.public-guest-mode .profile-mobile-cart,
.public-guest-mode .rank-cart,
.public-guest-mode .cart-rec-add {display:none!important;}
.public-guest-mode .hero-reference-price,
.public-guest-mode .watch-price,
.public-guest-mode .watch-commerce-price-wrap,
.public-guest-mode .watch-smart-price,
.public-guest-mode .commerce-card-price,
.public-guest-mode .stream-pro-price,
.public-guest-mode .home-reference-top-pick-price,
.public-guest-mode .profile-mobile-price,
.public-guest-mode .cart-rec-price,
.public-guest-mode .checkout-sale-price,
.public-guest-mode [data-mobile-price]:empty {display:none!important;}
.public-guest-mode .commerce-card-public-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0 0;color:var(--text-muted,#6f7782);font-size:.92rem;line-height:1.35;font-weight:500;}
.public-guest-mode .home-reference-public-description{margin:8px 0 0;}
.public-guest-mode .watch-mobile-commerce-actions[data-count="1"]{grid-template-columns:minmax(0,1fr)!important;}
.public-guest-mode .watch-mobile-login{width:100%;min-width:0;justify-content:center;}
.public-guest-mode .watch-mobile-login .watch-mobile-buy-copy{text-align:left;}
.public-guest-mode .watch-smart-login{min-width:230px;justify-content:center;}
.public-guest-mode .reel-unlock-primary{white-space:nowrap;}


/* ========================================================================== */
/* HOTFIX717 — real blurred sidebars + square media/icon geometry             */
/* Uses a real poster <img> behind the contained foreground so side fill      */
/* cannot fall back to black or a sharp duplicate when CSS-url parsing fails. */
/* Main Watch player is intentionally excluded.                               */
/* ========================================================================== */
@media (max-width:767px){
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media{
    position:relative!important;
    overflow:hidden!important;
    border-radius:0!important;
    background:#15171b!important;
  }
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media::before{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media>.one-stream-blur-backdrop{
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    inset:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
    border:0!important;
    border-radius:0!important;
    background:#15171b!important;
  }
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media>.one-stream-blur-backdrop>img{
    position:absolute!important;
    z-index:0!important;
    inset:-7%!important;
    width:114%!important;
    height:114%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    border:0!important;
    border-radius:0!important;
    filter:blur(30px) brightness(.72) saturate(1.10)!important;
    -webkit-filter:blur(30px) brightness(.72) saturate(1.10)!important;
    transform:scale(1.12)!important;
    opacity:1!important;
  }
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-poster,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media>.home-reference-top-pick-preview{
    z-index:2!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
  }
  /* Keep every SVG/icon physically inside the media stage square-edged too. */
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media svg,
  body #app .home-reference-top-pick-card>.home-reference-top-pick-media .ico{
    border-radius:0!important;
  }
  /* Explicitly zero all media corners on the reused one-stream surfaces. */
  body #app .home-reference-top-picks-grid .home-reference-top-pick-media,
  body #app .surface-discover-masonry .home-reference-top-pick-media,
  body #app .surface-profile-masonry .home-reference-top-pick-media,
  body #app .surface-category-masonry .home-reference-top-pick-media,
  body #app .surface-country-masonry .home-reference-top-pick-media,
  body #app .surface-related-masonry .home-reference-top-pick-media,
  body #app [data-listing-grid="category"] .home-reference-top-pick-media,
  body #app [data-listing-grid="country"] .home-reference-top-pick-media,
  body #app .home-reference-top-pick-media>img,
  body #app .home-reference-top-pick-media>video{
    border-radius:0!important;
  }
}

/* ========================================================================== */
/* HOTFIX718 — FINAL MOBILE ZERO-RADIUS AUTHORITY                            */
/* Scope: Home feeds, Discover, Profile feeds, Category/Country listings and */
/* Watch-page recommendation/store cards. Main Watch player is excluded.     */
/* This block is intentionally last so it wins over all older !important     */
/* radius rules shipped in legacy shared-card CSS.                           */
/* ========================================================================== */
@media (max-width:767px){
  /* Shared one-stream / masonry cards used by Home, Discover, Profile,
     Category, Country and Watch Related. */
  body #app :is(
    .home-reference-top-pick-card,
    .discover-mobile-card,
    .shared-mobile-video-card,
    .stream-reference-card,
    .stream-pro-card,
    .profile-mobile-card,
    .profile-video-card,
    .video-card,
    .mobile-suggestion-card,
    .home-limited-deal-card,
    .home-trending-premium-card,
    .watch-creator-store-card,
    .watch-fbt-card,
    .direct-video-card
  ){
    border-radius:0!important;
  }

  /* Every actual media stage used by those cards. */
  body #app :is(
    .home-reference-top-pick-media,
    .discover-mobile-media,
    .stream-reference-media,
    .stream-pro-media,
    .profile-mobile-media,
    .profile-video-media,
    .video-thumb,
    .mobile-suggestion-media,
    .home-limited-deal-media,
    .home-trending-premium-media,
    .watch-creator-store-media,
    .watch-fbt-media,
    .direct-video-media
  ){
    border-radius:0!important;
  }

  /* Foreground media + real blur layer must also be square so no inherited
     clipping exposes rounded corners. */
  body #app :is(
    .home-reference-top-pick-media,
    .discover-mobile-media,
    .stream-reference-media,
    .stream-pro-media,
    .profile-mobile-media,
    .profile-video-media,
    .video-thumb,
    .mobile-suggestion-media,
    .home-limited-deal-media,
    .home-trending-premium-media,
    .watch-creator-store-media,
    .watch-fbt-media,
    .direct-video-media
  ) :is(img,video,picture,canvas,.one-stream-blur-backdrop,.one-stream-blur-backdrop>img,.home-reference-top-pick-poster,.home-reference-top-pick-preview,.discover-mobile-poster,.discover-autoplay-video){
    border-radius:0!important;
  }

  /* Body/copy seams cannot round the lower corners back in. */
  body #app :is(
    .home-reference-top-pick-body,
    .stream-pro-body,
    .stream-reference-body,
    .profile-mobile-copy,
    .profile-video-copy,
    .video-card-body,
    .mobile-suggestion-copy,
    .home-limited-deal-copy,
    .home-trending-premium-copy,
    .watch-creator-store-copy,
    .watch-fbt-copy
  ){
    border-radius:0!important;
  }

  /* Media-stage SVG/icon geometry requested square. This does NOT affect
     creator avatars/verified badges outside the media stage. */
  body #app :is(
    .home-reference-top-pick-media,
    .discover-mobile-media,
    .stream-reference-media,
    .stream-pro-media,
    .profile-mobile-media,
    .profile-video-media,
    .video-thumb,
    .mobile-suggestion-media,
    .home-limited-deal-media,
    .home-trending-premium-media,
    .watch-creator-store-media,
    .watch-fbt-media,
    .direct-video-media
  ) :is(svg,.ico){
    border-radius:0!important;
  }

  /* Square the media-only control shells too. Keep ordinary page buttons,
     avatars and the main Watch player untouched. */
  body #app :is(
    .stream-pro-play,
    .stream-reference-play,
    .discover-mobile-play,
    .profile-mobile-play,
    .play-circle,
    .watch-creator-store-media>i,
    .watch-fbt-media>i
  ){
    border-radius:0!important;
  }

  /* Explicit surface anchors, because several old rules have very high
     specificity and were the reason Hotfix717 was not visible everywhere. */
  body #app :is(
    .home-screen,
    .discover-screen,
    .profile-screen,
    .profile-screen-ref,
    .category-screen,
    .country-screen,
    .watch-screen .watch-related
  ) :is(.home-reference-top-pick-card,.stream-pro-card,.profile-mobile-card,.video-card,.mobile-suggestion-card),
  body #app [data-listing-grid="category"] :is(.home-reference-top-pick-card,.stream-pro-card),
  body #app [data-listing-grid="country"] :is(.home-reference-top-pick-card,.stream-pro-card){
    border-radius:0!important;
  }

  body #app :is(
    .home-screen,
    .discover-screen,
    .profile-screen,
    .profile-screen-ref,
    .category-screen,
    .country-screen,
    .watch-screen .watch-related
  ) :is(.home-reference-top-pick-media,.stream-pro-media,.profile-mobile-media,.video-thumb,.mobile-suggestion-media),
  body #app [data-listing-grid="category"] :is(.home-reference-top-pick-media,.stream-pro-media),
  body #app [data-listing-grid="country"] :is(.home-reference-top-pick-media,.stream-pro-media){
    border-radius:0!important;
  }
}

/* ========================================================================== */
/* HOTFIX719 — ABSOLUTE ZERO-RADIUS MOBILE FEED AUTHORITY                    */
/* Scope only: Home feed cards, Discover feed cards, Profile feed cards,      */
/* Category/Country listing cards, and Watch recommendation/store cards.      */
/* Main Watch player is intentionally excluded.                               */
/* ========================================================================== */
@media (max-width:767px){
  /* Kill the configurable feed radius on the affected surfaces. */
  body #app :is(.home-screen,.discover-screen,.profile-screen-ref,.category-screen,.country-screen,.watch-screen){
    --home-card-radius:0px!important;
  }

  /* Every video/feed card shell on the requested surfaces. */
  body #app .home-screen :is(.commerce-video-card,.video-card,.home-limited-deal-card,.home-trending-premium-card,.mobile-suggestion-card,.home-reference-top-pick-card,.stream-reference-card,.stream-pro-card,.discover-mobile-card),
  body #app .discover-screen :is(.commerce-video-card,.video-card,.discover-mobile-card,.shared-mobile-video-card,.stream-reference-card,.stream-pro-card,.mobile-suggestion-card,.home-reference-top-pick-card),
  body #app .profile-screen-ref :is(.commerce-video-card,.video-card,.profile-video-card,.profile-mobile-card,.profile-feed-card,.discover-mobile-card,.stream-reference-card,.stream-pro-card,.home-reference-top-pick-card),
  body #app [data-listing-grid="category"] :is(.commerce-video-card,.video-card,.discover-mobile-card,.shared-mobile-video-card,.stream-reference-card,.stream-pro-card,.home-reference-top-pick-card),
  body #app [data-listing-grid="country"] :is(.commerce-video-card,.video-card,.discover-mobile-card,.shared-mobile-video-card,.stream-reference-card,.stream-pro-card,.home-reference-top-pick-card),
  body #app .watch-screen .watch-related :is(.commerce-video-card,.video-card,.discover-mobile-card,.shared-mobile-video-card,.stream-reference-card,.stream-pro-card,.home-reference-top-pick-card,.mobile-suggestion-card),
  body #app .watch-screen :is(.watch-creator-store-card,.watch-fbt-card){
    border-radius:0!important;
    -webkit-border-radius:0!important;
  }

  /* Actual media containers. Use direct selectors plus reusable class names so
     older renderers cannot restore rounded media corners. */
  body #app .home-screen :is(.home-reference-top-pick-media,.home-limited-deal-media,.discover-mobile-media,.stream-reference-media,.stream-pro-media,.profile-mobile-media,.video-thumb,.adaptive-feed-media,.mobile-suggestion-media),
  body #app .discover-screen :is(.home-reference-top-pick-media,.discover-mobile-media,.stream-reference-media,.stream-pro-media,.profile-mobile-media,.video-thumb,.adaptive-feed-media,.mobile-suggestion-media),
  body #app .profile-screen-ref :is(.home-reference-top-pick-media,.discover-mobile-media,.stream-reference-media,.stream-pro-media,.profile-mobile-media,.profile-feed-player,.video-thumb,.adaptive-feed-media),
  body #app [data-listing-grid="category"] :is(.home-reference-top-pick-media,.discover-mobile-media,.stream-reference-media,.stream-pro-media,.video-thumb,.adaptive-feed-media),
  body #app [data-listing-grid="country"] :is(.home-reference-top-pick-media,.discover-mobile-media,.stream-reference-media,.stream-pro-media,.video-thumb,.adaptive-feed-media),
  body #app .watch-screen .watch-related :is(.home-reference-top-pick-media,.discover-mobile-media,.stream-reference-media,.stream-pro-media,.video-thumb,.adaptive-feed-media,.mobile-suggestion-media),
  body #app .watch-screen :is(.watch-creator-store-media,.watch-fbt-media){
    border-radius:0!important;
    -webkit-border-radius:0!important;
  }

  /* Square every foreground media layer and the blur backdrop inside those
     cards. Creator avatars and the main Watch player are not selected. */
  body #app :is(
    .home-screen .commerce-video-card,
    .discover-screen .commerce-video-card,
    .profile-screen-ref .commerce-video-card,
    [data-listing-grid="category"] .commerce-video-card,
    [data-listing-grid="country"] .commerce-video-card,
    .watch-screen .watch-related .commerce-video-card,
    .watch-screen .watch-creator-store-card,
    .watch-screen .watch-fbt-card
  ) :is(
    .home-reference-top-pick-media,
    .home-limited-deal-media,
    .discover-mobile-media,
    .stream-reference-media,
    .stream-pro-media,
    .profile-mobile-media,
    .profile-feed-player,
    .video-thumb,
    .adaptive-feed-media,
    .mobile-suggestion-media,
    .watch-creator-store-media,
    .watch-fbt-media,
    .one-stream-blur-backdrop,
    .one-stream-blur-backdrop>img,
    .home-reference-top-pick-poster,
    .home-reference-top-pick-preview,
    .discover-autoplay-video,
    .feed-autoplay-video
  ),
  body #app :is(
    .home-screen .commerce-video-card,
    .discover-screen .commerce-video-card,
    .profile-screen-ref .commerce-video-card,
    [data-listing-grid="category"] .commerce-video-card,
    [data-listing-grid="country"] .commerce-video-card,
    .watch-screen .watch-related .commerce-video-card,
    .watch-screen .watch-creator-store-card,
    .watch-screen .watch-fbt-card
  ) :is(.home-reference-top-pick-media,.home-limited-deal-media,.discover-mobile-media,.stream-reference-media,.stream-pro-media,.profile-mobile-media,.profile-feed-player,.video-thumb,.adaptive-feed-media,.mobile-suggestion-media,.watch-creator-store-media,.watch-fbt-media) :is(img,video,picture,canvas,svg,.ico){
    border-radius:0!important;
    -webkit-border-radius:0!important;
  }

  /* Lower copy/body seams must not visually round the card back in. */
  body #app .home-screen :is(.home-reference-top-pick-body,.home-limited-deal-main,.home-limited-deal-commerce,.stream-pro-body,.stream-reference-body,.video-card-body,.mobile-suggestion-copy),
  body #app .discover-screen :is(.home-reference-top-pick-body,.stream-pro-body,.stream-reference-body,.video-card-body,.mobile-suggestion-copy),
  body #app .profile-screen-ref :is(.home-reference-top-pick-body,.stream-pro-body,.stream-reference-body,.profile-mobile-copy,.profile-video-copy,.video-card-body),
  body #app [data-listing-grid="category"] :is(.home-reference-top-pick-body,.stream-pro-body,.stream-reference-body,.video-card-body),
  body #app [data-listing-grid="country"] :is(.home-reference-top-pick-body,.stream-pro-body,.stream-reference-body,.video-card-body),
  body #app .watch-screen .watch-related :is(.home-reference-top-pick-body,.stream-pro-body,.stream-reference-body,.video-card-body,.mobile-suggestion-copy),
  body #app .watch-screen :is(.watch-creator-store-copy,.watch-fbt-copy){
    border-radius:0!important;
    -webkit-border-radius:0!important;
  }
}

/* Hotfix723 payout admin request / creator response */
.payout-history-note{margin-top:8px;padding:10px 12px;border:1px solid #dfe3e8;border-radius:12px;background:#fafafa;color:#20242a;line-height:1.45}.payout-history-note b,.payout-history-note small{display:block}.payout-history-rejection{border-color:#ead0d6;background:#fff7f9;color:#7d2f45}.payout-history-request{border-color:#d9e3ee;background:#f7fafc}.payout-history-request small{margin-top:7px;color:#535d68}.payout-history-request form{display:grid;gap:8px;margin-top:9px}.payout-history-request textarea{width:100%;min-height:86px;resize:vertical;border:1px solid #d8dde3;border-radius:12px;background:#fff;color:#17191d;padding:10px;outline:0}.payout-history-request textarea:focus{border-color:#9aa8b7}.payout-history-request form .mini-link{justify-self:start}


/* === Xmegram 3.4.9-hotfix726 · Admin Watch preview master switch ===
   When Watch preview is disabled, locked videos expose no playable preview source.
   The player becomes a blurred cover with one access action only. Owned media is untouched. */
.watch-player.watch-preview-disabled{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#07090d!important;
}
.watch-player.watch-preview-disabled>.watch-video-backdrop,
.watch-player.watch-preview-disabled>.watch-video,
.watch-player.watch-preview-disabled>.watch-poster,
.watch-player.watch-preview-disabled>.big-play,
.watch-player.watch-preview-disabled>.player-controls,
.watch-player.watch-preview-disabled>.preview-badge,
.watch-player.watch-preview-disabled>.watch-quality{
  display:none!important;
}
.watch-player.watch-preview-disabled>.watch-preview-disabled-blur{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  inset:-34px!important;
  width:auto!important;
  height:auto!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  filter:blur(30px) saturate(1.08) brightness(.68)!important;
  -webkit-filter:blur(30px) saturate(1.08) brightness(.68)!important;
  transform:scale(1.11)!important;
  opacity:1!important;
  pointer-events:none!important;
}
.watch-player.watch-preview-disabled::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(3,5,8,.16),rgba(3,5,8,.40))!important;
  pointer-events:none!important;
}
.watch-player.watch-preview-disabled>.watch-preview-disabled-action{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:190px!important;
  min-height:50px!important;
  padding:0 20px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:14px!important;
  background:var(--accent,#f52f7c)!important;
  color:#fff!important;
  box-shadow:0 14px 38px rgba(0,0,0,.34)!important;
  font:900 14px/1.1 inherit!important;
  letter-spacing:-.01em!important;
  cursor:pointer!important;
}
.watch-player.watch-preview-disabled>.watch-preview-disabled-action .ico{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}
.watch-player.watch-preview-disabled>.watch-preview-disabled-action:active{transform:translate(-50%,-50%) scale(.975)!important}
html[data-theme="light"] .watch-player.watch-preview-disabled::after{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(8,10,14,.28))!important}
@media(max-width:767px){
  .watch-player.watch-preview-disabled>.watch-preview-disabled-action{min-width:176px!important;min-height:48px!important;padding:0 17px!important;font-size:13px!important}
}


/* === Xmegram 3.4.9-hotfix727 · Watch disabled-preview blur authority + true eye view icon === */
.watch-player.watch-preview-disabled{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;background:#101318!important;
}
.watch-player.watch-preview-disabled>.watch-video-backdrop,
.watch-player.watch-preview-disabled>.watch-video,
.watch-player.watch-preview-disabled>.watch-poster,
.watch-player.watch-preview-disabled>.big-play,
.watch-player.watch-preview-disabled>.player-controls,
.watch-player.watch-preview-disabled>.preview-badge,
.watch-player.watch-preview-disabled>.watch-quality{display:none!important}
.watch-player.watch-preview-disabled>.watch-preview-disabled-visual{
  display:block!important;position:absolute!important;z-index:1!important;inset:0!important;overflow:hidden!important;
  background-image:var(--watch-preview-image)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.watch-player.watch-preview-disabled>.watch-preview-disabled-visual::after{
  content:""!important;position:absolute!important;z-index:2!important;inset:0!important;background:rgba(4,6,10,.18)!important;pointer-events:none!important;
}
.watch-player.watch-preview-disabled>.watch-preview-disabled-visual>.watch-preview-disabled-blur{
  display:block!important;position:absolute!important;z-index:1!important;left:-7%!important;top:-7%!important;width:114%!important;height:114%!important;max-width:none!important;max-height:none!important;
  object-fit:cover!important;object-position:center!important;filter:blur(26px) saturate(1.16) brightness(.74)!important;-webkit-filter:blur(26px) saturate(1.16) brightness(.74)!important;
  transform:scale(1.08)!important;opacity:1!important;border-radius:0!important;pointer-events:none!important;
}
.watch-player.watch-preview-disabled::after{
  content:""!important;display:block!important;position:absolute!important;z-index:2!important;inset:0!important;background:linear-gradient(180deg,rgba(2,4,7,.08),rgba(2,4,7,.28))!important;pointer-events:none!important;
}
.watch-player.watch-preview-disabled>.watch-preview-disabled-action{z-index:8!important}
[data-video-views]>.view-eye-icon,[data-video-views]>svg.ico{
  width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;flex:0 0 18px!important;fill:none!important;stroke:currentColor!important;border-radius:0!important;
}

/* ========================================================================== */
/* HOTFIX728 — zero vertical spacing between mobile one-stream feed cards     */
/* Scope: Home Top Picks, Discover, Profile, Category/Country and Watch       */
/* Related vertical mobile streams. Card internals/playback are unchanged.    */
/* ========================================================================== */
@media (max-width:767px){
  body #app :is(.home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.watch-screen,.category-screen,.country-screen) :is(.mobile-two-up-feed,.home-reference-top-picks-grid,.profile-mobile-grid),
  body #app [data-listing-grid="category"]>.surface-category-masonry.mobile-two-up-feed,
  body #app [data-listing-grid="country"]>.surface-country-masonry.mobile-two-up-feed{
    gap:0!important;
    row-gap:0!important;
  }

  body #app :is(.home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.watch-screen,.category-screen,.country-screen) :is(.mobile-two-up-feed,.home-reference-top-picks-grid,.profile-mobile-grid) > :is(.home-reference-top-pick-card,.profile-mobile-card,.stream-pro-card,.stream-reference-card,.video-card,.mobile-suggestion-card,.discover-mobile-card,.shared-mobile-video-card),
  body #app [data-listing-grid="category"]>.surface-category-masonry.mobile-two-up-feed>.home-reference-top-pick-card,
  body #app [data-listing-grid="country"]>.surface-country-masonry.mobile-two-up-feed>.home-reference-top-pick-card{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}


/* Hotfix732: never display synthetic daily compare-at prices. Genuine creator sale stacks remain supported. */
.daily-promo-price>del,[data-daily-promo-countdown],.watch-daily-offer-countdown{display:none!important}
.daily-promo-price{display:inline-flex!important}

/* ========================================================================== */
/* HOTFIX733 — COMPLETE COMPACT VIEW COUNTS ON MOBILE VIDEO CARDS            */
/* Adds the missing eye + live count to one-stream cards without adding a    */
/* new vertical row. Price and views share the existing price line.          */
/* ========================================================================== */
.home-reference-top-pick-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.home-reference-top-pick-meta-row>.home-reference-top-pick-price{
  flex:1 1 auto;
  min-width:0;
}
.one-stream-inline-views{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  flex:0 0 auto;
  white-space:nowrap;
  color:var(--muted,#7b838d);
  font-size:12px;
  font-weight:780;
  line-height:1;
}
.one-stream-inline-views>.ico,
.one-stream-inline-views>.view-eye-icon{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:currentColor!important;
  border-radius:0!important;
}
.one-stream-inline-views>i{font:inherit;font-style:normal;color:inherit}
.watch-fbt-media>.watch-fbt-views{
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:24px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(7,9,13,.72);
  color:#fff;
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  font-size:10px;
  font-weight:850;
  line-height:1;
}
.watch-fbt-media>.watch-fbt-views>.ico,
.watch-fbt-media>.watch-fbt-views>.view-eye-icon{width:13px!important;height:13px!important;flex:0 0 13px!important;fill:none!important;stroke:currentColor!important}
.watch-fbt-media>.watch-fbt-views>i{font:inherit;font-style:normal}
@media(max-width:767px){
  /* Reuse the exact former price-line grid cell: no taller cards. */
  body #app .home-screen .home-reference-top-pick-meta-row,
  body #app .mobile-two-up-feed .home-reference-top-pick-meta-row,
  body #app .discover-screen .home-reference-top-pick-meta-row,
  body #app .profile-screen-ref .home-reference-top-pick-meta-row,
  body #app [data-listing-grid="category"] .home-reference-top-pick-meta-row,
  body #app [data-listing-grid="country"] .home-reference-top-pick-meta-row,
  body #app .watch-screen .watch-related .home-reference-top-pick-meta-row{
    grid-column:1!important;
    grid-row:3!important;
    align-self:center!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  body #app .home-screen .home-reference-top-pick-meta-row>.home-reference-top-pick-price,
  body #app .mobile-two-up-feed .home-reference-top-pick-meta-row>.home-reference-top-pick-price,
  body #app .discover-screen .home-reference-top-pick-meta-row>.home-reference-top-pick-price,
  body #app .profile-screen-ref .home-reference-top-pick-meta-row>.home-reference-top-pick-price,
  body #app [data-listing-grid="category"] .home-reference-top-pick-meta-row>.home-reference-top-pick-price,
  body #app [data-listing-grid="country"] .home-reference-top-pick-meta-row>.home-reference-top-pick-price,
  body #app .watch-screen .watch-related .home-reference-top-pick-meta-row>.home-reference-top-pick-price{
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .public-guest-mode .home-reference-top-pick-meta-row>.home-reference-top-pick-price{display:none!important}
  .public-guest-mode .home-reference-top-pick-meta-row{justify-content:flex-start!important}
}

/* Hotfix734 · social stream + inline unlock */
.social-home-screen{--social-stream-max:760px}
.social-home-stream,.social-profile-stream{width:min(100%,var(--social-stream-max,760px));margin:0 auto;display:flex;flex-direction:column;gap:0;min-width:0}
.social-post{width:100%;min-width:0;background:var(--surface,#fff);border:0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:0;overflow:visible;box-shadow:none;margin:0}
.social-post-media{position:relative;width:100%;min-height:180px;overflow:hidden;border-radius:0;background-position:center;background-size:cover;background-repeat:no-repeat;isolation:isolate}
.social-post-media>video{position:relative;z-index:1;width:100%;height:100%;max-height:var(--hotfix706-feed-max,560px);display:block;object-fit:contain;background:transparent}
.social-post-duration{z-index:4;top:10px;right:10px;left:auto;bottom:auto;font-size:11px;padding:4px 7px;border:0;border-radius:999px;background:rgba(0,0,0,.66);color:#fff;backdrop-filter:blur(8px)}
.social-post-copy{padding:10px 12px 9px}
.social-post-creator{display:flex;align-items:center;gap:9px;min-width:0}
.social-post-avatar{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:50%;padding:0;overflow:hidden;background:color-mix(in srgb,var(--site-accent,#f52f7c) 12%,var(--surface,#fff));display:grid;place-items:center;color:var(--site-accent,#f52f7c);font:700 14px/1 inherit}
.social-post-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.social-post-identity{display:flex;min-width:0;flex-direction:column;align-items:flex-start;border:0;background:none;padding:0;text-align:left;color:inherit}
.social-post-identity strong{display:flex;align-items:center;gap:4px;max-width:100%;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-post-identity small{font-size:12px;opacity:.58;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-post-head-spacer{flex:1}
.social-post-more{display:grid;place-items:center;width:34px;height:34px;margin-right:-5px;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.72}
.social-post-more .ico{width:20px;height:20px}
.social-post-caption{margin:8px 0 7px;font-size:14px;line-height:1.38;overflow-wrap:anywhere;color:inherit}
.social-action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:38px;margin-top:2px}
.social-actions-left,.social-actions-right{display:flex;align-items:center;gap:clamp(12px,4.4vw,28px)}
.social-actions-left{min-width:0;flex:1}.social-actions-right{flex:0 0 auto;gap:15px}
.social-action{border:0;background:transparent;padding:6px 1px;display:inline-flex;align-items:center;gap:5px;color:inherit;opacity:.72;min-width:0;font-size:12px;line-height:1}
.social-action .ico{width:19px;height:19px;stroke-width:1.8;flex:0 0 auto}.social-action small{font:600 11px/1 inherit;opacity:.86}.social-action small i{font-style:normal}
.social-action:hover,.social-action:focus-visible{opacity:1}.social-action.active{opacity:1;color:var(--site-accent,#f52f7c)}.social-action[data-repost-menu].active{color:#16a765}
.social-bookmark{margin-left:auto}.social-view-action{cursor:pointer}
.social-preview-end[hidden]{display:none!important}.social-preview-end{position:absolute;z-index:8;inset:0;display:grid;place-items:center;padding:18px}.social-preview-end-backdrop{position:absolute;inset:0;background:rgba(5,5,8,.48);backdrop-filter:blur(3px)}
.social-preview-end-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:9px;width:min(86%,310px);text-align:center;color:#fff}.social-preview-end-card>strong{font-size:18px;line-height:1.1;text-shadow:0 1px 12px rgba(0,0,0,.45)}
.social-preview-unlock,.social-preview-again{width:100%;min-height:43px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.social-preview-unlock{background:var(--site-accent,#f52f7c);color:#fff;box-shadow:0 8px 26px rgba(var(--site-accent-rgb,245,47,124),.26)}.social-preview-again{background:rgba(15,15,18,.66);color:#fff;backdrop-filter:blur(12px)}.social-preview-unlock .ico,.social-preview-again .ico{width:18px;height:18px}
.social-comment-sheet .comment-item.comment-reply{margin-left:34px;padding-top:8px}.comment-meta{display:flex;align-items:center;gap:12px}.comment-meta button{border:0;background:none;padding:0;color:inherit;opacity:.65;font-size:12px;font-weight:700}.comment-reply-context{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:12px;background:color-mix(in srgb,var(--site-accent,#f52f7c) 9%,transparent)}.comment-reply-context button{border:0;background:none;color:inherit;font-size:18px}
.social-quote-sheet form{padding:14px;display:grid;gap:12px}.social-quote-sheet textarea{width:100%;resize:vertical;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:12px;padding:12px;background:transparent;color:inherit}.quote-original{padding:10px 12px;border-left:3px solid var(--site-accent,#f52f7c);background:color-mix(in srgb,currentColor 4%,transparent)}.quote-original p{margin:4px 0 0;opacity:.72}
.social-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:color-mix(in srgb,currentColor 9%,transparent);margin:0 14px 18px;overflow:hidden;border-radius:14px}.social-analytics-grid>div{background:var(--surface,#fff);padding:15px 12px;display:flex;flex-direction:column;gap:4px}.social-analytics-grid strong{font-size:18px}.social-analytics-grid span{font-size:12px;opacity:.6}
.social-more-sheet .danger{color:#e53955}.social-report-sheet .pro-action-list button,.social-more-sheet .pro-action-list button,.social-repost-sheet .pro-action-list button{min-height:52px}
/* The new Home is a feed: legacy merchandising/category pills stay out of this surface. */
.social-home-screen .home-categories-section,.social-home-screen .home-reference-categories,.social-home-screen .home-reference-top-pick-badge,.social-home-screen .stream-reference-badge,.social-home-screen .home-section,.social-home-screen .home-hero,.social-home-screen .home-promotion-strip{display:none!important}
.home-reference-top-pick-badge,.stream-reference-badge{display:none!important}
.profile-mobile-grid.social-profile-stream{display:flex!important;grid-template-columns:none!important;width:min(100%,760px)!important}
@media (min-width:768px){.social-home-stream,.social-profile-stream{max-width:760px;border-left:1px solid color-mix(in srgb,currentColor 8%,transparent);border-right:1px solid color-mix(in srgb,currentColor 8%,transparent)}.social-post-copy{padding:11px 14px 10px}.social-post-media>video{max-height:620px}.social-actions-left{gap:28px}}
@media (max-width:767px){.social-home-stream,.social-profile-stream{width:100%;max-width:none}.social-post{border-radius:0!important}.social-post-copy{padding-left:11px;padding-right:11px}.social-actions-left{gap:clamp(10px,5vw,21px)}.social-actions-right{gap:13px}.social-action .ico{width:18px;height:18px}.social-post-avatar{width:36px;height:36px;flex-basis:36px}.social-preview-end{padding:15px}}
.social-listing-stream{width:min(100%,760px);margin:0 auto;display:flex!important;flex-direction:column;gap:0;min-width:0}
@media (min-width:768px){.social-listing-stream{border-left:1px solid color-mix(in srgb,currentColor 8%,transparent);border-right:1px solid color-mix(in srgb,currentColor 8%,transparent)}}
.search-results-page .social-listing-stream,.listing-video-grid .social-listing-stream{margin-left:auto;margin-right:auto}

/* Hotfix734 repost attribution: plain reposts remain canonical original posts. */
.social-repost-attribution{display:flex;align-items:center;gap:7px;padding:9px 18px 7px;color:var(--muted,#8a93a0);font-size:12px;font-weight:700;line-height:1.2}
.social-repost-attribution .ico{width:15px;height:15px;flex:0 0 auto}
@media(max-width:767px){.social-repost-attribution{padding-left:14px;padding-right:14px}}

/* Creator identity and three-dot menu sit in the post header, above media. */
.social-post-head{padding:10px 12px 9px}
.social-repost-attribution+.social-post-head{padding-top:3px}
@media(min-width:768px){.social-post-head{padding:11px 14px 10px}}
@media(max-width:767px){.social-post-head{padding-left:11px;padding-right:11px}}


/* Hotfix735 · polished social action rail, compact identity, no skeleton look */
.social-post{background:var(--surface,#fff)!important;color:var(--text,#111)!important}
.social-post-head{background:var(--surface,#fff)!important;padding:10px 12px 8px!important}
.social-post-creator{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
.social-post-avatar{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;border:0!important;border-radius:50%!important;overflow:hidden!important;background:color-mix(in srgb,var(--site-accent,#f52f7c) 12%,var(--surface,#fff))!important;color:var(--site-accent,#f52f7c)!important}
.social-post-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.social-post-identity{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;min-width:0!important;max-width:calc(100% - 82px)!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;text-align:left!important;overflow:hidden!important}
.social-post-identity strong{display:inline-flex!important;align-items:center!important;gap:4px!important;min-width:0!important;max-width:64%!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.social-post-identity small{display:block!important;min-width:0!important;max-width:42%!important;font-size:13px!important;line-height:1.2!important;opacity:.55!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.social-post-more{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:0 0 32px!important;margin-left:auto!important;margin-right:-4px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:inherit!important;opacity:.68!important}
.social-post-more .ico{width:19px!important;height:19px!important}
.social-post-copy{background:var(--surface,#fff)!important;padding:9px 12px 10px!important}
.social-post-caption{margin:0 0 8px!important;font-size:14px!important;line-height:1.38!important;font-weight:450!important;letter-spacing:0!important;color:inherit!important}
.social-action-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:10px!important;width:100%!important;min-height:42px!important;margin:0!important;padding:1px 0 0!important}
.social-actions-left{display:grid!important;grid-template-columns:repeat(4,max-content)!important;align-items:center!important;justify-content:start!important;gap:clamp(13px,4.7vw,29px)!important;min-width:0!important}
.social-actions-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;flex:0 0 auto!important;margin-left:auto!important}
.social-action{appearance:none!important;-webkit-appearance:none!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:28px!important;height:32px!important;margin:0!important;padding:5px 2px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:color-mix(in srgb,currentColor 72%,transparent)!important;opacity:1!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}
.social-action .ico{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px!important;stroke-width:1.75!important}
.social-action small{display:inline-block!important;margin:0!important;padding:0!important;min-width:0!important;font:600 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;color:inherit!important;opacity:.82!important;vertical-align:middle!important}
.social-action small:empty{display:none!important}
.social-action small i{font-style:normal!important}
.social-action.active{color:var(--site-accent,#f52f7c)!important}
.social-repost-action.active{color:#18a36b!important}
.social-like-action.active{color:#e73562!important}
.social-action:active{transform:scale(.94)}
.social-bookmark,.social-share-action{width:32px!important;padding-left:5px!important;padding-right:5px!important}
.social-post-media{border-radius:0!important}
.social-post-duration{font-weight:700!important;letter-spacing:.01em!important}
.social-post+.social-post{border-top:0!important}
@media(max-width:380px){
  .social-post-head{padding-left:10px!important;padding-right:10px!important}
  .social-post-copy{padding-left:10px!important;padding-right:10px!important}
  .social-actions-left{gap:10px!important}
  .social-actions-right{gap:9px!important}
  .social-action .ico{width:19px!important;height:19px!important;flex-basis:19px!important}
  .social-action small{font-size:10.5px!important}
}
@media(min-width:768px){
  .social-post-head{padding:11px 14px 9px!important}
  .social-post-copy{padding:10px 14px 11px!important}
  .social-post-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}
  .social-post-identity strong{font-size:15px!important}
  .social-post-identity small{font-size:13px!important}
  .social-action-row{min-height:44px!important}
  .social-actions-left{gap:30px!important}
  .social-actions-right{gap:18px!important}
}

/* Hotfix736 · social stream theme polish, compact actions and clean creator-store cards */
/* Keep creator display name in the header; move @username down beside the caption. */
.social-post-identity{max-width:calc(100% - 78px)!important}
.social-post-identity strong{max-width:100%!important}
.social-post-identity small{display:none!important}
.social-post-copy{padding-top:6px!important;padding-bottom:6px!important}
.social-post-caption{display:flex!important;align-items:baseline!important;gap:6px!important;margin:0 0 3px!important;min-width:0!important;font-size:14px!important;line-height:1.34!important;overflow-wrap:anywhere!important}
.social-post-caption>span{min-width:0!important;overflow-wrap:anywhere!important}
.social-caption-username{appearance:none!important;-webkit-appearance:none!important;display:inline!important;flex:0 0 auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font:800 14px/1.34 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-align:left!important;white-space:nowrap!important;cursor:pointer!important}
.social-caption-username:active{opacity:.68!important}

/* Tighter social rail: larger SVGs, less empty vertical space. */
.social-action-row{min-height:34px!important;padding:0!important;margin:0!important;column-gap:9px!important}
.social-action{height:29px!important;min-width:29px!important;padding:2px 1px!important;gap:4px!important}
.social-action .ico{width:22px!important;height:22px!important;flex:0 0 22px!important;stroke-width:1.75!important}
.social-action small{font-size:11.5px!important;line-height:1!important}
.social-bookmark,.social-share-action{width:30px!important;padding:2px!important}
.social-actions-right{gap:12px!important}
@media(max-width:380px){.social-action .ico{width:21px!important;height:21px!important;flex-basis:21px!important}.social-action{height:28px!important}.social-actions-right{gap:8px!important}}
@media(min-width:768px){.social-action-row{min-height:36px!important}.social-action{height:31px!important}.social-action .ico{width:23px!important;height:23px!important;flex-basis:23px!important}}

/* Social bottom sheets must follow the active site theme instead of being hard-coded dark. */
#drawerRoot :is(.social-repost-sheet,.social-quote-sheet,.social-more-sheet,.social-report-sheet,.social-analytics-sheet),
#drawerRoot .social-comment-sheet{
  --social-sheet-bg:#0b0f15;
  --social-sheet-panel:#111720;
  --social-sheet-input:#151b24;
  --social-sheet-text:#f4f6f9;
  --social-sheet-muted:#8993a0;
  --social-sheet-line:rgba(255,255,255,.075);
  background:var(--social-sheet-bg)!important;
  color:var(--social-sheet-text)!important;
  border:1px solid var(--social-sheet-line)!important;
  border-bottom:0!important;
  box-shadow:0 -24px 68px rgba(0,0,0,.48)!important;
}
html[data-theme="light"] #drawerRoot :is(.social-repost-sheet,.social-quote-sheet,.social-more-sheet,.social-report-sheet,.social-analytics-sheet),
html[data-theme="light"] #drawerRoot .social-comment-sheet{
  --social-sheet-bg:#fff;
  --social-sheet-panel:#f5f6f7;
  --social-sheet-input:#f1f2f4;
  --social-sheet-text:#15171a;
  --social-sheet-muted:#707780;
  --social-sheet-line:rgba(20,24,29,.10);
  background:var(--social-sheet-bg)!important;
  color:var(--social-sheet-text)!important;
  box-shadow:0 -18px 55px rgba(28,32,38,.16)!important;
}
#drawerRoot :is(.social-repost-sheet,.social-quote-sheet,.social-more-sheet,.social-report-sheet,.social-analytics-sheet)>header,
#drawerRoot .social-comment-sheet>header{background:var(--social-sheet-bg)!important;color:var(--social-sheet-text)!important;box-shadow:inset 0 -1px var(--social-sheet-line)!important}
#drawerRoot :is(.social-repost-sheet,.social-quote-sheet,.social-more-sheet,.social-report-sheet,.social-analytics-sheet)>header b,
#drawerRoot .social-comment-sheet>header b{color:var(--social-sheet-text)!important}
#drawerRoot :is(.social-repost-sheet,.social-quote-sheet,.social-more-sheet,.social-report-sheet,.social-analytics-sheet)>header button,
#drawerRoot .social-comment-sheet>header button{border:0!important;background:var(--social-sheet-panel)!important;color:var(--social-sheet-text)!important;box-shadow:none!important}

/* Repost/Quote menu: two clean rows, no skeleton descriptions and no narrow text column. */
#drawerRoot .social-repost-sheet{width:min(520px,100%)!important;max-height:none!important;padding-bottom:calc(8px + var(--safe-bottom))!important}
#drawerRoot .social-repost-sheet>.pro-action-list{display:grid!important;gap:2px!important;max-height:none!important;overflow:visible!important;padding:8px 10px 10px!important;background:var(--social-sheet-bg)!important}
#drawerRoot .social-repost-sheet>.pro-action-list>button{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:56px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--social-sheet-text)!important;text-align:left!important;box-shadow:none!important}
#drawerRoot .social-repost-sheet>.pro-action-list>button:active{background:var(--social-sheet-panel)!important;transform:none!important}
#drawerRoot .social-repost-sheet>.pro-action-list>button>i{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--social-sheet-text)!important;font-style:normal!important}
#drawerRoot .social-repost-sheet>.pro-action-list>button>i .ico{width:24px!important;height:24px!important}
#drawerRoot .social-repost-sheet>.pro-action-list>button>span{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
#drawerRoot .social-repost-sheet>.pro-action-list>button>span>b{display:block!important;margin:0!important;color:var(--social-sheet-text)!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#drawerRoot .social-repost-sheet>.pro-action-list small{display:none!important}

/* Comments: clean light/dark panel, compact form and truly hidden reply context. */
#drawerRoot .social-comment-sheet{width:min(720px,100%)!important;height:min(72dvh,650px)!important;grid-template-rows:56px minmax(0,1fr) auto!important}
#drawerRoot .social-comment-sheet .comment-items{background:var(--social-sheet-bg)!important;color:var(--social-sheet-text)!important;padding:8px 16px 18px!important}
#drawerRoot .social-comment-sheet .comment-item{color:var(--social-sheet-text)!important}
#drawerRoot .social-comment-sheet .comment-item>span{background:var(--social-sheet-panel)!important;color:var(--social-sheet-text)!important}
#drawerRoot .social-comment-sheet .comment-item b{color:var(--social-sheet-text)!important}
#drawerRoot .social-comment-sheet .comment-item p{color:color-mix(in srgb,var(--social-sheet-text) 86%,transparent)!important}
#drawerRoot .social-comment-sheet .comment-item small,
#drawerRoot .social-comment-sheet .comment-empty,
#drawerRoot .social-comment-sheet .comment-loading{color:var(--social-sheet-muted)!important}
#drawerRoot .social-comment-sheet .comment-meta button{color:var(--social-sheet-text)!important;opacity:.66!important}
#drawerRoot .social-comment-sheet .comment-form{background:var(--social-sheet-bg)!important;box-shadow:inset 0 1px var(--social-sheet-line)!important;padding:9px 12px calc(9px + var(--safe-bottom))!important}
#drawerRoot .social-comment-sheet .comment-form input{height:44px!important;border:1px solid var(--social-sheet-line)!important;background:var(--social-sheet-input)!important;color:var(--social-sheet-text)!important;box-shadow:none!important}
#drawerRoot .social-comment-sheet .comment-form input::placeholder{color:var(--social-sheet-muted)!important;opacity:1!important}
#drawerRoot .social-comment-sheet .comment-form button{height:44px!important;min-width:76px!important;padding:0 16px!important;border-radius:13px!important}
#drawerRoot .social-comment-sheet .comment-reply-context{background:color-mix(in srgb,var(--site-accent,#f52f7c) 8%,var(--social-sheet-bg))!important;color:var(--social-sheet-text)!important;border-top:1px solid var(--social-sheet-line)!important}
#drawerRoot .social-comment-sheet .comment-reply-context[hidden]{display:none!important}
#drawerRoot .social-comment-sheet .comment-reply-context button{color:var(--social-sheet-text)!important}
#drawerRoot .social-comment-sheet .comment-login{background:var(--site-accent,#f52f7c)!important;color:#fff!important}

/* Quote, analytics and more/options sheets inherit the same theme cleanly. */
#drawerRoot .social-quote-sheet form{background:var(--social-sheet-bg)!important;color:var(--social-sheet-text)!important}
#drawerRoot .social-quote-sheet textarea{border-color:var(--social-sheet-line)!important;background:var(--social-sheet-input)!important;color:var(--social-sheet-text)!important}
#drawerRoot .social-quote-sheet textarea::placeholder{color:var(--social-sheet-muted)!important}
#drawerRoot .social-quote-sheet .quote-original{background:var(--social-sheet-panel)!important;color:var(--social-sheet-text)!important}
#drawerRoot .social-analytics-sheet .social-analytics-grid{background:var(--social-sheet-line)!important}
#drawerRoot .social-analytics-sheet .social-analytics-grid>div{background:var(--social-sheet-bg)!important;color:var(--social-sheet-text)!important}
#drawerRoot :is(.social-more-sheet,.social-report-sheet)>.pro-action-list{background:var(--social-sheet-bg)!important;color:var(--social-sheet-text)!important}
#drawerRoot :is(.social-more-sheet,.social-report-sheet)>.pro-action-list>button{color:var(--social-sheet-text)!important}

/* More-from-this-creator cards are intentionally media + duration + title only. */
.watch-creator-store-card .social-action-row,
.watch-creator-store-card .commerce-card-bottom,
.watch-creator-store-card .commerce-card-social,
.watch-creator-store-media>i{display:none!important}
.watch-creator-store-copy{padding-bottom:10px!important}

/* Hotfix737: flat-root deployment package; retains Hotfix736 social/theme fixes. */


/* Hotfix738 — professional mobile story rail + compose/view experiences. */









































































@media(max-width:420px){}


/* Hotfix739 — repost sheet and four-line inline caption authority. */
.social-post-caption{
  position:relative!important;
  display:block!important;
  margin:0 0 3px!important;
  max-height:calc(1.38em * 4)!important;
  overflow:hidden!important;
  text-align:left!important;
  white-space:normal!important;
  font-size:14px!important;
  line-height:1.38!important;
  overflow-wrap:anywhere!important;
}
.social-caption-username{
  display:inline!important;
  float:none!important;
  vertical-align:baseline!important;
  margin:0 5px 0 0!important;
  padding:0!important;
  white-space:nowrap!important;
  font:800 14px/1.38 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.social-caption-text{display:inline!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
.social-caption-more{
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  height:1.38em!important;
  margin:0!important;
  padding:0 0 0 24px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent 0,var(--surface,#fff) 38%,var(--surface,#fff) 100%)!important;
  color:var(--muted,#77808b)!important;
  font:700 14px/1.38 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-decoration:none!important;
}
.social-caption-more[hidden]{display:none!important}
html[data-theme="dark"] .social-caption-more{background:linear-gradient(90deg,transparent 0,var(--surface,#0b0f15) 38%,var(--surface,#0b0f15) 100%)!important}

/* Playlist sheet had a generic immediate-child span card style. Repost labels no longer use that structure. */
#drawerRoot .social-repost-sheet>.pro-action-list>button{
  grid-template-columns:38px minmax(0,1fr)!important;
  min-height:58px!important;
  padding:8px 14px!important;
  gap:12px!important;
  background:transparent!important;
}
#drawerRoot .social-repost-sheet>.pro-action-list>button>i{
  width:38px!important;height:38px!important;border-radius:50%!important;background:transparent!important;color:var(--social-sheet-text)!important;
}
#drawerRoot .social-repost-sheet>.pro-action-list>button>.social-repost-label{
  display:block!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--social-sheet-text)!important;box-shadow:none!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;text-align:left!important;
}
#drawerRoot .social-repost-sheet>.pro-action-list>button:active{background:var(--social-sheet-panel)!important}

#drawerRoot .social-caption-sheet{
  --social-sheet-bg:#0b0f15;--social-sheet-panel:#111720;--social-sheet-text:#f4f6f9;--social-sheet-muted:#8993a0;--social-sheet-line:rgba(255,255,255,.075);
  width:min(680px,100%)!important;max-height:min(68dvh,620px)!important;background:var(--social-sheet-bg)!important;color:var(--social-sheet-text)!important;border:1px solid var(--social-sheet-line)!important;border-bottom:0!important;box-shadow:0 -24px 68px rgba(0,0,0,.48)!important;
}
html[data-theme="light"] #drawerRoot .social-caption-sheet{--social-sheet-bg:#fff;--social-sheet-panel:#f5f6f7;--social-sheet-text:#15171a;--social-sheet-muted:#707780;--social-sheet-line:rgba(20,24,29,.10);box-shadow:0 -18px 55px rgba(28,32,38,.16)!important}
#drawerRoot .social-caption-sheet>header{background:var(--social-sheet-bg)!important;color:var(--social-sheet-text)!important;box-shadow:inset 0 -1px var(--social-sheet-line)!important}
#drawerRoot .social-caption-sheet>header b{color:var(--social-sheet-text)!important;font-size:16px!important}
#drawerRoot .social-caption-sheet>header button{border:0!important;background:var(--social-sheet-panel)!important;color:var(--social-sheet-text)!important;box-shadow:none!important}
#drawerRoot .social-caption-sheet>.social-caption-full-body{max-height:calc(min(68dvh,620px) - 56px)!important;overflow:auto!important;padding:18px 18px calc(24px + var(--safe-bottom))!important;background:var(--social-sheet-bg)!important}
#drawerRoot .social-caption-sheet>.social-caption-full-body p{margin:0!important;color:var(--social-sheet-text)!important;font-size:16px!important;line-height:1.52!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;text-align:left!important}

/* Hotfix740 — real Facebook-scale stories, tighter mobile controls, no demo story media. */





















/* Composer: compact enough for a phone, while keeping a real 9:16-friendly preview. */



























/* Viewer: media owns the screen; controls are smaller and closer to Facebook/Instagram proportions. */












































/* Real story secondary sheets. */




















@media(max-width:380px){
  
  
  
  
  
  
  
  
}
@media(min-width:768px){
  
  
  
  
  
}

/* Hotfix741 — post-options sheet isolation + own story preview. */
#drawerRoot .social-options-sheet{
  position:fixed!important;z-index:154!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;
  width:min(620px,100%)!important;max-height:min(72dvh,720px)!important;overflow:hidden!important;
  border-radius:24px 24px 0 0!important;background:#0b0f15!important;color:#f5f7fa!important;
  box-shadow:0 -24px 70px rgba(0,0,0,.48)!important;padding:0 0 calc(10px + var(--safe-bottom))!important;
}
#drawerRoot .social-options-sheet>header{height:64px!important;display:flex!important;align-items:center!important;padding:0 16px 0 20px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
#drawerRoot .social-options-sheet>header>b{font-size:20px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.02em!important;color:#f5f7fa!important}
#drawerRoot .social-options-sheet>header>button{margin-left:auto!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#151b24!important;color:#f5f7fa!important;font-size:27px!important;line-height:1!important}
#drawerRoot .social-options-list{display:grid!important;gap:0!important;padding:8px 10px 12px!important;max-height:calc(min(72dvh,720px) - 64px)!important;overflow:auto!important;background:transparent!important}
#drawerRoot .social-options-list>button{appearance:none!important;-webkit-appearance:none!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:58px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#f5f7fa!important;text-align:left!important;box-shadow:none!important}
#drawerRoot .social-options-list>button:active{background:#151b24!important;transform:none!important}
#drawerRoot .social-options-list>button>i{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:inherit!important;font-style:normal!important;box-shadow:none!important}
#drawerRoot .social-options-list>button>i .ico{width:25px!important;height:25px!important}
#drawerRoot .social-options-list>button>b{display:block!important;width:auto!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font-size:16px!important;line-height:1.2!important;font-weight:800!important;white-space:normal!important}
#drawerRoot .social-options-list>button.danger{color:#ff647b!important}
html[data-theme="light"] #drawerRoot .social-options-sheet{background:#fff!important;color:#17191d!important;box-shadow:0 -22px 58px rgba(20,25,35,.18)!important}
html[data-theme="light"] #drawerRoot .social-options-sheet>header{border-bottom-color:#e6e8ec!important}
html[data-theme="light"] #drawerRoot .social-options-sheet>header>b{color:#17191d!important}
html[data-theme="light"] #drawerRoot .social-options-sheet>header>button{background:#f2f4f7!important;color:#3a4049!important}
html[data-theme="light"] #drawerRoot .social-options-list>button{color:#17191d!important}
html[data-theme="light"] #drawerRoot .social-options-list>button:active{background:#f4f6f8!important}
html[data-theme="light"] #drawerRoot .social-options-list>button.danger{color:#c92242!important}








/* Hotfix744 — one-time real creator suggestion modules inside the social Home stream. */
.home-inline-creator-module{width:100%;margin:0;padding:16px 12px 18px;background:var(--surface,#0b0e14);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}
.home-inline-creator-module>header{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}
.home-inline-creator-module>header h2{display:flex;align-items:center;gap:7px;margin:0;font-size:19px;line-height:1.15;font-weight:900;letter-spacing:-.025em;color:#f7f8fa}
.home-inline-creator-module>header h2 .ico{width:19px;height:19px;color:var(--accent,#f52f7c)}
.home-user-suggestion-rail{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 1px 3px;scrollbar-width:none}
.home-user-suggestion-rail::-webkit-scrollbar{display:none}
.home-suggest-user-card{position:relative;flex:0 0 158px;min-width:158px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#10151d;box-shadow:0 10px 28px rgba(0,0,0,.16);scroll-snap-align:start}
.home-suggest-user-card button{font:inherit}
.home-suggest-user-cover{display:block;width:100%;height:118px;border:0;background-color:#171c24;background-size:cover;background-position:center;cursor:pointer}
.home-suggest-user-avatar{position:absolute;top:84px;left:12px;display:grid;place-items:center;width:54px;height:54px;padding:0;border:3px solid #10151d;border-radius:50%;overflow:hidden;background:#202733;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.22)}
.home-suggest-user-avatar img{width:100%;height:100%;object-fit:cover}.home-suggest-user-avatar b{font-size:19px}
.home-suggest-user-name{display:grid;gap:3px;width:100%;padding:27px 12px 9px;border:0;background:transparent;color:#f6f7f9;text-align:left;min-width:0}
.home-suggest-user-name b{display:block;min-width:0;font-size:14px;line-height:1.18;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-suggest-user-name b .verified{margin-left:4px}
.home-suggest-user-name small{font-size:11px;line-height:1.15;color:#929aa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-suggest-follow{display:block;width:calc(100% - 20px);height:36px;margin:0 10px 10px;border:0;border-radius:12px;background:#f6f7f9;color:#10141b;font-size:14px;font-weight:900}
.home-suggest-follow.following{background:#202733;color:#f4f6f8;border:1px solid rgba(255,255,255,.14)}
.home-premium-grid{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 1px 3px;scrollbar-width:none}.home-premium-grid::-webkit-scrollbar{display:none}
.home-premium-user-card{position:relative;flex:0 0 168px;min-width:168px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:#10151d;box-shadow:0 10px 26px rgba(0,0,0,.14)}
.home-premium-user-card button{font:inherit}
.home-premium-cover{display:block;width:100%;aspect-ratio:1.75/1;border:0;background-color:#171c24;background-size:cover;background-position:center}
.home-premium-user-copy{position:relative;display:flex;gap:9px;align-items:center;min-height:58px;padding:9px 10px 5px}
.home-premium-avatar{flex:0 0 46px;width:46px;height:46px;margin-top:-28px;padding:0;border:3px solid #10151d;border-radius:50%;overflow:hidden;background:#222936;color:#fff;box-shadow:0 4px 13px rgba(0,0,0,.24)}
.home-premium-avatar img{width:100%;height:100%;object-fit:cover}.home-premium-avatar b{font-size:16px}
.home-premium-name{display:grid;gap:3px;min-width:0;flex:1;padding:0;border:0;background:transparent;color:#f7f8fa;text-align:left}
.home-premium-name b{min-width:0;font-size:13.5px;line-height:1.15;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-premium-name b .verified{margin-left:3px}
.home-premium-name small{font-size:10.5px;line-height:1.18;color:#929aa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-premium-follow{display:block;width:calc(100% - 18px);height:35px;margin:4px 9px 9px;border:0;border-radius:11px;background:#f6f7f9;color:#10141b;font-size:13.5px;font-weight:900}
.home-premium-follow.following{background:#202733;color:#f4f6f8;border:1px solid rgba(255,255,255,.14)}
html[data-theme="light"] .home-inline-creator-module{background:#fff;border-color:#eceef1}
html[data-theme="light"] .home-inline-creator-module>header h2{color:#16191e}
html[data-theme="light"] .home-suggest-user-card,html[data-theme="light"] .home-premium-user-card{background:#fff;border-color:#e8eaf0;box-shadow:0 10px 26px rgba(22,28,37,.07)}
html[data-theme="light"] .home-suggest-user-avatar,html[data-theme="light"] .home-premium-avatar{border-color:#fff;background:#edf0f4;color:#151920}
html[data-theme="light"] .home-suggest-user-name,html[data-theme="light"] .home-premium-name{color:#16191e}
html[data-theme="light"] .home-suggest-user-name small,html[data-theme="light"] .home-premium-name small{color:#757d89}
html[data-theme="light"] .home-suggest-follow,html[data-theme="light"] .home-premium-follow{background:#111820;color:#fff}
html[data-theme="light"] .home-suggest-follow.following,html[data-theme="light"] .home-premium-follow.following{background:#eef1f4;color:#1c222b;border:1px solid #dce1e7}
@media(min-width:768px){.home-inline-creator-module{padding:18px 16px 20px}.home-user-suggestion-rail,.home-premium-grid{gap:10px}.home-suggest-user-card{flex-basis:170px;min-width:170px}.home-suggest-user-cover{height:128px}.home-premium-user-card{flex-basis:180px;min-width:180px}}
@media(max-width:370px){.home-inline-creator-module{padding-left:9px;padding-right:9px}.home-suggest-user-card{flex-basis:148px;min-width:148px}.home-premium-grid{gap:7px}.home-premium-user-card{flex-basis:158px;min-width:158px}.home-premium-user-copy{padding-left:8px;padding-right:8px}.home-premium-avatar{width:43px;height:43px;flex-basis:43px}}

/* Hotfix745 — single-line creator rails and instant follow refill. */
.home-premium-grid,.home-user-suggestion-rail{align-items:stretch!important;grid-template-columns:none!important}
[data-creator-suggestion-card]{transition:opacity .13s ease,transform .13s ease,margin .13s ease}
[data-creator-suggestion-card].is-followed-removing{opacity:0!important;transform:scale(.94)!important;pointer-events:none!important}
.home-premium-user-card{scroll-snap-align:start}
@media(prefers-reduced-motion:reduce){[data-creator-suggestion-card]{transition:none!important}}


/* Hotfix746 — Live cards use the same single-stream language as ordinary feed posts. */
.live-feed-post{width:100%;min-width:0;margin:0!important;border-radius:0!important;background:var(--surface,#fff)!important;color:var(--text,#111)!important}
.live-feed-post .social-post-head{padding:10px 12px 8px!important}
.live-feed-creator .social-post-identity strong{max-width:100%!important}
.live-feed-head-status{display:inline-flex;align-items:center;gap:6px;height:25px;padding:0 9px;border-radius:999px;background:rgba(232,35,55,.10);color:#e82337;font-size:11px;font-weight:850;letter-spacing:.04em;white-space:nowrap}
.live-feed-head-status i,.live-feed-pill i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}
.live-feed-head-status.private,.live-feed-pill.private{color:#ff9b2f;background:rgba(255,155,47,.14)}
.live-feed-head-status.paused,.live-feed-pill.paused{color:#f3c349;background:rgba(243,195,73,.13)}
.live-feed-head-status.offline,.live-feed-pill.offline{color:#9aa1ad;background:rgba(154,161,173,.13)}
.live-feed-media{position:relative!important;width:100%!important;height:var(--live-feed-height,360px)!important;min-height:180px!important;max-height:620px!important;overflow:hidden!important;background:#090b0f!important;isolation:isolate}
.live-feed-media>.live-feed-backdrop{position:absolute;z-index:0;inset:-28px;background-size:cover;background-position:center;filter:blur(24px) saturate(.9);transform:scale(1.08);opacity:.72}
.live-feed-media>.live-feed-backdrop::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)}
.live-feed-media>.live-feed-poster{position:relative;z-index:1;display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
.live-feed-pill{position:absolute;z-index:4;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;background:rgba(232,35,55,.92);color:#fff;font-size:11px;font-weight:900;letter-spacing:.05em;box-shadow:0 6px 18px rgba(0,0,0,.22);backdrop-filter:blur(8px)}
.live-feed-pill.private{background:rgba(168,91,20,.92);color:#fff}.live-feed-pill.paused{background:rgba(82,71,25,.92);color:#fff}.live-feed-pill.offline{background:rgba(47,52,61,.92);color:#fff}
.live-feed-caption{margin-bottom:4px!important}
.live-feed-action-row{padding-top:1px!important}
.live-feed-action-row .social-actions-left{grid-template-columns:repeat(3,max-content)!important}
.live-feed-action-row .live-feed-like.active{color:#f43f5e!important;transform:scale(1.06)}
.live-feed-action-row .live-feed-alert.active{color:var(--site-accent,#f52f7c)!important}
.profile-live-feed-slot{width:min(760px,100%);margin:0 auto 8px;overflow:hidden}
.profile-live-feed-slot:empty{display:none}
.profile-live-feed-slot .live-feed-post{border-left:0!important;border-right:0!important}
@media(max-width:767px){.live-feed-media{max-height:560px!important}.live-feed-post .social-post-head{padding-left:10px!important;padding-right:10px!important}.profile-live-feed-slot{width:100%;margin-bottom:4px}}
@media(min-width:768px){.live-feed-post{max-width:760px;margin-left:auto!important;margin-right:auto!important;border-left:1px solid color-mix(in srgb,currentColor 8%,transparent)!important;border-right:1px solid color-mix(in srgb,currentColor 8%,transparent)!important}.live-feed-media{max-height:620px!important}}


/* Hotfix747 — moving story progress + compact inline Follow on social posts. */






.social-post-inline-follow{flex:0 0 auto;border:0!important;background:transparent!important;padding:2px 1px!important;margin-left:1px!important;color:var(--accent,#f52f7c)!important;font-size:13px!important;line-height:1!important;font-weight:850!important;white-space:nowrap!important}
.social-post-inline-follow.following{color:var(--muted,#7b818b)!important;font-weight:720!important}
.social-post-creator>.social-post-identity{max-width:min(56%,240px)!important}
@media(max-width:420px){.social-post-inline-follow{font-size:12.5px!important}.social-post-creator{gap:7px!important}.social-post-creator>.social-post-identity{max-width:48%!important}}

/* Hotfix748 — viewport Live playback inside Home/Profile social feed posts. */
.live-feed-media>.live-feed-video{position:absolute;z-index:2;inset:0;display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;opacity:0;transition:opacity .18s ease;pointer-events:none}
.live-feed-media>.live-feed-poster{transition:opacity .18s ease}
.live-feed-media.is-playing>.live-feed-video{opacity:1}
.live-feed-media.is-playing>.live-feed-poster{opacity:0}
.live-feed-media.is-playing.is-landscape>.live-feed-backdrop{opacity:.12;filter:blur(18px) saturate(.9)}
.live-feed-media.is-playing.is-square>.live-feed-backdrop{opacity:.22}
.live-feed-media.is-playing.is-portrait>.live-feed-backdrop{opacity:.72}
.live-feed-media.is-loading::after{content:"";position:absolute;z-index:5;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:3px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:liveFeedSpin .75s linear infinite;pointer-events:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.25))}
.live-feed-media.is-preview-failed::after{display:none}
@keyframes liveFeedSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.live-feed-media>.live-feed-video,.live-feed-media>.live-feed-poster{transition:none}.live-feed-media.is-loading::after{animation-duration:1.3s}}

/* Hotfix751 — mixed photo/video social feeds + photo upload composer. */
.social-photo-post .social-post-media{min-height:0!important;background:var(--surface,#fff)!important;overflow:hidden!important}
.social-photo-carousel{position:relative;width:100%;min-width:0;background:#090b0f;overflow:hidden;isolation:isolate}
.social-photo-track{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}
.social-photo-track::-webkit-scrollbar{display:none}
.social-photo-slide{flex:0 0 100%;width:100%;height:min(72vh,620px);min-height:320px;margin:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;background:#090b0f;overflow:hidden}
.social-photo-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#090b0f;user-select:none;-webkit-user-drag:none}
.social-photo-counter{position:absolute;z-index:4;top:10px;right:10px;display:inline-flex;align-items:center;gap:2px;min-width:38px;height:28px;padding:0 9px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font:750 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;backdrop-filter:blur(8px)}
.social-photo-counter b{font:inherit}
.photo-unlock-nudge{width:100%;min-height:48px;margin:7px 0 4px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--site-accent,#f52f7c) 20%,transparent);border-radius:13px;background:color-mix(in srgb,var(--site-accent,#f52f7c) 7%,var(--surface,#fff));color:inherit;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;text-align:left}
.photo-unlock-nudge>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--site-accent,#f52f7c) 13%,transparent);color:var(--site-accent,#f52f7c)}
.photo-unlock-nudge>span:first-child .ico{width:15px;height:15px}.photo-unlock-nudge>span:nth-child(2){display:grid;gap:1px;min-width:0}.photo-unlock-nudge b{font-size:12.5px;line-height:1.15}.photo-unlock-nudge small{font-size:10.5px;line-height:1.2;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-unlock-nudge>.ico{width:16px;height:16px;opacity:.48}
.upload-picked-photos{display:flex;gap:7px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:1px 0 3px}.upload-picked-photos::-webkit-scrollbar{display:none}.upload-picked-photo{position:relative;flex:0 0 min(74vw,330px);height:260px;border-radius:14px;overflow:hidden;background:#0b0e13;scroll-snap-align:start}.upload-picked-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#0b0e13}.upload-picked-photo-index{position:absolute;top:8px;right:8px;min-width:30px;height:25px;padding:0 8px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.68);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(7px)}
.upload-photo-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;padding:0 2px;font-size:11px;color:var(--muted,#77808b)}
html[data-theme="light"] .social-photo-carousel,html[data-theme="light"] .social-photo-slide,html[data-theme="light"] .social-photo-slide img,html[data-theme="light"] .upload-picked-photo,html[data-theme="light"] .upload-picked-photo img{background:#f1f2f4}
@media(max-width:767px){.social-photo-slide{height:min(68vh,560px);min-height:300px}.social-photo-counter{top:8px;right:8px;height:27px}.photo-unlock-nudge{margin-top:5px}.upload-picked-photo{flex-basis:86vw;height:250px}}
@media(max-width:420px){.social-photo-slide{height:min(64vh,510px);min-height:280px}.upload-picked-photo{height:220px;border-radius:12px}}
/* Hotfix751 photo composer actual markup. */
.picked-photos{position:relative;width:100%;overflow:hidden;border-radius:14px;background:var(--surface,#fff)}
.picked-photo-track{display:flex;gap:7px;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;background:#0b0e13}
.picked-photo-track::-webkit-scrollbar{display:none}
.picked-photo-track img{display:block;flex:0 0 100%;width:100%;height:min(54vh,430px);min-height:230px;object-fit:contain;scroll-snap-align:start;background:#0b0e13}
.picked-photos>span{position:absolute;left:9px;bottom:9px;z-index:5;min-height:28px;display:flex;align-items:center;padding:0 10px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(8px)}
html[data-theme="light"] .picked-photo-track,html[data-theme="light"] .picked-photo-track img{background:#eef0f3}
@media(max-width:420px){.picked-photos{border-radius:11px}.picked-photo-track img{height:min(46vh,350px);min-height:210px}}
.home-endless-sentinel{height:56px;width:100%;position:relative;flex:0 0 56px}
.home-endless-sentinel::after{content:"";position:absolute;left:50%;top:18px;width:22px;height:22px;margin-left:-11px;border:2px solid color-mix(in srgb,currentColor 14%,transparent);border-top-color:var(--site-accent,#f52f7c);border-radius:50%;opacity:.28}
.home-endless-sentinel.loading::after{opacity:.8;animation:vhHomeEndlessSpin .75s linear infinite}
@keyframes vhHomeEndlessSpin{to{transform:rotate(360deg)}}


/* Hotfix752 — progressive endless creator profile feed. */
.profile-endless-sentinel{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:54px;padding:12px 0 18px;grid-column:1/-1}
.profile-endless-sentinel span{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.28}
.profile-endless-sentinel.loading span{animation:profileEndlessPulse .85s infinite ease-in-out}
.profile-endless-sentinel.loading span:nth-child(2){animation-delay:.12s}.profile-endless-sentinel.loading span:nth-child(3){animation-delay:.24s}
@keyframes profileEndlessPulse{0%,70%,100%{transform:translateY(0);opacity:.24}35%{transform:translateY(-4px);opacity:.72}}
html[data-theme="light"] .profile-endless-sentinel{color:#5d646d}html[data-theme="dark"] .profile-endless-sentinel{color:#aeb5bf}
@media(prefers-reduced-motion:reduce){.profile-endless-sentinel.loading span{animation:none}}
nn/* Hotfix753 — fullscreen photo viewer + carousel polish. */n.social-photo-carousel{position:relative;overflow:hidden;background:#05070a;touch-action:pan-y}n.social-photo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}n.social-photo-track::-webkit-scrollbar{display:none}n.social-photo-slide{position:relative;flex:0 0 100%;width:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;background:#05070a;cursor:zoom-in}n.social-photo-slide img{display:block;width:100%;max-height:min(76vh,760px);height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}n.social-photo-counter{position:absolute;right:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:1px;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(7,10,15,.72);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:800}n.social-photo-dots{position:absolute;left:50%;bottom:10px;z-index:3;display:flex;gap:4px;transform:translateX(-50%);pointer-events:none}n.social-photo-dots i{display:block;width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.48);transition:width .16s ease,background .16s ease}n.social-photo-dots i.active{width:13px;border-radius:999px;background:#fff}n#drawerRoot.photo-viewer-open{display:block!important}n#drawerRoot .photo-viewer{position:fixed;inset:0;z-index:1400;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#000;color:#fff;overscroll-behavior:contain}n#drawerRoot .photo-viewer-top{position:relative;z-index:4;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.16))}n#drawerRoot .photo-viewer-creator{display:flex;align-items:center;gap:9px;min-width:0;border:0;background:transparent;color:#fff;padding:0;text-align:left}n#drawerRoot .photo-viewer-creator>span{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;background:#242a34}n#drawerRoot .photo-viewer-creator img{width:100%;height:100%;object-fit:cover}n#drawerRoot .photo-viewer-creator b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}n#drawerRoot .photo-viewer-count{font-size:12px;font-weight:800;color:rgba(255,255,255,.88)}n#drawerRoot .photo-viewer-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(12,15,20,.5);color:#fff;font-size:28px;line-height:1}n#drawerRoot .photo-viewer-track{display:flex;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:#000;-webkit-overflow-scrolling:touch}n#drawerRoot .photo-viewer-track::-webkit-scrollbar{display:none}n#drawerRoot .photo-viewer-slide{flex:0 0 100%;width:100%;height:100%;margin:0;display:grid;place-items:center;scroll-snap-align:start;scroll-snap-stop:always;background:#000}n#drawerRoot .photo-viewer-slide img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}n#drawerRoot .photo-viewer-bottom{position:relative;z-index:4;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.18));display:grid;gap:10px}n#drawerRoot .photo-viewer-caption{display:block;width:100%;border:0;background:transparent;color:#fff;padding:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}n#drawerRoot .photo-viewer-caption b{font-size:13px;margin-right:6px}n#drawerRoot .photo-viewer-caption span{font-size:13px;color:rgba(255,255,255,.9)}n#drawerRoot .photo-viewer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}n#drawerRoot .photo-viewer-actions button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:48px;height:44px;padding:0 10px;border:0;border-radius:22px;background:rgba(255,255,255,.08);color:#fff}n#drawerRoot .photo-viewer-actions button .ico{width:23px;height:23px}n#drawerRoot .photo-viewer-actions button span{font-size:12px;font-weight:800}n#drawerRoot .photo-viewer-actions button.active{color:#ff496f;background:rgba(255,73,111,.12)}n@media(min-width:768px){#drawerRoot .photo-viewer{left:50%;right:auto;width:min(720px,100vw);transform:translateX(-50%);box-shadow:0 0 80px rgba(0,0,0,.7)}.social-photo-slide img{max-height:min(78vh,820px)}}n
/* Hotfix754 — identical geometry for initial and appended social-feed batches. */
.social-post-media.adaptive-feed-media:not(.social-photo-media){
  min-height:0!important;
  height:var(--adaptive-media-height,min(56.25vw,560px))!important;
  max-height:var(--adaptive-media-max,560px)!important;
  contain:layout paint;
}
.social-post-media.adaptive-feed-media.media-sizing-pending:not(.social-photo-media){
  height:var(--adaptive-media-height,min(56.25vw,560px))!important;
}
.home-endless-sentinel{content-visibility:auto;contain-intrinsic-size:56px 1px}
@media(min-width:768px){
  .social-post-media.adaptive-feed-media:not(.social-photo-media){height:var(--adaptive-media-height,min(42.75vw,620px))!important;max-height:var(--adaptive-media-max,620px)!important}
}

/* Hotfix755 — required About me registration step + sound-first feed previews. */
.about-me-screen{min-height:100dvh;background:radial-gradient(circle at 50% -5%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34%),#080b11;color:#fff}
.about-me-page{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}
.about-me-card{width:min(520px,100%);padding:28px 22px 24px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,#151a23,#0b0f16);box-shadow:0 28px 80px rgba(0,0,0,.46)}
.about-me-mark{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 13px;border-radius:22px;background:linear-gradient(135deg,var(--accent),#ff4e45);box-shadow:0 16px 42px color-mix(in srgb,var(--accent) 26%,transparent)}
.about-me-mark .ico{width:29px;height:29px}.about-me-card>small{display:block;text-align:center;color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:10px;font-weight:900;letter-spacing:.15em}.about-me-card>h1{margin:7px 0 0;text-align:center;font-size:34px;line-height:1;letter-spacing:-.045em}.about-me-card>p{max-width:390px;margin:11px auto 22px;text-align:center;color:#aeb5c1;font-size:13px;line-height:1.5}.about-me-card form{display:grid;gap:15px}.about-me-field,.about-me-password{padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:19px;background:#090d13}.about-me-field-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.about-me-field-head span{display:grid;gap:2px}.about-me-field-head b{font-size:14px}.about-me-field-head small{color:#8993a1;font-size:11px}.about-me-field-head em{font-style:normal;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:#fff;font-size:11px;font-weight:900}.about-me-field>input,.about-me-password input{width:100%;height:52px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;outline:0;background:#05080d;color:#fff;font-size:14px;color-scheme:dark}.about-me-field>input:focus,.about-me-password input:focus{border-color:color-mix(in srgb,var(--accent) 70%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.about-me-gender-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.about-me-gender{position:relative;cursor:pointer}.about-me-gender input{position:absolute;opacity:0;pointer-events:none}.about-me-gender span{display:grid;place-items:center;min-height:46px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#05080d;color:#b8c0cb;font-size:12px;font-weight:800;text-align:center}.about-me-gender.selected span,.about-me-gender:has(input:checked) span{border-color:color-mix(in srgb,var(--accent) 78%,#fff);background:color-mix(in srgb,var(--accent) 17%,#080b11);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent)}.about-me-password{display:grid;gap:9px}.about-me-password>.about-me-field-head{margin-bottom:2px}.about-me-password label{position:relative}.about-me-password input{padding-right:48px}.about-me-password .password-eye{position:absolute;right:6px;top:6px;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:11px;background:rgba(255,255,255,.06);color:#aeb7c4}.about-me-password .password-eye .ico{width:19px;height:19px}.about-me-error{display:none;padding:10px 12px;border-radius:12px;background:rgba(255,69,86,.12);color:#ffadb5;font-size:12px;line-height:1.4}.about-me-error:not(:empty){display:block}.about-me-submit{min-height:56px;border-radius:17px;font-size:16px;font-weight:900}
html[data-theme="light"] .about-me-screen{background:radial-gradient(circle at 50% -5%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 32%),#f7f8fa;color:#111}html[data-theme="light"] .about-me-card{border-color:#e5e7eb;background:#fff;box-shadow:0 24px 70px rgba(19,28,44,.1)}html[data-theme="light"] .about-me-card>p{color:#6a717b}html[data-theme="light"] .about-me-field,html[data-theme="light"] .about-me-password{border-color:#e7e9ed;background:#f8f9fb}html[data-theme="light"] .about-me-field-head small{color:#777f8a}html[data-theme="light"] .about-me-field>input,html[data-theme="light"] .about-me-password input{border-color:#dfe3e8;background:#fff;color:#111;color-scheme:light}html[data-theme="light"] .about-me-gender span{border-color:#e0e4e9;background:#fff;color:#4e5661}html[data-theme="light"] .about-me-gender.selected span,html[data-theme="light"] .about-me-gender:has(input:checked) span{background:color-mix(in srgb,var(--accent) 8%,#fff);color:#111}html[data-theme="light"] .about-me-password .password-eye{background:#eef0f3;color:#555d68}html[data-theme="light"] .about-me-error:not(:empty){background:#fff1f2;color:#a22d3a}
@media(max-width:520px){.about-me-page{place-items:start center;padding:18px 12px 24px}.about-me-card{padding:22px 15px 18px;border-radius:24px}.about-me-card>h1{font-size:30px}.about-me-gender-grid{gap:8px}.about-me-gender span{min-height:44px;font-size:11px}}

/* Hotfix756 — keep large social streams cheap to paint without changing layout. */
.social-post,.social-home-stream>.social-post,.social-listing-stream>.social-post{contain:layout paint style}
.social-post-media,.adaptive-feed-media,.social-photo-carousel{contain:paint}
.social-action-row,.social-post-head,.social-post-copy{contain:layout style}
.feed-autoplay-video{transform:translateZ(0);backface-visibility:hidden}

/* Hotfix757 — compact account setup, clean report sheet, photo-only upload UI, reels eye repair. */
.about-me-page{min-height:calc(100dvh - 72px)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding:18px 14px calc(28px + env(safe-area-inset-bottom))!important;background:var(--bg)!important}
.about-me-card{width:min(100%,560px)!important;margin:0 auto!important;padding:22px!important;border:1px solid var(--border)!important;border-radius:24px!important;background:var(--surface)!important;box-shadow:0 18px 50px rgba(18,24,35,.08)!important}
.about-me-intro{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 20px!important;text-align:left!important}
.about-me-mark{display:grid!important;place-items:center!important;flex:0 0 52px!important;width:52px!important;height:52px!important;margin:0!important;border-radius:16px!important;background:linear-gradient(135deg,var(--accent),var(--accent2))!important;color:#fff!important;box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 24%,transparent)!important}
.about-me-mark .ico{width:27px!important;height:27px!important}
.about-me-intro>div:last-child{min-width:0!important}
.about-me-intro small{display:block!important;margin:0 0 3px!important;font-size:11px!important;line-height:1!important;font-weight:900!important;letter-spacing:.12em!important;color:var(--accent)!important}
.about-me-intro h1{margin:0!important;font-size:30px!important;line-height:1.03!important;letter-spacing:-.035em!important;color:var(--text)!important}
.about-me-intro p{margin:5px 0 0!important;font-size:14px!important;line-height:1.35!important;color:var(--muted)!important}
.about-me-card form{display:grid!important;gap:14px!important}
.about-me-field,.about-me-password{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.about-me-field-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:12px!important;margin:0 0 8px!important}
.about-me-field-head span{display:grid!important;gap:2px!important}
.about-me-field-head b{font-size:15px!important;line-height:1.15!important;font-weight:850!important;color:var(--text)!important}
.about-me-field-head small{font-size:12px!important;line-height:1.2!important;color:var(--muted)!important}
.about-me-field-head em{display:grid!important;place-items:center!important;min-width:38px!important;height:30px!important;padding:0 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--accent) 12%,var(--surface2))!important;color:var(--accent)!important;font-style:normal!important;font-size:13px!important;font-weight:850!important}
.about-me-age-field>input{width:100%!important;height:52px!important;margin:0!important;padding:0 14px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface2)!important;color:var(--text)!important;font-size:16px!important;box-shadow:none!important}
.about-me-gender-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
.about-me-gender{margin:0!important;padding:0!important}
.about-me-gender span{display:grid!important;place-items:center!important;min-height:48px!important;padding:8px 10px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface2)!important;color:var(--text)!important;font-size:14px!important;font-weight:780!important;text-align:center!important;box-shadow:none!important;transition:border-color .15s ease,background .15s ease,color .15s ease!important}
.about-me-gender input:checked+span,.about-me-gender.selected span{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 9%,var(--surface))!important;color:var(--accent)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)!important}
.about-me-gender:last-child:nth-child(odd){grid-column:1/-1!important}
.about-me-password{display:grid!important;gap:8px!important}
.about-me-password>label{position:relative!important;display:block!important;margin:0!important}
.about-me-password input{width:100%!important;height:52px!important;padding:0 52px 0 14px!important;border:1px solid var(--border)!important;border-radius:14px!important;background:var(--surface2)!important;color:var(--text)!important;font-size:15px!important}
.about-me-submit{width:100%!important;height:54px!important;margin:2px 0 0!important;border-radius:15px!important;font-size:17px!important;font-weight:900!important;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.about-me-error:empty{display:none!important}
@media(max-width:520px){.about-me-page{padding:12px 10px 22px!important}.about-me-card{padding:18px 14px!important;border-radius:20px!important}.about-me-intro{margin-bottom:16px!important}.about-me-intro h1{font-size:27px!important}.about-me-mark{width:48px!important;height:48px!important;flex-basis:48px!important}.about-me-gender span{min-height:46px!important;font-size:13px!important}}

.upload-screen[data-media-mode="photos"] .upload-category-control,
.upload-screen[data-media-mode="photos"] #uploadGateOptions,
.upload-screen .upload-category-control[hidden],
.upload-screen #uploadGateOptions[hidden]{display:none!important}

.reel-view-stat>.ico,.reel-view-stat>.view-eye-icon{display:block!important;width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;flex:0 0 46px!important;padding:10px!important;border:0!important;border-radius:50%!important;background:rgba(12,13,16,.43)!important;color:#fff!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;box-sizing:border-box!important;filter:drop-shadow(0 3px 10px rgba(0,0,0,.36))!important;overflow:visible!important}
@media(max-width:430px){.reel-view-stat>.ico,.reel-view-stat>.view-eye-icon{width:43px!important;height:43px!important;min-width:43px!important;max-width:43px!important;min-height:43px!important;max-height:43px!important;flex-basis:43px!important;padding:9px!important}}

#drawerRoot .social-report-options{z-index:2!important}
#drawerRoot .social-report-list>button{min-height:58px!important}
#drawerRoot .social-report-list>button>i{background:transparent!important;border-radius:50%!important}
#drawerRoot .social-report-list>button>b{background:transparent!important;color:inherit!important;border-radius:0!important;width:auto!important;height:auto!important;padding:0!important;box-shadow:none!important}

/* Hotfix801: rejected recipient addresses use the existing working-email replacement cover. */
/* Hotfix759 — compact About Me, professional inline unlock controls, feed cart, upload action alignment, Reels analytics icon. */
@media(max-width:767px){
  .about-me-screen>.mobile-shell-menu{display:none!important}
}
.social-preview-end-card{
  width:min(92%,380px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  text-align:center!important;
}
.social-preview-end-card>strong{grid-column:1/-1;margin:0 0 2px;font-size:19px!important;font-weight:900;letter-spacing:.01em}
.social-preview-unlock,.social-preview-again{width:100%!important;min-height:48px!important;border-radius:15px!important;padding:0 12px!important;gap:7px!important;font-size:13px!important;font-weight:900!important;white-space:nowrap;box-shadow:0 12px 28px rgba(0,0,0,.22)!important}
.social-preview-unlock{background:linear-gradient(135deg,var(--site-accent,#f52f7c),var(--site-accent2,#e9145a))!important;border:1px solid rgba(255,255,255,.14)!important}
.social-preview-again{background:rgba(13,16,22,.82)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.social-preview-unlock .ico,.social-preview-again .ico{width:18px!important;height:18px!important;flex:0 0 18px}
@media(max-width:360px){.social-preview-end-card{width:min(96%,344px)!important;gap:8px!important}.social-preview-unlock,.social-preview-again{min-height:44px!important;padding:0 9px!important;font-size:12px!important}}

.social-post-media{position:relative}
.social-media-cart{position:absolute;right:12px;bottom:12px;z-index:7;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(10,13,18,.72);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.3);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.social-media-cart .ico{width:21px;height:21px;stroke-width:1.9}.social-media-cart.active{color:#fff;background:linear-gradient(135deg,var(--site-accent,#f52f7c),var(--site-accent2,#e9145a));border-color:rgba(255,255,255,.2)}
.social-preview-end:not([hidden])~.social-media-cart,.social-preview-end:not([hidden])+.social-media-cart{opacity:.18}

.upload-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-items:stretch}
.upload-actions>.upload-action:not(.upload-action-live){min-width:0!important;width:100%!important;padding-left:8px!important;padding-right:8px!important;justify-content:center!important}
.upload-actions>.upload-action-live{grid-column:1/-1!important}
.upload-actions:has(>button:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
.upload-actions:has(>button:only-child){grid-template-columns:minmax(0,1fr)!important;max-width:none!important}
@media(max-width:420px){.upload-actions{gap:7px!important}.upload-actions>.upload-action:not(.upload-action-live){font-size:11.5px!important}.upload-actions>.upload-action:not(.upload-action-live) .ico{width:17px!important;height:17px!important}}

.reel-view-stat>.ico{display:block!important;background:rgba(12,13,16,.43)!important;color:#fff!important;border:0!important;border-radius:50%!important;filter:drop-shadow(0 3px 10px rgba(0,0,0,.36))!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;box-sizing:border-box!important}

/* Hotfix760 — faster feed paint, stable preview posters, repost controls. */
.social-post-media .feed-autoplay-video.social-feed-video{opacity:0;transition:opacity .14s ease;background:transparent!important}
.social-post-media .feed-autoplay-video.social-feed-video.vh-preview-ready,
.social-post-media .feed-autoplay-video.social-feed-video.is-playing{opacity:1}
.reel-action[data-repost-menu].active,.watch-repost-action.active{color:#16a765!important}
.watch-repost-action{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.watch-repost-action small{font-size:11px;line-height:1;min-width:0;color:inherit}
.watch-actions-compact .watch-repost-action span{display:none!important}


/* Hotfix761 — compact purchase overlay, bottom story captions, unified Reels analytics. */
.social-preview-end-card{
  width:min(84%,330px)!important;
  grid-template-columns:minmax(0,1.22fr) minmax(0,.92fr)!important;
  gap:7px!important;
}
.social-preview-end-card>strong{font-size:17px!important;margin:0 0 1px!important;line-height:1.05!important}
.social-preview-unlock,.social-preview-again{
  min-height:40px!important;
  height:40px!important;
  border-radius:12px!important;
  padding:0 10px!important;
  gap:6px!important;
  font-size:12px!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
.social-preview-unlock .ico,.social-preview-again .ico{width:16px!important;height:16px!important;flex:0 0 16px!important;stroke-width:1.9!important}
@media(max-width:360px){.social-preview-end-card{width:min(90%,314px)!important;gap:6px!important}.social-preview-unlock,.social-preview-again{height:38px!important;min-height:38px!important;font-size:11.5px!important;padding:0 8px!important}}













.reel-view-stat{
  width:54px!important;
  min-height:54px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.reel-view-stat>.ico{
  width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;
  flex:0 0 46px!important;padding:10px!important;border:0!important;border-radius:50%!important;
  background:rgba(12,13,16,.43)!important;color:#fff!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;
  box-sizing:border-box!important;filter:drop-shadow(0 3px 10px rgba(0,0,0,.36))!important;overflow:visible!important;
}
.reel-view-stat>small{display:block!important;margin:0!important;min-height:12px!important;background:transparent!important;border:0!important;padding:0!important;color:#fff!important;font-size:11px!important;line-height:1.05!important;font-weight:800!important}
@media(max-width:430px){.reel-view-stat{width:50px!important}.reel-view-stat>.ico{width:43px!important;height:43px!important;min-width:43px!important;max-width:43px!important;min-height:43px!important;max-height:43px!important;flex-basis:43px!important;padding:9px!important}}

/* Hotfix763 — compact post time, smaller media cart, balanced social headers. */
.social-post-time{flex:0 0 auto;font-size:12px;line-height:1;color:var(--muted,#7c838d);font-weight:650;white-space:nowrap;margin-left:-2px}
.social-post-identity strong{display:inline-flex;align-items:center;gap:4px}
.social-post-creator>.social-post-identity{max-width:min(50%,220px)!important}
.social-post-inline-follow{margin-left:2px!important}
.live-feed-creator .social-post-time{color:var(--muted,#7c838d)}
.social-media-cart{width:34px!important;height:34px!important;right:10px!important;bottom:10px!important;border-radius:10px!important}
.social-media-cart .ico{width:16px!important;height:16px!important;stroke-width:1.9!important}
@media(max-width:420px){.social-post-time{font-size:11.5px}.social-post-creator>.social-post-identity{max-width:44%!important}.social-media-cart{width:32px!important;height:32px!important}.social-media-cart .ico{width:15px!important;height:15px!important}}


/* Hotfix765 — Reels analytics uses the exact circular action shell; landscape Stories contain instead of crop. */
.reel-actions .reel-view-stat{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  min-height:54px!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.reel-actions .reel-view-stat::before,.reel-actions .reel-view-stat::after{content:none!important;display:none!important}
.reel-actions .reel-view-stat>.reel-view-stat-icon{
  width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;
  flex:0 0 46px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:50%!important;background:rgba(12,13,16,.43)!important;color:#fff!important;
  box-sizing:border-box!important;box-shadow:none!important;filter:drop-shadow(0 3px 10px rgba(0,0,0,.36))!important;
  backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;overflow:hidden!important;
}
.reel-actions .reel-view-stat>.reel-view-stat-icon>.ico{
  display:block!important;width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;min-height:27px!important;max-height:27px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;
  color:#fff!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;box-shadow:none!important;filter:none!important;overflow:visible!important;
}
.reel-actions .reel-view-stat>small{
  display:block!important;width:100%!important;min-height:12px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;background-image:none!important;box-shadow:none!important;color:#fff!important;font-size:11px!important;line-height:1.05!important;font-weight:800!important;text-align:center!important;
}
@media(max-width:430px){
  .reel-actions .reel-view-stat{width:50px!important;min-width:50px!important;max-width:50px!important}
  .reel-actions .reel-view-stat>.reel-view-stat-icon{width:43px!important;height:43px!important;min-width:43px!important;max-width:43px!important;min-height:43px!important;max-height:43px!important;flex-basis:43px!important}
  .reel-actions .reel-view-stat>.reel-view-stat-icon>.ico{width:25px!important;height:25px!important;min-width:25px!important;max-width:25px!important;min-height:25px!important;max-height:25px!important}
}




/* Hotfix766 — Live feed cards never resize while source/poster metadata loads. */
.live-feed-media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
.live-feed-media>.live-feed-poster,
.live-feed-media>.live-feed-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.live-feed-media>.live-feed-poster{z-index:1!important}
.live-feed-media>.live-feed-video{z-index:2!important}
@media(max-width:767px){.live-feed-media{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important}}
@media(min-width:768px){.live-feed-media{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:16/9!important}}


/* Hotfix769 — Live feed media uses natural source ratio with the same feed max-height as ordinary videos. */
.live-feed-media{
  width:100%!important;
  height:var(--live-feed-height,min(56.25vw,var(--live-feed-max,560px)))!important;
  min-height:180px!important;
  max-height:var(--live-feed-max,560px)!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  contain:paint!important;
}
.live-feed-media>.live-feed-poster,
.live-feed-media>.live-feed-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
.live-feed-more{flex:0 0 auto!important}
@media(max-width:767px){.live-feed-media{height:var(--live-feed-height,min(56.25vw,var(--live-feed-max,560px)))!important;min-height:180px!important;max-height:var(--live-feed-max,560px)!important;aspect-ratio:auto!important}}
@media(min-width:768px){.live-feed-media{height:var(--live-feed-height,min(42.75vw,var(--live-feed-max,620px)))!important;min-height:180px!important;max-height:var(--live-feed-max,620px)!important;aspect-ratio:auto!important}}


/* ================================================================
   HOTFIX770 — ADMIN-ACCENT SOCIAL TEXT
   Follow/Following, usernames, @mentions, #hashtags and links use the
   same live Admin accent variable. No hard-coded pink/blue is used.
   ================================================================ */
.social-rich-token,
.social-rich-author,
.social-caption-username,
.social-repost-attribution .social-rich-author,
.photo-viewer-caption .social-rich-author,
.profile-bio .social-rich-token,
.profile-about-card .social-rich-token,
.comment-item .social-rich-token,
.live-comment .social-rich-token{
  color:var(--accent,#f52f7c)!important;
}
button.social-rich-token{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--accent,#f52f7c)!important;
  font:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  vertical-align:baseline!important;
  cursor:pointer!important;
}
a.social-rich-link{
  color:var(--accent,#f52f7c)!important;
  font:inherit!important;
  font-weight:inherit!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
}
a.social-rich-link:active,
button.social-rich-token:active{opacity:.72!important}
@media(hover:hover){a.social-rich-link:hover,button.social-rich-token:hover{text-decoration:underline!important;text-underline-offset:2px!important}}
.social-caption-username{color:var(--accent,#f52f7c)!important}
.social-post-inline-follow,
.social-post-inline-follow.following{
  color:var(--accent,#f52f7c)!important;
  font-weight:850!important;
}
.profile-name-block>div>span{color:var(--accent,#f52f7c)!important}

/* Hotfix773 — cleaner story rail + private Bookmarks tab on own profile. */
/* Story timestamps remain available inside the Story viewer; only rail-card ages are removed. */


@media(max-width:380px){}
@media(min-width:768px){}

/* Own profile gets a third feed tab without exposing saved posts on public profiles. */
.profile-screen-ref .profile-tabs-ref.has-bookmarks{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.profile-screen-ref .profile-tabs-ref.has-bookmarks button{min-width:0!important}
@media(max-width:767px){
  .profile-screen-ref .profile-tabs-ref.has-bookmarks{gap:8px!important}
  .profile-screen-ref .profile-tabs-ref.has-bookmarks button{font-size:11.5px!important;padding-left:2px!important;padding-right:2px!important}
}
@media(min-width:768px){
  .profile-screen-ref .profile-tabs-ref.has-bookmarks{gap:16px!important}
}


/* Hotfix774 — premium discovery balance + tighter Story rail. */
/* Slightly tighter than 773, while keeping cards distinct and touch-safe. */

@media(max-width:380px){}
@media(min-width:768px){}

/* Public creator: Videos | Premium | About. Owner: Videos | Premium | Bookmarks | About.
   Premium is rendered only when that creator actually has monetized video inventory. */
.profile-screen-ref .profile-tabs-ref.has-premium-tab{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.profile-screen-ref .profile-tabs-ref.has-bookmarks.has-premium-tab{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.profile-screen-ref .profile-tabs-ref.has-premium-tab button{min-width:0!important}
@media(max-width:767px){
  .profile-screen-ref .profile-tabs-ref.has-premium-tab{gap:7px!important}
  .profile-screen-ref .profile-tabs-ref.has-bookmarks.has-premium-tab{gap:5px!important}
  .profile-screen-ref .profile-tabs-ref.has-premium-tab button{font-size:11px!important;padding-left:1px!important;padding-right:1px!important}
}
@media(min-width:768px){
  .profile-screen-ref .profile-tabs-ref.has-premium-tab{gap:14px!important}
  .profile-screen-ref .profile-tabs-ref.has-bookmarks.has-premium-tab{gap:12px!important}
}

/* HOTFIX775 — useful empty states for Search and missing Profiles. No skeleton placeholders. */
.search-idle-hub,.profile-missing-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:4px 0 calc(104px + var(--safe-bottom));}
.search-idle-status{padding-top:2px!important;padding-bottom:4px!important;color:#8e96a2!important;}
.idle-discovery-section{margin:20px 0 0;padding:18px;border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(180deg,#0d1118,#090d13);box-shadow:0 14px 36px #00000018;}
.idle-discovery-section>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px;}
.idle-discovery-section>header>div{min-width:0}.idle-discovery-section>header small{display:block;color:var(--site-accent-light);font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:4px;}
.idle-discovery-section>header h2{margin:0;color:#fff;font-size:18px;line-height:1.15;letter-spacing:-.02em;}
.idle-discovery-section>header>button{flex:0 0 auto;color:var(--site-accent-light);font-size:11px;font-weight:850;padding:7px 2px;}
.idle-chip-row,.idle-topic-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:1px 1px 2px;}.idle-chip-row::-webkit-scrollbar,.idle-topic-row::-webkit-scrollbar{display:none}
.idle-search-chip,.idle-topic-chip{height:36px;border-radius:999px;border:1px solid #ffffff17;background:#141a23;color:#e8ebef;display:inline-flex;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:750;white-space:nowrap;}
.idle-search-chip .ico{width:14px;color:#98a1ad}.idle-search-chip:active,.idle-topic-chip:active{transform:scale(.98)}
.idle-creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.idle-creator-card{min-width:0;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #ffffff10;border-radius:15px;background:#111720;}
.idle-creator-main{min-width:0;flex:1;display:flex;align-items:center;gap:10px;text-align:left;color:#fff;}
.idle-creator-avatar{flex:0 0 44px;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#202631;display:grid;place-items:center;font-weight:900}.idle-creator-avatar img{width:100%;height:100%;object-fit:cover}.idle-creator-main>span:last-child{min-width:0}.idle-creator-main b{display:flex;align-items:center;gap:5px;min-width:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.idle-creator-main small{display:block;margin-top:3px;color:#8f98a5;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.idle-creator-follow{flex:0 0 auto;height:31px;padding:0 12px;border-radius:999px;background:var(--site-accent);color:#fff;font-size:10px;font-weight:900;}
.idle-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;}
.idle-video-card{min-width:0;text-align:left;border-radius:15px;overflow:hidden;border:1px solid #ffffff10;background:#111720;color:#fff;}
.idle-video-media{display:block;position:relative;width:100%;aspect-ratio:16/10;background:#171c24 center/cover no-repeat;overflow:hidden;}
.idle-video-media:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,#0009);pointer-events:none;}
.idle-video-media>i{position:absolute;right:8px;top:8px;z-index:2;padding:5px 7px;border-radius:999px;background:#07090dcf;color:#fff;font-size:9px;font-style:normal;font-weight:850;}
.idle-video-badge{position:absolute;left:8px;bottom:8px;z-index:2;max-width:calc(100% - 16px);padding:5px 8px;border-radius:999px;background:var(--site-accent);color:#fff;font-size:9px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.idle-video-badge.owned{background:#16885c;}
.idle-video-copy{display:block;padding:10px 11px 11px;}.idle-video-copy b{display:block;font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.idle-video-copy small{display:block;color:#929ba7;font-size:9.5px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.idle-discovery-fallback{margin:30px auto;padding:30px 20px;text-align:center;max-width:620px}.idle-discovery-fallback>span{width:58px;height:58px;margin:0 auto 13px;border-radius:18px;background:#121722;display:grid;place-items:center;color:var(--site-accent-light)}.idle-discovery-fallback>span .ico{width:25px}.idle-discovery-fallback h2{margin:0;color:#fff;font-size:20px}.idle-discovery-fallback p{margin:8px auto 17px;color:#929ba7;max-width:440px;font-size:12px;line-height:1.55}.idle-discovery-fallback>div{display:flex;justify-content:center;gap:9px}.idle-discovery-fallback button{min-width:120px;height:40px;border-radius:11px;padding:0 14px;font-weight:850}.idle-discovery-fallback .ghost{border:1px solid #ffffff18;background:#111720;color:#e8ebef}
.profile-missing-page{padding-top:22px}.profile-missing-intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(135deg,#111720,#090d13);box-shadow:0 16px 44px #0000001c;}.profile-missing-icon{width:58px;height:58px;border-radius:18px;background:#161d28;color:var(--site-accent-light);display:grid;place-items:center}.profile-missing-icon .ico{width:26px}.profile-missing-intro small{display:block;color:var(--site-accent-light);font-size:9px;font-weight:900;letter-spacing:.14em}.profile-missing-intro h1{margin:4px 0 5px;color:#fff;font-size:24px;letter-spacing:-.025em}.profile-missing-intro p{margin:0;max-width:620px;color:#939ca8;font-size:11px;line-height:1.5}.profile-missing-actions{display:flex;gap:8px;align-items:center}.profile-missing-actions button{height:40px;border-radius:11px;padding:0 14px;font-size:11px;font-weight:900;white-space:nowrap}.profile-missing-actions .ghost{border:1px solid #ffffff18;background:#121720;color:#fff}.profile-recovery-section{margin-top:14px}
html[data-theme="light"] .idle-discovery-section,html[data-theme="light"] .profile-missing-intro{border-color:#e6e8eb;background:#fff;box-shadow:0 12px 30px #1c25300d}
html[data-theme="light"] .idle-discovery-section>header h2,html[data-theme="light"] .idle-creator-main,html[data-theme="light"] .idle-video-card,html[data-theme="light"] .idle-discovery-fallback h2,html[data-theme="light"] .profile-missing-intro h1{color:#1c1e21}
html[data-theme="light"] .idle-search-chip,html[data-theme="light"] .idle-topic-chip{border-color:#dfe3e7;background:#f5f6f7;color:#272a2e}
html[data-theme="light"] .idle-search-chip .ico{color:#747b84}
html[data-theme="light"] .idle-creator-card,html[data-theme="light"] .idle-video-card{border-color:#e8eaed;background:#fafbfc}
html[data-theme="light"] .idle-creator-main small,html[data-theme="light"] .idle-video-copy small,html[data-theme="light"] .idle-discovery-fallback p,html[data-theme="light"] .profile-missing-intro p{color:#737982}
html[data-theme="light"] .idle-creator-avatar{background:#eceff2}
html[data-theme="light"] .idle-discovery-fallback>span,html[data-theme="light"] .profile-missing-icon{background:#f0f3f6}
html[data-theme="light"] .idle-discovery-fallback .ghost,html[data-theme="light"] .profile-missing-actions .ghost{border-color:#dfe3e7;background:#f5f6f7;color:#25282c}
@media(max-width:900px){.search-idle-hub,.profile-missing-page{width:min(100% - 28px,760px)}.idle-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.idle-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-missing-intro{grid-template-columns:auto 1fr}.profile-missing-actions{grid-column:1/-1;padding-left:76px}}
@media(max-width:560px){.search-idle-hub,.profile-missing-page{width:calc(100% - 24px);padding-bottom:calc(88px + var(--safe-bottom))}.search-idle-status{padding-left:16px!important;padding-right:16px!important}.idle-discovery-section{margin-top:13px;padding:14px;border-radius:17px}.idle-discovery-section>header{margin-bottom:11px}.idle-discovery-section>header h2{font-size:16px}.idle-creator-grid{grid-template-columns:1fr;gap:8px}.idle-video-grid{gap:8px}.idle-video-copy{padding:8px 9px 9px}.idle-video-copy b{font-size:10.5px}.idle-video-copy small{font-size:9px}.idle-video-badge{left:6px;bottom:6px}.profile-missing-page{padding-top:12px}.profile-missing-intro{display:block;padding:18px;border-radius:18px}.profile-missing-icon{width:50px;height:50px;border-radius:15px;margin-bottom:13px}.profile-missing-intro h1{font-size:21px}.profile-missing-actions{padding:0;margin-top:15px;display:grid;grid-template-columns:1fr 1fr}.profile-missing-actions button{width:100%;padding:0 10px}.profile-recovery-section{margin-top:12px}}

/* Hotfix782 — full-duration preview timeline for single vertical streams and Reels. */
.vh-preview-timeline{
  position:absolute;z-index:7;left:0;right:0;bottom:0;
  width:100%;height:28px;margin:0!important;padding:0!important;
  touch-action:none;cursor:pointer;outline:none;user-select:none;-webkit-user-select:none;
}
.vh-preview-timeline-track{
  position:absolute;left:0;right:0;bottom:0;height:3px;margin:0;
  background:rgba(255,255,255,.34);overflow:visible;
  transition:height .14s ease,background .14s ease;
  box-shadow:0 -1px 0 rgba(0,0,0,.08);
}
.vh-preview-timeline-fill{
  position:absolute;left:0;top:0;bottom:0;width:0%;
  background:var(--site-accent,#129ee8);
  box-shadow:0 0 8px color-mix(in srgb,var(--site-accent,#129ee8) 58%,transparent);
  pointer-events:none;
}
.vh-preview-timeline-thumb{
  position:absolute;left:0;top:50%;width:0;height:0;border-radius:50%;
  transform:translate(-50%,-50%);opacity:0;background:var(--site-accent,#129ee8);
  border:3px solid rgba(255,255,255,.96);box-shadow:0 5px 18px rgba(0,0,0,.36);
  transition:width .14s ease,height .14s ease,opacity .12s ease;
  pointer-events:none;
}
.vh-preview-timeline.is-scrubbing{height:42px}
.vh-preview-timeline.is-scrubbing .vh-preview-timeline-track{height:8px;background:rgba(255,255,255,.46)}
.vh-preview-timeline.is-scrubbing .vh-preview-timeline-thumb{width:34px;height:34px;opacity:1}
.vh-preview-timeline-tooltip{
  position:absolute;z-index:2;bottom:26px;left:0;transform:translateX(-50%);
  margin:0;padding:6px 9px;border-radius:9px;background:rgba(7,8,12,.90);color:#fff;
  font-size:12px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.34);
  pointer-events:none;
}
.vh-preview-timeline-tooltip[hidden]{display:none!important}
.vh-preview-timeline:focus-visible .vh-preview-timeline-track{height:5px;box-shadow:0 0 0 2px color-mix(in srgb,var(--site-accent,#129ee8) 38%,transparent)}
.reel-card .vh-preview-timeline{z-index:7}
.social-post-media .vh-preview-timeline{z-index:7}
@media(max-width:767px){
  .vh-preview-timeline{height:30px}
  .vh-preview-timeline.is-scrubbing{height:46px}
  .vh-preview-timeline.is-scrubbing .vh-preview-timeline-thumb{width:38px;height:38px}
  .vh-preview-timeline-tooltip{bottom:30px;font-size:11.5px}
}
@media(prefers-reduced-motion:reduce){
  .vh-preview-timeline-track,.vh-preview-timeline-thumb{transition:none!important}
}

/* Hotfix783: Story rail cards use no gradient/linear-color ring. Nothing else changed. */


/* XMEGRAM 3.4.9-hotfix785 · one-minute public Live gate + timed access */
.live-paywall>.live-time-gate-card{width:min(590px,100%)!important;max-width:590px!important;padding:24px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:linear-gradient(155deg,rgba(17,20,27,.97),rgba(8,10,15,.97))!important;box-shadow:0 28px 90px rgba(0,0,0,.5)!important}
.live-time-gate-card .live-paywall-lock{width:68px!important;height:68px!important;margin-bottom:13px!important}.live-time-gate-card .live-paywall-lock .ico{width:28px!important;height:28px!important}.live-time-gate-card h2{font-size:clamp(27px,3.6vw,36px)!important}.live-time-gate-card>p{margin-top:9px!important;font-size:15px!important}
.live-access-plans{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:20px}.live-access-plans button{min-width:0;padding:11px 6px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.045);color:#fff;text-align:center}.live-access-plans button b,.live-access-plans button small{display:block}.live-access-plans button b{font-size:13px;font-weight:900}.live-access-plans button small{margin-top:4px;color:#bfc5d0;font-size:10px;font-weight:800;white-space:nowrap}.live-access-plans button.active{border-color:var(--site-accent)!important;background:color-mix(in srgb,var(--site-accent) 18%,#11151d)!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--site-accent) 30%,transparent)}
.live-access-tip-box{margin-top:14px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);text-align:left}.live-access-tip-head{display:flex;align-items:center;gap:9px}.live-access-tip-head>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--site-accent) 16%,#151922);color:var(--site-accent-light)}.live-access-tip-head .ico{width:17px;height:17px}.live-access-tip-head b,.live-access-tip-head small{display:block}.live-access-tip-head b{font-size:13px}.live-access-tip-head small{margin-top:2px;color:#9fa6b2;font-size:10px}.live-access-tip-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.live-access-tip-presets button{height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#10141b;color:#dce0e7;font-size:10px;font-weight:850}.live-access-tip-presets button.active{border-color:var(--site-accent);background:color-mix(in srgb,var(--site-accent) 22%,#10141b);color:#fff}.live-access-tip-custom{display:block;margin-top:10px}.live-access-tip-custom>span{display:block;margin-bottom:5px;color:#aeb4be;font-size:10px;font-weight:800}.live-access-tip-custom>div{height:42px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0d1117;overflow:hidden}.live-access-tip-custom input{min-width:0;flex:1;height:100%;padding:0 12px;border:0;background:transparent;color:#fff;outline:0;font-size:14px}.live-access-tip-custom b{padding:0 12px;color:#aeb4be;font-size:10px}.live-access-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;color:#aeb4be;font-size:11px}.live-access-total b{color:#fff;font-size:13px;text-align:right}.live-time-gate-card .live-paywall-cta{display:flex!important;height:52px!important;margin-top:10px!important;border-radius:14px!important;background:linear-gradient(100deg,var(--site-accent),var(--site-accent2))!important;color:#fff!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:14px!important;font-weight:900!important}.live-time-gate-card .live-paywall-cta:disabled{opacity:.65}.live-time-gate-card>small{margin-top:14px!important;font-size:9.5px!important;line-height:1.42!important;color:#9da5b1!important}
@media(max-width:699px){.live-paywall{padding:72px 12px 70px!important}.live-paywall>.live-time-gate-card{max-height:calc(var(--live-vvh,100dvh) - 118px)!important;overflow:auto!important;padding:17px 14px!important;border-radius:20px!important}.live-time-gate-card .live-paywall-lock{width:54px!important;height:54px!important;margin-bottom:9px!important}.live-time-gate-card .live-paywall-lock .ico{width:22px!important;height:22px!important}.live-time-gate-card h2{font-size:25px!important}.live-time-gate-card>p{margin-top:6px!important;font-size:13px!important}.live-access-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px}.live-access-plans button{padding:9px 5px;border-radius:12px}.live-access-plans button b{font-size:11px}.live-access-plans button small{font-size:9px}.live-access-tip-box{margin-top:10px;padding:10px;border-radius:14px}.live-access-tip-head>span{width:30px;height:30px;border-radius:9px}.live-access-tip-presets{gap:5px;margin-top:8px}.live-access-tip-presets button{height:31px;padding:0 9px;font-size:9px}.live-access-tip-custom>div{height:38px}.live-access-total{margin-top:9px}.live-time-gate-card .live-paywall-cta{height:48px!important;margin-top:8px!important;font-size:13px!important}.live-time-gate-card>small{margin-top:10px!important;padding:0!important;font-size:8.7px!important}}

/* ===== HOTFIX785: professional Live presence + live-edge progress ===== */
.social-post-avatar-wrap{
  position:relative!important;
  width:40px!important;height:40px!important;flex:0 0 40px!important;
  display:grid!important;place-items:center!important;overflow:visible!important;
}
.social-post-avatar-wrap .social-post-avatar{
  width:36px!important;height:36px!important;flex:0 0 36px!important;
  position:relative!important;z-index:1!important;
}
.social-post-avatar-wrap.is-live::before{
  content:"";position:absolute;inset:0;border-radius:999px;
  border:2.5px solid #f02849;background:transparent;
  box-shadow:0 0 0 2px color-mix(in srgb,#f02849 14%,transparent),0 0 13px color-mix(in srgb,#f02849 24%,transparent);
  animation:vhLiveAvatarPulse 1.65s ease-in-out infinite;pointer-events:none;z-index:0;
}
.social-avatar-live-badge{
  position:absolute!important;z-index:4!important;left:50%!important;bottom:-4px!important;
  transform:translateX(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:29px!important;height:14px!important;padding:0 4px!important;border-radius:5px!important;
  border:2px solid var(--surface,#fff)!important;background:#f02849!important;color:#fff!important;
  box-shadow:0 3px 8px rgba(0,0,0,.22)!important;font:950 7px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.055em!important;text-transform:uppercase!important;
}
.profile-avatar-ring.is-live{
  background:#f02849!important;
  box-shadow:0 0 0 3px color-mix(in srgb,#f02849 17%,transparent),0 0 19px color-mix(in srgb,#f02849 24%,transparent)!important;
  animation:vhLiveProfilePulse 1.7s ease-in-out infinite;
}
.profile-avatar-live-badge{
  position:absolute!important;z-index:6!important;left:50%!important;bottom:-7px!important;transform:translateX(-50%)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:43px!important;height:20px!important;padding:0 8px!important;border-radius:7px!important;
  border:3px solid var(--surface,#fff)!important;background:#f02849!important;color:#fff!important;
  box-shadow:0 5px 14px rgba(0,0,0,.24)!important;font:950 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;
  animation:vhLiveBadgePulse 1.45s ease-in-out infinite;
}
.profile-avatar-live-badge::before,.social-avatar-live-badge::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#fff;margin-right:3px;box-shadow:0 0 0 2px rgba(255,255,255,.18);
}
@keyframes vhLiveAvatarPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.045);opacity:.82}}
@keyframes vhLiveProfilePulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,#f02849 17%,transparent),0 0 16px color-mix(in srgb,#f02849 20%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,#f02849 8%,transparent),0 0 23px color-mix(in srgb,#f02849 34%,transparent)}}
@keyframes vhLiveBadgePulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}

/* Live media status belongs at the lower left, clear of the full live-edge timeline. */
.live-feed-pill{
  top:auto!important;left:12px!important;bottom:12px!important;
  height:27px!important;padding:0 10px!important;border-radius:8px!important;
  background:rgba(240,40,73,.94)!important;color:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.25)!important;backdrop-filter:blur(9px)!important;
}
.live-feed-pill.private{background:rgba(168,91,20,.94)!important}.live-feed-pill.paused{background:rgba(82,71,25,.94)!important}.live-feed-pill.offline{background:rgba(47,52,61,.94)!important}

/* YouTube-style live edge: the bar is full because the viewer is at the current live edge. */
.live-edge-progress{
  position:absolute!important;z-index:12!important;left:0!important;right:0!important;bottom:0!important;
  width:100%!important;height:3px!important;margin:0!important;padding:0!important;
  background:rgba(255,255,255,.24)!important;pointer-events:none!important;overflow:hidden!important;
}
.live-edge-progress>i{display:block!important;width:100%!important;height:100%!important;background:#f02849!important;box-shadow:0 0 7px rgba(240,40,73,.7)!important}
.live-elapsed-clock{
  position:absolute!important;z-index:13!important;right:10px!important;bottom:10px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:40px!important;height:24px!important;padding:0 7px!important;border-radius:7px!important;
  background:rgba(8,9,12,.72)!important;color:#fff!important;backdrop-filter:blur(8px)!important;
  font:850 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.01em!important;box-shadow:0 4px 13px rgba(0,0,0,.2)!important;pointer-events:none!important;
}
.live-elapsed-clock::before{content:"";width:6px;height:6px;border-radius:50%;background:#f02849;margin-right:5px;box-shadow:0 0 0 2px rgba(240,40,73,.18)}
.live-feed-media{position:relative!important}.live-media-slot{position:absolute!important}
.live-stage.locked [data-live-paywall]{z-index:60!important}
.live-stage.locked .live-time-gate-card{position:relative;z-index:61}

@media (max-width:767px){
  .social-post-avatar-wrap{width:40px!important;height:40px!important;flex-basis:40px!important}
  .social-post-avatar-wrap .social-post-avatar{width:36px!important;height:36px!important}
  .live-feed-pill{left:10px!important;bottom:10px!important;height:25px!important;padding:0 9px!important;font-size:10px!important}
  .live-elapsed-clock{right:8px!important;bottom:9px!important;height:22px!important;font-size:10px!important}
  .profile-avatar-live-badge{bottom:-6px!important;min-width:39px!important;height:18px!important;font-size:8px!important;border-width:2px!important}
}
@media (prefers-reduced-motion:reduce){.social-post-avatar-wrap.is-live::before,.profile-avatar-ring.is-live,.profile-avatar-live-badge{animation:none!important}}

/* Hotfix786 — per-viewer Live gate and compact tip-free access picker. */
.live-feed-media.is-access-locked{position:relative!important;isolation:isolate!important}
.live-feed-media.is-access-locked>.live-feed-poster,.live-feed-media.is-access-locked>.live-feed-backdrop{filter:brightness(.43) saturate(.82)!important;transform:scale(1.01)!important}
.live-feed-access-gate{position:absolute!important;inset:0!important;z-index:28!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:24px 20px 42px!important;background:linear-gradient(180deg,rgba(6,8,12,.2),rgba(6,8,12,.72) 55%,rgba(6,8,12,.88))!important;color:#fff!important;text-align:center!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important}
.live-feed-access-gate[hidden]{display:none!important}
.live-feed-access-lock.live-paywall-lock{width:70px!important;height:70px!important;margin:0 0 5px!important;flex:0 0 70px!important;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 16px 44px rgba(0,0,0,.34)!important}
.live-feed-access-lock.live-paywall-lock .ico{width:29px!important;height:29px!important}
.live-feed-access-gate>b{max-width:92%!important;font-size:clamp(23px,5.6vw,34px)!important;line-height:1.05!important;font-weight:950!important;letter-spacing:-.025em!important}
.live-feed-access-gate>p{max-width:390px!important;margin:0!important;color:rgba(255,255,255,.78)!important;font-size:13px!important;line-height:1.35!important;font-weight:650!important}
.live-feed-access-gate>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:min(330px,88%)!important;height:50px!important;margin-top:8px!important;padding:0 20px!important;border:0!important;border-radius:15px!important;background:linear-gradient(100deg,var(--site-accent),var(--site-accent2))!important;color:#fff!important;box-shadow:0 14px 34px color-mix(in srgb,var(--site-accent) 25%,transparent)!important;font-size:14px!important;font-weight:950!important}
.live-feed-access-gate>button .ico{width:19px!important;height:19px!important}
.live-feed-media.is-access-locked>.live-feed-pill,.live-feed-media.is-access-locked>.live-edge-progress,.live-feed-media.is-access-locked>.live-elapsed-clock{z-index:31!important}

.live-paywall>.live-time-gate-card{display:flex!important;flex-direction:column!important;width:min(620px,100%)!important;max-width:620px!important;max-height:calc(var(--live-vvh,100dvh) - 90px)!important;overflow:hidden!important;padding:20px!important;gap:0!important}
.live-time-gate-card .live-private-kicker{flex:0 0 auto!important}
.live-time-gate-card .live-paywall-lock{flex:0 0 auto!important}
.live-time-gate-card h2,.live-time-gate-card>p{flex:0 0 auto!important}
.live-access-plans{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;width:100%!important;min-height:0!important;max-height:min(42vh,330px)!important;margin:16px 0 0!important;padding:2px!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important}
.live-access-plans::-webkit-scrollbar{display:none!important}
.live-access-plans button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:70px!important;padding:9px 5px!important;border-radius:14px!important}
.live-access-plans button b{font-size:12.5px!important;line-height:1.05!important}.live-access-plans button small{margin-top:6px!important;font-size:10px!important;line-height:1.05!important}
.live-access-tip-box,.live-access-tip-head,.live-access-tip-presets,.live-access-tip-custom{display:none!important}
.live-access-total{flex:0 0 auto!important;margin:12px 2px 0!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.08)!important;font-size:11px!important}.live-access-total b{font-size:15px!important}
.live-time-gate-card .live-paywall-cta{position:sticky!important;bottom:0!important;z-index:4!important;display:flex!important;flex:0 0 52px!important;height:52px!important;min-height:52px!important;margin:10px 0 0!important;border-radius:15px!important;background:linear-gradient(100deg,var(--site-accent),var(--site-accent2))!important;box-shadow:0 -10px 24px rgba(8,10,15,.8),0 14px 30px color-mix(in srgb,var(--site-accent) 20%,transparent)!important}
.live-time-gate-card>small{flex:0 0 auto!important;margin:10px auto 0!important;max-width:520px!important;font-size:9px!important;line-height:1.35!important}
@media(max-width:699px){
  .live-paywall{padding:58px 10px 54px!important;align-items:center!important}
  .live-paywall>.live-time-gate-card{max-height:calc(var(--live-vvh,100dvh) - 78px)!important;padding:15px 13px 13px!important;border-radius:20px!important}
  .live-time-gate-card .live-paywall-lock{width:50px!important;height:50px!important;margin-bottom:7px!important}.live-time-gate-card .live-paywall-lock .ico{width:21px!important;height:21px!important}
  .live-time-gate-card h2{font-size:23px!important;line-height:1.08!important}.live-time-gate-card>p{margin-top:5px!important;font-size:12px!important;line-height:1.3!important}
  .live-access-plans{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;max-height:min(44vh,360px)!important;margin-top:12px!important}
  .live-access-plans button{min-height:58px!important;padding:7px 5px!important;border-radius:12px!important}.live-access-plans button b{font-size:11px!important}.live-access-plans button small{font-size:9px!important;margin-top:4px!important}
  .live-access-total{margin-top:8px!important;padding-top:8px!important}.live-time-gate-card .live-paywall-cta{height:48px!important;min-height:48px!important;flex-basis:48px!important;margin-top:8px!important;font-size:13px!important}.live-time-gate-card>small{margin-top:7px!important;font-size:8.3px!important}
  .live-feed-access-gate{padding:18px 14px 38px!important}.live-feed-access-lock.live-paywall-lock{width:58px!important;height:58px!important;flex-basis:58px!important}.live-feed-access-lock.live-paywall-lock .ico{width:24px!important;height:24px!important}.live-feed-access-gate>b{font-size:24px!important}.live-feed-access-gate>p{font-size:12px!important}.live-feed-access-gate>button{height:47px!important;min-width:min(300px,90%)!important}
}

/* Hotfix795 — direct-chat media picker, clickable links and media bubbles. */
.direct-composer .direct-media-open{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--site-accent) 9%,#f5f5f7);color:var(--site-accent);box-shadow:none}
.direct-composer .direct-media-open .ico{width:20px;height:20px}
.direct-chat-link{color:inherit;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-word}
.direct-message.incoming .direct-chat-link{color:var(--site-accent)}
.direct-chat-media{position:relative;display:block;width:min(330px,72vw);max-width:100%;margin:8px 0 2px;border-radius:18px;overflow:hidden;background:#111;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.direct-chat-image{padding:0;border:0;cursor:pointer}.direct-chat-image img{display:block;width:100%;max-height:420px;object-fit:cover}
.direct-chat-video video{display:block;width:100%;max-height:420px;background:#000}.direct-chat-video>span{position:absolute;right:9px;bottom:9px;padding:5px 8px;border-radius:8px;background:rgba(0,0,0,.7);color:#fff;font-size:11px;font-weight:800}
.direct-media-sheet{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);max-height:min(82dvh,720px);overflow:auto;background:var(--surface,#fff);color:var(--text,#171719);border-radius:26px 26px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.22)}
.direct-media-sheet header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.direct-media-sheet header>div{display:flex;flex-direction:column;gap:3px}.direct-media-sheet header b{font-size:19px}.direct-media-sheet header small{font-size:12px;color:var(--muted,#7a7d85)}.direct-media-sheet header>button{width:38px;height:38px;border:0;border-radius:50%;font-size:25px;background:rgba(127,127,127,.1);color:inherit}
.direct-media-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.direct-media-choices:has(>button:only-child){grid-template-columns:1fr}.direct-media-choices>button{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px;border:0;border-radius:18px;text-align:left;background:color-mix(in srgb,var(--site-accent) 7%,#f5f5f7);color:inherit}.direct-media-choices .ico{width:25px;height:25px;color:var(--site-accent)}.direct-media-choices span{display:flex;flex-direction:column;gap:3px}.direct-media-choices b{font-size:14px}.direct-media-choices small{font-size:11px;color:var(--muted,#7a7d85)}
.direct-media-preview{margin:14px 0 10px;border-radius:19px;overflow:hidden;background:#111}.direct-media-preview[hidden]{display:none}.direct-media-preview img,.direct-media-preview video{display:block;width:100%;max-height:44dvh;object-fit:contain;background:#111}.direct-media-preview small{display:block;padding:8px 10px;background:rgba(0,0,0,.78);color:#fff;font-size:11px}
.direct-media-sheet textarea{width:100%;min-height:88px;resize:vertical;margin-top:12px;padding:14px 15px;border:1px solid rgba(127,127,127,.18);border-radius:17px;background:rgba(127,127,127,.06);color:inherit;font:inherit;outline:none}.direct-media-sheet textarea:focus{border-color:color-mix(in srgb,var(--site-accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--site-accent) 10%,transparent)}
.direct-media-sheet footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.direct-media-sheet footer>span{font-size:11px;color:var(--muted,#7a7d85);font-weight:700}.direct-media-sheet footer .primary{min-width:120px;height:46px;border-radius:14px}.direct-media-sheet footer .primary:disabled{opacity:.45}
@media(max-width:600px){.direct-media-sheet{padding:16px 14px calc(14px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.direct-chat-media{width:min(310px,76vw)}.direct-media-choices>button{min-height:68px;padding:12px}.direct-composer .direct-media-open{width:40px;height:40px;flex-basis:40px}}

/* Hotfix796 — direct chat composer: keep emoji, media, text and send in one stable row. */
.direct-screen .direct-composer:not(.direct-purchase-request-composer){
  grid-template-columns:40px 40px minmax(0,1fr) 46px!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:0!important;
  min-height:70px!important;
  padding:9px 12px calc(9px + var(--safe-bottom))!important;
  overflow:visible!important;
}
.direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-emoji,
.direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-media-open,
.direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-send{
  grid-row:1!important;
  align-self:center!important;
  margin:0!important;
}
.direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-emoji{grid-column:1!important;width:40px!important;height:40px!important;background:rgba(127,127,127,.08)!important}
.direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-media-open{grid-column:2!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
.direct-screen .direct-composer:not(.direct-purchase-request-composer)>textarea{
  grid-column:3!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  min-height:44px!important;
  max-height:116px!important;
  margin:0!important;
  padding:11px 14px!important;
  border-radius:22px!important;
  line-height:20px!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
}
.direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-send{grid-column:4!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
.direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-send .ico{width:20px!important;height:20px!important}
@media(max-width:430px){
  .direct-screen .direct-composer:not(.direct-purchase-request-composer){grid-template-columns:38px 38px minmax(0,1fr) 44px!important;column-gap:6px!important;padding-left:10px!important;padding-right:10px!important}
  .direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-emoji,
  .direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-media-open{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
  .direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-send{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .direct-screen .direct-composer:not(.direct-purchase-request-composer)>textarea{min-height:42px!important;padding:10px 13px!important;font-size:13px!important}
}
html[data-theme="light"] .direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-emoji{background:#f3f4f6!important;color:#5e6670!important}
html[data-theme="dark"] .direct-screen .direct-composer:not(.direct-purchase-request-composer)>.direct-emoji{background:#11161f!important;color:#aeb5be!important}

/* Hotfix802 — professional direct-chat media composer/player and stable post-send layout. */
.direct-media-sheet{
  width:min(620px,calc(100% - 20px));
  bottom:10px;
  max-height:min(90dvh,820px);
  padding:14px 18px calc(18px + env(safe-area-inset-bottom));
  border-radius:28px;
  border:1px solid color-mix(in srgb,var(--text,#171719) 9%,transparent);
  background:color-mix(in srgb,var(--surface,#fff) 97%,transparent);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  backdrop-filter:blur(20px) saturate(1.15);
  -webkit-backdrop-filter:blur(20px) saturate(1.15);
  overscroll-behavior:contain;
}
.direct-media-sheet-handle{width:42px;height:4px;border-radius:99px;background:color-mix(in srgb,var(--text,#171719) 18%,transparent);margin:0 auto 12px}
.direct-media-sheet header{margin-bottom:14px}
.direct-media-sheet header b{font-size:21px;line-height:1.1;letter-spacing:-.02em}
.direct-media-sheet header small{font-size:12px;line-height:1.4;margin-top:2px}
.direct-media-sheet header>button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:0;background:color-mix(in srgb,var(--text,#171719) 6%,transparent);border:1px solid color-mix(in srgb,var(--text,#171719) 8%,transparent)}
.direct-media-sheet header>button .ico{width:20px;height:20px}
.direct-media-choices{gap:10px}
.direct-media-choices>button{min-height:70px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--text,#171719) 7%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 92%,var(--site-accent) 8%);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.direct-media-choices>button:active{transform:scale(.985)}
.direct-media-choices>button.active,.direct-media-choices>button[aria-pressed="true"]{border-color:color-mix(in srgb,var(--site-accent) 38%,transparent);background:color-mix(in srgb,var(--surface,#fff) 86%,var(--site-accent) 14%);box-shadow:0 8px 24px color-mix(in srgb,var(--site-accent) 13%,transparent)}
.direct-media-choices .ico{width:24px;height:24px;flex:0 0 24px}
.direct-media-choices b{font-size:15px}.direct-media-choices small{font-size:11px}
.direct-media-preview{margin:14px 0 0;border-radius:22px;overflow:hidden;background:#050608;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(0,0,0,.16)}
.direct-media-preview img,.direct-media-preview video{max-height:none;background:#050608}
.direct-media-preview-meta{height:42px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,rgba(12,13,16,.96),rgba(5,6,8,.99));color:#fff;font-size:11px}
.direct-media-preview-meta>span{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.7)}
.direct-media-preview-meta .ico{width:15px;height:15px}
.direct-media-preview-meta>b{font-size:11px;color:#fff}
.direct-picker-image{display:grid;place-items:center;width:100%;aspect-ratio:var(--direct-media-ratio,16/9);max-height:46dvh;background:#050608;overflow:hidden}
.direct-picker-image img{width:100%;height:100%;object-fit:contain}
.direct-media-caption{display:block;margin-top:13px}
.direct-media-caption>span{display:block;margin:0 0 7px 3px;font-size:11px;font-weight:800;color:var(--muted,#7a7d85);text-transform:uppercase;letter-spacing:.08em}
.direct-media-sheet .direct-media-caption textarea{display:block;margin:0;min-height:82px;max-height:160px;resize:none;padding:13px 14px;border-radius:16px;background:color-mix(in srgb,var(--surface,#fff) 94%,var(--text,#171719) 6%);border:1px solid color-mix(in srgb,var(--text,#171719) 9%,transparent);line-height:1.45}
.direct-media-sheet footer{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));z-index:5;margin:12px -18px calc(-18px - env(safe-area-inset-bottom));padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#fff) 82%,transparent),var(--surface,#fff) 28%);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:0 0 28px 28px}
.direct-media-sheet footer>span{font-size:11px;line-height:1.3;max-width:58%}
.direct-media-sheet footer .primary{min-width:128px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;box-shadow:0 10px 26px color-mix(in srgb,var(--site-accent) 22%,transparent)}
.direct-media-sheet footer .primary .ico{width:18px;height:18px}

.direct-media-player{position:relative;width:100%;aspect-ratio:var(--direct-media-ratio,16/9);max-height:46dvh;overflow:hidden;background:#050608;isolation:isolate;touch-action:manipulation}
.direct-media-player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050608}
.direct-media-player::after{content:"";position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));z-index:1}
.direct-media-player-center{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:64px;height:64px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(8,9,12,.64);box-shadow:0 10px 36px rgba(0,0,0,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .16s ease,transform .16s ease}
.direct-media-player-center .ico{width:28px;height:28px;margin-left:2px}
.direct-media-player.is-playing .direct-media-player-center{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.88)}
.direct-media-player-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:34px auto minmax(70px,1fr) auto 34px 34px;align-items:center;gap:7px;padding:21px 10px 10px;color:#fff}
.direct-media-player-action{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(12,13,16,.45);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.direct-media-player-action .ico{width:18px;height:18px}
.direct-media-player-controls time{font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.86);white-space:nowrap}
.direct-media-player-controls input[type="range"]{--direct-progress:0%;appearance:none;-webkit-appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer;accent-color:var(--site-accent)}
.direct-media-player-controls input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--site-accent) 0 var(--direct-progress),rgba(255,255,255,.28) var(--direct-progress) 100%)}
.direct-media-player-controls input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;border:2px solid #fff;background:var(--site-accent);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.direct-media-player-controls input[type="range"]::-moz-range-track{height:4px;border-radius:99px;background:rgba(255,255,255,.28)}
.direct-media-player-controls input[type="range"]::-moz-range-progress{height:4px;border-radius:99px;background:var(--site-accent)}
.direct-media-player-controls input[type="range"]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:var(--site-accent);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.direct-picker-player{max-height:46dvh}

.direct-chat-media{width:min(350px,76vw);margin:8px 0 2px;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.12);contain:layout paint}
.direct-chat-video{aspect-ratio:var(--direct-media-ratio,16/9);max-height:420px;background:#050608}
.direct-chat-video .direct-media-player{width:100%;height:100%;max-height:420px;aspect-ratio:inherit}
.direct-chat-video .direct-media-player-controls{grid-template-columns:30px auto minmax(52px,1fr) auto 30px;padding:18px 8px 8px;gap:5px}
.direct-chat-video .direct-media-player-fullscreen{display:none}
.direct-chat-video .direct-media-player-action{width:30px;height:30px}
.direct-chat-video .direct-media-player-action .ico{width:16px;height:16px}
.direct-chat-video .direct-media-player-center{width:52px;height:52px}
.direct-chat-video .direct-media-player-center .ico{width:22px;height:22px}
.direct-chat-video .direct-media-player-controls time{font-size:9px}
.direct-chat-image{display:block;aspect-ratio:var(--direct-media-ratio,1/1);max-height:420px;background:color-mix(in srgb,var(--text,#171719) 5%,transparent)}
.direct-chat-image img{width:100%;height:100%;max-height:420px;object-fit:contain;background:color-mix(in srgb,var(--text,#171719) 5%,transparent)}
.direct-message.has-chat-media .direct-bubble{overflow:visible}
.direct-message.has-chat-media .direct-bubble>footer{margin-top:7px}
.direct-message.has-chat-media .direct-bubble>p{margin-bottom:8px}

@media(max-width:600px){
  .direct-media-sheet{width:calc(100% - 12px);bottom:6px;max-height:92dvh;padding:12px 12px calc(14px + env(safe-area-inset-bottom));border-radius:25px}
  .direct-media-sheet-handle{margin-bottom:10px}
  .direct-media-sheet header b{font-size:20px}
  .direct-media-sheet footer{margin-left:-12px;margin-right:-12px;margin-bottom:calc(-14px - env(safe-area-inset-bottom));padding-left:12px;padding-right:12px;border-radius:0 0 25px 25px}
  .direct-media-preview{border-radius:18px}
  .direct-media-player-center{width:58px;height:58px}
  .direct-media-player-controls{grid-template-columns:32px auto minmax(56px,1fr) auto 32px;padding:18px 8px 8px;gap:5px}
  .direct-media-player-controls .direct-media-player-fullscreen{display:none}
  .direct-chat-media{width:min(320px,78vw)}
}
nn/* XMEGRAM 3.4.9-hotfix803 · Live Watch visible-frame/compositor repair */
.live-stage:not(.locked) .live-media-slot{
  z-index:2!important;
  contain:none!important;
  isolation:auto!important;
  backface-visibility:visible!important;
}
.live-stage:not(.locked) #liveVideo.live-video{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2!important;
  contain:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform:none!important;
  -webkit-transform:none!important;
  background:#000!important;
}
.live-stage:not(.locked) .live-stage-bg{z-index:0!important}
.live-stage:not(.locked) .live-stage-shade{z-index:3!important}
@media(max-width:767px){
  .live-stage:not(.locked) #liveVideo.live-video{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}


/* XMEGRAM 3.4.9-hotfix804 · Live Watch media-slot geometry repair
   Root cause: the live timeline rule accidentally changed .live-media-slot to position:relative.
   On mobile, the existing top/bottom lift also sets height:auto; because the <video> is absolute,
   the slot collapsed to zero height. Audio continued, while the blurred .live-stage-bg was all that painted. */
.live-room .live-media-slot{position:absolute!important;left:0!important;right:0!important}
@media(max-width:767px){
  .live-room .live-media-slot{position:absolute!important;top:-58px!important;bottom:58px!important;height:auto!important}
  .live-room .live-stage:fullscreen .live-media-slot,
  .live-room .live-stage:-webkit-full-screen .live-media-slot,
  .live-room .live-stage.vh-live-fullscreen .live-media-slot{top:0!important;bottom:0!important;height:100%!important}
}


/* Hotfix809 — story permission gate + registration creator follows */

.about-me-creators{padding:15px;border:1px solid color-mix(in srgb,var(--accent) 15%,var(--border));border-radius:19px;background:color-mix(in srgb,var(--surface2) 74%,transparent)}.about-me-creators-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.about-me-creators-head>span{display:grid;gap:3px}.about-me-creators-head b{font-size:14px}.about-me-creators-head small{color:var(--muted);font-size:11px;line-height:1.35}.about-me-creators-head em{font-style:normal;flex:0 0 auto;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 13%,transparent);color:color-mix(in srgb,var(--accent) 72%,#fff);font-size:11px;font-weight:950}.about-me-creator-list{display:grid;gap:8px}.about-me-creator{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.about-me-creator.is-following{border-color:color-mix(in srgb,var(--accent) 28%,var(--border));background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.about-me-creator-avatar{width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--surface2);font-weight:950}.about-me-creator-avatar img{width:100%;height:100%;object-fit:cover}.about-me-creator-copy{min-width:0;display:grid;gap:3px}.about-me-creator-copy b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.about-me-creator-copy small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:10px}.about-me-creator-follow{min-width:78px;height:36px;padding:0 12px;border-radius:12px;background:var(--accent);color:#fff;font-size:11px;font-weight:900}.about-me-creator-follow.following{background:color-mix(in srgb,var(--accent) 11%,var(--surface2));color:color-mix(in srgb,var(--accent) 76%,#fff);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border))}.about-me-creator-follow .ico{width:14px;height:14px;vertical-align:-2px}.about-me-creator-note{margin:10px 2px 0;color:var(--muted);font-size:11px;font-weight:700}.about-me-creators-error{padding:12px;border-radius:13px;background:color-mix(in srgb,#ff334f 10%,var(--surface));color:#ff8f9f;font-size:12px;line-height:1.45}.about-me-submit:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.45)}
html[data-theme="light"] .about-me-creators{background:#f8f9fb}html[data-theme="light"] .about-me-creator{background:#fff}html[data-theme="light"] .about-me-creator.is-following{background:color-mix(in srgb,var(--accent) 5%,#fff)}
@media(max-width:520px){.about-me-creators{padding:12px}.about-me-creator{grid-template-columns:42px minmax(0,1fr) auto;padding:8px;gap:8px}.about-me-creator-avatar{width:42px;height:42px}.about-me-creator-follow{min-width:72px;padding:0 10px}.about-me-creator-copy small{font-size:9.5px}}

/* Hotfix814 — endless-feed media is visually settled before autoplay attaches. */
.social-post-media.adaptive-feed-media>.social-feed-poster{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  opacity:1;
  transition:opacity .08s linear;
  pointer-events:none;
  user-select:none;
}
.social-post-media.adaptive-feed-media.vh-media-ready>.social-feed-poster{opacity:0!important}
.social-post-media.adaptive-feed-media>.feed-autoplay-video.social-feed-video{z-index:1!important}
.social-post[data-live-presence-stale="1"] .live-feed-media{contain:layout paint}
nn/* XMEGRAM 3.4.9-hotfix815 · instant Live settle + Discover/category Live interleave + Home Following clone */
.live-media-instant{background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.live-media-instant .live-card-fallback{filter:none!important;transform:none!important;opacity:1!important}
.live-media-instant .live-card-poster{opacity:1!important;transition:none!important;will-change:auto!important}
.live-media-instant .live-feed-poster{object-fit:contain!important;object-position:center!important;background:transparent!important}
.live-media-instant .live-feed-backdrop,.live-media-instant .live-card-blur{display:none!important}

/* Home uses the exact Discover Following cards, but this clone is one horizontal line only. */
.screen.home-screen .home-following-fresh-clone{margin-top:22px!important;margin-bottom:22px!important}
.screen.home-screen .home-following-fresh-clone .discover-following-track{
  display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(205px,248px)!important;
  gap:9px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important;
  scroll-snap-type:x proximity!important;padding:0 1px 5px!important;scrollbar-width:none!important;
}
.screen.home-screen .home-following-fresh-clone .discover-following-track::-webkit-scrollbar{display:none!important}
.screen.home-screen .home-following-fresh-clone .discover-following-card{scroll-snap-align:start!important}
@media(max-width:767px){
  .screen.home-screen .home-following-fresh-clone{padding:0 10px!important;margin:18px 0 20px!important}
  .screen.home-screen .home-following-fresh-clone .discover-following-track{
    display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(158px,44vw)!important;
    gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;padding:0 0 4px!important;scroll-snap-type:x proximity!important;
  }
  .screen.home-screen .home-following-fresh-clone .discover-following-card.commerce-video-card{width:100%!important;min-width:0!important;aspect-ratio:3/4!important;scroll-snap-align:start!important}
}
@media(min-width:768px) and (max-width:1099px){.screen.home-screen .home-following-fresh-clone .discover-following-track{grid-auto-columns:225px!important}}

/* Interleaved Live is a normal stream item: never changes neighboring video geometry. */
:is(.discover-screen,[data-listing-grid="category"]) .live-feed-post{contain:layout paint style}
:is(.discover-screen,[data-listing-grid="category"]) .live-feed-media{isolation:isolate}

/* Hotfix815 final settle guards: reserve Live geometry before image/video decode. */
.discover-screen .discover-live .live-home-card,.discover-screen .discover-live .live-home-media{contain:layout paint style}
.discover-screen .discover-live .live-home-media{aspect-ratio:1/1!important;overflow:hidden!important}
.discover-screen .discover-live .live-card-poster{width:100%!important;height:100%!important;object-fit:cover!important}


/* Hotfix818 — modern horizontal Reels suggestions replace the redundant Premium creators rail. */
.home-reels-suggestion-module{width:100%;margin:0;padding:17px 0 18px;background:var(--surface,#0b0e14);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}
.home-reels-suggestion-module>header{display:flex;align-items:flex-end;justify-content:space-between;margin:0 12px 12px}
.home-reels-suggestion-module>header small{display:block;margin-bottom:2px;color:var(--muted,#929aa8);font-size:9px;font-weight:950;letter-spacing:.16em}
.home-reels-suggestion-module>header h2{margin:0;color:var(--text,#f7f8fa);font-size:21px;line-height:1.05;font-weight:950;letter-spacing:-.035em}
.home-reels-suggestion-rail{display:flex;align-items:stretch;gap:3px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:0 12px 4px;scroll-padding-inline:12px;scrollbar-width:none}
.home-reels-suggestion-rail::-webkit-scrollbar{display:none}
.home-reel-suggestion-card{position:relative;isolation:isolate;flex:0 0 clamp(176px,47vw,218px);aspect-ratio:9/13.4;min-width:176px;padding:0;overflow:hidden;border:0;border-radius:19px;background:#0a0d12;box-shadow:0 12px 30px rgba(0,0,0,.2);scroll-snap-align:start;transform:translateZ(0)}
.home-reel-suggestion-card:active{transform:scale(.985)}
.home-reel-suggestion-poster,.home-reel-suggestion-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;border:0;background:#090b0f}
.home-reel-suggestion-poster{z-index:1}
.home-reel-suggestion-video{z-index:2;opacity:0;transition:opacity .14s ease}
.home-reel-suggestion-video.is-playing{opacity:1}
.home-reel-suggestion-shade{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 48%,rgba(0,0,0,.34) 100%)}
.home-reel-suggestion-mark{position:absolute;z-index:4;top:10px;left:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(7,10,15,.66);color:#fff;backdrop-filter:blur(12px);box-shadow:0 5px 16px rgba(0,0,0,.22);pointer-events:none}
.home-reel-suggestion-mark .ico{width:20px;height:20px}
.home-reel-suggestion-duration{position:absolute;z-index:4;right:9px;bottom:9px;min-width:42px;height:27px;padding:0 8px;display:grid;place-items:center;border-radius:10px;background:rgba(7,10,15,.72);color:#fff;font-size:11px;font-weight:900;letter-spacing:.01em;backdrop-filter:blur(10px);pointer-events:none}
html[data-theme="light"] .home-reels-suggestion-module{background:#fff;border-color:#eceef1}
html[data-theme="light"] .home-reels-suggestion-module>header h2{color:#14181e}
@media(min-width:768px){.home-reels-suggestion-module{padding-top:19px;padding-bottom:20px}.home-reels-suggestion-module>header{margin-left:16px;margin-right:16px}.home-reels-suggestion-rail{padding-left:16px;padding-right:16px;scroll-padding-inline:16px}.home-reel-suggestion-card{flex-basis:218px;min-width:218px}}
@media(max-width:370px){.home-reels-suggestion-module>header{margin-left:10px;margin-right:10px}.home-reels-suggestion-rail{padding-left:10px;padding-right:10px;scroll-padding-inline:10px}.home-reel-suggestion-card{flex-basis:166px;min-width:166px;border-radius:17px}}
@media(prefers-reduced-motion:reduce){.home-reel-suggestion-video{transition:none}.home-reel-suggestion-card:active{transform:none}}


/* Hotfix819 — persistent zero-gap Home module anchors; content supplies its own spacing. */
.home-inline-module-slot{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;overflow:visible}
.home-inline-module-slot:empty{display:none!important}
.screen.home-screen .home-following-module-slot>.home-following-fresh-clone,
.screen.home-screen .home-reels-module-slot>.home-reels-suggestion-module{width:100%;max-width:100%}

/* Hotfix823: Stories remain independent of Reels feature policy; Home Reel slot follows html[data-reels-enabled]. */
html[data-reels-enabled="0"] [data-home-reels-slot],html[data-reels-enabled="0"] .home-reels-suggestion-module{display:none!important;}


/* Hotfix825 — Story quality parity with Reels suggestions. */











/* Hotfix826 — feed media quality only. No dimensions, spacing, ordering or controls change. */
.social-post-media.adaptive-feed-media>.social-feed-poster,
.live-feed-media>.live-feed-poster,
.live-home-media>.live-card-poster{
  image-rendering:auto!important;
  -webkit-font-smoothing:antialiased;
  backface-visibility:hidden;
}
.social-post-media.adaptive-feed-media>.feed-autoplay-video.social-feed-video,
.live-feed-media>.live-feed-video{
  image-rendering:auto!important;
  backface-visibility:hidden;
}
/* Keep the sharp poster until the browser has actually produced a decoded video frame. */
.social-post-media.adaptive-feed-media:not(.vh-media-ready)>.feed-autoplay-video.social-feed-video{opacity:0!important}


/* ==========================================================================
   XMEGRAM 3.4.9-hotfix827 — site-wide typography + matte theme backgrounds
   ========================================================================== */
:root{
  --site-font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --site-bg-dark:#000000;
  --site-bg-light:#ffffff;
  --site-bg-active:#000000;
}
html body,
html body button,
html body input,
html body select,
html body textarea,
html body #app,
html body #drawerRoot,
html body #app :where(*):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-symbols):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.material-symbols-sharp),
html body #drawerRoot :where(*):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-symbols):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.material-symbols-sharp){
  font-family:var(--site-font-family)!important;
}
html[data-theme="dark"]{
  --bg:var(--site-bg-dark,#000000)!important;
  background:var(--site-bg-dark,#000000)!important;
}
html[data-theme="dark"] body,
html[data-theme="dark"] body #app,
html[data-theme="dark"] body #app .screen:not(.reels-screen){
  background:var(--site-bg-dark,#000000)!important;
  background-image:none!important;
}

html[data-theme="dark"] body #app [data-home-stories-slot],
html[data-theme="dark"] body #app .home-inline-module-slot,
html[data-theme="dark"] body #app .home-reels-module-slot,
html[data-theme="dark"] body #app .home-reels-suggestion-module{
  background:var(--site-bg-dark,#000000)!important;
  background-image:none!important;
}
html[data-theme="light"]{
  --bg:var(--site-bg-light,#ffffff)!important;
  background-color:var(--site-bg-light,#ffffff)!important;
}
html[data-theme="light"] body,
html[data-theme="light"] body #app,
html[data-theme="light"] body #app .screen:not(.reels-screen){
  background-color:var(--site-bg-light,#ffffff)!important;
}
/* Remove the grey fallback surface from the Reels suggestion module/cards in light mode. */
html[data-theme="light"] body #app .home-reels-suggestion-module,
html[data-theme="light"] body #app .home-reels-suggestion-rail,
html[data-theme="light"] body #app .home-reel-suggestion-card,
html[data-theme="light"] body #app .home-reel-suggestion-poster,
html[data-theme="light"] body #app .home-reel-suggestion-video{
  background-color:var(--site-bg-light,#ffffff)!important;
}

/* === Xmegram 3.4.9-hotfix828 · proof-of-delivery email replacement === */

/* Xmegram 3.4.9-hotfix831 — pause Story progress/media while reply composer or Story sheets are active. */


/* hotfix832 auto-import backend build marker; Hotfix831 visual styling preserved. */

/* Hotfix834 — responsive photo feed geometry; video media is unchanged. */
:root{
  --photo-feed-max-mobile:560px;
  --photo-feed-max-tablet:500px;
  --photo-feed-max-desktop:500px;
  --photo-feed-mobile-cover-ratio:1.85;
}
.social-post-media.social-photo-media{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:visible!important;
  background:var(--bg)!important;
}
.social-photo-carousel{
  width:100%;
  height:var(--photo-feed-runtime-height,auto)!important;
  min-height:0!important;
  max-height:var(--photo-feed-max-desktop)!important;
  overflow:hidden!important;
  background:var(--bg)!important;
  transition:height .16s ease;
}
.social-photo-track{
  width:100%;
  height:100%!important;
  min-height:0!important;
  background:var(--bg)!important;
}
.social-photo-slide{
  flex:0 0 100%!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  background:var(--bg)!important;
  overflow:hidden!important;
}
.social-photo-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
}
.social-photo-slide.photo-fit-cover img{object-fit:cover!important;}
.social-photo-slide.photo-fit-contain img{object-fit:contain!important;}
html[data-theme="light"] .social-photo-carousel,
html[data-theme="light"] .social-photo-track,
html[data-theme="light"] .social-photo-slide,
html[data-theme="light"] .social-photo-slide img{background:#fff!important;}
@media (max-width:767px){
  .social-photo-carousel{max-height:var(--photo-feed-max-mobile)!important;}
}
@media (min-width:768px) and (max-width:1199px){
  .social-photo-carousel{max-height:var(--photo-feed-max-tablet)!important;}
  .social-photo-slide img{object-fit:contain!important;}
}
@media (min-width:1200px){
  .social-photo-carousel{max-height:var(--photo-feed-max-desktop)!important;}
  .social-photo-slide img{object-fit:contain!important;}
}
.idle-video-badge.photo{background:rgba(10,12,16,.78);color:#fff;}
.search-photo-result .home-search-result-media i{letter-spacing:.06em;font-size:10px;}


/* === Xmegram 3.4.9-hotfix836 · photo qualification + native lightbox sizing === */
:root{--photo-feed-max-mobile:500px;}
.social-photo-slide.photo-fit-contain img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;}
@media (max-width:767px){.social-photo-slide.photo-fit-cover img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;}}
@media (min-width:768px){.social-photo-slide.photo-fit-cover img,.social-photo-slide.photo-fit-contain img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;}}
#drawerRoot .photo-viewer-track{align-items:stretch!important;}
#drawerRoot .photo-viewer-slide{overflow-y:auto!important;overflow-x:hidden!important;align-items:flex-start!important;justify-items:center!important;padding:0!important;-webkit-overflow-scrolling:touch;}
#drawerRoot .photo-viewer-slide img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:top center!important;margin:0 auto!important;}


/* Hotfix838 — Admin-controlled maximum height for HOME-STYLE VIDEO FEEDS on phones.
   Intentionally excludes Reels, Stories, Live Watch and the main Watch player. */
@media(max-width:767px){
  body #app :is(.home-screen,.discover-screen,.profile-screen,.profile-screen-ref) :is(
    .social-post-media.adaptive-feed-media:not(.social-photo-media),
    .stream-pro-media,
    .discover-mobile-media,
    .profile-mobile-media,
    .profile-feed-player,
    .video-thumb.adaptive-feed-media,
    .mobile-suggestion-media.adaptive-feed-media,
    .home-reference-top-pick-media,
    .home-limited-deal-media
  ),
  body #app [data-listing-grid="category"] :is(
    .social-post-media.adaptive-feed-media:not(.social-photo-media),
    .stream-pro-media,.discover-mobile-media,.profile-mobile-media,.profile-feed-player,
    .video-thumb.adaptive-feed-media,.mobile-suggestion-media.adaptive-feed-media,.home-reference-top-pick-media
  ),
  body #app .watch-screen :is(.watch-related,.watch-creator-store,.watch-fbt) :is(
    .stream-pro-media,.discover-mobile-media,.video-thumb.adaptive-feed-media,
    .mobile-suggestion-media.adaptive-feed-media,.home-reference-top-pick-media,
    .watch-creator-store-media,.watch-fbt-media
  ){
    max-height:var(--video-feed-max-height-mobile,420px)!important;
  }
  body #app :is(.home-screen,.discover-screen,.profile-screen,.profile-screen-ref) .social-post-media.adaptive-feed-media:not(.social-photo-media),
  body #app [data-listing-grid="category"] .social-post-media.adaptive-feed-media:not(.social-photo-media){
    --adaptive-media-max:var(--video-feed-max-height-mobile,420px);
  }
}

/* === Xmegram 3.4.9-hotfix839 · deep-feed rendering stability ===
   Skip layout/paint work for far-off feed cards while preserving remembered size.
   This keeps Home, Discover, Categories and Profile responsive after very long scroll sessions. */
:is(.home-screen,.discover-screen,.profile-screen,.profile-screen-ref) :is(.social-post,.commerce-video-card,.video-card,.stream-pro-card,.stream-reference-card,.discover-mobile-card,.profile-mobile-card,.profile-feed-card),
[data-listing-grid="category"] :is(.social-post,.commerce-video-card,.video-card,.stream-pro-card,.stream-reference-card,.discover-mobile-card,.profile-mobile-card,.profile-feed-card),
[data-listing-grid="country"] :is(.social-post,.commerce-video-card,.video-card,.stream-pro-card,.stream-reference-card,.discover-mobile-card,.profile-mobile-card,.profile-feed-card){
  content-visibility:auto!important;
  contain-intrinsic-size:auto 640px!important;
}
.reels-screen .reel-card{
  content-visibility:auto;
  contain-intrinsic-size:auto 100vh;
}
/* Prefetch sentinels are mechanics, not UI. They should never create a visible empty/loading block. */
.home-endless-sentinel{height:1px!important;min-height:1px!important;flex-basis:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
.home-endless-sentinel::after{display:none!important;}
.profile-endless-sentinel{min-height:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
.discover-infinite-sentinel{height:1px!important;min-height:1px!important;opacity:0!important;}


/* Hotfix840: single dominant feed unlock CTA with inline value and demoted replay action. */
.social-preview-end-card{
  width:min(84%,330px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
}
.social-preview-end-card>strong{display:none!important}
.social-preview-unlock{
  width:100%!important;
  min-height:44px!important;
  height:auto!important;
  border-radius:13px!important;
  padding:12px 14px!important;
  gap:7px!important;
  font-size:13px!important;
  line-height:1.15!important;
  white-space:normal!important;
  box-shadow:0 10px 24px rgba(0,0,0,.2)!important;
}
.social-preview-unlock .ico{width:17px!important;height:17px!important;flex:0 0 17px!important;stroke-width:1.9!important}
.social-preview-unlock span{display:block!important}
.social-preview-again{
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.92)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  opacity:.92!important;
}
.social-preview-again .ico,.social-preview-again span{display:none!important}
@media(max-width:360px){
  .social-preview-end-card{width:min(88%,310px)!important;gap:7px!important}
  .social-preview-unlock{min-height:42px!important;padding:11px 12px!important;font-size:12px!important}
  .social-preview-again{font-size:11px!important}
}


/* Hotfix841: conversion controls for home-style social feeds only (Home/Profile/Discover/Categories/Search/Reposts). */
.social-post-media .social-preview-inline-unlock{
  position:absolute!important;
  z-index:7!important;
  left:12px!important;
  bottom:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  max-width:calc(100% - 82px)!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--site-accent,#f52f7c),var(--site-accent2,#e9145a))!important;
  color:#fff!important;
  box-shadow:0 7px 20px rgba(0,0,0,.24)!important;
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  -webkit-tap-highlight-color:transparent!important;
}
.social-post-media .social-preview-inline-unlock span{font-weight:900!important}
.social-post-media .social-preview-inline-unlock b{font:800 11.5px/1 var(--site-font-family,inherit)!important;overflow:hidden!important;text-overflow:ellipsis!important}
.social-post-media .social-preview-ending{
  position:absolute!important;
  z-index:7!important;
  left:12px!important;
  bottom:54px!important;
  display:inline-flex!important;
  align-items:center!important;
  max-width:calc(100% - 24px)!important;
  min-height:27px!important;
  padding:6px 9px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:999px!important;
  background:rgba(10,12,17,.74)!important;
  color:#fff!important;
  box-shadow:0 5px 16px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.social-post-media .social-preview-ending[hidden]{display:none!important}
.social-post.preview-ended .social-preview-inline-unlock,
.social-post.preview-ended .social-preview-ending{display:none!important}
.social-post[data-social-full="1"] .social-preview-inline-unlock,
.social-post[data-social-full="1"] .social-preview-ending{display:none!important}

/* End-of-preview: one dominant purchase action, replay is deliberately secondary text. */
.social-post .social-preview-end-card{
  width:min(86%,336px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  text-align:center!important;
}
.social-post .social-preview-end-card>strong{display:none!important}
.social-post .social-preview-unlock{
  width:100%!important;
  min-height:48px!important;
  height:auto!important;
  padding:13px 15px!important;
  border-radius:14px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.social-post .social-preview-again{
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:1px 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.94)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
@media(max-width:360px){
  .social-post-media .social-preview-inline-unlock{left:10px!important;bottom:13px!important;max-width:calc(100% - 76px)!important;font-size:11px!important;padding:7px 9px!important}
  .social-post-media .social-preview-inline-unlock b{font-size:11px!important}
  .social-post-media .social-preview-ending{left:10px!important;bottom:51px!important;font-size:10px!important}
  .social-post .social-preview-end-card{width:min(88%,316px)!important}
  .social-post .social-preview-unlock{min-height:45px!important;padding:12px!important;font-size:12px!important}
  .social-post .social-preview-again{font-size:11px!important}
}


/* Hotfix842 FORCE-CLEAN: home-style feeds only. Keep one large Unlock CTA + small Replay text. */
.social-post-media .social-preview-inline-unlock,
.social-post-media .social-preview-ending,
.social-post-media [data-feed-fullscreen],
.social-post-media [data-social-fullscreen],
.social-post-media [data-fullscreen],
.social-post-media button[aria-label*="fullscreen" i],
.social-post-media button[title*="fullscreen" i],
.social-post-media .feed-fullscreen,
.social-post-media .feed-fullscreen-toggle,
.social-post-media .social-feed-fullscreen,
.social-post-media .social-fullscreen-toggle{display:none!important}
.social-post .social-preview-end-card{
  width:min(86%,336px)!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
}
.social-post .social-preview-end-card>strong,
.social-post .social-preview-access,
.social-post .full-video-access,
.social-post [data-full-video-access]{display:none!important}
.social-post .social-preview-unlock{
  width:100%!important;
  min-height:48px!important;
  height:auto!important;
  padding:13px 15px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.social-post .social-preview-unlock small,
.social-post .social-preview-unlock em,
.social-post .social-preview-unlock .subtitle,
.social-post .social-preview-unlock [class*="subtitle"]{display:none!important}
.social-post .social-preview-again{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:2px 3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.96)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.social-post .social-preview-again .ico,
.social-post .social-preview-again svg,
.social-post .social-preview-again span,
.social-post .social-preview-again small,
.social-post .social-preview-again em{display:none!important}


/* Hotfix843: Home-style feed duration badge lives bottom-left and counts down with playback. */
.social-post-media .social-post-duration{
  top:auto!important;
  right:auto!important;
  left:10px!important;
  bottom:10px!important;
}


/* Hotfix844: continuity-driven preview-end offer for Home-style feeds. */
.social-post .social-preview-end-card{
  width:min(88%,350px)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0!important;
  text-align:center!important;
}
.social-post .social-preview-remaining{
  display:block!important;
  margin:0 0 2px!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.48)!important;
}
.social-post .social-preview-remaining[hidden]{display:none!important}
.social-post .social-preview-unlock{
  width:100%!important;
  min-height:52px!important;
  height:auto!important;
  padding:13px 14px!important;
  border-radius:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  font-size:clamp(12px,3.5vw,14px)!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}
.social-post .social-preview-unlock>span{display:block!important;max-width:100%!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.social-post .social-preview-resume{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-shadow:0 1px 8px rgba(0,0,0,.4)!important;
}
.social-post .social-preview-again{
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  margin-top:1px!important;
  padding:2px 3px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.96)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
@media(max-width:360px){
  .social-post .social-preview-end-card{width:min(90%,326px)!important;gap:6px!important}
  .social-post .social-preview-remaining{font-size:16px!important}
  .social-post .social-preview-unlock{min-height:48px!important;padding:12px 11px!important;font-size:12px!important}
  .social-post .social-preview-resume{font-size:10.5px!important}
  .social-post .social-preview-again{font-size:11px!important}
}

/* Hotfix845: no visual redesign; auto locked-media DM/notification spam removed in runtime/server. */

/* Hotfix846 — paying-user creator access. Clean access sheet; no blurred/locked feed cards. */
.paying-creator-access-scrim{background:rgba(0,0,0,.62)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.paying-creator-access-sheet{position:fixed;z-index:170;left:50%;top:50%;transform:translate(-50%,-50%);width:min(390px,calc(100vw - 28px));padding:25px 20px 18px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0b0f15;color:#f6f7f9;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.58)}
.paying-creator-access-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:inherit;font-size:25px;line-height:1;display:grid;place-items:center}
.paying-creator-access-mark{width:58px;height:58px;margin:0 auto 13px;border-radius:18px;display:grid;place-items:center;background:color-mix(in srgb,var(--site-accent,#f52f7c) 16%,#151a22);color:var(--site-accent,#f52f7c)}
.paying-creator-access-mark .ico{width:28px;height:28px}
.paying-creator-access-sheet h2{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.025em;font-weight:900}
.paying-creator-access-sheet p{margin:10px auto 18px;max-width:330px;color:#aeb5bf;font-size:13px;line-height:1.5}
.paying-creator-access-sheet p b{color:#f6f7f9;font-weight:850}
.paying-creator-access-primary{width:100%;min-height:50px;border:0;border-radius:14px;background:linear-gradient(105deg,var(--site-accent,#f52f7c),var(--site-accent2,#e9145a));color:#fff;font-size:14px;font-weight:900;box-shadow:0 10px 28px rgba(var(--site-accent-rgb,245,47,124),.2)}
.paying-creator-access-later{margin-top:7px;min-height:38px;padding:0 16px;border:0;background:transparent;color:#929aa5;font-size:12px;font-weight:750}
html[data-theme="light"] .paying-creator-access-sheet{background:#fff;color:#17191d;border-color:#e5e7ea;box-shadow:0 24px 70px rgba(0,0,0,.18)}
html[data-theme="light"] .paying-creator-access-close{background:#f0f2f4;color:#4f555d}
html[data-theme="light"] .paying-creator-access-mark{background:color-mix(in srgb,var(--site-accent,#f52f7c) 10%,#fff)}
html[data-theme="light"] .paying-creator-access-sheet p{color:#69717b}
html[data-theme="light"] .paying-creator-access-sheet p b{color:#17191d}
html[data-theme="light"] .paying-creator-access-later{color:#747b84}
@media(max-width:620px){.paying-creator-access-sheet{top:auto;bottom:max(10px,var(--safe-bottom));transform:translateX(-50%);width:calc(100vw - 20px);padding:23px 18px 16px;border-radius:22px}.paying-creator-access-sheet h2{font-size:21px}.paying-creator-access-sheet p{font-size:12.5px}}

/* Hotfix847: paying-user creator rules reuse the Hotfix846 professional access sheet unchanged. */


/* Hotfix848: signed-out creator profiles use the original blurred login gate only. */
.public-profile-guest .desktop-sidebar,
.public-profile-guest .mobile-shell-menu,
.public-profile-guest .bottom-nav,
.public-profile-guest .profile-hero-menu,
.public-profile-guest .profile-hero-actions,
.public-profile-guest .profile-hero-back{display:none!important}
.public-profile-guest.profile-screen-ref{padding-bottom:0!important}
.public-profile-guest .profile-anonymous-lock{z-index:140!important}
.public-profile-guest .profile-anonymous-gate{max-width:420px!important}


/* === Xmegram 3.4.9-hotfix850 · Admin-controlled paid preview mode === */
html.paid-preview-blur-mode [data-paid-preview-media="1"]{
  filter:blur(4px) saturate(.96) brightness(.86)!important;
  -webkit-filter:blur(4px) saturate(.96) brightness(.86)!important;
}
html.paid-preview-blur-mode [data-paid-preview-card="1"] .social-feed-poster,
html.paid-preview-blur-mode [data-paid-preview-card="1"] .reel-poster,
html.paid-preview-blur-mode [data-paid-preview-card="1"] .reel-backdrop{
  filter:blur(4px) saturate(.96) brightness(.86)!important;
  -webkit-filter:blur(4px) saturate(.96) brightness(.86)!important;
}
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"]{
  display:grid!important;
}
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"] .social-preview-end-backdrop{
  background:rgba(5,5,8,.26)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
}
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"] .social-preview-end-card{
  gap:10px!important;
}
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"] .social-preview-remaining{
  font-size:clamp(18px,4vw,25px)!important;
  font-weight:850!important;
  line-height:1!important;
  color:#fff!important;
  text-shadow:0 2px 18px rgba(0,0,0,.55)!important;
}
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"] .social-preview-resume,
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"] .social-preview-again{
  display:none!important;
}
/* Never blur Stories or Live media. */

html.paid-preview-blur-mode .live-video,
html.paid-preview-blur-mode [data-live-feed-video]{filter:none!important;-webkit-filter:none!important}


/* === Xmegram 3.4.9-hotfix850 · Paid preview mode: thumbnail-only ===
   Locked paid media uses the real sharp poster and never loads/plays a preview.
   Stories, Live, and already-owned media are excluded by renderer logic. */
html.paid-preview-thumbnail-mode video[data-paid-preview-media="1"]{
  display:none!important;
  visibility:hidden!important;
}
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"]{
  display:grid!important;
}
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"] .social-preview-end-backdrop{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18))!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"] .social-preview-end-card{
  width:min(84%,330px)!important;
  gap:0!important;
}
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"] .social-preview-unlock{
  width:100%!important;
}
html.paid-preview-thumbnail-mode .social-post-media .vh-preview-timeline,
html.paid-preview-thumbnail-mode .reel-card.paid-preview-thumbnail-only .vh-preview-timeline{
  display:none!important;
}
html.paid-preview-thumbnail-mode .reel-card.paid-preview-thumbnail-only .reel-media{
  display:none!important;
}
html.paid-preview-thumbnail-mode .reel-card.paid-preview-thumbnail-only .reel-poster{
  display:block!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:1!important;
}
html.paid-preview-thumbnail-mode .reel-card.paid-preview-thumbnail-only .reel-backdrop{
  filter:blur(20px) brightness(.72)!important;
  -webkit-filter:blur(20px) brightness(.72)!important;
}
html.paid-preview-thumbnail-mode .reel-card.paid-preview-thumbnail-only .reel-end-overlay{
  display:flex!important;
}
html.paid-preview-thumbnail-mode .watch-player.watch-preview-disabled .watch-preview-disabled-visual.watch-preview-thumbnail-only{
  background:#05070a!important;
}
html.paid-preview-thumbnail-mode .watch-player.watch-preview-disabled .watch-preview-disabled-visual.watch-preview-thumbnail-only::after{
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.14))!important;
}
html.paid-preview-thumbnail-mode .watch-player.watch-preview-disabled .watch-preview-disabled-poster{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  opacity:1!important;
  pointer-events:none!important;
}
html.paid-preview-thumbnail-mode .watch-player.watch-preview-disabled::after{
  background:linear-gradient(180deg,rgba(2,4,7,.01),rgba(2,4,7,.12))!important;
}
html.paid-preview-thumbnail-mode .home-preview-modal.paid-preview-thumbnail-only .home-preview-poster{
  filter:none!important;
  -webkit-filter:none!important;
}
html.paid-preview-thumbnail-mode .home-preview-modal.paid-preview-thumbnail-only .home-preview-media-badges .home-preview-sound{
  display:none!important;
}
/* Blur mode hardening: any paid preview surface that carries the shared marker is blurred. */
html.paid-preview-blur-mode video[data-paid-preview-media="1"]{
  filter:blur(4px) saturate(.96) brightness(.86)!important;
  -webkit-filter:blur(4px) saturate(.96) brightness(.86)!important;
}


/* === Xmegram 3.4.9-hotfix851 · thumbnail-only visibility + clickable cart === */
/* Thumbnail-only never relies on a decoded preview frame. Keep the actual poster visible
   even if an older feed-settle class is still present on the media shell. */
html.paid-preview-thumbnail-mode [data-paid-preview-card="1"].social-post-media.adaptive-feed-media > .social-feed-poster,
html.paid-preview-thumbnail-mode [data-paid-preview-card="1"].social-post-media.adaptive-feed-media.vh-media-ready > .social-feed-poster{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:2!important;
  filter:blur(2px) saturate(.98) brightness(.92)!important;
  -webkit-filter:blur(2px) saturate(.98) brightness(.92)!important;
  transform:scale(1.01)!important;
}
/* Reduce the old blurred-edge backdrop so the poster remains readable. */
html.paid-preview-thumbnail-mode [data-paid-preview-card="1"].adaptive-feed-media::before{
  filter:blur(14px) saturate(.94) brightness(.68)!important;
  opacity:.66!important;
}
/* The thumbnail-only unlock layer must not steal taps from the existing cart control. */
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"]{
  pointer-events:none!important;
}
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"] .social-preview-end-card,
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"] .social-preview-unlock{
  pointer-events:auto!important;
}
html.paid-preview-thumbnail-mode [data-paid-preview-card="1"] .social-media-cart,
html.paid-preview-thumbnail-mode [data-paid-preview-card="1"] button[data-cart],
html.paid-preview-thumbnail-mode .social-post-media > .social-media-cart{
  z-index:20!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
  -webkit-filter:none!important;
}
html.paid-preview-thumbnail-mode [data-paid-preview-card="1"] .social-media-cart .ico,
html.paid-preview-thumbnail-mode [data-paid-preview-card="1"] button[data-cart] .ico{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
/* Keep existing cart controls above thumbnail-only overlays on the other paid-video cards too. */
html.paid-preview-thumbnail-mode :is(.stream-pro-cart-icon,.home-reference-top-pick-cart,.home-limited-deal-cart,.profile-cart-action,.cart-float)[data-cart]{
  z-index:20!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* === Xmegram 3.4.9-hotfix853 · paid-preview surface authority === */
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"],
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"]{
  pointer-events:none!important;
}
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"] .social-preview-end-card,
html.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"] .social-preview-unlock,
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"] .social-preview-end-card,
html.paid-preview-thumbnail-mode .social-preview-end[data-paid-preview-thumbnail-overlay="1"] .social-preview-unlock{
  pointer-events:auto!important;
}

html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) [data-paid-preview-card="1"] :is(.social-media-cart,.cart-float,.profile-cart-action,.stream-pro-cart-icon,.home-reference-top-pick-cart,.home-limited-deal-cart,button[data-cart]),
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .social-post-media > .social-media-cart{
  z-index:40!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:rgba(11,14,19,.92)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.35)!important;
  isolation:isolate!important;
}
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) [data-paid-preview-card="1"] button[data-cart] .ico,
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .social-post-media > .social-media-cart .ico{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  color:#fff!important;
  stroke:#fff!important;
  filter:none!important;
  -webkit-filter:none!important;
}
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) [data-paid-preview-card="1"] button[data-cart].active{
  background:var(--site-accent,var(--accent,#129ee8))!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}

/* Discover Charts: blur the paid thumbnail artwork only; keep duration/cart sharp. */
.discover-chart-thumb{position:relative!important;background-image:none!important;isolation:isolate!important}
.discover-chart-thumb>.discover-chart-thumb-media{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:scale(1.01)!important;
}
.discover-chart-thumb>i{z-index:3!important}
.discover-chart-thumb:after{z-index:2!important}
html.paid-preview-blur-mode .discover-chart-row[data-paid-preview-card="1"] .discover-chart-thumb>.discover-chart-thumb-media{
  filter:blur(3px) saturate(.96) brightness(.86)!important;
  -webkit-filter:blur(3px) saturate(.96) brightness(.86)!important;
  transform:scale(1.06)!important;
}
html.paid-preview-thumbnail-mode .discover-chart-row[data-paid-preview-card="1"] .discover-chart-thumb>.discover-chart-thumb-media{
  filter:none!important;
  -webkit-filter:none!important;
  transform:scale(1.01)!important;
}
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .discover-chart-row[data-paid-preview-card="1"] .discover-chart-commerce{
  position:relative!important;
  z-index:8!important;
  pointer-events:auto!important;
}
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .discover-chart-row[data-paid-preview-card="1"] .discover-chart-cart{
  position:relative!important;
  z-index:12!important;
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  color:#fff!important;
  background:rgba(18,22,28,.94)!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .discover-chart-row[data-paid-preview-card="1"] .discover-chart-cart .ico{
  opacity:1!important;
  visibility:visible!important;
  color:#fff!important;
  stroke:#fff!important;
}
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .discover-chart-row[data-paid-preview-card="1"] .discover-chart-cart.active{
  background:var(--site-accent,var(--accent,#129ee8))!important;
}

/* Watch: selected preview mode is authoritative even before the preview frame arrives. */
html.paid-preview-blur-mode .watch-player.watch-preview-mode-blur{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html.paid-preview-blur-mode .watch-player.watch-preview-mode-blur>.watch-video-backdrop{
  display:block!important;
  filter:blur(7px) saturate(.94) brightness(.80)!important;
  -webkit-filter:blur(7px) saturate(.94) brightness(.80)!important;
  transform:scale(1.045)!important;
  opacity:1!important;
}
html.paid-preview-blur-mode .watch-player.watch-preview-mode-blur>video.watch-video{
  display:block!important;
  filter:blur(4px) saturate(.96) brightness(.88)!important;
  -webkit-filter:blur(4px) saturate(.96) brightness(.88)!important;
  transform:scale(1.012)!important;
}
html.paid-preview-blur-mode .watch-player.watch-preview-mode-blur::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  pointer-events:none!important;
  background:rgba(3,5,8,.10)!important;
}
html.paid-preview-blur-mode .watch-player.watch-preview-mode-blur>.big-play,
html.paid-preview-blur-mode .watch-player.watch-preview-mode-blur>.player-controls{
  filter:none!important;
  -webkit-filter:none!important;
  z-index:10!important;
}
html.paid-preview-thumbnail-mode .watch-player.watch-preview-mode-thumbnail.watch-preview-disabled>.watch-preview-disabled-visual{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  z-index:1!important;
}
html.paid-preview-thumbnail-mode .watch-player.watch-preview-mode-thumbnail.watch-preview-disabled>.watch-preview-disabled-visual>.watch-preview-disabled-poster{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
}
html.paid-preview-thumbnail-mode .watch-player.watch-preview-mode-thumbnail.watch-preview-disabled>video,
html.paid-preview-thumbnail-mode .watch-player.watch-preview-mode-thumbnail.watch-preview-disabled>.big-play,
html.paid-preview-thumbnail-mode .watch-player.watch-preview-mode-thumbnail.watch-preview-disabled>.player-controls{
  display:none!important;
}

/* Watch/cart commerce must remain usable in either locked-media mode. */
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .watch-screen :is(.watch-mobile-cart,.watch-mobile-commerce-action[data-cart],button[data-cart]){
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .watch-screen .watch-mobile-cart .ico{
  opacity:1!important;
  visibility:visible!important;
}


/* === Xmegram 3.4.9-hotfix853 · authoritative Watch paid-preview mode ===
   This deliberately comes last so legacy Watch-player rules cannot override the selected mode. */
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#080a0e!important;
}
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur>video#watchVideo,
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur>video.watch-video{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  filter:blur(5px) saturate(.96) brightness(.88)!important;
  -webkit-filter:blur(5px) saturate(.96) brightness(.88)!important;
  transform:scale(1.02)!important;
}
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur>.watch-video-backdrop{
  display:block!important;
  visibility:visible!important;
  opacity:.9!important;
  filter:blur(10px) saturate(.92) brightness(.76)!important;
  -webkit-filter:blur(10px) saturate(.92) brightness(.76)!important;
  transform:scale(1.06)!important;
}
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  background:rgba(4,6,9,.08)!important;
  pointer-events:none!important;
}
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur>.big-play,
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur>.player-controls{
  z-index:10!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* If a paid Watch item has no preview source, blur its real poster instead of silently showing it clear. */
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur.watch-preview-disabled>.watch-preview-disabled-visual,
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur>.watch-preview-disabled-visual{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
html.paid-preview-blur-mode .watch-screen .watch-player.watch-preview-mode-blur .watch-preview-disabled-blur{
  display:block!important;
  filter:blur(8px) saturate(.96) brightness(.84)!important;
  -webkit-filter:blur(8px) saturate(.96) brightness(.84)!important;
  transform:scale(1.045)!important;
}

/* Thumbnail-only Watch is truly static: no video element or player controls are allowed. */
html.paid-preview-thumbnail-mode .watch-screen .watch-player.watch-preview-mode-thumbnail{
  position:relative!important;
  overflow:hidden!important;
  background:#05070a!important;
}
html.paid-preview-thumbnail-mode .watch-screen .watch-player.watch-preview-mode-thumbnail>video,
html.paid-preview-thumbnail-mode .watch-screen .watch-player.watch-preview-mode-thumbnail>.big-play,
html.paid-preview-thumbnail-mode .watch-screen .watch-player.watch-preview-mode-thumbnail>.player-controls,
html.paid-preview-thumbnail-mode .watch-screen .watch-player.watch-preview-mode-thumbnail>.preview-badge{
  display:none!important;
}
html.paid-preview-thumbnail-mode .watch-screen .watch-player.watch-preview-mode-thumbnail>.watch-preview-disabled-visual{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
html.paid-preview-thumbnail-mode .watch-screen .watch-player.watch-preview-mode-thumbnail>.watch-preview-disabled-visual>.watch-preview-disabled-poster{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
}
html.paid-preview-thumbnail-mode .watch-screen .watch-player.watch-preview-mode-thumbnail>.watch-preview-disabled-action{
  display:inline-flex!important;
  z-index:12!important;
  pointer-events:auto!important;
}

/* Keep Watch commerce/cart above all preview-mode visual layers. */
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .watch-screen .watch-mobile-commerce,
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .watch-screen .watch-mobile-commerce-action,
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .watch-screen button[data-cart],
html:is(.paid-preview-blur-mode,.paid-preview-thumbnail-mode) .watch-screen .watch-mobile-cart{
  position:relative!important;
  z-index:50!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Hotfix857: compact purchase-focused action row for locked paid social feed cards. */
.social-commerce-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
}
.social-commerce-left{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
}
.social-commerce-unlock,.social-commerce-control{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  border-radius:9px!important;
  white-space:nowrap!important;
  line-height:1!important;
  box-shadow:none!important;
}
.social-commerce-unlock{
  min-width:0!important;
  max-width:168px!important;
  padding:0 9px!important;
  border:1px solid color-mix(in srgb,var(--site-accent,#149be8) 82%,#000 6%)!important;
  background:var(--site-accent,#149be8)!important;
  color:#fff!important;
  font:700 11.5px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  overflow:hidden!important;
}
.social-commerce-unlock span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0!important}
.social-commerce-unlock .ico{width:15px!important;height:15px!important;flex:0 0 15px!important;stroke-width:2!important}
.social-commerce-control{
  padding:0 7px!important;
  border:1px solid color-mix(in srgb,currentColor 13%,transparent)!important;
  background:color-mix(in srgb,currentColor 4%,transparent)!important;
  color:color-mix(in srgb,currentColor 78%,transparent)!important;
  font:650 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.social-commerce-control .ico{width:15px!important;height:15px!important;flex:0 0 15px!important;stroke-width:1.9!important}
.social-commerce-control.active{color:var(--site-accent,#149be8)!important;border-color:color-mix(in srgb,var(--site-accent,#149be8) 34%,transparent)!important;background:color-mix(in srgb,var(--site-accent,#149be8) 8%,transparent)!important}
.social-commerce-row .social-actions-right{gap:10px!important;margin-left:0!important}
.social-commerce-row .social-actions-right .social-action{width:29px!important;min-width:29px!important;height:29px!important;padding:2px!important;margin:0!important}
.social-commerce-row .social-actions-right .social-action .ico{width:21px!important;height:21px!important;flex-basis:21px!important}
.social-commerce-unlock:active,.social-commerce-control:active{transform:scale(.97)}
@media(max-width:390px){
  .social-commerce-row{gap:6px!important}
  .social-commerce-left{gap:4px!important}
  .social-commerce-unlock{max-width:148px!important;padding:0 7px!important;font-size:11px!important}
  .social-commerce-control{padding:0 6px!important;font-size:10.5px!important}
  .social-commerce-row .social-actions-right{gap:7px!important}
}

/* === Xmegram 3.4.9-hotfix861 · manual paid-preview start ===
   Locked paid stream previews wait for a deliberate tap. Stories/Live/owned media are unchanged. */
html.paid-preview-manual-start .social-post-media[data-paid-preview-card="1"]{
  position:relative!important;
}
html.paid-preview-manual-start .social-post-media[data-paid-preview-card="1"] .paid-preview-start-button,
html.paid-preview-manual-start .watch-player.watch-manual-preview .paid-preview-start-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.38)!important;
  background:rgba(6,10,16,.58)!important;
  color:#fff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:38!important;
  opacity:.92!important;
  box-shadow:0 8px 28px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(9px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.08)!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
html.paid-preview-manual-start .paid-preview-start-button .ico{
  width:25px!important;
  height:25px!important;
  margin-left:2px!important;
  stroke-width:2!important;
}
html.paid-preview-manual-start .paid-preview-start-button:active{
  transform:translate(-50%,-50%) scale(.94)!important;
}
html.paid-preview-manual-start .paid-preview-start-button[hidden],
html.paid-preview-manual-start .manual-preview-started>.paid-preview-start-button,
html.paid-preview-manual-start .manual-preview-started .paid-preview-start-button{
  display:none!important;
}
/* The blur-mode commerce overlay is still the existing preview-end overlay; keep it hidden until the manually-started preview finishes. */
html.paid-preview-manual-start.paid-preview-blur-mode .social-preview-end[data-paid-preview-blur-overlay="1"][hidden]{
  display:none!important;
}
/* Before manual Watch preview starts, show only the deliberate center play affordance. */
html.paid-preview-manual-start .watch-player.watch-manual-preview:not(.manual-preview-started)>.big-play,
html.paid-preview-manual-start .watch-player.watch-manual-preview:not(.manual-preview-started)>.player-controls{
  display:none!important;
}
html.paid-preview-manual-start .watch-player.watch-manual-preview>.watch-paid-preview-start{
  z-index:30!important;
}
html.paid-preview-manual-start.paid-preview-blur-mode .watch-player.watch-manual-preview>.watch-paid-preview-start{
  filter:none!important;
  -webkit-filter:none!important;
}
/* Compact preview-choice popup. */
body.paid-preview-start-popup-open{overflow:hidden!important}
.paid-preview-start-popup{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
}
.paid-preview-start-scrim{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  background:rgba(5,8,12,.46)!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.paid-preview-start-card{
  position:relative!important;
  width:min(88vw,350px)!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid color-mix(in srgb,currentColor 12%,transparent)!important;
  border-radius:18px!important;
  background:color-mix(in srgb,var(--surface,#fff) 96%,transparent)!important;
  color:var(--text,#101216)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.28)!important;
  display:grid!important;
  gap:9px!important;
}
[data-theme="dark"] .paid-preview-start-card,
html.dark .paid-preview-start-card{
  background:rgba(18,21,27,.97)!important;
  color:#f7f8fa!important;
}
.paid-preview-start-time{
  margin:0!important;
  padding:0 2px!important;
  text-align:center!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  opacity:.68!important;
}
.paid-preview-start-unlock{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:13px!important;
  background:var(--site-accent,var(--accent,#129ee8))!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font:750 14px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.paid-preview-start-unlock .ico{width:18px!important;height:18px!important;flex:0 0 18px!important}
.paid-preview-start-secondary{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:auto!important;
  justify-self:center!important;
  min-height:26px!important;
  margin:0!important;
  padding:2px 5px!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:650 12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  opacity:.72!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.paid-preview-start-unlock:disabled,.paid-preview-start-secondary:disabled{opacity:.5!important;pointer-events:none!important}
@media(max-width:390px){
  html.paid-preview-manual-start .social-post-media[data-paid-preview-card="1"] .paid-preview-start-button,
  html.paid-preview-manual-start .watch-player.watch-manual-preview .paid-preview-start-button{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}
  .paid-preview-start-card{width:min(90vw,330px)!important;padding:12px!important;border-radius:16px!important}
  .paid-preview-start-unlock{min-height:44px!important;font-size:13.5px!important}
}
.paid-preview-start-unlock>span{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;text-align:left!important}
.paid-preview-start-unlock>span>b{font:750 14px/1.08 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;white-space:nowrap!important}
.paid-preview-start-unlock>span>small{font:600 10.5px/1.1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;opacity:.82!important}
nn/* === Xmegram 3.4.9-hotfix861 · focused video actions + preview control authority === */n.social-minimal-video-row{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:30px!important;margin:0!important;padding:0!important}n.social-minimal-video-row .social-actions-right{margin-left:auto!important}n.social-commerce-status{cursor:pointer!important;max-width:118px!important}n.social-commerce-status.owner{background:color-mix(in srgb,currentColor 7%,transparent)!important;color:color-mix(in srgb,currentColor 82%,transparent)!important;border-color:color-mix(in srgb,currentColor 14%,transparent)!important}n.social-commerce-status.admin{background:color-mix(in srgb,var(--site-accent,#149be8) 10%,transparent)!important;color:var(--site-accent,#149be8)!important;border-color:color-mix(in srgb,var(--site-accent,#149be8) 26%,transparent)!important}n.social-commerce-status.bought,.social-commerce-status.subscribed{background:rgba(20,170,95,.10)!important;color:#159957!important;border-color:rgba(20,170,95,.24)!important}n.social-commerce-status.bought .ico,.social-commerce-status.subscribed .ico{stroke-width:2.2!important}n/* The deliberate preview Play affordance exists only before playback begins. It can never sit above the preview-end offer. */nhtml.paid-preview-manual-start .social-post.preview-ended .paid-preview-start-button,nhtml.paid-preview-manual-start .social-post.manual-preview-started .paid-preview-start-button,nhtml.paid-preview-manual-start .watch-player.preview-ended .paid-preview-start-button,nhtml.paid-preview-manual-start .watch-player.manual-preview-started .paid-preview-start-button,nhtml.paid-preview-manual-start .social-preview-end:not([hidden]) ~ .paid-preview-start-button{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}n/* Never allow the center preview starter to obscure the existing conversion layer. */n.social-preview-end:not([hidden]){z-index:60!important}n.social-preview-end:not([hidden]) .social-preview-end-card{z-index:61!important}nnn/* === Xmegram 3.4.9-hotfix861 · deliberate preview lifecycle authority === */
html.paid-preview-manual-start .social-post-media[data-paid-preview-card="1"] .paid-preview-start-button,
html.paid-preview-manual-start .watch-player.watch-manual-preview .paid-preview-start-button{
  width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  background:rgba(10,14,20,.46)!important;
  opacity:.94!important;
  box-shadow:0 6px 20px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(7px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(7px) saturate(1.04)!important;
}
html.paid-preview-manual-start .paid-preview-start-button .ico{width:22px!important;height:22px!important;stroke-width:2.1!important}
html.paid-preview-manual-start .social-post.is-playing .paid-preview-start-button,
html.paid-preview-manual-start .social-post.preview-ended .paid-preview-start-button,
html.paid-preview-manual-start .social-post.manual-preview-started .paid-preview-start-button,
html.paid-preview-manual-start .watch-player.preview-ended .paid-preview-start-button,
html.paid-preview-manual-start .watch-player.manual-preview-started .paid-preview-start-button,
html.paid-preview-manual-start .social-preview-end:not([hidden]) ~ .paid-preview-start-button{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}
@media(max-width:390px){html.paid-preview-manual-start .social-post-media[data-paid-preview-card="1"] .paid-preview-start-button,html.paid-preview-manual-start .watch-player.watch-manual-preview .paid-preview-start-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}}
/* Chrome/mobile hard stop: when the existing preview-end layer is visible, the starter cannot render above it. */
html.paid-preview-manual-start .social-post-media:has(.social-preview-end:not([hidden])) .paid-preview-start-button{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}

/* === Xmegram 3.4.9-hotfix861 · off-viewport preview reset ===
   Lifecycle-only fix: no visual sizing/margin changes. The existing center Play
   control is restored only after a manually-started preview fully leaves viewport. */


/* === Xmegram 3.4.9-hotfix902 · MotionMarket-inspired Home chrome ===
   Scope: header, search, category navigation and Trending creators only. */
:root{
  --market-canvas:#080a0d;
  --market-surface:#111419;
  --market-surface-2:#171a20;
  --market-line:rgba(255,255,255,.13);
  --market-text:#f7f7f8;
  --market-muted:#a8abb2;
  --market-gradient:linear-gradient(105deg,var(--site-accent2,#f47f60) 0%,var(--site-accent,#f24064) 100%);
}
.screen.home-screen{font-family:var(--site-font-family,"Manrope"),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.screen.home-screen>.market-home-header,
.screen.home-screen>.home-market-chrome{width:100%;max-width:1180px;margin-left:auto;margin-right:auto}
.market-home-header{
  position:relative;z-index:35;display:flex;align-items:center;justify-content:space-between;gap:18px;
  min-height:88px;padding:14px 30px 10px;background:transparent;color:var(--market-text);
}
.market-home-brand{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;color:inherit}
.market-home-brand-mark{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;color:var(--site-accent)}
.market-home-brand-mark svg,.market-home-brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.market-home-wordmark{display:flex;min-width:0;flex-direction:column;justify-content:center}
.market-home-wordmark>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:30px;line-height:1;font-weight:850;letter-spacing:-.045em}
.market-home-wordmark>small{margin-top:7px;color:#8e929a;font-size:8px;line-height:1;font-weight:700;letter-spacing:.36em;white-space:nowrap}
.market-home-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.market-home-cart{position:relative;display:grid;place-items:center;width:48px;height:48px;color:#f7f7f8;border-radius:50%}
.market-home-cart .ico{width:31px;height:31px;stroke-width:1.75}
.market-home-cart .nav-count{position:absolute;right:0;top:-2px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid var(--market-canvas);border-radius:999px;background:var(--site-accent);color:#fff;font-size:10px;font-style:normal;font-weight:900;line-height:1}
.market-home-wallet{display:flex;align-items:center;justify-content:center;gap:10px;min-width:136px;height:48px;padding:0 18px;border:1px solid color-mix(in srgb,var(--site-accent2) 58%,rgba(255,255,255,.16));border-radius:999px;background:rgba(22,18,17,.72);color:#ffc28f;font-size:16px;font-weight:750;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.market-home-wallet .ico{width:21px;height:21px;stroke-width:1.9}
.home-market-chrome{padding:0 30px 22px}
.market-home-search{position:relative;display:flex;align-items:center;width:100%;height:62px;padding:0 13px 0 21px;border:1px solid var(--market-line);border-radius:999px;background:linear-gradient(180deg,rgba(25,28,33,.88),rgba(15,18,22,.94));color:var(--market-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.market-home-search>.ico{width:29px;height:29px;flex:0 0 29px;color:#eef0f3;stroke-width:1.7}
.market-home-search>input{min-width:0;flex:1;height:100%;padding:0 17px;border:0;outline:0;background:transparent;color:var(--market-text);font-size:17px;font-weight:450;letter-spacing:-.015em}
.market-home-search>input::placeholder{color:#a0a4ac;opacity:1}
.market-search-clear{display:none;width:30px;height:30px;flex:0 0 30px;border-radius:50%;color:#a9adb4;font-size:22px;line-height:1}
.market-home-search.open .market-search-clear,.market-search-clear:not([hidden]){display:grid;place-items:center}
.market-search-divider{width:1px;height:30px;margin:0 12px 0 5px;background:rgba(255,255,255,.13)}
.market-search-filter{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;color:#dfe2e7}
.market-search-filter .ico{width:23px;height:23px;stroke-width:1.8}
.market-search-suggestions{position:absolute!important;z-index:70!important;top:calc(100% + 8px)!important;left:0!important;right:0!important;margin:0!important;border:1px solid var(--market-line)!important;border-radius:18px!important;background:rgba(12,14,18,.98)!important;box-shadow:0 18px 54px rgba(0,0,0,.42)!important;overflow:hidden!important;backdrop-filter:blur(20px)!important}
.home-market-categories{display:flex;align-items:center;gap:14px;width:100%;margin-top:16px;padding:0 1px 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.home-market-categories::-webkit-scrollbar{display:none}
.home-market-category{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:0 0 auto;min-width:0;height:50px;padding:0 22px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#13161b;color:#c6c9cf;box-shadow:inset 0 1px 0 rgba(255,255,255,.015);font-size:15px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
.home-market-category-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;font-size:18px;line-height:1;filter:saturate(.92)}
.home-market-category.is-highlighted{border-color:color-mix(in srgb,var(--site-accent2) 68%,transparent);background:var(--market-gradient);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--site-accent) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.20);font-weight:760}
.home-market-category:active{transform:scale(.97)}
.market-trending-creators{margin-top:22px}
.market-trending-creators>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px;padding:0 2px}
.market-trending-creators>header h2{display:flex;align-items:center;gap:9px;margin:0;color:var(--market-text);font-size:20px;line-height:1.1;font-weight:820;letter-spacing:-.035em}
.market-trending-creators>header h2>span{font-size:22px;filter:saturate(1.05)}
.market-trending-creators>header button{display:flex;align-items:center;gap:4px;color:#c6c8ce;font-size:13px;font-weight:560;white-space:nowrap}
.market-trending-creators>header button .ico{width:18px;height:18px}
.market-creator-rail{display:flex;align-items:center;gap:26px;width:100%;padding:0 2px 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.market-creator-rail::-webkit-scrollbar{display:none}
.market-creator-chip{display:flex;align-items:center;gap:11px;flex:0 0 auto;min-width:150px;text-align:left;color:var(--market-text)}
.market-creator-avatar{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;padding:3px;border-radius:50%;background:var(--market-gradient);box-shadow:0 5px 16px color-mix(in srgb,var(--site-accent) 15%,transparent)}
.market-creator-avatar>img,.market-creator-avatar>i{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border:3px solid var(--market-canvas);border-radius:50%;background:#20242b;color:#fff;object-fit:cover;font-size:18px;font-style:normal;font-weight:850}
.market-creator-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.market-creator-copy>b{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--market-text);font-size:14px;font-weight:680}
.market-creator-copy>small{color:#8f949d;font-size:12px;font-weight:480;white-space:nowrap}

html[data-theme="light"] .screen.home-screen{--market-canvas:#ffffff;--market-surface:#f6f7f8;--market-surface-2:#eef0f2;--market-line:rgba(18,23,30,.13);--market-text:#14171b;--market-muted:#68707a}
html[data-theme="light"] .market-home-header{color:#14171b}
html[data-theme="light"] .market-home-wordmark>small{color:#777e87}
html[data-theme="light"] .market-home-cart{color:#171a1f}
html[data-theme="light"] .market-home-cart .nav-count{border-color:#fff}
html[data-theme="light"] .market-home-wallet{background:#fff7f1;color:#a95336;border-color:color-mix(in srgb,var(--site-accent2) 42%,#d8d8dc)}
html[data-theme="light"] .market-home-search{background:#f7f8f9;color:#15181c;box-shadow:inset 0 1px 0 #fff}
html[data-theme="light"] .market-home-search>.ico,html[data-theme="light"] .market-search-filter{color:#23272d}
html[data-theme="light"] .market-home-search>input{color:#15181c}
html[data-theme="light"] .market-home-search>input::placeholder{color:#777e87}
html[data-theme="light"] .market-search-divider{background:rgba(20,24,30,.12)}
html[data-theme="light"] .market-search-suggestions{background:rgba(255,255,255,.985)!important;box-shadow:0 18px 48px rgba(24,31,42,.16)!important}
html[data-theme="light"] .home-market-category{border-color:rgba(20,24,30,.10);background:#f4f5f6;color:#4d535c}
html[data-theme="light"] .market-creator-avatar>img,html[data-theme="light"] .market-creator-avatar>i{border-color:#fff;background:#eef0f2;color:#30343a}
html[data-theme="light"] .market-creator-copy>small{color:#747b85}

@media(max-width:767px){
  .market-home-header{min-height:76px;padding:12px 14px 8px;gap:10px}
  .market-home-brand{gap:9px;max-width:calc(100% - 150px)}
  .market-home-brand-mark{width:38px;height:38px;flex-basis:38px}
  .market-home-wordmark>b{font-size:24px;letter-spacing:-.04em}
  .market-home-wordmark>small{margin-top:5px;font-size:5.8px;letter-spacing:.28em}
  .market-home-actions{gap:7px}
  .market-home-cart{width:39px;height:39px}
  .market-home-cart .ico{width:27px;height:27px}
  .market-home-cart .nav-count{right:-1px;top:-4px;min-width:19px;height:19px;font-size:9px}
  .market-home-wallet{min-width:96px;height:39px;padding:0 12px;gap:7px;font-size:12.5px}
  .market-home-wallet .ico{width:18px;height:18px}
  .home-market-chrome{padding:0 14px 18px}
  .market-home-search{height:53px;padding-left:16px;padding-right:9px}
  .market-home-search>.ico{width:25px;height:25px;flex-basis:25px}
  .market-home-search>input{padding:0 11px;font-size:14px}
  .market-search-divider{height:26px;margin:0 7px 0 2px}
  .market-search-filter{width:35px;height:35px;flex-basis:35px}
  .market-search-filter .ico{width:21px;height:21px}
  .home-market-categories{gap:10px;margin-top:13px;padding-bottom:1px}
  .home-market-category{height:44px;padding:0 16px;gap:7px;font-size:13px}
  .home-market-category-icon{width:19px;height:19px;flex-basis:19px;font-size:16px}
  .market-trending-creators{margin-top:18px}
  .market-trending-creators>header{margin-bottom:11px}
  .market-trending-creators>header h2{font-size:17px}
  .market-trending-creators>header h2>span{font-size:19px}
  .market-trending-creators>header button{font-size:12px}
  .market-creator-rail{gap:19px}
  .market-creator-chip{gap:9px;min-width:138px}
  .market-creator-avatar{width:52px;height:52px;flex-basis:52px;padding:2px}
  .market-creator-avatar>img,.market-creator-avatar>i{border-width:2px}
  .market-creator-copy>b{max-width:94px;font-size:13px}
  .market-creator-copy>small{font-size:11px}
}
@media(min-width:768px) and (max-width:1099px){
  .market-home-header{padding-left:22px;padding-right:22px}
  .home-market-chrome{padding-left:22px;padding-right:22px}
  .market-home-search{height:58px}
  .market-creator-rail{gap:22px}
}
@media(min-width:1100px){
  .market-home-header{padding-top:18px}
  .home-market-chrome{padding-bottom:26px}
  .home-market-categories{gap:12px}
  .home-market-category{height:48px;padding:0 20px}
  .market-creator-chip{min-width:152px}
}


/* === Xmegram 3.4.9-hotfix902 · screenshot-matched Featured video ===
   Mobile shows one full-width featured card; tablet shows two; desktop shows three. */
.market-featured-section{margin-top:27px}
.market-featured-section>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 2px 13px}
.market-featured-section>header h2{display:flex;align-items:center;gap:9px;min-width:0;margin:0;color:var(--market-text);font-size:25px;line-height:1.08;font-weight:840;letter-spacing:-.04em}
.market-featured-section>header h2>.ico{width:26px;height:26px;flex:0 0 26px;color:#ffb449;fill:color-mix(in srgb,#ffb449 18%,transparent);stroke-width:1.8}
.market-featured-heading-many{display:none}
.market-featured-handpicked{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;min-height:34px;padding:0 13px;border:1px solid color-mix(in srgb,#ffb06b 54%,rgba(255,255,255,.10));border-radius:999px;background:rgba(58,38,26,.36);color:#f1b77f;font-size:11.5px;font-weight:650;white-space:nowrap}
.market-featured-handpicked .ico{width:15px;height:15px;color:#ffb449}
.market-featured-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.market-featured-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,#101317,#0d1014);color:var(--market-text);box-shadow:0 9px 28px rgba(0,0,0,.16)}
.market-featured-media{position:relative;display:block;width:100%;aspect-ratio:2.12/1;overflow:hidden;background:#101319;color:#fff;text-align:left}
.market-featured-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .28s ease}
.market-featured-media:active>img{transform:scale(1.01)}
.market-featured-premium{position:absolute;left:16px;top:14px;display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 11px;border:1px solid #ff9d70;border-radius:999px;background:rgba(9,10,13,.70);color:#ffc18e;font-size:11px;font-weight:850;letter-spacing:.07em;backdrop-filter:blur(8px)}
.market-featured-premium .ico{width:15px;height:15px;color:#ffb44f;fill:rgba(255,180,79,.12)}
.market-featured-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.94);border-radius:50%;background:rgba(5,7,10,.48);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.24);backdrop-filter:blur(4px)}
.market-featured-play .ico{width:29px;height:29px;fill:#fff;stroke-width:1.55;transform:translateX(2px)}
.market-featured-duration{position:absolute;right:13px;bottom:11px;padding:4px 7px;border-radius:7px;background:rgba(6,7,9,.82);color:#fff;font-size:11px;font-weight:750;line-height:1}
.market-featured-save{position:absolute;right:12px;top:12px;z-index:4;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(7,8,10,.52);color:#fff;backdrop-filter:blur(7px)}
.market-featured-save .ico{width:22px;height:22px;stroke-width:2}
.market-featured-save.active{color:#fff;background:var(--market-gradient);box-shadow:0 6px 20px color-mix(in srgb,var(--site-accent) 28%,transparent)}
.market-featured-save.active .ico{fill:currentColor}
.market-featured-info{padding:15px 16px 16px}
.market-featured-info h3{margin:0 0 12px;overflow:hidden;color:var(--market-text);font-size:19px;line-height:1.22;font-weight:800;letter-spacing:-.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.market-featured-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.market-featured-creator{display:flex;align-items:center;gap:9px;min-width:0;color:var(--market-text);text-align:left}
.market-featured-creator>span{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;padding:2px;border-radius:50%;background:var(--market-gradient)}
.market-featured-creator>span>img,.market-featured-creator>span>i{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border:2px solid var(--market-canvas);border-radius:50%;background:#20242a;object-fit:cover;color:#fff;font-size:12px;font-style:normal;font-weight:850}
.market-featured-creator>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:680}
.market-featured-creator .verified{margin-left:4px}
.market-featured-commerce{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.market-featured-price{display:grid;place-items:center;min-width:75px;height:38px;padding:0 10px;border:1px solid color-mix(in srgb,var(--site-accent) 72%,#ffffff12);border-radius:999px;background:rgba(10,11,14,.52);color:color-mix(in srgb,var(--site-accent2) 34%,#ff7882);font-size:12.5px;font-weight:830;white-space:nowrap}
.market-featured-unlock{display:flex;align-items:center;justify-content:center;gap:7px;min-width:112px;height:42px;padding:0 15px;border-radius:15px;background:var(--market-gradient);color:#12090c;box-shadow:0 8px 22px color-mix(in srgb,var(--site-accent) 25%,transparent);font-size:13px;font-weight:850;white-space:nowrap}
.market-featured-unlock .ico{width:17px;height:17px;stroke-width:2.2}
.market-featured-unlock b{font:inherit}
html[data-theme="light"] .market-featured-card{border-color:rgba(20,24,30,.11);background:#fff;box-shadow:0 9px 25px rgba(21,28,38,.08)}
html[data-theme="light"] .market-featured-handpicked{border-color:#e5c5ad;background:#fff8f2;color:#a9663f}
html[data-theme="light"] .market-featured-price{background:#fff;border-color:color-mix(in srgb,var(--site-accent) 48%,#d9dce1);color:#d34f5f}
html[data-theme="light"] .market-featured-creator>span>img,html[data-theme="light"] .market-featured-creator>span>i{border-color:#fff;background:#eef0f3;color:#252a31}

@media(max-width:767px){
  .market-featured-section{margin-top:22px}
  .market-featured-section>header{margin-bottom:11px}
  .market-featured-section>header h2{gap:7px;font-size:20px}
  .market-featured-section>header h2>.ico{width:22px;height:22px;flex-basis:22px}
  .market-featured-handpicked{min-height:29px;padding:0 10px;gap:5px;font-size:9.5px}
  .market-featured-handpicked .ico{width:13px;height:13px}
  .market-featured-card:nth-child(n+2){display:none}
  .market-featured-card{border-radius:16px}
  .market-featured-media{aspect-ratio:2.08/1}
  .market-featured-premium{left:12px;top:11px;min-height:27px;padding:0 9px;font-size:9.5px}
  .market-featured-play{width:54px;height:54px}
  .market-featured-play .ico{width:25px;height:25px}
  .market-featured-duration{right:10px;bottom:9px;font-size:10px}
  .market-featured-save{right:9px;top:9px;width:33px;height:33px}
  .market-featured-save .ico{width:20px;height:20px}
  .market-featured-info{padding:12px 13px 13px}
  .market-featured-info h3{margin-bottom:10px;font-size:17px}
  .market-featured-bottom{gap:8px}
  .market-featured-creator{gap:7px}
  .market-featured-creator>span{width:35px;height:35px;flex-basis:35px}
  .market-featured-creator>b{max-width:86px;font-size:11.5px}
  .market-featured-commerce{gap:6px}
  .market-featured-price{min-width:65px;height:34px;padding:0 8px;font-size:11px}
  .market-featured-unlock{min-width:98px;height:38px;padding:0 11px;border-radius:13px;font-size:12px}
  .market-featured-unlock .ico{width:15px;height:15px}
}
@media(max-width:430px){
  .market-featured-section>header{align-items:center}
  .market-featured-handpicked{max-width:44%;overflow:hidden;text-overflow:ellipsis}
  .market-featured-info h3{-webkit-line-clamp:1}
  .market-featured-creator>b{max-width:72px}
  .market-featured-price{min-width:58px;padding:0 7px}
  .market-featured-unlock{min-width:91px;padding:0 9px}
}
@media(min-width:768px){
  .market-featured-heading-single{display:none}
  .market-featured-heading-many{display:inline}
  .market-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .market-featured-card:nth-child(n+3){display:none}
  .market-featured-media{aspect-ratio:1.92/1}
  .market-featured-info h3{font-size:16px}
  .market-featured-bottom{grid-template-columns:1fr;gap:10px}
  .market-featured-commerce{justify-content:space-between}
  .market-featured-price{flex:0 0 auto}
  .market-featured-unlock{flex:1;max-width:150px}
}
@media(min-width:1100px){
  .market-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
  .market-featured-card:nth-child(n){display:block}
  .market-featured-media{aspect-ratio:1.9/1}
  .market-featured-section>header h2{font-size:23px}
  .market-featured-info{padding:14px 14px 15px}
}


/* === Xmegram 3.4.9-hotfix902 · MotionMarket polish + mobile menu nav === */
.screen.home-screen .bottom-nav>button.active{color:#ff8a7a}
.screen.home-screen .bottom-nav>button.active .ico{fill:currentColor;stroke:currentColor;filter:drop-shadow(0 0 5px rgba(242,64,100,.22))}
.bottom-nav .bottom-nav-menu-button{gap:4px}
.bottom-nav-menu-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#171b21,#0f1218);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.bottom-nav-menu-avatar>img,.bottom-nav-menu-avatar>i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;overflow:hidden;object-fit:cover;background:var(--market-gradient);color:#fff;font-style:normal;font-size:10px;font-weight:900}
.market-creator-avatar{padding:2px;background:transparent;border:2px solid color-mix(in srgb,var(--site-accent2) 42%, var(--site-accent) 58%);box-shadow:0 4px 16px rgba(0,0,0,.14)}
.market-creator-avatar>img,.market-creator-avatar>i{border:2px solid var(--market-canvas)}
.market-featured-creator-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.market-featured-creator-copy>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:680}
.market-featured-creator-copy>small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#99a0ab;font-size:11px;font-weight:520}
.market-featured-creator{gap:9px}
html[data-theme="light"] .market-featured-creator-copy>small{color:#77808b}
@media(max-width:767px){
  .market-home-search{height:49px;padding-left:15px;padding-right:8px}
  .market-home-search>.ico{width:24px;height:24px;flex-basis:24px}
  .market-home-search>input{padding:0 10px;font-size:13.5px}
  .market-search-filter{width:33px;height:33px;flex-basis:33px}
  .market-search-divider{height:24px;margin:0 6px 0 2px}
  .market-featured-creator-copy>b{font-size:11.8px}
  .market-featured-creator-copy>small{font-size:10px}
  .bottom-nav .bottom-nav-menu-button span{font-size:11px}
}
@media(min-width:768px) and (max-width:1099px){
  .market-featured-creator-copy>small{font-size:10.5px}
}


/* === Xmegram 3.4.9-hotfix902 · screenshot-style Recent uploads === */
.market-snapshot-section{margin-top:18px}
.market-snapshot-card{display:block;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(180deg,#111419,#0d1014);color:var(--market-text);box-shadow:0 9px 28px rgba(0,0,0,.14)}
.market-snapshot-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px 16px 13px}
.market-snapshot-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(180deg,#6a4a25,#3d2a18);color:#ffbe73;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.market-snapshot-icon .ico{width:20px;height:20px;stroke-width:2}
.market-snapshot-copy{min-width:0}
.market-snapshot-copy h3{margin:0;color:var(--market-text);font-size:17px;line-height:1.15;font-weight:800;letter-spacing:-.03em}
.market-snapshot-copy p{margin:6px 0 0;color:#a3a8b0;font-size:12.5px;line-height:1.35;font-weight:520}
.market-snapshot-open{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#d7dbe0}
.market-snapshot-open .ico{width:18px;height:18px}
.market-snapshot-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 16px}
.market-snapshot-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:1/1;border-radius:12px;background:#161a20}
.market-snapshot-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.market-snapshot-thumb-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.04));pointer-events:none}
.market-snapshot-thumb:nth-child(n+3){display:none}
html[data-theme="light"] .market-snapshot-card{border-color:rgba(20,24,30,.11);background:#fff;box-shadow:0 9px 24px rgba(21,28,38,.07)}
html[data-theme="light"] .market-snapshot-copy p{color:#727b86}
html[data-theme="light"] .market-snapshot-icon{background:linear-gradient(180deg,#fff1df,#f5d1a7);color:#a35c2e}
html[data-theme="light"] .market-snapshot-thumb{background:#edf0f3}
@media(max-width:767px){
  .market-snapshot-section{margin-top:16px}
  .market-snapshot-card{border-radius:16px}
  .market-snapshot-card>header{gap:10px;padding:14px 13px 11px}
  .market-snapshot-icon{width:38px;height:38px;border-radius:12px}
  .market-snapshot-copy h3{font-size:16px}
  .market-snapshot-copy p{font-size:11.5px}
  .market-snapshot-open{width:28px;height:28px}
  .market-snapshot-thumbs{gap:9px;padding:0 13px 13px}
  .market-snapshot-thumb{border-radius:11px}
}
@media(min-width:768px){
  .market-snapshot-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .market-snapshot-thumb:nth-child(n+3){display:block}
}
@media(min-width:1100px){
  .market-snapshot-thumbs{gap:11px}
}


/* === Xmegram 3.4.9-hotfix902 · featured heading/play scale === */
@media(max-width:767px){
  .market-featured-section>header h2{font-size:17px;line-height:1.1;letter-spacing:-.035em}
  .market-featured-section>header h2>.ico{width:19px;height:19px;flex-basis:19px}
  .market-featured-play{width:47px;height:47px;border-width:1.8px}
  .market-featured-play .ico{width:21px;height:21px}
}
@media(min-width:768px) and (max-width:1099px){
  .market-featured-section>header h2{font-size:20px}
  .market-featured-play{width:55px;height:55px}
  .market-featured-play .ico{width:25px;height:25px}
}


/* === Xmegram 3.4.9-hotfix902 · marketplace selling feeds ===
   Home, Profile, Discover, Categories, Search and Watch-related listings share
   one commerce-first card system: 1 column phone, 2 tablet, 3 desktop. */
html[data-theme="dark"] :is(.home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.watch-screen,.category-screen,.country-screen,.search-results-page){background:#000!important}
html[data-theme="dark"] :is(.social-home-stream,.social-profile-stream,.social-listing-stream){background:#000!important}

.social-home-stream,.social-profile-stream,.social-listing-stream,
.profile-mobile-grid.social-profile-stream{
  width:min(100%,1360px)!important;max-width:1360px!important;margin:0 auto!important;
  padding:16px 16px calc(100px + var(--safe-bottom))!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;
  gap:14px!important;border:0!important;background:transparent!important;min-width:0!important;
}
.social-home-stream>:is(.home-inline-creator-module,.home-inline-module-slot,.home-reels-module-slot,.home-following-module-slot,.home-endless-sentinel,.home-tab-endless-sentinel,.live-feed-post,.profile-live-feed-slot),
.social-profile-stream>:is(.profile-live-feed-slot,.live-feed-post){grid-column:1/-1!important}

.market-feed-card.social-post{
  position:relative!important;width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:17px!important;
  background:#0b0d10!important;color:#f7f7f8!important;box-shadow:none!important;
  cursor:pointer!important;isolation:isolate!important;
}
.market-feed-card+.market-feed-card{border-top:1px solid rgba(255,255,255,.12)!important}
.market-feed-media.social-post-media{
  position:relative!important;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;
  aspect-ratio:16/9!important;overflow:hidden!important;border-radius:0!important;background:#090b0e!important;
  isolation:isolate!important;background-image:none!important;
}
.market-feed-media>.market-feed-poster,.market-feed-media>.market-feed-video{
  position:absolute!important;z-index:1!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  min-width:100%!important;max-width:none!important;min-height:100%!important;max-height:none!important;
  object-fit:cover!important;object-position:center!important;background:#090b0e!important;
}
.market-feed-media>.market-feed-poster{z-index:1!important;opacity:1!important;transition:opacity .12s linear!important}
.market-feed-media>.market-feed-video{z-index:2!important;opacity:0!important;transition:opacity .12s linear!important}
.market-feed-media.vh-media-ready>.market-feed-poster{opacity:0!important}
.market-feed-media.vh-media-ready>.market-feed-video{opacity:1!important}
.market-feed-card.is-playing .market-feed-play{opacity:0!important;transform:translate(-50%,-50%) scale(.9)!important}
.market-feed-card:not(.is-playing) .market-feed-play{opacity:1!important}

.market-feed-crown{
  position:absolute!important;z-index:8!important;left:11px!important;top:10px!important;display:grid!important;place-items:center!important;
  width:35px!important;height:31px!important;border:1px solid color-mix(in srgb,#ffb25d 72%,var(--site-accent) 28%)!important;
  border-radius:999px!important;background:rgba(8,9,11,.76)!important;color:#ffbd72!important;backdrop-filter:blur(8px)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.18)!important;
}
.market-feed-crown .ico{width:18px!important;height:18px!important;stroke-width:1.9!important;fill:rgba(255,184,100,.08)!important}
.market-feed-play{
  position:absolute!important;z-index:6!important;left:50%!important;top:50%!important;display:grid!important;place-items:center!important;
  width:48px!important;height:48px!important;transform:translate(-50%,-50%)!important;border:2px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;background:rgba(4,5,7,.50)!important;color:#fff!important;backdrop-filter:blur(5px)!important;
  transition:opacity .12s ease,transform .12s ease!important;pointer-events:none!important;
}
.market-feed-play .ico{width:23px!important;height:23px!important;fill:#fff!important;stroke:#fff!important;transform:translateX(1px)!important}
.market-feed-duration.social-post-duration{
  position:absolute!important;z-index:8!important;right:9px!important;left:auto!important;top:auto!important;bottom:19px!important;
  display:block!important;padding:4px 6px!important;border:0!important;border-radius:6px!important;background:rgba(4,5,7,.82)!important;
  color:#fff!important;font-size:10.5px!important;font-weight:800!important;line-height:1!important;backdrop-filter:blur(6px)!important;
}
.market-feed-media .vh-preview-timeline{
  z-index:9!important;left:12px!important;right:12px!important;bottom:5px!important;width:auto!important;height:18px!important;
  margin:0!important;padding:0!important;
}
.market-feed-media .vh-preview-timeline-track{left:0!important;right:0!important;bottom:0!important;height:3px!important;border-radius:999px!important;background:rgba(255,255,255,.34)!important;overflow:hidden!important;box-shadow:none!important}
.market-feed-media .vh-preview-timeline-fill{border-radius:999px!important;background:var(--site-accent)!important;box-shadow:0 0 8px color-mix(in srgb,var(--site-accent) 50%,transparent)!important}
.market-feed-media .vh-preview-timeline.is-scrubbing{height:35px!important}
.market-feed-media .vh-preview-timeline.is-scrubbing .vh-preview-timeline-track{height:7px!important;overflow:visible!important}
.market-feed-media .vh-preview-timeline-tooltip{bottom:21px!important;font-size:10.5px!important}

.market-feed-body{padding:11px 12px 12px!important;background:#0b0d10!important;color:#f7f7f8!important}
.market-feed-body>h3{
  margin:0 0 10px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  font-size:17px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.025em!important;color:inherit!important;
}
.market-feed-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
.market-feed-creator{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
.market-feed-avatar{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;padding:2px!important;border-radius:50%!important;background:var(--market-gradient,linear-gradient(105deg,var(--site-accent2),var(--site-accent)))!important}
.market-feed-avatar>img,.market-feed-avatar>i{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;overflow:hidden!important;border:2px solid #0b0d10!important;border-radius:50%!important;background:#20242a!important;color:#fff!important;object-fit:cover!important;font-size:11px!important;font-style:normal!important;font-weight:900!important}
.market-feed-creator-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important}
.market-feed-creator-copy>b{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:12.5px!important;line-height:1.15!important;font-weight:750!important}
.market-feed-creator-copy>b .verified{flex:0 0 auto!important}
.market-feed-creator-copy>small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#9ca2aa!important;font-size:10.5px!important;line-height:1.15!important;font-weight:520!important}
.market-feed-commerce{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important}
.market-feed-price{display:grid!important;place-items:center!important;min-width:72px!important;height:36px!important;padding:0 10px!important;border:1px solid color-mix(in srgb,var(--site-accent) 78%,#ffffff12)!important;border-radius:999px!important;background:#090b0e!important;color:color-mix(in srgb,var(--site-accent2) 38%,#ff7882)!important;font-size:11.5px!important;font-weight:850!important;white-space:nowrap!important}
.market-feed-price.owned{border-color:rgba(29,180,101,.35)!important;color:#38bd7d!important}
.market-feed-unlock{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:105px!important;height:39px!important;padding:0 13px!important;border-radius:13px!important;background:linear-gradient(105deg,var(--site-accent2) 0%,var(--site-accent) 100%)!important;color:#13090d!important;box-shadow:0 8px 21px color-mix(in srgb,var(--site-accent) 20%,transparent)!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important}
.market-feed-unlock .ico{width:16px!important;height:16px!important;stroke-width:2.2!important}
.market-feed-unlock b{font:inherit!important}

/* Photos keep the marketplace card shell without pretending to be paid video. */
.market-feed-photo .market-feed-media{aspect-ratio:4/3!important}
.market-feed-photo .social-photo-carousel,.market-feed-photo .social-photo-track,.market-feed-photo .social-photo-slide{height:100%!important;max-height:none!important}

/* Modules inserted between Home cards stay full width instead of occupying one product tile. */
.social-home-stream>:not(.market-feed-card){grid-column:1/-1}

html[data-theme="light"] :is(.home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.watch-screen,.category-screen,.country-screen,.search-results-page){background:#f5f6f7!important}
html[data-theme="light"] :is(.social-home-stream,.social-profile-stream,.social-listing-stream){background:#f5f6f7!important}
html[data-theme="light"] .market-feed-card.social-post{border-color:rgba(20,24,30,.12)!important;background:#fff!important;color:#16191e!important;box-shadow:0 8px 22px rgba(21,28,38,.06)!important}
html[data-theme="light"] .market-feed-body{background:#fff!important;color:#16191e!important}
html[data-theme="light"] .market-feed-avatar>img,html[data-theme="light"] .market-feed-avatar>i{border-color:#fff!important;background:#eef0f3!important;color:#30343a!important}
html[data-theme="light"] .market-feed-creator-copy>small{color:#737b85!important}
html[data-theme="light"] .market-feed-price{background:#fff!important}

@media(max-width:767px){
  .social-home-stream,.social-profile-stream,.social-listing-stream,.profile-mobile-grid.social-profile-stream{padding:14px 13px calc(92px + var(--safe-bottom))!important;gap:13px!important}
  .market-feed-card.social-post{border-radius:16px!important}
  .market-feed-body{padding:10px 11px 11px!important}
  .market-feed-body>h3{margin-bottom:9px!important;font-size:16.5px!important;-webkit-line-clamp:2!important}
  .market-feed-bottom{gap:7px!important}
  .market-feed-avatar{width:35px!important;height:35px!important;flex-basis:35px!important}
  .market-feed-creator-copy>b{font-size:11.7px!important}
  .market-feed-creator-copy>small{font-size:9.7px!important}
  .market-feed-commerce{gap:5px!important}
  .market-feed-price{min-width:65px!important;height:34px!important;padding:0 8px!important;font-size:10.7px!important}
  .market-feed-unlock{min-width:94px!important;height:37px!important;padding:0 10px!important;border-radius:12px!important;font-size:11.5px!important}
  .market-feed-play{width:44px!important;height:44px!important}
  .market-feed-play .ico{width:21px!important;height:21px!important}
  .market-feed-crown{left:9px!important;top:8px!important;width:33px!important;height:29px!important}
  .market-feed-crown .ico{width:17px!important;height:17px!important}
  .market-feed-media .vh-preview-timeline{left:10px!important;right:10px!important;bottom:4px!important}
  .market-feed-duration.social-post-duration{right:8px!important;bottom:18px!important;font-size:10px!important}
}
@media(max-width:390px){
  .market-feed-body>h3{font-size:15.5px!important}
  .market-feed-price{min-width:59px!important;padding:0 7px!important}
  .market-feed-unlock{min-width:86px!important;padding:0 8px!important}
  .market-feed-creator-copy>small{max-width:92px!important}
}
@media(min-width:768px) and (max-width:1099px){
  .social-home-stream,.social-profile-stream,.social-listing-stream,.profile-mobile-grid.social-profile-stream{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:18px 18px 36px!important;gap:16px!important}
  .market-feed-body>h3{font-size:15px!important;min-height:36px!important}
  .market-feed-bottom{grid-template-columns:1fr!important;gap:9px!important}
  .market-feed-commerce{justify-content:space-between!important}
  .market-feed-unlock{flex:1!important;max-width:145px!important}
}
@media(min-width:1100px){
  .social-home-stream,.social-profile-stream,.social-listing-stream,.profile-mobile-grid.social-profile-stream{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:20px 22px 42px!important;gap:18px!important}
  .market-feed-card.social-post{border-radius:15px!important}
  .market-feed-body{padding:11px 12px 12px!important}
  .market-feed-body>h3{font-size:15.5px!important;min-height:37px!important;margin-bottom:9px!important}
  .market-feed-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  .market-feed-creator-copy>b{font-size:11.5px!important}
  .market-feed-creator-copy>small{font-size:9.6px!important}
  .market-feed-price{min-width:67px!important;height:34px!important;font-size:10.7px!important}
  .market-feed-unlock{min-width:96px!important;height:36px!important;padding:0 10px!important;font-size:11.3px!important}
  .market-feed-play{width:46px!important;height:46px!important}
}

/* hotfix870 inherited feed layout corrections: no duplicate legacy desktop grids and no nested-stream dead space. */
.discover-screen .discover-desktop-grid,
.profile-screen .profile-desktop-grid,
.profile-screen-ref .profile-desktop-grid,
.profile-screen .shared-desktop-video-grid.profile-desktop-grid,
.profile-screen-ref .shared-desktop-video-grid.profile-desktop-grid{display:none!important}

.social-home-stream,.social-profile-stream,.social-listing-stream,
.profile-mobile-grid.social-profile-stream{padding:16px!important}
@media(max-width:767px){
  .social-home-stream,.social-profile-stream,.social-listing-stream,.profile-mobile-grid.social-profile-stream{padding:14px 13px!important}
}
@media(min-width:768px) and (max-width:1099px){
  .social-home-stream,.social-profile-stream,.social-listing-stream,.profile-mobile-grid.social-profile-stream{padding:18px!important}
}
@media(min-width:1100px){
  .social-home-stream,.social-profile-stream,.social-listing-stream,.profile-mobile-grid.social-profile-stream{padding:20px 22px!important}
}


/* === Xmegram 3.4.9-hotfix902 · feed gutter/search/depth corrections === */
/* Progress line sits directly on the media's lower edge: no bottom gap. */
body #app .market-feed-media .vh-preview-timeline{
  bottom:0!important;
  margin-bottom:0!important;
}
@media(max-width:767px){
  body #app .market-feed-media .vh-preview-timeline{bottom:0!important;margin-bottom:0!important}
}

/* Profile marketplace cards use the exact same responsive gutter contract as Home.
   This overrides the old full-viewport breakout rule that made profile cards touch both screen edges. */
@media(max-width:767px){
  body #app .profile-screen-ref .profile-video-listing,
  body #app .profile-screen .profile-video-listing{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body #app .profile-screen-ref .profile-mobile-grid.social-profile-stream,
  body #app .profile-screen .profile-mobile-grid.social-profile-stream{
    width:100%!important;
    max-width:1360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:14px 13px!important;
    box-sizing:border-box!important;
    gap:13px!important;
  }
}

/* Live Home search: result rows scroll vertically, while View all stays pinned at the bottom. */
body #app .market-search-suggestions{
  max-height:min(68dvh,560px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
body #app .market-search-suggestions[hidden]{display:none!important}
body #app .market-search-suggestions .home-search-suggestion-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
body #app .market-search-suggestions .home-search-all{
  position:sticky!important;
  z-index:5!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  margin:0!important;
  border-radius:0 0 17px 17px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  background:#12161c!important;
  color:var(--site-accent-light,var(--site-accent))!important;
  font-size:12px!important;
  font-weight:850!important;
  box-shadow:0 -8px 20px rgba(0,0,0,.18)!important;
}
html[data-theme="light"] body #app .market-search-suggestions .home-search-all{
  border-top-color:rgba(20,24,30,.10)!important;
  background:#fff!important;
  color:var(--site-accent)!important;
  box-shadow:0 -8px 20px rgba(24,31,42,.08)!important;
}
@media(max-width:767px){
  body #app .market-search-suggestions{max-height:min(64dvh,520px)!important}
  body #app .market-search-suggestions .home-search-all{min-height:48px!important;height:48px!important}
}


/* === Xmegram 3.4.9-hotfix902 · country slot + profile Home-feed gutters === */
.home-market-country-icon{overflow:hidden}
.home-market-country-icon .home-market-country-flag{display:block;width:20px;height:20px;border-radius:50%;object-fit:cover}
.home-market-country-category b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* The active profile renderer is .surface-profile-masonry (not the legacy profile-mobile-grid).
   Give it the exact visual gutter used by Home marketplace cards and neutralize the old
   full-bleed profile breakout rules. */
@media(max-width:767px){
  body #app .profile-screen-ref .profile-video-listing,
  body #app .profile-screen .profile-video-listing{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 0 calc(92px + var(--safe-bottom))!important;
    box-sizing:border-box!important;
    overflow-x:hidden!important;
  }
  body #app .profile-screen-ref .profile-video-listing>.social-listing-stream.surface-profile-masonry,
  body #app .profile-screen .profile-video-listing>.social-listing-stream.surface-profile-masonry{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:calc(100% - 26px)!important;
    max-width:calc(100% - 26px)!important;
    min-width:0!important;
    margin-left:13px!important;
    margin-right:13px!important;
    padding:0!important;
    gap:13px!important;
    box-sizing:border-box!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body #app .profile-video-listing>.social-listing-stream.surface-profile-masonry>.market-feed-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}
@media(min-width:768px) and (max-width:1099px){
  body #app .profile-video-listing>.social-listing-stream.surface-profile-masonry{
    width:calc(100% - 36px)!important;
    max-width:calc(100% - 36px)!important;
    margin-left:18px!important;
    margin-right:18px!important;
    padding:0!important;
    gap:16px!important;
    box-sizing:border-box!important;
  }
}
@media(min-width:1100px){
  body #app .profile-video-listing>.social-listing-stream.surface-profile-masonry{
    width:calc(100% - 44px)!important;
    max-width:1316px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    gap:18px!important;
    box-sizing:border-box!important;
  }
}


/* === Xmegram 3.4.9-hotfix902 · Live cards use the marketplace feed shell === */
body #app .live-feed-post.market-live-feed-card{
  position:relative!important;width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;
  background:#0b0d10!important;color:#f7f7f8!important;box-shadow:none!important;isolation:isolate!important;
}
body #app .live-feed-post.market-live-feed-card .social-post-head,
body #app .live-feed-post.market-live-feed-card .social-post-copy,
body #app .live-feed-post.market-live-feed-card .live-feed-action-row{display:none!important}
body #app .market-live-feed-media.live-feed-media{
  position:relative!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:16/9!important;overflow:hidden!important;border-radius:0!important;background:#090b0e!important;
  background-image:none!important;isolation:isolate!important;
}
body #app .market-live-feed-media>.live-feed-backdrop{display:none!important}
body #app .market-live-feed-media>.live-feed-poster,
body #app .market-live-feed-media>.live-feed-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;background:#090b0e!important;
}
body #app .market-live-feed-media>.live-feed-poster{z-index:1!important}
body #app .market-live-feed-media>.live-feed-video{z-index:2!important}
body #app .market-live-feed-media .live-feed-pill{
  z-index:12!important;left:10px!important;top:9px!important;right:auto!important;bottom:auto!important;
  display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:27px!important;padding:0 9px!important;
  border:0!important;border-radius:999px!important;background:#ed1742!important;color:#fff!important;font-size:10px!important;font-weight:900!important;
  letter-spacing:.035em!important;box-shadow:0 6px 16px rgba(237,23,66,.22)!important;
}
body #app .market-live-feed-media .live-feed-pill>i{display:block!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#fff!important}
body #app .market-live-feed-media .live-elapsed-clock{
  z-index:12!important;right:9px!important;bottom:17px!important;top:auto!important;left:auto!important;
  padding:4px 7px!important;border-radius:7px!important;background:rgba(4,5,7,.82)!important;color:#fff!important;font-size:10.5px!important;font-weight:800!important;
  backdrop-filter:blur(6px)!important;
}
body #app .market-live-feed-media .live-edge-progress{
  z-index:11!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:3px!important;
  margin:0!important;border-radius:0!important;background:rgba(255,255,255,.26)!important;overflow:hidden!important;
}
body #app .market-live-feed-media .live-edge-progress>i{display:block!important;width:100%!important;height:100%!important;background:#ed1742!important}
body #app .market-live-feed-play{
  position:absolute!important;z-index:10!important;left:50%!important;top:50%!important;display:grid!important;place-items:center!important;
  width:44px!important;height:44px!important;transform:translate(-50%,-50%)!important;border:2px solid rgba(255,255,255,.92)!important;
  border-radius:50%!important;background:rgba(4,5,7,.50)!important;color:#fff!important;backdrop-filter:blur(5px)!important;pointer-events:none!important;
  transition:opacity .12s ease,transform .12s ease!important;
}
body #app .market-live-feed-play .ico{width:21px!important;height:21px!important;fill:#fff!important;stroke:#fff!important;transform:translateX(1px)!important}
body #app .market-live-feed-media.is-playing .market-live-feed-play{opacity:0!important;transform:translate(-50%,-50%) scale(.9)!important}
body #app .market-live-feed-body{padding:10px 11px 11px!important;background:#0b0d10!important;color:#f7f7f8!important}
body #app .market-live-feed-body>h3{
  margin:0 0 9px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
  color:inherit!important;font-size:16.5px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.025em!important;
}
body #app .market-live-feed-card .market-feed-bottom{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important}
body #app .market-live-feed-card .market-feed-creator{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
body #app .market-live-feed-card .market-feed-avatar{
  display:grid!important;place-items:center!important;width:35px!important;height:35px!important;flex:0 0 35px!important;padding:2px!important;
  border-radius:50%!important;background:linear-gradient(105deg,#ff7f53 0%,#ed1742 100%)!important;
}
body #app .market-live-feed-card .market-feed-avatar>img,
body #app .market-live-feed-card .market-feed-avatar>i{
  display:grid!important;place-items:center!important;width:100%!important;height:100%!important;border:2px solid #0b0d10!important;border-radius:50%!important;
  overflow:hidden!important;object-fit:cover!important;background:#20242a!important;color:#fff!important;font-size:11px!important;font-style:normal!important;font-weight:900!important;
}
body #app .market-live-feed-card .market-feed-creator-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important}
body #app .market-live-feed-card .market-feed-creator-copy>b{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11.7px!important;line-height:1.15!important;font-weight:750!important}
body #app .market-live-feed-card .market-feed-creator-copy>small{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#9ca2aa!important;font-size:9.7px!important;line-height:1.15!important;font-weight:520!important}
body #app .market-live-feed-watch{min-width:94px!important;height:37px!important;padding:0 10px!important;border-radius:12px!important;font-size:11.5px!important}
html[data-theme="light"] body #app .live-feed-post.market-live-feed-card{border-color:rgba(20,24,30,.12)!important;background:#fff!important;color:#16191e!important;box-shadow:0 8px 22px rgba(21,28,38,.06)!important}
html[data-theme="light"] body #app .market-live-feed-body{background:#fff!important;color:#16191e!important}
html[data-theme="light"] body #app .market-live-feed-card .market-feed-avatar>img,
html[data-theme="light"] body #app .market-live-feed-card .market-feed-avatar>i{border-color:#fff!important;background:#eef0f3!important;color:#30343a!important}
html[data-theme="light"] body #app .market-live-feed-card .market-feed-creator-copy>small{color:#737b85!important}

/* Profile's live slot uses the same exact gutter as the profile marketplace cards. */
@media(max-width:767px){
  body #app .profile-live-feed-slot{width:calc(100% - 26px)!important;max-width:calc(100% - 26px)!important;margin:0 13px 13px!important;padding:0!important;box-sizing:border-box!important}
  body #app .profile-live-feed-slot .live-feed-post.market-live-feed-card{width:100%!important;max-width:100%!important;margin:0!important;border-radius:16px!important}
}
@media(min-width:768px) and (max-width:1099px){
  body #app .live-feed-post.market-live-feed-card{border-radius:16px!important}
  body #app .market-live-feed-body>h3{font-size:15px!important;min-height:36px!important}
  body #app .market-live-feed-card .market-feed-bottom{grid-template-columns:1fr!important;gap:9px!important}
  body #app .market-live-feed-commerce{justify-content:space-between!important}
  body #app .market-live-feed-watch{flex:1!important;max-width:145px!important}
  body #app .profile-live-feed-slot{width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important;margin:0 18px 16px!important;padding:0!important}
}
@media(min-width:1100px){
  body #app .live-feed-post.market-live-feed-card{border-radius:15px!important}
  body #app .market-live-feed-body{padding:11px 12px 12px!important}
  body #app .market-live-feed-body>h3{font-size:15.5px!important;min-height:37px!important;margin-bottom:9px!important}
  body #app .market-live-feed-card .market-feed-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  body #app .market-live-feed-card .market-feed-creator-copy>b{font-size:11.5px!important}
  body #app .market-live-feed-card .market-feed-creator-copy>small{font-size:9.6px!important}
  body #app .market-live-feed-watch{min-width:96px!important;height:36px!important;padding:0 10px!important;font-size:11.3px!important}
  body #app .profile-live-feed-slot{width:calc(100% - 44px)!important;max-width:1316px!important;margin:0 auto 18px!important;padding:0!important}
}


/* === Xmegram 3.4.9-hotfix902 · adaptive mobile media maximum ===
   The Admin value is a ceiling, never a forced fixed height. Landscape media stays short;
   square/portrait media follows its natural ratio until the configured mobile cap. */
@media(max-width:767px){
  body #app .market-feed-card:not(.market-feed-photo)>.market-feed-media,
  body #app .market-live-feed-card>.market-live-feed-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:var(--market-feed-natural-ratio,16/9)!important;
    max-height:var(--video-feed-max-height-mobile,420px)!important;
    overflow:hidden!important;
  }
  body #app .market-feed-card:not(.market-feed-photo)>.market-feed-media>.market-feed-poster,
  body #app .market-feed-card:not(.market-feed-photo)>.market-feed-media>.market-feed-video,
  body #app .market-live-feed-card>.market-live-feed-media>.live-feed-poster,
  body #app .market-live-feed-card>.market-live-feed-media>.live-feed-video{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
  }
}


/* === Xmegram 3.4.9-hotfix902 · feed crown + cart tools === */
.market-feed-media-tools{
  position:absolute!important;z-index:10!important;left:11px!important;top:10px!important;
  display:inline-flex!important;align-items:center!important;gap:2px!important;height:32px!important;padding:2px 4px!important;
  border:1px solid color-mix(in srgb,#ffb25d 60%,var(--site-accent) 40%)!important;border-radius:999px!important;
  background:rgba(8,9,11,.78)!important;color:#ffbd72!important;backdrop-filter:blur(9px)!important;
  box-shadow:0 5px 15px rgba(0,0,0,.18)!important;
}
.market-feed-media-tools .market-feed-crown{
  position:static!important;inset:auto!important;width:27px!important;height:27px!important;border:0!important;border-radius:50%!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;color:#ffbd72!important;
}
.market-feed-media-tools .market-feed-crown .ico{width:17px!important;height:17px!important}
.market-feed-media-cart{
  display:grid!important;place-items:center!important;width:29px!important;height:27px!important;padding:0!important;border:0!important;border-left:1px solid rgba(255,255,255,.13)!important;
  border-radius:0 999px 999px 0!important;background:transparent!important;color:#f4f5f7!important;box-shadow:none!important;
}
.market-feed-media-cart .ico{width:17px!important;height:17px!important;stroke-width:1.9!important;fill:none!important}
.market-feed-media-cart.active{color:#111!important;background:linear-gradient(105deg,var(--site-accent2),var(--site-accent))!important}
.market-feed-media-cart.active .ico{stroke:currentColor!important}
.market-feed-media-tools:has(.market-feed-media-cart):has(.market-feed-crown) .market-feed-crown{padding-right:1px!important}
html[data-theme="light"] .market-feed-media-tools{background:rgba(255,255,255,.92)!important;box-shadow:0 4px 14px rgba(20,25,32,.12)!important}
html[data-theme="light"] .market-feed-media-cart{color:#343942!important;border-left-color:rgba(20,24,30,.14)!important}
@media(max-width:767px){
  .market-feed-media-tools{left:9px!important;top:8px!important;height:30px!important;padding:1px 3px!important}
  .market-feed-media-tools .market-feed-crown{width:26px!important;height:26px!important}
  .market-feed-media-tools .market-feed-crown .ico,.market-feed-media-cart .ico{width:16px!important;height:16px!important}
  .market-feed-media-cart{width:28px!important;height:26px!important}
}


/* === Xmegram 3.4.9-hotfix902 · mobile Home depth + tablet/desktop contain authority ===
   Mobile keeps its adaptive natural-height/crop behavior. Tablet and desktop feed media
   always show the complete frame with object-contain across Home, Profile, Discover,
   Categories/Country, Search-style listings, Watch related/store feeds, and Live cards. */
@media (min-width:768px){
  body #app :is(
    .home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.category-screen,.country-screen,
    .search-screen,.search-results-page,.watch-screen
  ) :is(
    .market-feed-media,.market-live-feed-media,.home-reference-top-pick-media,.home-limited-deal-media,
    .discover-mobile-media,.stream-reference-media,.stream-pro-media,.profile-mobile-media,.profile-feed-player,
    .video-thumb,.adaptive-feed-media,.mobile-suggestion-media,.watch-creator-store-media,.watch-fbt-media
  ){
    background:#090b0e!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }

  body #app :is(
    .home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.category-screen,.country-screen,
    .search-screen,.search-results-page,.watch-screen
  ) :is(
    .market-feed-media,.market-live-feed-media,.home-reference-top-pick-media,.home-limited-deal-media,
    .discover-mobile-media,.stream-reference-media,.stream-pro-media,.profile-mobile-media,.profile-feed-player,
    .video-thumb,.adaptive-feed-media,.mobile-suggestion-media,.watch-creator-store-media,.watch-fbt-media
  ) > :is(
    video,img,picture,canvas,
    .market-feed-video,.market-feed-poster,.live-feed-video,.live-feed-poster,
    .home-reference-top-pick-poster,.home-reference-top-pick-preview,.discover-autoplay-video,.feed-autoplay-video
  ){
    object-fit:contain!important;
    object-position:center center!important;
    background:#090b0e!important;
  }

  /* Direct marketplace/live selectors stay last so older cover rules cannot win. */
  body #app .market-feed-card:not(.market-feed-photo)>.market-feed-media>.market-feed-poster,
  body #app .market-feed-card:not(.market-feed-photo)>.market-feed-media>.market-feed-video,
  body #app .market-live-feed-card>.market-live-feed-media>.live-feed-poster,
  body #app .market-live-feed-card>.market-live-feed-media>.live-feed-video{
    object-fit:contain!important;
    object-position:center center!important;
    background:#090b0e!important;
  }
}


/* === Xmegram 3.4.9-hotfix902 · Watch marketplace category rail + sharp player frame ===
   Normal Watch only. Fullscreen remains governed by the existing fullscreen authority. */
.screen.watch-screen>.watch-market-categories{
  width:calc(100% - 48px)!important;
  margin:5px 24px 0!important;
  padding:0 0 2px!important;
  gap:9px!important;
  box-sizing:border-box!important;
}
.screen.watch-screen>.watch-market-categories .home-market-category{
  height:42px!important;
  padding:0 16px!important;
  gap:7px!important;
  font-size:13px!important;
}
.screen.watch-screen>.watch-market-categories .home-market-category-icon{width:19px!important;height:19px!important;flex-basis:19px!important;font-size:16px!important}

html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen>.watch-player:not(.vh-fullscreen):not(:fullscreen){
  width:auto!important;
  margin:6px 24px 0!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

@media(max-width:767px){
  .screen.watch-screen>.topbar{margin-bottom:0!important}
  .screen.watch-screen>.watch-market-categories{
    width:calc(100% - 20px)!important;
    margin:4px 10px 0!important;
    padding:0 0 1px!important;
    gap:8px!important;
  }
  .screen.watch-screen>.watch-market-categories .home-market-category{
    height:39px!important;
    padding:0 13px!important;
    gap:6px!important;
    font-size:12px!important;
  }
  .screen.watch-screen>.watch-market-categories .home-market-category-icon{width:18px!important;height:18px!important;flex-basis:18px!important;font-size:15px!important}
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen>.watch-player:not(.vh-fullscreen):not(:fullscreen){
    width:auto!important;
    margin:5px 10px 0!important;
    border-radius:10px!important;
  }
}
@media(min-width:768px) and (max-width:1099px){
  .screen.watch-screen>.watch-market-categories{width:calc(100% - 32px)!important;margin:5px 16px 0!important}
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen>.watch-player:not(.vh-fullscreen):not(:fullscreen){margin:6px 16px 0!important;border-radius:10px!important}
}


/* === Xmegram 3.4.9-hotfix902 · clean active category pills in light mode ===
   Keeps the accent inside the rounded pill so horizontal rails never show a clipped rectangular glow. */
html[data-theme="light"] body #app .home-market-categories .home-market-category.is-highlighted,
html[data-theme="light"] body #app .watch-market-categories .home-market-category.is-highlighted{
  background:var(--market-gradient)!important;
  background-clip:padding-box!important;
  border-color:color-mix(in srgb,var(--site-accent2) 68%,var(--site-accent) 32%)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.08),0 0 0 1px color-mix(in srgb,var(--site-accent) 10%,transparent)!important;
  overflow:hidden!important;
}
html[data-theme="light"] body #app .home-market-categories .home-market-category.is-highlighted :is(b,.home-market-category-icon),
html[data-theme="light"] body #app .watch-market-categories .home-market-category.is-highlighted :is(b,.home-market-category-icon){
  color:#fff!important;
}
html[data-theme="light"] body #app :is(.home-market-categories,.watch-market-categories){
  background:transparent!important;
}


/* === Xmegram 3.4.9-hotfix902 · premium marketplace feed polish ===
   Shared commerce feed system + Live. No social controls are reintroduced. */
html[data-theme="dark"] :is(
  .home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.watch-screen,.category-screen,.country-screen,.search-results-page
){background:#08090b!important}
html[data-theme="dark"] :is(.social-home-stream,.social-profile-stream,.social-listing-stream){background:#08090b!important}

body #app .market-feed-card.social-post,
body #app .live-feed-post.market-live-feed-card{
  border-radius:15px!important;
  border-color:rgba(255,255,255,.095)!important;
  background:#0d1014!important;
  box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
}
body #app .market-feed-body,
body #app .market-live-feed-body{
  background:#0d1014!important;
  color:#f7f8fa!important;
}
body #app .market-feed-avatar>img,
body #app .market-feed-avatar>i,
body #app .market-live-feed-card .market-feed-avatar>img,
body #app .market-live-feed-card .market-feed-avatar>i{border-color:#0d1014!important}

/* Media stays visually dominant, but the card body is cleaner and denser. */
body #app .market-feed-body{padding:13px 14px 14px!important}
body #app .market-feed-body>h3{
  margin:0 0 11px!important;
  font-size:18px!important;
  line-height:1.22!important;
  font-weight:760!important;
  letter-spacing:-.026em!important;
  -webkit-line-clamp:2!important;
}
body #app .market-feed-bottom{gap:10px!important}
body #app .market-feed-creator{gap:9px!important}
body #app .market-feed-avatar{width:40px!important;height:40px!important;flex-basis:40px!important}
body #app .market-feed-creator-copy>b{font-size:14px!important;font-weight:720!important;letter-spacing:-.012em!important}
body #app .market-feed-creator-copy>small{font-size:11.5px!important;color:#9299a4!important}
body #app .market-feed-commerce{gap:7px!important}
body #app .market-feed-price{
  min-width:68px!important;height:36px!important;padding:0 9px!important;
  background:#0a0c0f!important;
  border-color:color-mix(in srgb,var(--site-accent) 58%,rgba(255,255,255,.18))!important;
  color:color-mix(in srgb,var(--site-accent2) 46%,#ff7a82)!important;
  font-size:11.5px!important;font-weight:820!important;
}
body #app .market-feed-unlock{
  min-width:108px!important;height:40px!important;padding:0 14px!important;border-radius:12px!important;
  background:linear-gradient(105deg,var(--site-accent2) 0%,var(--site-accent) 100%)!important;
  color:#160a0e!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--site-accent) 18%,transparent)!important;
  font-size:12.5px!important;font-weight:850!important;
}
body #app .market-feed-card:has(.market-feed-price.owned) .market-feed-unlock{
  background:rgba(21,150,82,.08)!important;
  color:#36b978!important;
  border:1px solid rgba(40,184,110,.42)!important;
  box-shadow:none!important;
}
body #app .market-feed-card:has(.market-feed-price.owned) .market-feed-unlock .ico{stroke:currentColor!important}

/* Replace the old combined crown/cart capsule with two compact marketplace tools. */
body #app .market-feed-media-tools{
  left:10px!important;top:9px!important;height:auto!important;padding:0!important;gap:6px!important;
  border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;
}
body #app .market-feed-media-tools .market-feed-crown,
body #app .market-feed-media-cart{
  position:static!important;display:grid!important;place-items:center!important;
  width:36px!important;height:36px!important;padding:0!important;
  border-radius:11px!important;
  backdrop-filter:blur(9px)!important;
  box-shadow:0 5px 14px rgba(0,0,0,.18)!important;
}
body #app .market-feed-media-tools .market-feed-crown{
  border:1px solid rgba(255,184,91,.56)!important;
  background:rgba(11,12,15,.76)!important;
  color:#ffbb6d!important;
}
body #app .market-feed-media-cart{
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(11,12,15,.76)!important;
  color:#f2f4f7!important;
}
body #app .market-feed-media-cart.active{
  border-color:transparent!important;
  background:linear-gradient(105deg,var(--site-accent2),var(--site-accent))!important;
  color:#13090d!important;
}
body #app .market-feed-media-tools .market-feed-crown .ico,
body #app .market-feed-media-cart .ico{width:18px!important;height:18px!important}

body #app .market-feed-play{width:46px!important;height:46px!important;border-width:1.8px!important}
body #app .market-feed-play .ico{width:21px!important;height:21px!important}
body #app .market-feed-duration.social-post-duration{
  right:9px!important;bottom:17px!important;border-radius:6px!important;padding:4px 7px!important;font-size:10.5px!important;
}
body #app .market-feed-media .vh-preview-timeline{left:10px!important;right:10px!important;bottom:0!important;margin-bottom:0!important}
body #app .market-feed-media .vh-preview-timeline-track{height:3px!important;background:rgba(255,255,255,.30)!important}

/* Live cards use the same visual contract rather than looking like a separate social product. */
body #app .market-live-feed-body{padding:13px 14px 14px!important}
body #app .market-live-feed-body>h3{
  margin:0 0 11px!important;font-size:18px!important;line-height:1.22!important;font-weight:760!important;letter-spacing:-.026em!important;
}
body #app .market-live-feed-card .market-feed-avatar{width:40px!important;height:40px!important;flex-basis:40px!important;background:linear-gradient(105deg,var(--site-accent2),var(--site-accent))!important}
body #app .market-live-feed-card .market-feed-creator-copy>b{font-size:14px!important;font-weight:720!important}
body #app .market-live-feed-card .market-feed-creator-copy>small{font-size:11.5px!important;color:#9299a4!important}
body #app .market-live-feed-watch{min-width:108px!important;height:40px!important;padding:0 14px!important;border-radius:12px!important;font-size:12.5px!important}
body #app .market-live-feed-play{width:46px!important;height:46px!important;border-width:1.8px!important}
body #app .market-live-feed-play .ico{width:21px!important;height:21px!important}
body #app .market-live-feed-media .live-feed-pill{min-height:26px!important;padding:0 8px!important;font-size:9.5px!important}
body #app .market-live-feed-media .live-elapsed-clock{right:9px!important;bottom:10px!important}

/* Light mode: off-white canvas, crisp white cards, restrained depth. */
html[data-theme="light"] :is(
  .home-screen,.discover-screen,.profile-screen,.profile-screen-ref,.watch-screen,.category-screen,.country-screen,.search-results-page
){background:#f4f5f7!important}
html[data-theme="light"] :is(.social-home-stream,.social-profile-stream,.social-listing-stream){background:#f4f5f7!important}
html[data-theme="light"] body #app .market-feed-card.social-post,
html[data-theme="light"] body #app .live-feed-post.market-live-feed-card{
  border-color:#e3e6ea!important;background:#fff!important;color:#16191e!important;
  box-shadow:0 8px 20px rgba(22,30,42,.065)!important;
}
html[data-theme="light"] body #app .market-feed-body,
html[data-theme="light"] body #app .market-live-feed-body{background:#fff!important;color:#16191e!important}
html[data-theme="light"] body #app .market-feed-avatar>img,
html[data-theme="light"] body #app .market-feed-avatar>i,
html[data-theme="light"] body #app .market-live-feed-card .market-feed-avatar>img,
html[data-theme="light"] body #app .market-live-feed-card .market-feed-avatar>i{border-color:#fff!important}
html[data-theme="light"] body #app .market-feed-creator-copy>small,
html[data-theme="light"] body #app .market-live-feed-card .market-feed-creator-copy>small{color:#757d88!important}
html[data-theme="light"] body #app .market-feed-price{background:#fff!important;border-color:color-mix(in srgb,var(--site-accent) 44%,#d9dde3)!important}
html[data-theme="light"] body #app .market-feed-media-tools .market-feed-crown{
  background:rgba(255,255,255,.94)!important;border-color:#efc99d!important;color:#b96d34!important;box-shadow:0 4px 12px rgba(22,28,36,.10)!important;
}
html[data-theme="light"] body #app .market-feed-media-cart{
  background:rgba(255,255,255,.94)!important;border-color:#dfe3e8!important;color:#343a43!important;box-shadow:0 4px 12px rgba(22,28,36,.10)!important;
}
html[data-theme="light"] body #app .market-feed-media-cart.active{background:linear-gradient(105deg,var(--site-accent2),var(--site-accent))!important;color:#13090d!important;border-color:transparent!important}
html[data-theme="light"] body #app .market-feed-card:has(.market-feed-price.owned) .market-feed-unlock{background:#fff!important}

@media(max-width:767px){
  .social-home-stream,.social-profile-stream,.social-listing-stream,.profile-mobile-grid.social-profile-stream{gap:13px!important;padding:14px 13px!important}
  body #app .market-feed-card.social-post,
  body #app .live-feed-post.market-live-feed-card{border-radius:15px!important}
  body #app .market-feed-body,
  body #app .market-live-feed-body{padding:13px!important}
  body #app .market-feed-body>h3,
  body #app .market-live-feed-body>h3{font-size:18px!important;margin-bottom:10px!important}
  body #app .market-feed-avatar,
  body #app .market-live-feed-card .market-feed-avatar{width:40px!important;height:40px!important;flex-basis:40px!important}
  body #app .market-feed-creator-copy>b,
  body #app .market-live-feed-card .market-feed-creator-copy>b{font-size:13.5px!important}
  body #app .market-feed-creator-copy>small,
  body #app .market-live-feed-card .market-feed-creator-copy>small{font-size:11px!important}
  body #app .market-feed-price{min-width:64px!important;height:35px!important;padding:0 8px!important;font-size:11px!important}
  body #app .market-feed-unlock,
  body #app .market-live-feed-watch{min-width:102px!important;height:39px!important;padding:0 12px!important;font-size:12px!important}
  body #app .market-feed-media-tools{left:9px!important;top:8px!important;gap:5px!important}
  body #app .market-feed-media-tools .market-feed-crown,
  body #app .market-feed-media-cart{width:34px!important;height:34px!important;border-radius:10px!important}
  body #app .market-feed-media-tools .market-feed-crown .ico,
  body #app .market-feed-media-cart .ico{width:17px!important;height:17px!important}
  body #app .market-feed-play,
  body #app .market-live-feed-play{width:44px!important;height:44px!important}
}

@media(min-width:768px) and (max-width:1099px){
  body #app .market-feed-card.social-post,
  body #app .live-feed-post.market-live-feed-card{border-radius:14px!important}
  body #app .market-feed-body,
  body #app .market-live-feed-body{padding:12px 13px 13px!important}
  body #app .market-feed-body>h3,
  body #app .market-live-feed-body>h3{font-size:15.5px!important;min-height:37px!important;margin-bottom:9px!important}
  body #app .market-feed-avatar,
  body #app .market-live-feed-card .market-feed-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  body #app .market-feed-creator-copy>b,
  body #app .market-live-feed-card .market-feed-creator-copy>b{font-size:11.8px!important}
  body #app .market-feed-creator-copy>small,
  body #app .market-live-feed-card .market-feed-creator-copy>small{font-size:9.8px!important}
}

@media(min-width:1100px){
  body #app .market-feed-card.social-post,
  body #app .live-feed-post.market-live-feed-card{border-radius:14px!important}
  body #app .market-feed-body,
  body #app .market-live-feed-body{padding:12px 13px 13px!important}
  body #app .market-feed-body>h3,
  body #app .market-live-feed-body>h3{font-size:15.5px!important;min-height:37px!important;margin-bottom:9px!important}
  body #app .market-feed-avatar,
  body #app .market-live-feed-card .market-feed-avatar{width:36px!important;height:36px!important;flex-basis:36px!important}
  body #app .market-feed-creator-copy>b,
  body #app .market-live-feed-card .market-feed-creator-copy>b{font-size:11.8px!important}
  body #app .market-feed-creator-copy>small,
  body #app .market-live-feed-card .market-feed-creator-copy>small{font-size:9.8px!important}
}


/* === Xmegram 3.4.9-hotfix902 · restrained professional Watch checkout === */
.drawer-scrim.watch-pay-scrim,.drawer-scrim.watch-smart-purchase-scrim{background:rgba(3,5,8,.72)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
.watch-checkout-pro{--checkout-bg:#0b0e12;--checkout-panel:#12161c;--checkout-panel2:#171b22;--checkout-line:rgba(255,255,255,.10);--checkout-text:#f6f7f9;--checkout-muted:#949ba6;--checkout-soft:#c9ced6;box-sizing:border-box!important;color:var(--checkout-text)!important}
.watch-complete-payment.watch-checkout-pro,.watch-smart-purchase.watch-checkout-pro,.watch-smart-purchase.watch-smart-clean-payment.watch-checkout-pro,.watch-smart-purchase.watch-smart-clean-payment.watch-smart-preview-end.watch-checkout-pro{position:fixed!important;z-index:2147483001!important;left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(600px,calc(100vw - 28px))!important;max-height:min(88dvh,760px)!important;overflow:auto!important;padding:20px!important;border:1px solid var(--checkout-line)!important;border-radius:22px!important;background:var(--checkout-bg)!important;box-shadow:0 28px 80px rgba(0,0,0,.48)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.watch-checkout-pro::before,.watch-checkout-pro::after,.watch-checkout-pro .watch-smart-star-stage{display:none!important;content:none!important}
.watch-checkout-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;margin:0 0 15px!important;text-align:left!important}
.watch-checkout-head>div{min-width:0!important}.watch-checkout-head small{display:block!important;margin:0 0 4px!important;color:color-mix(in srgb,var(--site-accent2) 58%,#fff)!important;font-size:10px!important;line-height:1.1!important;font-weight:850!important;letter-spacing:.13em!important}.watch-checkout-head h2{margin:0!important;color:var(--checkout-text)!important;font-size:24px!important;line-height:1.08!important;font-weight:850!important;letter-spacing:-.035em!important}
.watch-pay-close,.watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline{position:static!important;display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;border:0!important;border-radius:10px!important;background:var(--checkout-panel)!important;color:var(--checkout-muted)!important;box-shadow:none!important;font-size:27px!important;line-height:1!important}
.watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline svg{width:16px!important;height:16px!important}.watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline svg path{stroke:currentColor!important}
.watch-pay-lock{display:none!important}
.watch-complete-payment>header{display:none!important}
.watch-checkout-product{display:grid!important;grid-template-columns:82px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:0 0 15px!important;margin:0 0 15px!important;border:0!important;border-bottom:1px solid var(--checkout-line)!important;background:transparent!important}
.watch-checkout-poster{display:grid!important;place-items:center!important;width:82px!important;height:58px!important;overflow:hidden!important;border-radius:10px!important;background:var(--checkout-panel)!important;color:var(--checkout-muted)!important}.watch-checkout-poster img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.watch-checkout-poster .ico{width:24px!important;height:24px!important}
.watch-checkout-product-copy{display:flex!important;min-width:0!important;flex-direction:column!important;gap:2px!important}.watch-checkout-product-copy small{color:var(--checkout-muted)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.1em!important}.watch-checkout-product-copy b{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--checkout-text)!important;font-size:14px!important;font-weight:780!important}.watch-checkout-product-copy span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--checkout-muted)!important;font-size:11px!important;font-weight:520!important}.watch-checkout-product>strong{color:color-mix(in srgb,var(--site-accent2) 48%,#fff)!important;font-size:18px!important;font-weight:900!important;white-space:nowrap!important}
.watch-checkout-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 8px!important}.watch-checkout-section-title b{color:var(--checkout-text)!important;font-size:13px!important;font-weight:800!important}.watch-checkout-section-title small{color:var(--checkout-muted)!important;font-size:10px!important;font-weight:600!important}
.watch-pay-mode{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:0 0 14px!important;padding:4px!important;border:0!important;border-radius:13px!important;background:var(--checkout-panel)!important}
.watch-pay-mode>button{display:grid!important;grid-template-columns:16px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;min-height:48px!important;padding:7px 9px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--checkout-soft)!important;text-align:left!important;box-shadow:none!important}.watch-pay-mode>button.active{background:var(--checkout-panel2)!important;color:var(--checkout-text)!important;box-shadow:0 1px 0 rgba(255,255,255,.04)!important}.watch-pay-mode>button>i{width:14px!important;height:14px!important;border:1.5px solid #69717d!important;border-radius:50%!important}.watch-pay-mode>button.active>i{border-color:var(--site-accent)!important;background:var(--site-accent)!important;box-shadow:inset 0 0 0 3px var(--checkout-panel2)!important}.watch-pay-mode span{gap:1px!important}.watch-pay-mode b{font-size:12.5px!important;font-weight:780!important}.watch-pay-mode small{font-size:9px!important;color:var(--checkout-muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.watch-pay-tip{display:grid!important;gap:7px!important;margin:0 0 14px!important}.watch-pay-tip>small{display:none!important}.watch-pay-tip-presets{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:0 0 1px!important;scrollbar-width:none!important}.watch-pay-tip-presets::-webkit-scrollbar{display:none!important}.watch-pay-tip-presets button{flex:0 0 auto!important;height:36px!important;min-width:66px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:var(--checkout-panel)!important;color:var(--checkout-soft)!important;font-size:10px!important;font-weight:750!important;box-shadow:none!important}.watch-pay-tip-presets button.active{background:color-mix(in srgb,var(--site-accent) 18%,var(--checkout-panel2))!important;color:var(--checkout-text)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--site-accent) 58%,transparent)!important}
.watch-pay-tip-custom{gap:5px!important}.watch-pay-tip-custom>span,.watch-pay-mpesa>span,.watch-smart-mpesa>span{color:var(--checkout-soft)!important;font-size:10px!important;font-weight:750!important}.watch-pay-tip-custom>div,.watch-pay-mpesa>div,.watch-smart-mpesa>div{height:44px!important;padding:0 11px!important;border:0!important;border-radius:11px!important;background:var(--checkout-panel)!important;box-shadow:inset 0 0 0 1px var(--checkout-line)!important}.watch-pay-tip-custom input,.watch-pay-mpesa input,.watch-smart-mpesa input{color:var(--checkout-text)!important}
.watch-pay-label{display:none!important}.watch-pay-providers{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0!important}.watch-pay-provider{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;min-height:58px!important;padding:8px 9px!important;border:0!important;border-radius:12px!important;background:var(--checkout-panel)!important;color:var(--checkout-soft)!important;text-align:left!important;box-shadow:none!important}.watch-pay-provider.active{background:var(--checkout-panel2)!important;color:var(--checkout-text)!important;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--site-accent) 68%,transparent)!important}.watch-pay-provider .provider-art{width:30px!important;height:30px!important;flex:0 0 30px!important}.watch-pay-provider>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:1px!important}.watch-pay-provider b{font-size:12px!important;font-weight:800!important}.watch-pay-provider small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--checkout-muted)!important;font-size:8px!important}
.watch-pay-mpesa,.watch-smart-mpesa{display:grid!important;gap:5px!important;margin:9px 0 0!important}.watch-pay-mpesa[hidden]{display:none!important}
.watch-pay-total{margin:14px 0 0!important;padding:12px 0 0!important;border:0!important;border-top:1px solid var(--checkout-line)!important;border-radius:0!important;background:transparent!important}.watch-pay-total>[data-watch-pay-breakdown]{gap:5px!important;padding:0 0 8px!important;margin:0 0 8px!important;border:0!important;border-bottom:1px solid var(--checkout-line)!important}.watch-pay-total small{font-size:10px!important;color:var(--checkout-muted)!important}.watch-pay-total [data-watch-pay-breakdown] b{font-size:11px!important;color:var(--checkout-soft)!important}.watch-pay-total>strong{font-size:13px!important}.watch-pay-total>strong>span{color:var(--checkout-soft)!important}.watch-pay-total>strong>b{color:var(--checkout-text)!important;font-size:20px!important;font-weight:900!important}
.watch-pay-status{margin-top:9px!important;padding:8px 9px!important;border:0!important;border-radius:9px!important;background:var(--checkout-panel)!important;color:var(--checkout-soft)!important;font-size:10px!important}.watch-pay-status.error{background:rgba(220,50,65,.11)!important;color:#ff9ca6!important}
.watch-pay-submit,.watch-smart-primary{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;min-height:52px!important;height:52px!important;margin:12px 0 0!important;padding:0 16px!important;border:0!important;border-radius:14px!important;background:linear-gradient(105deg,var(--site-accent2),var(--site-accent))!important;color:#fff!important;box-shadow:0 10px 24px rgba(var(--site-accent-rgb),.20)!important;font-size:15px!important;font-weight:850!important;overflow:hidden!important}.watch-pay-submit::before,.watch-smart-primary::before{display:none!important}.watch-pay-submit .ico{width:18px!important;height:18px!important}.watch-pay-submit>i{margin-left:auto!important;font-size:20px!important;font-style:normal!important;font-weight:500!important}.watch-smart-primary-arrow{position:absolute!important;right:16px!important;font-size:21px!important;animation:none!important}
.watch-pay-cancel{display:none!important}
.watch-checkout-trust{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important;margin:11px 0 0!important;color:var(--checkout-muted)!important;font-size:9px!important;font-weight:650!important}.watch-checkout-trust span{display:inline-flex!important;align-items:center!important;gap:4px!important}.watch-checkout-trust .ico{width:12px!important;height:12px!important;color:color-mix(in srgb,var(--site-accent2) 55%,var(--checkout-muted))!important}
.watch-quick-provider{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 11px!important;border:0!important;border-radius:12px!important;background:var(--checkout-panel)!important}.watch-quick-provider>div{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}.watch-quick-provider .provider-art{width:34px!important;height:34px!important;flex:0 0 34px!important}.watch-quick-provider>div>span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:0!important}.watch-quick-provider small{color:var(--checkout-muted)!important;font-size:8px!important;font-weight:750!important;letter-spacing:.08em!important}.watch-quick-provider b{color:var(--checkout-text)!important;font-size:12.5px!important;font-weight:800!important}.watch-quick-provider em{color:var(--checkout-muted)!important;font-size:9px!important;font-style:normal!important}.watch-quick-provider>strong{color:var(--checkout-text)!important;font-size:17px!important;font-weight:900!important;white-space:nowrap!important}
.watch-smart-clean-payment .watch-smart-topline,.watch-smart-clean-payment>small:not(.watch-smart-trust),.watch-smart-clean-payment>h2{display:none!important}.watch-smart-clean-payment .watch-smart-other{display:block!important;width:100%!important;height:auto!important;margin:8px 0 0!important;padding:4px!important;border:0!important;background:transparent!important;color:var(--checkout-muted)!important;font-size:10px!important;font-weight:700!important;text-decoration:none!important}.watch-smart-clean-payment .watch-smart-subscribe-alt{width:100%!important;min-height:38px!important;margin:8px 0 0!important;border:0!important;border-radius:10px!important;background:var(--checkout-panel)!important;color:var(--checkout-soft)!important;font-size:11px!important;font-weight:750!important}
html[data-theme="light"] .watch-checkout-pro{--checkout-bg:#ffffff;--checkout-panel:#f4f5f7;--checkout-panel2:#eceef2;--checkout-line:rgba(24,29,37,.10);--checkout-text:#17191d;--checkout-muted:#7a818c;--checkout-soft:#3d434c}
html[data-theme="light"] .drawer-scrim.watch-pay-scrim,html[data-theme="light"] .drawer-scrim.watch-smart-purchase-scrim{background:rgba(28,31,37,.34)!important}
html[data-theme="light"] .watch-complete-payment.watch-checkout-pro,html[data-theme="light"] .watch-smart-purchase.watch-checkout-pro{background:#fff!important;border-color:rgba(24,29,37,.09)!important;box-shadow:0 28px 72px rgba(30,34,44,.20)!important}
html[data-theme="light"] .watch-pay-mode>button.active>i{box-shadow:inset 0 0 0 3px var(--checkout-panel2)!important}
@media(max-width:600px){
  .watch-complete-payment.watch-checkout-pro,.watch-smart-purchase.watch-checkout-pro,.watch-smart-purchase.watch-smart-clean-payment.watch-checkout-pro,.watch-smart-purchase.watch-smart-clean-payment.watch-smart-preview-end.watch-checkout-pro{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 28px)!important;padding:16px!important;border-radius:18px!important}
  .watch-checkout-head{margin-bottom:12px!important}.watch-checkout-head h2{font-size:21px!important}.watch-pay-close,.watch-smart-clean-payment .watch-smart-close.watch-smart-close-inline{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:9px!important}
  .watch-checkout-product{grid-template-columns:70px minmax(0,1fr) auto!important;gap:9px!important;padding-bottom:12px!important;margin-bottom:12px!important}.watch-checkout-poster{width:70px!important;height:50px!important;border-radius:9px!important}.watch-checkout-product-copy b{font-size:12.5px!important}.watch-checkout-product-copy span{font-size:9.5px!important}.watch-checkout-product>strong{font-size:15px!important}
  .watch-pay-mode{margin-bottom:11px!important}.watch-pay-mode>button{min-height:44px!important;padding:6px 7px!important}.watch-pay-mode b{font-size:11px!important}.watch-pay-mode small{font-size:8px!important}
  .watch-pay-providers{gap:5px!important}.watch-pay-provider{min-height:54px!important;padding:7px 6px!important;gap:6px!important}.watch-pay-provider .provider-art{width:27px!important;height:27px!important;flex-basis:27px!important}.watch-pay-provider b{font-size:10.5px!important}.watch-pay-provider small{font-size:7px!important}
  .watch-pay-submit,.watch-smart-primary{height:49px!important;min-height:49px!important;border-radius:13px!important;font-size:14px!important}.watch-checkout-trust{gap:10px!important;font-size:8px!important}.watch-quick-provider{padding:9px 10px!important}.watch-quick-provider .provider-art{width:31px!important;height:31px!important;flex-basis:31px!important}
}


/* === Xmegram 3.4.9-hotfix902 · Recently Added horizontal marketplace rail === */
.market-recent-uploads{margin-top:26px}
.market-recent-uploads .market-snapshot-card{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--market-text)}
.market-recent-uploads .market-snapshot-card>header{display:block;padding:0 0 15px}
.market-recent-uploads .market-snapshot-copy h3{margin:0;color:var(--market-text);font-size:22px;line-height:1.12;font-weight:840;letter-spacing:-.035em;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.market-recent-uploads .market-snapshot-title{display:inline-flex;align-items:center;max-width:100%;color:inherit;text-align:left}
.market-recent-uploads .market-snapshot-title h3 span{display:inline-block;margin-left:3px;text-decoration:none}
.market-recent-uploads .market-snapshot-copy p{margin:8px 0 0;color:var(--market-muted);font-size:13.5px;line-height:1.35;font-weight:500}
.market-recent-uploads .market-snapshot-thumbs{display:flex;grid-template-columns:none;gap:14px;width:100%;padding:0 2px 5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
.market-recent-uploads .market-snapshot-thumbs::-webkit-scrollbar{display:none}
.market-recent-uploads .market-snapshot-item{display:block;flex:0 0 clamp(278px,52vw,410px);min-width:0;scroll-snap-align:start;color:var(--market-text)}
.market-recent-uploads .market-snapshot-thumb-wrap{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:#101318}
.market-recent-uploads .market-snapshot-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:0;background:#11151a;text-align:left}
.market-recent-uploads .market-snapshot-thumb:nth-child(n){display:block}
.market-recent-uploads .market-snapshot-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.market-recent-uploads .market-snapshot-thumb-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.08));pointer-events:none}
.market-recent-uploads .market-snapshot-duration{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border-radius:7px;background:rgba(7,8,10,.82);color:#fff;font-size:12px;line-height:1;font-weight:720;backdrop-filter:blur(6px)}
.market-recent-uploads .market-snapshot-save{position:absolute;right:10px;top:9px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(7,8,10,.48);color:#fff;backdrop-filter:blur(7px)}
.market-recent-uploads .market-snapshot-save .ico{width:23px;height:23px;stroke-width:2}
.market-recent-uploads .market-snapshot-save.active{background:rgba(var(--site-accent-rgb),.9);color:#fff}
.market-recent-uploads .market-snapshot-save.active .ico{fill:currentColor}
.market-recent-uploads .market-snapshot-item-title{display:block;width:100%;margin-top:10px;overflow:hidden;color:var(--market-text);font-size:16px;line-height:1.25;font-weight:650;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.market-recent-uploads .market-snapshot-item-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;color:var(--market-muted);font-size:13px;line-height:1.2}
.market-recent-uploads .market-snapshot-item-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.market-recent-uploads .market-snapshot-item-meta strong{flex:0 0 auto;color:var(--market-muted);font:inherit;font-weight:600;white-space:nowrap}
html[data-theme="light"] .market-recent-uploads .market-snapshot-card{background:transparent;border:0;box-shadow:none}
html[data-theme="light"] .market-recent-uploads .market-snapshot-thumb-wrap{border-color:rgba(16,24,40,.12);background:#eef1f4}
html[data-theme="light"] .market-recent-uploads .market-snapshot-copy p,html[data-theme="light"] .market-recent-uploads .market-snapshot-item-meta,html[data-theme="light"] .market-recent-uploads .market-snapshot-item-meta strong{color:#7a7f87}

@media(max-width:767px){
  .market-recent-uploads{width:auto;margin:26px -14px 0}
  .market-recent-uploads .market-snapshot-card{width:100%;border-radius:0}
  .market-recent-uploads .market-snapshot-card>header{padding:0 14px 14px}
  .market-recent-uploads .market-snapshot-copy h3{font-size:21px}
  .market-recent-uploads .market-snapshot-copy p{font-size:13px}
  .market-recent-uploads .market-snapshot-thumbs{gap:12px;padding:0 0 4px 14px;scroll-padding-left:14px}
  .market-recent-uploads .market-snapshot-thumbs::after{content:"";flex:0 0 2px}
  .market-recent-uploads .market-snapshot-item{flex-basis:min(78vw,340px)}
  .market-recent-uploads .market-snapshot-thumb-wrap,.market-recent-uploads .market-snapshot-thumb{border-radius:0}
  .market-recent-uploads .market-snapshot-item-title{font-size:15.5px}
  .market-recent-uploads .market-snapshot-item-meta{font-size:12.5px}
}

@media(min-width:768px) and (max-width:1099px){
  .market-recent-uploads .market-snapshot-item{flex-basis:46%}
}

@media(min-width:1100px){
  .market-recent-uploads .market-snapshot-item{flex-basis:32.25%}
}


/* === Xmegram 3.4.9-hotfix902 · Top Clips commerce shelf === */
.market-top-clips{margin-top:32px;color:var(--market-text)}
.market-top-clips>header{padding:0 2px 18px}
.market-top-clips>header h2{margin:0;color:var(--market-text);font-size:24px;line-height:1.08;font-weight:850;letter-spacing:-.04em}
.market-top-clips>header p{margin:8px 0 0;color:var(--market-muted);font-size:14px;line-height:1.35;font-weight:500}
.market-top-clips-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.market-top-clip{min-width:0;overflow:hidden;background:var(--market-surface);color:var(--market-text)}
.market-top-clip-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0d1014}
.market-top-clip-watch{display:block;width:100%;height:100%;padding:0;text-align:left}
.market-top-clip-watch img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.market-top-clip-duration{position:absolute;left:10px;top:9px;display:inline-flex;align-items:center;min-height:25px;padding:0 7px;border-radius:6px;background:rgba(5,7,10,.62);color:#fff;font-size:12px;font-weight:650;line-height:1;backdrop-filter:blur(6px)}
.market-top-clip-save,.market-top-clip-cart{position:absolute;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:rgba(5,7,10,.42);color:#fff;backdrop-filter:blur(6px)}
.market-top-clip-save{right:8px;top:7px}
.market-top-clip-cart{right:8px;bottom:7px}
.market-top-clip-save .ico,.market-top-clip-cart .ico{width:23px;height:23px;stroke-width:2}
.market-top-clip-save.active,.market-top-clip-cart.active{background:rgba(var(--site-accent-rgb),.92);color:#fff}
.market-top-clip-save.active .ico{fill:currentColor}
.market-top-clip-info{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:84px;padding:11px 12px 12px;background:#0d0917}
.market-top-clip-rank{display:block;color:#8d8998;font-size:44px;line-height:.92;font-style:italic;font-weight:760;letter-spacing:-.08em;font-variant-numeric:tabular-nums}
.market-top-clip-copy{display:flex;min-width:0;flex-direction:column;gap:7px;text-align:left;color:#fff}
.market-top-clip-copy>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;line-height:1.15;font-weight:650}
.market-top-clip-copy>span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;color:#8f8a99;font-size:13px;line-height:1.15}
.market-top-clip-copy em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}
.market-top-clip-copy strong{flex:0 0 auto;color:#a6a0ae;font:inherit;font-weight:540;white-space:nowrap}
.market-top-clips-more{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:48px;margin-top:22px;border-radius:12px;background:#25212d;color:color-mix(in srgb,var(--site-accent) 76%,#c47cff);font-size:15px;font-weight:720}
.market-top-clips-more .ico{width:18px;height:18px;transform:rotate(90deg)}
html[data-theme="light"] .market-top-clip{background:#fff}
html[data-theme="light"] .market-top-clip-info{background:#f4f3f7;color:#17151c}
html[data-theme="light"] .market-top-clip-copy{color:#17151c}
html[data-theme="light"] .market-top-clip-copy>span{color:#77727d}
html[data-theme="light"] .market-top-clip-copy strong{color:#6e6874}
html[data-theme="light"] .market-top-clip-rank{color:#9a95a0}
html[data-theme="light"] .market-top-clips-more{background:#eeecf1;color:var(--site-accent)}
@media(max-width:767px){
  .market-top-clips{width:auto;margin:30px -14px 0}
  .market-top-clips>header{padding:0 14px 18px}
  .market-top-clips>header h2{font-size:24px}
  .market-top-clips>header p{font-size:13.5px}
  .market-top-clips-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}
  .market-top-clip{width:100%;border-radius:0;border:0}
  .market-top-clip:nth-child(n+11){display:none}
  .market-top-clip-media{width:100%;aspect-ratio:16/9;border-radius:0}
  .market-top-clip-info{min-height:82px;padding:10px 14px 11px;border-radius:0}
  .market-top-clip-rank{font-size:48px}
  .market-top-clip-copy>b{font-size:16px}
  .market-top-clip-copy>span{font-size:13.5px}
  .market-top-clips-more{width:calc(100% - 28px);min-height:50px;margin:22px 14px 0;border-radius:10px}
}
@media(min-width:768px) and (max-width:1099px){
  .market-top-clips-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .market-top-clip:nth-child(n+11){display:none}
  .market-top-clip-info{min-height:80px}
}
@media(min-width:1100px){
  .market-top-clip:nth-child(n+13){display:none}
}


/* === Xmegram 3.4.9-hotfix902 · full-width 16:9 marketplace feeds ===
   Mobile follows the clean edge-to-edge reference: full-width, zero card radius,
   sharp 16:9 media. Tablet/desktop keep the existing complete-frame contain policy.
   Featured: 1 mobile / 2 tablet / 4 desktop in one row. */

/* Media quality authority: no blur/softening on the commerce surfaces. */
body #app :is(.market-feed-poster,.market-feed-video,.live-feed-poster,.live-feed-video,.market-featured-media>img){
  filter:none!important;
  image-rendering:auto!important;
  backface-visibility:hidden!important;
}

/* Featured cards use a true 16:9 preview at every breakpoint. */
body #app .market-featured-media{
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  background:#090b0e!important;
}
body #app .market-featured-media>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
body #app .market-featured-premium{
  width:36px!important;
  min-width:36px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  justify-content:center!important;
  border-radius:999px!important;
}
body #app .market-featured-premium .ico{width:18px!important;height:18px!important}

@media(max-width:767px){
  /* All home-style marketplace streams go full-width on phone. */
  body #app :is(.social-home-stream,.social-profile-stream,.social-listing-stream,.profile-mobile-grid.social-profile-stream){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    gap:10px!important;
  }

  /* Feed and Live cards match the reference: edge-to-edge with no rounded shell. */
  body #app .market-feed-card.social-post,
  body #app .live-feed-post.market-live-feed-card{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body #app .profile-live-feed-slot{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    padding:0!important;
  }
  body #app .profile-live-feed-slot .live-feed-post.market-live-feed-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:0!important;
  }

  /* Replace the previous natural-ratio/mobile-cap behavior with the requested 16:9 frame. */
  body #app .market-feed-card:not(.market-feed-photo)>.market-feed-media,
  body #app .market-live-feed-card>.market-live-feed-media{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    border-radius:0!important;
    overflow:hidden!important;
    background:#090b0e!important;
  }
  body #app .market-feed-card:not(.market-feed-photo)>.market-feed-media>.market-feed-poster,
  body #app .market-feed-card:not(.market-feed-photo)>.market-feed-media>.market-feed-video,
  body #app .market-live-feed-card>.market-live-feed-media>.live-feed-poster,
  body #app .market-live-feed-card>.market-live-feed-media>.live-feed-video{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    background:#090b0e!important;
  }

  /* Keep the commerce information clean and full-width under the media. */
  body #app .market-feed-body,
  body #app .market-live-feed-body{
    border-radius:0!important;
    padding:12px 14px 13px!important;
  }
  body #app .market-feed-body>h3,
  body #app .market-live-feed-body>h3{
    font-size:17px!important;
    line-height:1.2!important;
    margin-bottom:9px!important;
  }

  /* Featured card breaks out of Home chrome gutters; heading remains aligned. */
  body #app .home-market-chrome .market-featured-section{
    width:calc(100% + 28px)!important;
    margin-left:-14px!important;
    margin-right:-14px!important;
  }
  body #app .market-featured-section>header{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body #app .market-featured-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  body #app .market-featured-card,
  body #app .market-featured-card:nth-child(n){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body #app .market-featured-card:nth-child(n+2){display:none!important}
  body #app .market-featured-media{border-radius:0!important}
  body #app .market-featured-info{border-radius:0!important;padding:12px 14px 13px!important}
}

@media(min-width:768px) and (max-width:1099px){
  body #app .market-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body #app .market-featured-card:nth-child(n){display:block!important}
  body #app .market-featured-card:nth-child(n+3){display:none!important}
  /* Preserve the prior tablet request: complete frame visible. */
  body #app .market-featured-media>img{object-fit:contain!important;background:#090b0e!important}
}

@media(min-width:1100px){
  body #app .market-featured-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body #app .market-featured-card:nth-child(n){display:block!important}
  /* One horizontal row of four Featured cards. */
  body #app .market-featured-media>img{object-fit:contain!important;background:#090b0e!important}
  body #app .market-featured-info h3{font-size:14.5px!important}
  body #app .market-featured-creator-copy>b{font-size:11.5px!important}
  body #app .market-featured-creator-copy>small{font-size:9.8px!important}
  body #app .market-featured-price{min-width:62px!important;height:34px!important;font-size:10.5px!important}
  body #app .market-featured-unlock{min-width:88px!important;height:36px!important;padding:0 9px!important;font-size:11px!important}
}


/* === Xmegram 3.4.9-hotfix902 · categorized Home selling feeds ===
   Four truthful shelves are selected per hard refresh from a 20-rule editorial pool.
   Mobile: 10 cards, one vertical line. Tablet: 10 cards, 2 columns. Desktop: 12 cards, 3 columns. */
.home-categorized-feed-stream{display:block!important;max-width:1180px!important;width:100%!important;margin:0 auto!important;padding:0 22px 44px!important;background:transparent!important;border:0!important}
.home-categorized-feed-section{display:block;width:100%;min-width:0;margin:30px 0 0;color:var(--market-text)}
.home-categorized-feed-section:first-child{margin-top:24px}
.home-categorized-feed-section>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:0 2px}
.home-categorized-feed-section>header h2{min-width:0;margin:0;color:var(--market-text);font-size:22px;line-height:1.12;font-weight:840;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-categorized-feed-section>header button{display:flex;align-items:center;gap:4px;flex:0 0 auto;color:var(--market-muted);font-size:12.5px;font-weight:620;white-space:nowrap}
.home-categorized-feed-section>header button .ico{width:17px;height:17px}
.home-categorized-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.home-categorized-feed-grid>.market-feed-card.social-post{width:100%!important;max-width:none!important;margin:0!important;min-width:0!important}
html[data-theme="dark"] .home-categorized-feed-stream{background:#08090b!important}
html[data-theme="light"] .home-categorized-feed-stream{background:#f4f5f7!important}
@media(max-width:767px){
  .home-categorized-feed-stream{width:100%!important;max-width:none!important;padding:0 0 calc(92px + var(--safe-bottom))!important;margin:0!important}
  .home-categorized-feed-section{margin-top:26px!important}
  .home-categorized-feed-section:first-child{margin-top:22px!important}
  .home-categorized-feed-section>header{padding:0 14px!important;margin-bottom:12px!important}
  .home-categorized-feed-section>header h2{font-size:21px!important}
  .home-categorized-feed-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important}
  .home-categorized-feed-grid>.market-feed-card.social-post{border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important}
}
@media(min-width:768px) and (max-width:1099px){
  .home-categorized-feed-stream{padding:0 18px 40px!important}
  .home-categorized-feed-section>header h2{font-size:21px}
  .home-categorized-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
}
@media(min-width:1100px){
  .home-categorized-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* === Xmegram 3.4.9-hotfix902 · one mobile marketplace feed route ===
   Home categorized shelves, Profile, Discover, Category/Country, Related and Live
   all share the exact same edge-to-edge phone geometry. */
@media(max-width:767px){
  /* Route authority: no page-specific gutters or legacy grid padding may override this. */
  body #app .marketplace-feed-route{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    border:0!important;
    background:transparent!important;
  }

  /* Profile used to retain its own 16px grid gutter. Remove that wrapper geometry so the
     exact same marketplace-feed-route used by Home/Discover reaches both viewport edges. */
  body #app .profile-screen-ref .profile-video-listing,
  body #app .profile-screen .profile-video-listing{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
  }
  body #app .profile-screen-ref .profile-video-listing>.marketplace-feed-route,
  body #app .profile-screen .profile-video-listing>.marketplace-feed-route{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  /* Category/Country legacy page-grid and Discover segmented wrappers must not put the
     shared full-width card stream back inside page gutters. */
  body #app .listing-video-grid.responsive-listing-grid,
  body #app [data-listing-grid="category"],
  body #app [data-listing-grid="country"]{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .discover-feed-lead,
  body #app .discover-feed-middle,
  body #app .discover-feed-tail{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .discover-feed-lead>.marketplace-feed-route,
  body #app .discover-feed-middle>.marketplace-feed-route,
  body #app .discover-feed-tail>.marketplace-feed-route{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  /* Every vertical feed card touches the next one: no top/bottom margin and no row gap.
     The subtle separator is internal, so the stream remains clean rather than floating. */
  body #app .marketplace-feed-route>.market-feed-card.social-post,
  body #app .marketplace-feed-route>.live-feed-post.market-live-feed-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
  }
  body #app .marketplace-feed-route>.market-feed-card.social-post + .market-feed-card.social-post,
  body #app .marketplace-feed-route>.market-feed-card.social-post + .live-feed-post.market-live-feed-card,
  body #app .marketplace-feed-route>.live-feed-post.market-live-feed-card + .market-feed-card.social-post,
  body #app .marketplace-feed-route>.live-feed-post.market-live-feed-card + .live-feed-post.market-live-feed-card{
    margin-top:0!important;
  }

  body #app .marketplace-feed-route>.market-feed-card>.market-feed-media,
  body #app .marketplace-feed-route>.market-live-feed-card>.market-live-feed-media,
  body #app .marketplace-feed-route>.market-feed-card>.market-feed-body,
  body #app .marketplace-feed-route>.market-live-feed-card>.market-live-feed-body{
    border-radius:0!important;
  }

  /* Home shelf headings keep breathing room, but the ten cards inside every shelf have zero
     vertical gaps just like Profile, Discover and Category feeds. */
  body #app .home-categorized-feed-grid.marketplace-feed-route{gap:0!important}
  body #app .home-categorized-feed-section{margin-bottom:0!important}

  /* Keep nav clearance after the final feed only, never between cards. */
  body #app .profile-video-listing{padding-bottom:calc(90px + var(--safe-bottom))!important}
  body #app .listing-video-grid.responsive-listing-grid{padding-bottom:calc(90px + var(--safe-bottom))!important}
  body #app .discover-feed-tail{padding-bottom:calc(90px + var(--safe-bottom))!important}
  body #app .home-categorized-feed-stream{padding-bottom:calc(90px + var(--safe-bottom))!important}

  /* The profile Live card is part of the same edge-to-edge feed instead of a padded exception. */
  body #app .profile-live-feed-slot{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }
  body #app .profile-live-feed-slot>.market-live-feed-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

html[data-theme="dark"] body #app .marketplace-feed-route{background:#08090b!important}
html[data-theme="light"] body #app .marketplace-feed-route{background:#f4f5f7!important}


/* === Xmegram 3.4.9-hotfix902 · force Profile through the exact mobile marketplace viewport route ===
   Profile's legacy .profile-grid has historic 34px gutters. The feed stream now breaks out of
   that wrapper to the viewport, exactly like the Home/Discover full-width selling feed. */
@media(max-width:767px){
  body #app .profile-screen-ref .profile-video-listing,
  body #app .profile-screen .profile-video-listing{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 calc(90px + var(--safe-bottom))!important;
    gap:0!important;
    overflow:visible!important;
  }

  body #app .profile-screen-ref .profile-video-listing>.surface-profile-masonry.marketplace-feed-route,
  body #app .profile-screen .profile-video-listing>.surface-profile-masonry.marketplace-feed-route{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    margin:0 0 0 -50vw!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:0!important;
    row-gap:0!important;
    column-gap:0!important;
    overflow:visible!important;
  }

  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route>.market-feed-card.social-post,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route>.market-feed-card.social-post,
  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route>.market-live-feed-card,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route>.market-live-feed-card{
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
  }

  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route>.market-feed-card.social-post + .market-feed-card.social-post,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route>.market-feed-card.social-post + .market-feed-card.social-post,
  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route>.market-live-feed-card + .market-feed-card.social-post,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route>.market-live-feed-card + .market-feed-card.social-post,
  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route>.market-feed-card.social-post + .market-live-feed-card,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route>.market-feed-card.social-post + .market-live-feed-card{
    margin-top:0!important;
  }

  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route .market-feed-media,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route .market-feed-media,
  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route .market-feed-body,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route .market-feed-body,
  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route .market-live-feed-media,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route .market-live-feed-media,
  body #app .profile-screen-ref .surface-profile-masonry.marketplace-feed-route .market-live-feed-body,
  body #app .profile-screen .surface-profile-masonry.marketplace-feed-route .market-live-feed-body{
    border-radius:0!important;
  }

  /* Active Live on the creator profile uses the same viewport breakout instead of its old inset slot. */
  body #app .profile-screen-ref .profile-live-feed-slot,
  body #app .profile-screen .profile-live-feed-slot{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0 0 0 -50vw!important;
    padding:0!important;
  }
  body #app .profile-screen-ref .profile-live-feed-slot>.market-live-feed-card,
  body #app .profile-screen .profile-live-feed-slot>.market-live-feed-card{
    width:100vw!important;
    max-width:100vw!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}


/* === Xmegram 3.4.9-hotfix902 · We Think You Might Like === */
.home-think-like{margin:18px 0 20px;padding:0 30px;background:#08090b;color:#f7f7f8}
.home-think-like>h2{margin:0 0 20px;font-size:28px;line-height:1.08;font-weight:850;letter-spacing:-.04em;color:inherit}
.home-think-like-groups{display:grid;gap:26px}
.think-like-group{min-width:0}
.think-like-group>header{display:flex;align-items:center;margin-bottom:12px}
.think-like-identity{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-align:left}
.think-like-avatar{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:50%;overflow:hidden;background:#171a20}
.think-like-avatar img,.think-like-avatar i{display:grid;place-items:center;width:100%;height:100%;object-fit:cover;color:#fff;font-size:18px;font-style:normal;font-weight:850}
.think-like-identity>span:last-child{display:flex;min-width:0;flex-direction:column;gap:3px}
.think-like-identity b{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.15;font-weight:780}
.think-like-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999da6;font-size:14px;font-weight:520}
.think-like-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0}
.think-like-card{min-width:0;color:inherit}
.think-like-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#111419}
.think-like-watch{display:block;width:100%;height:100%}
.think-like-watch img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.think-like-duration{position:absolute;left:10px;top:9px;padding:3px 6px;border-radius:6px;background:rgba(8,9,11,.72);color:#fff;font-size:11px;font-weight:760;line-height:1;backdrop-filter:blur(4px)}
.think-like-save,.think-like-cart{position:absolute;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(7,8,10,.52);color:#fff;backdrop-filter:blur(6px)}
.think-like-save{right:8px;top:8px}.think-like-cart{right:8px;bottom:8px}
.think-like-save .ico,.think-like-cart .ico{width:20px;height:20px;stroke-width:1.9}.think-like-save.active .ico{fill:currentColor}.think-like-cart.active{background:var(--market-gradient);color:#111}
.think-like-title{display:block;width:100%;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-align:left;font-size:14px;font-weight:650;line-height:1.2}
.think-like-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;color:#9398a2;font-size:12px;line-height:1.2}
.think-like-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.think-like-meta strong{flex:0 0 auto;font-weight:650}.think-like-meta strong.owned{color:#38ad71}
html[data-theme="light"] .home-think-like{background:#fff;color:#111419}
html[data-theme="light"] .think-like-avatar{background:#eef0f3}
html[data-theme="light"] .think-like-identity small,html[data-theme="light"] .think-like-meta{color:#737a84}
html[data-theme="light"] .think-like-media{background:#edf0f3}
html[data-theme="light"] .think-like-save,html[data-theme="light"] .think-like-cart{background:rgba(15,18,22,.58);color:#fff}
@media(max-width:767px){
  .home-think-like{width:100vw;margin:0 calc(50% - 50vw);padding:22px 0 24px;background:#08090b}
  html[data-theme="light"] .home-think-like{background:#fff}
  .home-think-like>h2{margin:0 16px 22px;font-size:24px}
  .home-think-like-groups{gap:28px}
  .think-like-group>header{margin:0 16px 12px}
  .think-like-avatar{width:50px;height:50px;flex-basis:50px}
  .think-like-identity b{font-size:17px}.think-like-identity small{font-size:13px}
  .think-like-rail{display:flex;gap:12px;width:100%;padding:0 16px 2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .think-like-rail::-webkit-scrollbar{display:none}
  .think-like-card{flex:0 0 min(82vw,420px);scroll-snap-align:start}
  .think-like-media{aspect-ratio:16/9}
  .think-like-title{font-size:15px}.think-like-meta{font-size:12.5px}
}
@media(min-width:768px) and (max-width:1099px){
  .home-think-like{padding:0 22px}.think-like-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
  .home-think-like>h2{font-size:25px}.think-like-avatar{width:48px;height:48px;flex-basis:48px}.think-like-identity b{font-size:16px}.think-like-identity small{font-size:12px}
  .think-like-title{font-size:12px}.think-like-meta{font-size:10.5px}.think-like-save,.think-like-cart{width:30px;height:30px}.think-like-save .ico,.think-like-cart .ico{width:17px;height:17px}
}
@media(min-width:1100px){
  .home-think-like{padding:0 30px}.think-like-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
}


/* === Xmegram 3.4.9-hotfix902 · We Think You Might Like mobile spacing cleanup === */
@media(max-width:767px){
  .home-think-like{
    width:100vw!important;
    margin:0 calc(50% - 50vw)!important;
    padding:10px 0 12px!important;
    background:#08090b!important;
    box-sizing:border-box!important;
  }
  html[data-theme="light"] .home-think-like,
  html[data-theme="light"] .home-think-like-groups,
  html[data-theme="light"] .think-like-group,
  html[data-theme="light"] .think-like-rail{
    background:#fff!important;
  }
  .home-think-like>h2{
    margin:0 16px 14px!important;
  }
  .home-think-like-groups{
    gap:14px!important;
  }
  .think-like-group{
    margin:0!important;
    padding:0!important;
  }
  .think-like-group>header{
    margin:0 16px 8px!important;
  }
  .think-like-rail{
    display:flex!important;
    width:100%!important;
    box-sizing:border-box!important;
    gap:10px!important;
    margin:0!important;
    padding:0 16px 1px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-padding-inline:16px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .think-like-card{
    flex:0 0 min(82vw,420px)!important;
    margin:0!important;
  }
  .think-like-title{
    margin-top:6px!important;
  }
  .think-like-meta{
    margin-top:3px!important;
  }
  .think-like-group+ .think-like-group{
    margin-top:0!important;
  }
}


/* === Xmegram 3.4.9-hotfix902 · premium commerce feed / five-second preview polish ===
   Normal Watch-player preview duration and fullscreen are intentionally untouched. */
:root{
  --xmg-premium-purple:#8b5cf6;
  --xmg-premium-purple-2:#a855f7;
  --xmg-premium-pink:#ec4899;
  --xmg-premium-surface-dark:#08090b;
  --xmg-premium-surface-light:#ffffff;
}

/* Section/title chrome: white in light mode, matte black in dark mode. */
html[data-theme="dark"] body #app :is(
  .home-market-chrome,
  .market-trending-creators,
  .market-featured-section,
  .market-recent-uploads,
  .market-top-clips,
  .home-think-like,
  .home-categorized-feed-section>header
){background:var(--xmg-premium-surface-dark)!important}
html[data-theme="light"] body #app :is(
  .home-market-chrome,
  .market-trending-creators,
  .market-featured-section,
  .market-recent-uploads,
  .market-top-clips,
  .home-think-like,
  .home-categorized-feed-section>header
){background:var(--xmg-premium-surface-light)!important}
html[data-theme="light"] body #app :is(.home-screen,.social-home-stream,.home-categorized-feed-stream){background:#fff!important}
html[data-theme="dark"] body #app :is(.home-screen,.social-home-stream,.home-categorized-feed-stream){background:#08090b!important}

/* Restrained purple/pink accents around discovery chrome. */
body #app .market-home-search{
  border-color:color-mix(in srgb,var(--xmg-premium-purple) 46%,rgba(255,255,255,.12))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 0 0 1px rgba(139,92,246,.035)!important;
}
body #app .market-home-search:focus-within{
  border-color:color-mix(in srgb,var(--xmg-premium-purple) 78%,var(--xmg-premium-pink) 22%)!important;
  box-shadow:0 0 0 3px rgba(139,92,246,.09),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body #app .market-search-filter{color:var(--xmg-premium-pink)!important}
body #app .market-home-search>input::selection{background:rgba(168,85,247,.25)}
body #app .market-home-search>input:focus{caret-color:var(--xmg-premium-purple)!important}

body #app :is(.home-market-categories,.watch-market-categories){background:inherit!important}
body #app :is(.home-market-categories,.watch-market-categories) .home-market-category{
  background:#0d0f13!important;
  border-color:rgba(139,92,246,.20)!important;
}
body #app :is(.home-market-categories,.watch-market-categories) .home-market-category:nth-child(even){border-color:rgba(236,72,153,.18)!important}
body #app :is(.home-market-categories,.watch-market-categories) .home-market-category.is-highlighted{
  background:linear-gradient(108deg,var(--xmg-premium-purple) 0%,var(--xmg-premium-purple-2) 46%,var(--xmg-premium-pink) 100%)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(139,92,246,.16)!important;
}
html[data-theme="light"] body #app :is(.home-market-categories,.watch-market-categories) .home-market-category{
  background:#fff!important;color:#474b55!important;border-color:rgba(139,92,246,.20)!important;
}
html[data-theme="light"] body #app :is(.home-market-categories,.watch-market-categories) .home-market-category:nth-child(even){border-color:rgba(236,72,153,.18)!important}
html[data-theme="light"] body #app :is(.home-market-categories,.watch-market-categories) .home-market-category.is-highlighted{
  background:linear-gradient(108deg,var(--xmg-premium-purple) 0%,var(--xmg-premium-pink) 100%)!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important;
}
body #app .market-trending-creators>header button,
body #app .home-categorized-feed-section>header button{color:color-mix(in srgb,var(--xmg-premium-purple) 76%,var(--xmg-premium-pink) 24%)!important}

/* Feed body = product information, not a social CTA panel. Price occupies the former Unlock slot. */
body #app .market-feed-card:not(.market-live-feed-card) .market-feed-unlock{display:none!important}
body #app .market-feed-card:not(.market-live-feed-card) .market-feed-commerce{
  min-width:92px!important;
  margin-left:auto!important;
  justify-content:flex-end!important;
  align-self:center!important;
}
body #app .market-feed-card:not(.market-live-feed-card) .market-feed-price{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  padding:5px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:color-mix(in srgb,var(--xmg-premium-purple) 58%,var(--xmg-premium-pink) 42%)!important;
  box-shadow:none!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:850!important;
  letter-spacing:-.015em!important;
  text-align:right!important;
}
body #app .market-feed-card:not(.market-live-feed-card) .market-feed-price.owned{color:#28ad70!important}
html[data-theme="light"] body #app .market-feed-card:not(.market-live-feed-card) .market-feed-price{
  background:transparent!important;border:0!important;color:#8651df!important;
}
html[data-theme="light"] body #app .market-feed-card:not(.market-live-feed-card) .market-feed-price.owned{color:#23965f!important}

/* Matte body/title surfaces stay explicit in both themes. */
html[data-theme="dark"] body #app :is(.market-feed-body,.market-live-feed-body){background:#08090b!important}
html[data-theme="light"] body #app :is(.market-feed-body,.market-live-feed-body){background:#fff!important}
html[data-theme="dark"] body #app .home-categorized-feed-section>header{color:#f7f7f8!important}
html[data-theme="light"] body #app .home-categorized-feed-section>header{color:#14171b!important}

/* Featured cards now have a muted five-second viewport preview without changing Watch playback. */
body #app .market-featured-media>.market-featured-video{
  position:absolute!important;inset:0!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;background:transparent!important;
}
body #app .market-featured-media>img{position:relative;z-index:0}
body #app .market-featured-premium,
body #app .market-featured-play,
body #app .market-featured-duration{z-index:3!important}
body #app .market-featured-card.is-playing .market-featured-play{opacity:0!important;transform:translate(-50%,-50%) scale(.88)!important;transition:opacity .16s ease,transform .16s ease}
body #app .market-featured-play{transition:opacity .16s ease,transform .16s ease}

/* Small premium accents outside the category rail, without turning every element into a pill. */
body #app .market-featured-save.active,
body #app .think-like-cart.active,
body #app .market-top-clip-cart.active{
  background:linear-gradient(120deg,var(--xmg-premium-purple),var(--xmg-premium-pink))!important;
  color:#fff!important;
}
body #app .market-top-clips-more{
  background:color-mix(in srgb,var(--xmg-premium-purple) 13%,#17141c)!important;
  color:#c99cff!important;
}
html[data-theme="light"] body #app .market-top-clips-more{
  background:#f4effc!important;color:#8752df!important;
}

@media(max-width:767px){
  body #app .market-feed-card:not(.market-live-feed-card) .market-feed-commerce{min-width:82px!important}
  body #app .market-feed-card:not(.market-live-feed-card) .market-feed-price{font-size:14px!important;padding-right:2px!important}
  body #app .home-categorized-feed-section>header{margin-bottom:8px!important}
}

html[data-theme="dark"] body #app .market-home-search{background:#0d0f13!important;color:#f7f7f8!important}
html[data-theme="light"] body #app .market-home-search{background:#fff!important;color:#15181c!important}


/* === Xmegram 3.4.9-hotfix902 · Top Clips viewport preview + mobile Watch 16:9 === */
.market-top-clip-watch{position:relative;overflow:hidden}
.market-top-clip-watch>img{position:absolute;inset:0;z-index:0}
.market-top-clip-watch>.market-top-clip-preview{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#08090b!important;
  pointer-events:none!important;
}
.market-top-clip-duration{z-index:3}
.market-top-clip-save,.market-top-clip-cart{z-index:4}

@media(max-width:767px){
  /* Normal Watch player only: full phone width, clean 16:9 stage, square edges.
     Fullscreen selectors are explicitly excluded and remain untouched. */
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen>.watch-player:not(.vh-fullscreen):not(:fullscreen){
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:4px 0 0!important;
    padding:0!important;
    aspect-ratio:16/9!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
    background:#050608!important;
  }
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen>.watch-player.watch-source-ratio:not(.vh-fullscreen):not(:fullscreen),
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen>.watch-player.portrait-source:not(.vh-fullscreen):not(:fullscreen){
    aspect-ratio:16/9!important;
    max-height:none!important;
  }
  html:not(.vh-player-fullscreen) body:not(.vh-player-fullscreen) #app .screen.watch-screen>.watch-player:not(.vh-fullscreen):not(:fullscreen) :is(.watch-video,.watch-poster){
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:0!important;
    background:#050608!important;
  }
}


/* === Xmegram 3.4.9-hotfix902 · seamless Watch related marketplace feed ===
   Phone related videos now use the exact same edge-to-edge marketplace surface as Home/Profile:
   zero card gaps, zero side margins, and one continuous light/dark background. */
@media(max-width:767px){
  body #app .watch-screen>.watch-related,
  body #app .watch-screen>.watch-related.watch-country-related{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin:0 0 0 -50vw!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  /* Keep a related heading readable without reintroducing a gutter around the actual cards. */
  body #app .watch-screen>.watch-related>.section-title{
    width:100%!important;
    margin:0!important;
    padding:8px 14px!important;
    box-sizing:border-box!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  body #app .watch-screen>.watch-related>.marketplace-feed-route,
  body #app .watch-screen>.watch-related>.social-listing-stream.surface-related-stream{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    row-gap:0!important;
    border:0!important;
    box-shadow:none!important;
  }

  body #app .watch-screen>.watch-related .market-feed-card.social-post{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
  body #app .watch-screen>.watch-related .market-feed-card.social-post + .market-feed-card.social-post{
    margin-top:0!important;
  }
  body #app .watch-screen>.watch-related .market-feed-media,
  body #app .watch-screen>.watch-related .market-feed-body{
    border-radius:0!important;
    margin:0!important;
  }
}

html[data-theme="light"] body #app .watch-screen>.watch-related,
html[data-theme="light"] body #app .watch-screen>.watch-related>.section-title,
html[data-theme="light"] body #app .watch-screen>.watch-related>.marketplace-feed-route,
html[data-theme="light"] body #app .watch-screen>.watch-related>.social-listing-stream.surface-related-stream,
html[data-theme="light"] body #app .watch-screen>.watch-related .market-feed-card.social-post,
html[data-theme="light"] body #app .watch-screen>.watch-related .market-feed-body{
  background:#fff!important;
}
html[data-theme="dark"] body #app .watch-screen>.watch-related,
html[data-theme="dark"] body #app .watch-screen>.watch-related>.section-title,
html[data-theme="dark"] body #app .watch-screen>.watch-related>.marketplace-feed-route,
html[data-theme="dark"] body #app .watch-screen>.watch-related>.social-listing-stream.surface-related-stream,
html[data-theme="dark"] body #app .watch-screen>.watch-related .market-feed-card.social-post,
html[data-theme="dark"] body #app .watch-screen>.watch-related .market-feed-body{
  background:#08090b!important;
}


/* === Xmegram 3.4.9-hotfix902 · Watch cart header + Recently Added autoplay === */
.watch-market-topbar .top-title{display:none!important}
.watch-market-topbar .top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.watch-market-topbar .watch-header-cart{position:relative;display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:50%;color:currentColor;background:transparent}
.watch-market-topbar .watch-header-cart .ico{width:28px;height:28px;stroke-width:1.8}
.watch-market-topbar .watch-header-cart .nav-count{position:absolute;right:-1px;top:-4px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--surface,#fff);border-radius:999px;background:var(--site-accent,#f24064);color:#fff;font-size:9px;font-style:normal;font-weight:900;line-height:1}
html[data-theme="dark"] .watch-market-topbar .watch-header-cart .nav-count{border-color:#090b0f}
.market-recent-uploads .market-snapshot-thumb img{position:relative;z-index:0}
.market-recent-uploads .market-snapshot-preview{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#11151a}
.market-recent-uploads .market-snapshot-thumb-shade{z-index:2}
.market-recent-uploads .market-snapshot-duration{z-index:3}
.market-recent-uploads .market-snapshot-save{z-index:4}
@media(max-width:767px){
  .watch-market-topbar .watch-header-cart{width:42px;height:42px;flex-basis:42px}
  .watch-market-topbar .watch-header-cart .ico{width:26px;height:26px}
}


/* === Xmegram 3.4.9-hotfix902 · viewer-specific crossed catalogue prices === */
.video-price-pair{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:4px;min-width:0;max-width:100%;white-space:nowrap;line-height:1}
.video-price-pair>strong{color:inherit;font:inherit;font-weight:700;white-space:nowrap}
.video-price-pair>del{color:color-mix(in srgb,currentColor 58%,transparent);font-size:.68em;font-weight:560;line-height:1;text-decoration-thickness:1px;text-decoration-color:currentColor;white-space:nowrap}
.sale-price-stack>del{font-size:.68em!important;font-weight:560!important;opacity:.7}
.market-featured-price .video-price-pair{gap:3px;flex-direction:column;align-items:flex-end;justify-content:center}
.market-featured-price .video-price-pair>del{font-size:8px}
.market-recent-uploads .market-snapshot-item-meta .video-price-pair,
.market-top-clip-copy .video-price-pair,
.think-like-meta .video-price-pair{flex:0 0 auto;color:inherit}
.market-recent-uploads .market-snapshot-item-meta .video-price-pair>strong,
.market-top-clip-copy .video-price-pair>strong,
.think-like-meta .video-price-pair>strong{font-size:inherit;font-weight:620}
.market-recent-uploads .market-snapshot-item-meta .video-price-pair>del,
.market-top-clip-copy .video-price-pair>del,
.think-like-meta .video-price-pair>del{font-size:9px;opacity:.58}
.idle-video-badge .video-price-pair{gap:3px}.idle-video-badge .video-price-pair>del{font-size:8px}
.watch-commerce-price-wrap .sale-price-stack>del,.watch-price .sale-price-stack>del{font-size:.58em!important;opacity:.62}
@media(max-width:767px){
  .video-price-pair{gap:3px}
  .commerce-card-price .sale-price-stack>del,.commerce-card-price .video-price-pair>del{font-size:8px!important}
  .market-top-clip-copy .video-price-pair>del,.think-like-meta .video-price-pair>del,.market-recent-uploads .market-snapshot-item-meta .video-price-pair>del{font-size:8px}
}


/* === Xmegram 3.4.9-hotfix902 · Watch header action spacing === */
.watch-market-topbar .top-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  overflow:visible!important;
}
.watch-market-topbar .top-actions>.watch-header-cart{
  margin-right:0!important;
  overflow:visible!important;
}
.watch-market-topbar .top-actions>.mobile-global-actions,
.watch-market-topbar .top-actions>.global-header-actions{
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow:visible!important;
}
.watch-market-topbar .watch-header-cart .nav-count{
  right:-3px!important;
  top:-5px!important;
  z-index:5!important;
}
@media(max-width:767px){
  .watch-market-topbar .top-actions{gap:13px!important}
  .watch-market-topbar .top-actions>.mobile-global-actions,
  .watch-market-topbar .top-actions>.global-header-actions{gap:8px!important}
  .watch-market-topbar .watch-header-cart{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}
  .watch-market-topbar .watch-header-cart .ico{width:25px!important;height:25px!important}
}
@media(min-width:768px){
  .watch-market-topbar .top-actions{gap:12px!important}
  .watch-market-topbar .top-actions>.mobile-global-actions,
  .watch-market-topbar .top-actions>.global-header-actions{gap:9px!important}
}


/* === Xmegram 3.4.9-hotfix902 · crossed prices visible + compact === */
.video-price-pair.has-compare{gap:5px;align-items:baseline}
.video-price-pair.has-compare>del{display:inline-block;color:color-mix(in srgb,currentColor 48%,var(--muted,#8d929b));font-size:.62em;font-weight:560;line-height:1;text-decoration-thickness:1.25px;text-decoration-color:currentColor;opacity:.82}
.video-price-pair.has-compare>strong{font-weight:760}
.sale-price-stack.has-compare{display:inline-flex!important;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;line-height:1}
.sale-price-stack.has-compare>del{order:0;display:block;font-size:.55em!important;font-weight:560!important;line-height:1;opacity:.68;text-decoration-thickness:1.2px}
.sale-price-stack.has-compare>strong{order:1;display:block;line-height:1;font-weight:780!important}
.sale-price-stack.has-compare>em{order:2}
.watch-price.sale-price-stack.has-compare,.watch-commerce-price.sale-price-stack.has-compare{gap:3px}
.watch-price.sale-price-stack.has-compare>del,.watch-commerce-price.sale-price-stack.has-compare>del{font-size:.46em!important;opacity:.72}
.watch-checkout-product-price{display:flex;align-items:flex-end;justify-content:flex-end;min-width:0}
.watch-checkout-product-price .sale-price-stack.has-compare>del{font-size:10px!important}
.watch-checkout-product-price .sale-price-stack.has-compare>strong{font-size:inherit}
@media(max-width:767px){
  .commerce-card-price .video-price-pair.has-compare{gap:4px}
  .commerce-card-price .video-price-pair.has-compare>del{font-size:9px!important;opacity:.72}
  .commerce-card-price .video-price-pair.has-compare>strong{font-size:inherit}
  .market-top-clip-copy .video-price-pair.has-compare>del,
  .think-like-meta .video-price-pair.has-compare>del,
  .market-recent-uploads .market-snapshot-item-meta .video-price-pair.has-compare>del{font-size:8px!important;opacity:.68}
}


/* === Xmegram 3.4.9-hotfix902 · definitive crossed-price feed render + Watch header spacing === */
body #app .market-feed-price .video-price-pair{
  display:flex!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:5px!important;
  width:auto!important;
  max-width:100%!important;
  color:inherit!important;
}
body #app .market-feed-price .video-price-pair>del{
  display:inline-block!important;
  color:color-mix(in srgb,currentColor 44%,var(--muted,#8b9098))!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:560!important;
  opacity:.78!important;
  text-decoration-line:line-through!important;
  text-decoration-thickness:1.2px!important;
}
body #app .market-feed-price .video-price-pair>strong{
  color:inherit!important;
  font-size:inherit!important;
  line-height:1!important;
  font-weight:760!important;
}
@media(max-width:767px){
  body #app .market-feed-price .video-price-pair{gap:4px!important}
  body #app .market-feed-price .video-price-pair>del{font-size:8px!important}
}
/* Keep the old price visible on Watch without making a second row feel oversized. */
body #app .watch-price.sale-price-stack.has-compare,
body #app .watch-commerce-price.sale-price-stack.has-compare{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:3px!important;
}
body #app .watch-price.sale-price-stack.has-compare>del,
body #app .watch-commerce-price.sale-price-stack.has-compare>del{
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  opacity:.7!important;
  color:#8c929b!important;
  text-decoration-thickness:1.2px!important;
}
html[data-theme="dark"] body #app .watch-price.sale-price-stack.has-compare>del,
html[data-theme="dark"] body #app .watch-commerce-price.sale-price-stack.has-compare>del{color:#9299a4!important}
/* Watch header: separate Cart from Messages/Notifications so badges never overlap. */
body #app .watch-market-topbar .top-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  column-gap:16px!important;
  overflow:visible!important;
  padding-right:2px!important;
}
body #app .watch-market-topbar .top-actions>.watch-header-cart{
  position:relative!important;
  margin:0 4px 0 0!important;
  isolation:isolate!important;
  overflow:visible!important;
}
body #app .watch-market-topbar .top-actions>.mobile-global-actions,
body #app .watch-market-topbar .top-actions>.global-header-actions{
  display:flex!important;
  align-items:center!important;
  column-gap:11px!important;
  margin:0!important;
  overflow:visible!important;
}
body #app .watch-market-topbar .watch-header-cart .nav-count{
  right:-5px!important;
  top:-6px!important;
  z-index:8!important;
}
@media(max-width:767px){
  body #app .watch-market-topbar{padding-left:14px!important;padding-right:14px!important}
  body #app .watch-market-topbar .top-actions{column-gap:15px!important}
  body #app .watch-market-topbar .top-actions>.mobile-global-actions,
  body #app .watch-market-topbar .top-actions>.global-header-actions{column-gap:10px!important}
  body #app .watch-market-topbar .watch-header-cart{width:39px!important;height:39px!important;min-width:39px!important;flex-basis:39px!important;margin-right:3px!important}
  body #app .watch-market-topbar .watch-header-cart .ico{width:24px!important;height:24px!important}
}


/* === Xmegram 3.4.9-hotfix902 · exact-half crossed prices === */
body #app .video-price-pair.has-compare{display:inline-flex!important;align-items:baseline!important;justify-content:flex-end!important;gap:5px!important;white-space:nowrap!important}
body #app .video-price-pair.has-compare>del{display:inline-block!important;font-size:.68em!important;font-weight:650!important;line-height:1!important;opacity:.68!important;text-decoration-line:line-through!important;text-decoration-thickness:1.4px!important;text-decoration-color:currentColor!important;white-space:nowrap!important}
body #app .video-price-pair.has-compare>strong{display:inline-block!important;font-weight:780!important;white-space:nowrap!important}
body #app .sale-price-stack.has-compare{display:inline-flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;gap:2px!important;white-space:nowrap!important}
body #app .sale-price-stack.has-compare>del{display:block!important;font-size:.56em!important;font-weight:650!important;line-height:1!important;opacity:.7!important;text-decoration-line:line-through!important;text-decoration-thickness:1.35px!important;white-space:nowrap!important}
body #app .sale-price-stack.has-compare>strong{display:block!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important}
@media(max-width:767px){
  body #app .market-feed-price .video-price-pair.has-compare>del,
  body #app .market-top-clip-copy .video-price-pair.has-compare>del,
  body #app .think-like-meta .video-price-pair.has-compare>del,
  body #app .market-recent-uploads .video-price-pair.has-compare>del{font-size:9px!important}
  body #app .watch-price.sale-price-stack.has-compare>del,
  body #app .watch-commerce-price.sale-price-stack.has-compare>del{font-size:10px!important}
}


/* === Xmegram 3.4.9-hotfix902 · compact wallet + clean home communication actions === */
.market-home-actions{gap:10px}
.market-home-utility{
  position:relative;display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;
  padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:var(--market-text);
  box-shadow:none!important;outline:0;
}
.market-home-utility .ico{width:25px;height:25px;stroke-width:1.8}
.market-home-utility .nav-count{
  position:absolute;right:-2px;top:-4px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;
  border:2px solid var(--market-canvas);border-radius:999px;background:#16a765;color:#fff;font-size:9px;font-style:normal;font-weight:900;line-height:1;
}
.market-home-utility:active{transform:scale(.94)}
.market-home-wallet{min-width:118px;padding-inline:14px}
.market-home-wallet [data-home-wallet-label]{font-variant-numeric:tabular-nums}
html[data-theme="light"] .market-home-utility{color:#171a1f}
html[data-theme="light"] .market-home-utility .nav-count{border-color:#fff}
@media(max-width:767px){
  .market-home-header{gap:8px}
  .market-home-brand{max-width:calc(100% - 214px)}
  .market-home-actions{gap:5px}
  .market-home-cart{width:34px;height:38px;flex:0 0 34px}
  .market-home-cart .ico{width:25px;height:25px}
  .market-home-utility{width:32px;height:38px;flex-basis:32px}
  .market-home-utility .ico{width:23px;height:23px}
  .market-home-utility .nav-count{right:-4px;top:-3px;min-width:17px;height:17px;font-size:8px}
  .market-home-wallet{min-width:88px;height:39px;padding:0 10px;gap:6px;font-size:11.5px}
  .market-home-wallet .ico{width:17px;height:17px}
}
@media(max-width:420px){
  .market-home-wordmark>small{display:none}
  .market-home-brand{max-width:calc(100% - 202px)}
  .market-home-wordmark>b{font-size:22px}
  .market-home-brand-mark{width:34px;height:34px;flex-basis:34px}
  .market-home-actions{gap:3px}
  .market-home-wallet{min-width:80px;padding-inline:8px}
}


/* === Xmegram 3.4.9-hotfix902 · home header badge clearance === */
@media(max-width:767px){
  /* Keep the three bare SVG actions grouped slightly left so unread counters never sit on the wallet pill. */
  .market-home-cart,
  .market-home-message,
  .market-home-notification{position:relative;left:-5px}
  .market-home-actions{column-gap:4px}
  .market-home-cart .nav-count{right:1px!important;top:-3px!important}
  .market-home-utility .nav-count{right:0!important;top:-3px!important}
  .market-home-wallet{margin-left:2px}
}
@media(max-width:420px){
  .market-home-cart,
  .market-home-message,
  .market-home-notification{left:-7px}
  .market-home-actions{column-gap:2px}
  .market-home-cart .nav-count,
  .market-home-utility .nav-count{right:1px!important}
  .market-home-wallet{margin-left:1px}
}


/* === Xmegram 3.4.9-hotfix902 · safer mobile header touch spacing === */
@media(max-width:767px){
  .market-home-actions{
    column-gap:6px!important;
    align-items:center!important;
  }
  .market-home-cart,
  .market-home-message,
  .market-home-notification{
    position:relative!important;
    left:-4px!important;
    width:38px!important;
    height:42px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
    margin:0!important;
    padding:0!important;
    touch-action:manipulation;
  }
  .market-home-cart .ico,
  .market-home-utility .ico{
    width:22px!important;
    height:22px!important;
  }
  .market-home-cart .nav-count,
  .market-home-utility .nav-count{
    right:-1px!important;
    top:-2px!important;
  }
  .market-home-wallet{
    min-width:78px!important;
    margin-left:1px!important;
  }
  .market-home-brand{max-width:calc(100% - 218px)!important}
}
@media(max-width:420px){
  .market-home-actions{column-gap:5px!important}
  .market-home-cart,
  .market-home-message,
  .market-home-notification{
    left:-3px!important;
    width:37px!important;
    min-width:37px!important;
    flex-basis:37px!important;
  }
  .market-home-wallet{min-width:76px!important;padding-inline:7px!important}
  .market-home-brand{max-width:calc(100% - 212px)!important}
  .market-home-wordmark>b{font-size:20px!important}
  .market-home-brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important}
}


/* === Xmegram 3.4.9-hotfix902 · 99+ count badges with safe spacing === */
body #app .nav-count,
body #app .notify-btn>i,
body #app .desktop-side-item>em,
#drawerRoot .drawer-nav-count{
  min-width:19px;
  width:auto;
  padding-inline:5px;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
}
body #app .nav-count{line-height:17px}
body #app .bottom-nav .nav-count{min-width:19px;max-width:34px;padding-inline:5px}
body #app .bottom-nav .purchase-owned-nav-count{left:calc(50% - 30px)!important}
body #app .bottom-nav .purchase-pending-nav-count{left:calc(50% + 8px)!important}
body #app .desktop-side-item>em{min-width:20px;height:20px;padding:0 5px;border-radius:999px;font-size:9px;line-height:20px;text-align:center}
body #app .desktop-side-item>em.purchase-owned-nav-count{right:40px!important}
body #app .desktop-side-item>em.purchase-pending-nav-count{right:8px!important}

/* Top header: 99+ badges stay compact and clear of adjacent actions/wallet. */
.market-home-cart .nav-count,
.market-home-utility .nav-count,
.watch-market-topbar .watch-header-cart .nav-count,
.global-header-actions .notify-btn>i,
.mobile-global-actions .notify-btn>i{
  min-width:19px!important;
  width:auto!important;
  padding-inline:4px!important;
}
@media(max-width:767px){
  .market-home-cart .nav-count,
  .market-home-utility .nav-count{min-width:18px!important;height:18px!important;padding-inline:4px!important;font-size:8px!important}
  .market-home-actions{column-gap:7px!important}
  .market-home-cart,.market-home-message,.market-home-notification{margin-right:1px!important}
  .market-home-wallet{margin-left:2px!important}
  .watch-market-topbar .watch-header-cart .nav-count{min-width:19px!important;padding-inline:4px!important}
}

/* Left drawer counters align to the far right and never squeeze the label/icon. */
#drawerRoot .drawer nav button{position:relative;min-width:0}
#drawerRoot .drawer-nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#drawerRoot .drawer-nav-counts{display:inline-flex;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto}
#drawerRoot .drawer-nav-count{
  display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:auto;padding:0 5px;
  border-radius:999px;background:var(--site-accent);color:#fff;font-size:9px;font-style:normal;font-weight:900;line-height:1;
  box-shadow:0 0 0 2px #090d13;
}
#drawerRoot .drawer-nav-counts .drawer-nav-count{margin-left:0}
#drawerRoot .drawer-nav-count-owned{background:#20b968}
#drawerRoot .drawer-nav-count-pending{background:#626975}
html[data-theme="light"] #drawerRoot .drawer-nav-count{box-shadow:0 0 0 2px #fff}
@media(max-width:380px){
  #drawerRoot .drawer-nav-count{min-width:20px;height:20px;padding-inline:4px;font-size:8.5px}
  #drawerRoot .drawer-nav-counts{gap:4px}
}

/* === Xmegram 3.4.9-hotfix903 · 99+ badge readability polish === */
body #app .nav-count,
body #app .desktop-side-item>em,
#drawerRoot .drawer-nav-count,
body #app .notify-btn>i{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:0!important;
  font-weight:900!important;
}

body #app .nav-count,
body #app .notify-btn>i{
  min-width:24px!important;
  height:20px!important;
  padding:0 6px!important;
  font-size:9px!important;
  line-height:1!important;
}

body #app .bottom-nav .nav-count{
  min-width:24px!important;
  max-width:none!important;
  height:20px!important;
  padding:0 6px!important;
  font-size:9px!important;
  line-height:1!important;
}

body #app .desktop-side-item>em,
#drawerRoot .drawer-nav-count{
  min-width:24px!important;
  height:20px!important;
  padding:0 6px!important;
  font-size:9px!important;
  line-height:1!important;
}

.market-home-cart .nav-count,
.market-home-utility .nav-count,
.watch-market-topbar .watch-header-cart .nav-count,
.global-header-actions .notify-btn>i,
.mobile-global-actions .notify-btn>i{
  min-width:24px!important;
  height:20px!important;
  padding:0 6px!important;
  font-size:9px!important;
  line-height:1!important;
}

@media(max-width:767px){
  .market-home-cart .nav-count,
  .market-home-utility .nav-count,
  .watch-market-topbar .watch-header-cart .nav-count,
  .global-header-actions .notify-btn>i,
  .mobile-global-actions .notify-btn>i,
  body #app .bottom-nav .nav-count,
  #drawerRoot .drawer-nav-count{
    min-width:24px!important;
    height:20px!important;
    padding:0 6px!important;
    font-size:8.5px!important;
    line-height:1!important;
  }
}

/* === Xmegram 3.4.9-hotfix905 · focused Watch marketplace + true site-wide font === */
/* Admin-selected typography must win over legacy section-specific Inter/system declarations. */
html body,
html body #app,
html body #app *:not(code):not(pre):not(kbd):not(samp),
html body #drawerRoot,
html body #drawerRoot *:not(code):not(pre):not(kbd):not(samp){
  font-family:var(--site-font-family,"Manrope"),ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* The Watch page is now a conversion-focused product page. */
body #app .watch-screen.watch-marketplace-screen{padding-bottom:96px!important}
body #app .watch-screen.watch-marketplace-screen>.watch-market-categories,
body #app .watch-screen.watch-marketplace-screen>.watch-related,
body #app .watch-screen.watch-marketplace-screen>.watch-country-related,
body #app .watch-screen.watch-marketplace-screen>.watch-mobile-commerce-dock,
body #app .watch-screen.watch-marketplace-screen>.watch-smart-purchase-dock{display:none!important}

body #app .watch-screen.watch-marketplace-screen>.watch-player{
  width:min(calc(100% - 48px),1320px)!important;
  max-width:1320px!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:none!important;
  margin:14px auto 0!important;
  border-radius:14px!important;
  background:#03050a!important;
  overflow:hidden!important;
  box-shadow:0 18px 54px rgba(0,0,0,.24)!important;
}
body #app .watch-screen.watch-marketplace-screen>.watch-player :is(.watch-video,.watch-poster){
  width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important
}
body #app .watch-screen.watch-marketplace-screen>.watch-player>.watch-video-backdrop{opacity:.22!important;filter:blur(28px) saturate(.86)!important;transform:scale(1.08)!important}

.watch-marketplace-body{
  width:min(calc(100% - 48px),1320px);
  margin:26px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.92fr);
  gap:clamp(26px,4vw,64px);
  align-items:start;
}
.watch-marketplace-copy{min-width:0;padding:8px 4px 0}
.watch-marketplace-kicker{display:block;margin:0 0 12px;color:var(--site-accent,#a640ff);font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
.watch-marketplace-copy h1{margin:0;color:#f8f9fb;font-size:clamp(30px,4vw,54px);line-height:1.02;letter-spacing:-.045em;font-weight:900;overflow-wrap:anywhere}
.watch-marketplace-copy>p{max-width:780px;margin:15px 0 0;color:#939baa;font-size:clamp(14px,1.45vw,18px);line-height:1.58}
.watch-marketplace-creator{display:flex;align-items:center;gap:14px;max-width:720px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.watch-marketplace-creator>button:first-child{display:flex;align-items:center;gap:11px;min-width:0;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}
.watch-marketplace-creator>button:first-child>span:first-child{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;overflow:hidden;border-radius:50%;background:#171c25;font-weight:900}
.watch-marketplace-creator>button:first-child>span:first-child img{width:100%;height:100%;object-fit:cover}
.watch-marketplace-creator>button:first-child>span:last-child{min-width:0}
.watch-marketplace-creator b{display:block;color:#f5f6f8;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.watch-marketplace-creator small{display:block;margin-top:4px;color:#7f8897;font-size:11px}
.watch-marketplace-follow{margin-left:auto;min-width:94px;height:38px;padding:0 15px;border:1px solid color-mix(in srgb,var(--site-accent,#a640ff) 40%,transparent);border-radius:999px;background:transparent;color:#dcdfe6;font-size:11px;font-weight:850}
.watch-marketplace-follow.active{background:color-mix(in srgb,var(--site-accent,#a640ff) 12%,transparent);color:color-mix(in srgb,var(--site-accent,#a640ff) 70%,#fff)}

.watch-marketplace-commerce{
  min-width:0;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;
  background:linear-gradient(145deg,rgba(20,24,37,.92),rgba(9,12,20,.96));
  box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025)
}
.watch-marketplace-commerce-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.86fr);gap:22px;align-items:start}
.watch-marketplace-commerce-top>div:first-child{min-width:0;padding-right:20px;border-right:1px solid rgba(255,255,255,.08)}
.watch-marketplace-price-slot{min-height:52px;display:flex;align-items:center}
.watch-marketplace-price,.watch-marketplace-price .crossed-price-current,.watch-marketplace-price strong{color:#e13dff!important;font-size:clamp(30px,3.2vw,44px)!important;line-height:1!important;font-weight:950!important;letter-spacing:-.045em!important}
.watch-marketplace-price del,.watch-marketplace-price .crossed-price-old{font-size:12px!important;color:#7f8794!important;text-decoration-thickness:1px!important}
.watch-marketplace-commerce-top>div:first-child>small{display:block;margin-top:8px;color:#939baa;font-size:12px}
.watch-marketplace-commerce-top>div:first-child>span{display:block;margin-top:5px;color:#6f7888;font-size:11px}
.watch-marketplace-owned{display:inline-flex;align-items:center;gap:7px;color:#22ba72;font-size:20px;font-weight:900}
.watch-marketplace-owned .ico{width:20px;height:20px}
.watch-marketplace-benefits{display:grid;gap:13px;padding-top:4px}
.watch-marketplace-benefits>span{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;color:#aeb5c1}
.watch-marketplace-benefits .ico{width:21px;height:21px;color:#c5cad5}
.watch-marketplace-benefits b{font-size:11px;font-weight:750}
.watch-marketplace-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:58px;margin-top:22px;padding:0 18px;border:0;border-radius:14px;background:linear-gradient(105deg,#8b24ff 0%,#d72de3 48%,#f53f9a 100%);color:#fff;font-size:15px;font-weight:900;box-shadow:0 12px 26px color-mix(in srgb,var(--site-accent,#a640ff) 24%,transparent)}
.watch-marketplace-primary .ico{width:20px;height:20px}
.watch-marketplace-primary.owned{background:linear-gradient(105deg,#21a868,#18b78b)}
.watch-marketplace-secondary-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.watch-marketplace-secondary-row[data-count="1"]{grid-template-columns:1fr}
.watch-marketplace-secondary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 12px;border:1px solid color-mix(in srgb,var(--site-accent,#a640ff) 55%,rgba(255,255,255,.1));border-radius:13px;background:rgba(255,255,255,.015);color:#e7e9ee;font-size:12px;font-weight:850}
.watch-marketplace-secondary .ico{width:19px;height:19px}
.watch-marketplace-secondary.active{background:color-mix(in srgb,var(--site-accent,#a640ff) 12%,transparent)}
.watch-marketplace-secondary.purchase{border-color:color-mix(in srgb,#f53f9a 55%,rgba(255,255,255,.1))}

/* Keep only the creator-specific follow-on catalogue after the focused product block. */
body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{
  width:min(calc(100% - 48px),1320px)!important;max-width:1320px!important;margin:38px auto 12px!important;padding-top:22px!important
}
body #app .watch-screen.watch-marketplace-screen>.watch-creator-store>header{padding-left:0!important;padding-right:0!important}
body #app .watch-screen.watch-marketplace-screen>.watch-creator-store-track{padding-left:0!important;padding-right:0!important}

/* Light mode mirrors the same product hierarchy without gray section bands. */
html[data-theme="light"] body #app .watch-screen.watch-marketplace-screen{background:#fff!important}
html[data-theme="light"] .watch-marketplace-copy h1,
html[data-theme="light"] .watch-marketplace-creator b{color:#12141a!important}
html[data-theme="light"] .watch-marketplace-copy>p{color:#676f7c!important}
html[data-theme="light"] .watch-marketplace-creator{border-top-color:#11182712!important}
html[data-theme="light"] .watch-marketplace-commerce{background:#fff!important;border-color:#11182712!important;box-shadow:0 16px 40px rgba(20,24,35,.08)!important}
html[data-theme="light"] .watch-marketplace-commerce-top>div:first-child{border-right-color:#11182712!important}
html[data-theme="light"] .watch-marketplace-benefits>span{color:#596170!important}
html[data-theme="light"] .watch-marketplace-benefits .ico{color:#303744!important}
html[data-theme="light"] .watch-marketplace-secondary{background:#fff!important;color:#1f2430!important}
html[data-theme="light"] .watch-marketplace-follow{color:#414754!important}
html[data-theme="light"] body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{border-top-color:#11182712!important}

@media(max-width:1023px){
  body #app .watch-screen.watch-marketplace-screen>.watch-player{width:calc(100% - 32px)!important;margin-top:10px!important}
  .watch-marketplace-body{width:calc(100% - 32px);grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);gap:24px;margin-top:22px}
  .watch-marketplace-copy h1{font-size:clamp(28px,4.6vw,42px)}
  .watch-marketplace-commerce{padding:18px}
  .watch-marketplace-commerce-top{grid-template-columns:1fr;gap:14px}
  .watch-marketplace-commerce-top>div:first-child{padding-right:0;padding-bottom:14px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  html[data-theme="light"] .watch-marketplace-commerce-top>div:first-child{border-bottom-color:#11182712!important}
  .watch-marketplace-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .watch-marketplace-benefits>span{display:flex;align-items:center;gap:6px;min-width:0}
  .watch-marketplace-benefits b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{width:calc(100% - 32px)!important}
}

@media(max-width:767px){
  body #app .watch-screen.watch-marketplace-screen{padding-bottom:82px!important}
  body #app .watch-screen.watch-marketplace-screen>.topbar{margin-bottom:0!important}
  body #app .watch-screen.watch-marketplace-screen>.watch-player{
    width:calc(100% - 24px)!important;max-width:none!important;margin:8px 12px 0!important;border-radius:13px!important;aspect-ratio:16/9!important
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-player.portrait-source{aspect-ratio:16/9!important;height:auto!important;max-height:none!important}
  body #app .watch-screen.watch-marketplace-screen>.watch-player :is(.watch-video,.watch-poster){object-fit:contain!important}
  .watch-marketplace-body{width:calc(100% - 32px);margin:18px 16px 0;display:flex;flex-direction:column;gap:18px}
  .watch-marketplace-copy{padding:0}
  .watch-marketplace-kicker{margin-bottom:8px;font-size:9px;letter-spacing:.2em}
  .watch-marketplace-copy h1{font-size:30px;line-height:1.04}
  .watch-marketplace-copy>p{margin-top:11px;font-size:13px;line-height:1.52}
  .watch-marketplace-creator{margin-top:17px;padding-top:14px}
  .watch-marketplace-creator>button:first-child>span:first-child{width:40px;height:40px;flex-basis:40px}
  .watch-marketplace-follow{min-width:84px;height:35px;font-size:10px}
  .watch-marketplace-commerce{width:100%;padding:16px;border-radius:17px}
  .watch-marketplace-price-slot{min-height:42px}
  .watch-marketplace-price,.watch-marketplace-price .crossed-price-current,.watch-marketplace-price strong{font-size:34px!important}
  .watch-marketplace-benefits{grid-template-columns:1fr;gap:9px}
  .watch-marketplace-benefits>span{display:grid;grid-template-columns:22px 1fr;gap:9px}
  .watch-marketplace-benefits b{font-size:10.5px;white-space:normal}
  .watch-marketplace-primary{min-height:54px;margin-top:16px;border-radius:13px;font-size:14px}
  .watch-marketplace-secondary{min-height:46px;font-size:11px}
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{width:100%!important;margin:28px 0 0!important;padding-top:18px!important}
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store>header{padding-left:16px!important;padding-right:16px!important}
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store-track{padding-left:16px!important;padding-right:16px!important}
}

/* Fullscreen remains authoritative and untouched by the marketplace layout. */
html.vh-player-fullscreen body #app .watch-screen.watch-marketplace-screen>.watch-player.vh-fullscreen,
body.vh-player-fullscreen #app .watch-screen.watch-marketplace-screen>.watch-player.vh-fullscreen,
body #app .watch-screen.watch-marketplace-screen>.watch-player:fullscreen{
  width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;border-radius:0!important;aspect-ratio:auto!important
}

/* === Xmegram 3.4.9-hotfix905 · Watch screenshot-faithful product layout === */
/* The focused Watch page intentionally contains only player, product copy, price/access card,
   unlock, cart, and the creator-specific catalogue below. */
body #app .watch-screen.watch-marketplace-screen{
  background:#070a13!important;
}
body #app .watch-screen.watch-marketplace-screen>.watch-market-categories,
body #app .watch-screen.watch-marketplace-screen>.watch-related,
body #app .watch-screen.watch-marketplace-screen>.watch-country-related,
body #app .watch-screen.watch-marketplace-screen>.watch-details-panel,
body #app .watch-screen.watch-marketplace-screen>.verified-reviews,
body #app .watch-screen.watch-marketplace-screen>.watch-fbt,
body #app .watch-screen.watch-marketplace-screen>.watch-collection-context,
body #app .watch-screen.watch-marketplace-screen>.watch-mobile-commerce-dock,
body #app .watch-screen.watch-marketplace-screen>.watch-smart-purchase-dock,
.watch-marketplace-creator,
.watch-marketplace-follow,
.watch-marketplace-secondary.purchase{display:none!important}

body #app .watch-screen.watch-marketplace-screen>.watch-player{
  width:min(calc(100% - 48px),1320px)!important;
  max-width:1320px!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:none!important;
  margin:16px auto 0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#000!important;
  box-shadow:0 16px 52px rgba(0,0,0,.25)!important;
}
body #app .watch-screen.watch-marketplace-screen>.watch-player :is(.watch-video,.watch-poster){
  width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important
}

.watch-marketplace-body{
  width:min(calc(100% - 48px),1320px)!important;
  margin:28px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.32fr) minmax(350px,.88fr)!important;
  gap:clamp(28px,4vw,62px)!important;
  align-items:start!important;
}
.watch-marketplace-copy{min-width:0!important;padding:8px 8px 0!important}
.watch-marketplace-kicker{
  display:block!important;margin:0 0 12px!important;color:var(--site-accent,#b23cff)!important;
  font-size:11px!important;font-weight:900!important;letter-spacing:.24em!important;text-transform:uppercase!important
}
.watch-marketplace-copy h1{
  margin:0!important;color:#f8f9fb!important;font-size:clamp(34px,4.2vw,58px)!important;
  line-height:1.02!important;letter-spacing:-.045em!important;font-weight:900!important;overflow-wrap:anywhere!important
}
.watch-marketplace-copy .watch-marketplace-lead{
  max-width:760px!important;margin:14px 0 0!important;color:#a7adbb!important;
  font-size:clamp(16px,1.65vw,21px)!important;line-height:1.42!important;font-weight:720!important
}
.watch-marketplace-copy .watch-marketplace-description{
  max-width:790px!important;margin:16px 0 0!important;color:#888f9e!important;
  font-size:clamp(14px,1.35vw,18px)!important;line-height:1.58!important;font-weight:520!important
}

.watch-marketplace-commerce{
  min-width:0!important;padding:22px!important;border:1px solid rgba(255,255,255,.09)!important;
  border-radius:20px!important;background:linear-gradient(145deg,rgba(20,24,38,.94),rgba(9,12,21,.98))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.025)!important
}
.watch-marketplace-commerce-top{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(155px,.88fr)!important;
  gap:22px!important;align-items:center!important
}
.watch-marketplace-commerce-top>div:first-child{
  min-width:0!important;padding-right:22px!important;border-right:1px solid rgba(255,255,255,.09)!important
}
.watch-marketplace-price-slot{min-height:52px!important;display:flex!important;align-items:center!important;min-width:0!important}
.watch-marketplace-price,
.watch-marketplace-price .crossed-price-current,
.watch-marketplace-price strong{
  color:#e43cff!important;font-size:clamp(34px,3.25vw,48px)!important;line-height:1!important;
  font-weight:950!important;letter-spacing:-.05em!important;white-space:nowrap!important
}
.watch-marketplace-price del,.watch-marketplace-price .crossed-price-old{
  color:#7f8795!important;font-size:12px!important;text-decoration-thickness:1px!important;white-space:nowrap!important
}
.watch-marketplace-commerce-top>div:first-child>small{
  display:block!important;margin-top:8px!important;color:#9aa1b0!important;font-size:12px!important
}
.watch-marketplace-commerce-top>div:first-child>span{
  display:block!important;margin-top:5px!important;color:#78808f!important;font-size:11px!important
}
.watch-marketplace-benefits{display:grid!important;gap:13px!important;padding-top:2px!important}
.watch-marketplace-benefits>span{
  display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;color:#aeb5c2!important
}
.watch-marketplace-benefits .ico{width:21px!important;height:21px!important;color:#cdd1db!important}
.watch-marketplace-benefits b{font-size:11px!important;font-weight:720!important;line-height:1.2!important}
.watch-marketplace-primary{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  width:100%!important;min-height:58px!important;margin-top:22px!important;padding:0 18px!important;border:0!important;
  border-radius:14px!important;background:linear-gradient(105deg,#8d25ff 0%,#d42ee6 48%,#f3429b 100%)!important;
  color:#fff!important;font-size:15px!important;font-weight:900!important;
  box-shadow:0 13px 27px color-mix(in srgb,var(--site-accent,#b23cff) 25%,transparent)!important
}
.watch-marketplace-primary .ico{width:20px!important;height:20px!important}
.watch-marketplace-primary.owned{background:linear-gradient(105deg,#21a868,#18b78b)!important}
.watch-marketplace-secondary-row{
  display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin-top:11px!important
}
.watch-marketplace-secondary{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  width:100%!important;min-height:50px!important;padding:0 15px!important;
  border:1px solid color-mix(in srgb,var(--site-accent,#b23cff) 70%,rgba(255,255,255,.12))!important;
  border-radius:14px!important;background:rgba(255,255,255,.012)!important;color:#eceef4!important;
  font-size:12.5px!important;font-weight:850!important;box-shadow:none!important
}
.watch-marketplace-secondary .ico{width:20px!important;height:20px!important}
.watch-marketplace-secondary.active{background:color-mix(in srgb,var(--site-accent,#b23cff) 12%,transparent)!important}

/* More from this creator must never start flush against the viewport. */
body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{
  width:min(calc(100% - 48px),1320px)!important;max-width:1320px!important;
  margin:38px auto 12px!important;padding:22px 0 0!important;box-sizing:border-box!important
}
body #app .watch-screen.watch-marketplace-screen>.watch-creator-store>header{
  padding-left:0!important;padding-right:0!important
}
body #app .watch-screen.watch-marketplace-screen>.watch-creator-store-track{
  padding-left:0!important;padding-right:0!important
}

/* Light mode keeps the exact hierarchy and spacing while using clean white surfaces. */
html[data-theme="light"] body #app .watch-screen.watch-marketplace-screen{background:#fff!important}
html[data-theme="light"] .watch-marketplace-copy h1{color:#111318!important}
html[data-theme="light"] .watch-marketplace-copy .watch-marketplace-lead{color:#626a78!important}
html[data-theme="light"] .watch-marketplace-copy .watch-marketplace-description{color:#747c89!important}
html[data-theme="light"] .watch-marketplace-commerce{
  background:#fff!important;border-color:#e6e7ec!important;box-shadow:0 16px 38px rgba(18,23,33,.07)!important
}
html[data-theme="light"] .watch-marketplace-commerce-top>div:first-child{border-right-color:#e7e8ec!important}
html[data-theme="light"] .watch-marketplace-commerce-top>div:first-child>small{color:#777f8c!important}
html[data-theme="light"] .watch-marketplace-commerce-top>div:first-child>span{color:#8a919d!important}
html[data-theme="light"] .watch-marketplace-benefits>span{color:#515966!important}
html[data-theme="light"] .watch-marketplace-benefits .ico{color:#343a46!important}
html[data-theme="light"] .watch-marketplace-secondary{background:#fff!important;color:#1d222c!important}

@media(max-width:1023px){
  body #app .watch-screen.watch-marketplace-screen>.watch-player{
    width:calc(100% - 32px)!important;margin-top:12px!important
  }
  .watch-marketplace-body{
    width:calc(100% - 32px)!important;margin-top:22px!important;
    grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;gap:24px!important
  }
  .watch-marketplace-copy{padding:4px 2px 0!important}
  .watch-marketplace-copy h1{font-size:clamp(30px,4.6vw,44px)!important}
  .watch-marketplace-commerce{padding:18px!important}
  .watch-marketplace-commerce-top{grid-template-columns:1fr!important;gap:14px!important}
  .watch-marketplace-commerce-top>div:first-child{
    padding-right:0!important;padding-bottom:14px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important
  }
  html[data-theme="light"] .watch-marketplace-commerce-top>div:first-child{border-bottom-color:#e7e8ec!important}
  .watch-marketplace-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .watch-marketplace-benefits>span{display:flex!important;gap:6px!important;min-width:0!important}
  .watch-marketplace-benefits b{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{width:calc(100% - 32px)!important}
}

@media(max-width:767px){
  body #app .watch-screen.watch-marketplace-screen{padding-bottom:82px!important}
  body #app .watch-screen.watch-marketplace-screen>.topbar{margin-bottom:0!important}
  body #app .watch-screen.watch-marketplace-screen>.watch-player{
    width:calc(100% - 24px)!important;max-width:none!important;margin:8px 12px 0!important;
    border-radius:13px!important;aspect-ratio:16/9!important
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-player.portrait-source{
    aspect-ratio:16/9!important;height:auto!important;max-height:none!important
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-player :is(.watch-video,.watch-poster){object-fit:contain!important}

  .watch-marketplace-body{
    width:calc(100% - 32px)!important;margin:20px 16px 0!important;
    display:flex!important;flex-direction:column!important;gap:18px!important
  }
  .watch-marketplace-copy{padding:0 2px!important}
  .watch-marketplace-kicker{margin-bottom:8px!important;font-size:9px!important;letter-spacing:.22em!important}
  .watch-marketplace-copy h1{font-size:31px!important;line-height:1.04!important;letter-spacing:-.042em!important}
  .watch-marketplace-copy .watch-marketplace-lead{
    margin-top:10px!important;font-size:14.5px!important;line-height:1.4!important;font-weight:720!important
  }
  .watch-marketplace-copy .watch-marketplace-description{
    margin-top:11px!important;font-size:13px!important;line-height:1.52!important
  }

  /* On phones only the price/features portion is the card, just like the reference screenshot. */
  .watch-marketplace-commerce{
    width:100%!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important
  }
  .watch-marketplace-commerce-top{
    display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    gap:14px!important;align-items:center!important;padding:16px!important;
    border:1px solid rgba(255,255,255,.085)!important;border-radius:16px!important;
    background:linear-gradient(145deg,rgba(20,24,38,.94),rgba(9,12,21,.98))!important;
    box-shadow:0 14px 34px rgba(0,0,0,.16)!important
  }
  .watch-marketplace-commerce-top>div:first-child{
    padding:0 14px 0 0!important;border:0!important;border-right:1px solid rgba(255,255,255,.08)!important
  }
  .watch-marketplace-price-slot{min-height:36px!important}
  .watch-marketplace-price,
  .watch-marketplace-price .crossed-price-current,
  .watch-marketplace-price strong{
    font-size:clamp(25px,8.3vw,34px)!important;line-height:1!important;white-space:nowrap!important
  }
  .watch-marketplace-price del,.watch-marketplace-price .crossed-price-old{font-size:10px!important}
  .watch-marketplace-commerce-top>div:first-child>small{margin-top:7px!important;font-size:10.5px!important}
  .watch-marketplace-commerce-top>div:first-child>span{margin-top:4px!important;font-size:9.5px!important}
  .watch-marketplace-benefits{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:0!important}
  .watch-marketplace-benefits>span{
    display:grid!important;grid-template-columns:20px minmax(0,1fr)!important;gap:8px!important;align-items:center!important
  }
  .watch-marketplace-benefits .ico{width:18px!important;height:18px!important}
  .watch-marketplace-benefits b{font-size:9.5px!important;line-height:1.16!important;white-space:normal!important}
  .watch-marketplace-primary{
    min-height:54px!important;margin-top:16px!important;border-radius:13px!important;font-size:14px!important
  }
  .watch-marketplace-secondary-row{margin-top:10px!important}
  .watch-marketplace-secondary{min-height:48px!important;border-radius:13px!important;font-size:12px!important}

  html[data-theme="light"] .watch-marketplace-commerce-top{
    background:#fff!important;border-color:#e8e9ed!important;box-shadow:0 12px 28px rgba(18,23,33,.065)!important
  }
  html[data-theme="light"] .watch-marketplace-commerce-top>div:first-child{border-right-color:#e7e8ec!important}

  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{
    width:calc(100% - 32px)!important;max-width:none!important;
    margin:30px 16px 0!important;padding:18px 0 0!important;box-sizing:border-box!important
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store>header{
    padding-left:0!important;padding-right:0!important
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store-track{
    padding-left:0!important;padding-right:0!important;scroll-padding-left:0!important
  }
}

/* Fullscreen player behavior is intentionally unchanged. */
html.vh-player-fullscreen body #app .watch-screen.watch-marketplace-screen>.watch-player.vh-fullscreen,
body.vh-player-fullscreen #app .watch-screen.watch-marketplace-screen>.watch-player.vh-fullscreen,
body #app .watch-screen.watch-marketplace-screen>.watch-player:fullscreen{
  width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;
  border:0!important;border-radius:0!important;aspect-ratio:auto!important
}

/* === Xmegram 3.4.9-hotfix907 · authoritative site-wide frontend font ===
   Admin Appearance controls --site-font-family. This late rule intentionally wins
   over legacy component-level Inter/system-ui declarations without changing layout. */
html body,
html body button,
html body input,
html body select,
html body textarea,
html body option,
html body #app,
html body #app *,
html body #drawerRoot,
html body #drawerRoot *,
html body #appToast,
html body #appToast *{
  font-family:var(--site-font-family,"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif)!important;
}
/* Keep machine-readable/code content intentionally monospace. */
html body #app :is(code,pre,kbd,samp),
html body #drawerRoot :is(code,pre,kbd,samp){
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
}

/* === Xmegram 3.4.9-hotfix907 · Watch copy hierarchy + balanced commerce card === */
.watch-marketplace-caption{
  position:relative;
  max-width:790px;
  margin-top:12px;
  color:#8e96a5;
}
.watch-marketplace-caption>p{
  margin:0;
  color:inherit;
  font-size:15px;
  line-height:1.5;
  font-weight:520;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
  overflow:hidden;
  word-break:normal;
  overflow-wrap:anywhere;
}
.watch-marketplace-caption>button{
  position:absolute;
  right:0;
  bottom:0;
  min-height:22px;
  padding:0 0 0 20px;
  border:0;
  background:linear-gradient(90deg,rgba(7,10,19,0),#070a13 34%);
  color:#c5cad4;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.watch-marketplace-caption>button[hidden]{display:none!important}
html[data-theme="light"] .watch-marketplace-caption{color:#707987}
html[data-theme="light"] .watch-marketplace-caption>button{
  background:linear-gradient(90deg,rgba(255,255,255,0),#fff 34%);
  color:#525a68;
}

@media(max-width:767px){
  /* Keep the title short and cinematic; the remaining title/description is the caption below. */
  .watch-marketplace-copy h1{
    font-size:30px!important;
    line-height:1.06!important;
    letter-spacing:-.038em!important;
    max-width:100%!important;
  }
  .watch-marketplace-caption{
    margin-top:10px!important;
    max-width:100%!important;
  }
  .watch-marketplace-caption>p{
    font-size:12.5px!important;
    line-height:1.46!important;
  }
  .watch-marketplace-caption>button{
    font-size:11px!important;
    min-height:20px!important;
  }

  /* Match the reference: product/access card and CTA stack are inset from the text edges. */
  .watch-marketplace-commerce{
    width:calc(100% - 36px)!important;
    margin-left:18px!important;
    margin-right:18px!important;
    box-sizing:border-box!important;
  }
  .watch-marketplace-commerce-top{
    grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
    gap:0!important;
    padding:16px 14px!important;
    align-items:stretch!important;
  }
  .watch-marketplace-commerce-top>div:first-child{
    padding:0 14px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .watch-marketplace-benefits{
    width:100%!important;
    min-width:0!important;
    padding:1px 0 1px 16px!important;
    display:grid!important;
    align-content:center!important;
    gap:11px!important;
    box-sizing:border-box!important;
  }
  .watch-marketplace-benefits>span{
    width:100%!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:9px!important;
  }
  .watch-marketplace-benefits .ico{
    width:19px!important;
    height:19px!important;
  }
  .watch-marketplace-benefits b{
    min-width:0!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .watch-marketplace-price,
  .watch-marketplace-price .crossed-price-current,
  .watch-marketplace-price strong{
    font-size:clamp(25px,7.7vw,32px)!important;
  }
  .watch-marketplace-primary{
    margin-top:15px!important;
  }

  /* Give More from this creator a visible, consistent page gutter. */
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{
    width:calc(100% - 40px)!important;
    margin:30px 20px 0!important;
    padding-top:18px!important;
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store>header,
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store-track{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* === Xmegram 3.4.9-hotfix909 · Watch commerce width + price/icon polish === */
@media(max-width:767px){
  /* The product card/CTAs should feel almost edge-to-edge while retaining an 8px safety gutter. */
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-commerce{
    width:calc(100% + 16px)!important;
    max-width:none!important;
    margin-left:-8px!important;
    margin-right:-8px!important;
    box-sizing:border-box!important;
  }

  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-commerce-top{
    width:100%!important;
    grid-template-columns:minmax(0,47%) minmax(0,53%)!important;
    gap:0!important;
    padding:16px 16px!important;
    box-sizing:border-box!important;
  }

  /* Keep long localized prices safely inside the left column. */
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-commerce-top>div:first-child{
    min-width:0!important;
    max-width:100%!important;
    padding-right:14px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-price-slot{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    align-items:flex-start!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-price,
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-price.sale-price-stack,
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-price .crossed-price-current,
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-price strong{
    max-width:100%!important;
    min-width:0!important;
    font-size:clamp(23px,6.9vw,30px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    font-variant-numeric:tabular-nums!important;
    white-space:nowrap!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-price.sale-price-stack.has-compare{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:4px!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-price del,
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-price .crossed-price-old{
    max-width:100%!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Give the benefit column enough breathing room and keep the icon system consistent. */
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-benefits{
    min-width:0!important;
    padding-left:16px!important;
    gap:12px!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-benefits>span{
    min-width:0!important;
    grid-template-columns:20px minmax(0,1fr)!important;
    gap:10px!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-benefits .ico{
    width:19px!important;
    height:19px!important;
    flex:0 0 19px!important;
    stroke-width:1.75!important;
    opacity:.94!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-benefits b{
    font-size:10.5px!important;
    line-height:1.22!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* CTA icons: compact, aligned, and visually consistent. */
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-primary,
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-secondary{
    width:100%!important;
    box-sizing:border-box!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-primary .ico,
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-secondary .ico{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    stroke-width:1.8!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-primary{
    min-height:56px!important;
    border-radius:14px!important;
  }
  body #app .watch-screen.watch-marketplace-screen .watch-marketplace-secondary{
    min-height:52px!important;
    border-radius:14px!important;
  }
}

/* === Xmegram 3.4.9-hotfix913 · Discover marketplace rebuild === */
.discover-marketplace-screen{background:#05070d!important;color:#f6f7fb!important;padding-bottom:calc(86px + var(--safe-bottom));}
.discover-marketplace-screen .discover-market-head{padding:14px 18px 8px;max-width:1180px;margin:0 auto;}
.discover-market-brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;}
.discover-market-brand{display:flex;align-items:center;gap:10px;color:inherit;min-width:0;}
.discover-market-brand>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;}
.discover-market-brand>span img,.discover-market-brand>span svg{width:100%;height:100%;object-fit:contain;}
.discover-market-brand>b{font-size:22px;font-weight:900;letter-spacing:-.04em;white-space:nowrap;}
.discover-market-head-actions{display:flex;align-items:center;gap:12px;}
.discover-market-cart,.discover-market-account{width:40px;height:40px;display:grid;place-items:center;position:relative;color:#dfe4f1;}
.discover-market-cart .ico,.discover-market-account .ico{width:24px;height:24px;}
.discover-market-cart>i{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--site-accent2),var(--site-accent));color:#fff;display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:900;white-space:nowrap;}
.discover-market-account img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid color-mix(in srgb,var(--site-accent) 45%,#fff0);}
.discover-market-search{height:48px;display:grid;grid-template-columns:24px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:0 14px;background:#0e1320;border:1px solid #252d42;border-radius:16px;position:relative;}
.discover-market-search>.ico{width:21px;height:21px;color:#c8d0e0;}
.discover-market-search input{min-width:0;border:0;outline:0;background:transparent;color:#f7f8fb;font-size:14px;}
.discover-market-search input::placeholder{color:#7e879b;}
.discover-market-search>button{width:28px;height:28px;display:grid;place-items:center;color:#9ea8bb;font-size:20px;}
.discover-market-search-results{top:54px!important;left:0!important;right:0!important;z-index:70!important;}
.discover-market-tabs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
.discover-market-tabs::-webkit-scrollbar{display:none;}
.discover-market-tab{height:38px;padding:0 14px;display:flex;align-items:center;gap:8px;white-space:nowrap;border-radius:999px;border:1px solid #2a3144;color:#b8c0d1;background:#0b0f18;font-size:12px;}
.discover-market-tab span{display:grid;place-items:center;}
.discover-market-tab .ico{width:17px;height:17px;}
.discover-market-tab b{font-weight:750;}
.discover-market-tab.is-active{color:#fff;border-color:color-mix(in srgb,var(--site-accent) 72%,#fff0);background:linear-gradient(110deg,color-mix(in srgb,var(--site-accent2) 72%,#10121b),color-mix(in srgb,var(--site-accent) 78%,#11131b));box-shadow:0 0 18px color-mix(in srgb,var(--site-accent) 16%,transparent);}
.discover-market-body{max-width:1180px;margin:0 auto;padding:0 18px 22px;}
.discover-market-hero{margin-top:2px;}
.discover-market-hero-media{aspect-ratio:16/9;position:relative;background:#10141b center/cover no-repeat;overflow:hidden;border-radius:0!important;border:1px solid #20283a;}
.discover-market-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(2,4,9,.16) 54%,rgba(2,4,9,.94) 100%);pointer-events:none;}
.discover-market-quality{position:absolute;right:10px;top:10px;z-index:4;background:#0a0d14df;padding:4px 7px;border-radius:4px;font-size:11px;font-weight:900;}
.discover-market-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:5;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#0b1018b7;border:1px solid #ffffff55;backdrop-filter:blur(5px);}
.discover-market-play .ico{width:27px;height:27px;fill:#fff;stroke:#fff;}
.discover-market-hero-copy{position:absolute;z-index:4;left:18px;right:190px;bottom:13px;min-width:0;}
.discover-market-hero-copy small{display:block;color:var(--site-accent-light);font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:3px;}
.discover-market-hero-copy h1{margin:0;font-size:25px;line-height:1.04;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.discover-market-hero-copy p{margin:3px 0 0;color:#cbd1dd;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.discover-market-hero-buy{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;align-items:center;gap:10px;}
.discover-market-hero-buy>strong{font-size:22px;color:var(--site-accent-light);white-space:nowrap;}
.discover-market-hero-buy>button{height:40px;padding:0 15px;display:inline-flex;align-items:center;gap:7px;background:linear-gradient(105deg,var(--site-accent2),var(--site-accent));color:#fff;font-weight:850;font-size:12px;border-radius:8px;}
.discover-market-hero-buy .ico{width:17px;height:17px;}
.discover-market-section{margin-top:18px;}
.discover-market-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 8px;}
.discover-market-section-head>div{display:flex;align-items:baseline;gap:10px;min-width:0;}
.discover-market-section-head h2{font-size:19px;line-height:1;margin:0;letter-spacing:-.035em;white-space:nowrap;}
.discover-market-section-head p{font-size:11px;color:#929bad;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.discover-market-section-head>button{font-size:11px;color:#c3c9d5;display:flex;align-items:center;gap:3px;white-space:nowrap;}
.discover-market-section-head>button .ico{width:14px;height:14px;}
.discover-market-shop-grid,.discover-market-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.discover-market-shop{height:126px;position:relative;overflow:hidden;text-align:left;border-radius:0!important;border:1px solid #20283a;background:#0b0f17;color:#fff;}
.discover-market-shop-cover{position:absolute;inset:0;background:#10141b center/cover no-repeat;}
.discover-market-shop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 30%,rgba(2,4,8,.94) 100%);}
.discover-market-shop-foot{position:absolute;left:9px;right:9px;bottom:8px;z-index:2;display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:8px;}
.discover-market-shop-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#151b26;display:grid;place-items:center;border:1px solid #ffffff2a;font-size:12px;font-weight:900;}
.discover-market-shop-avatar img{width:100%;height:100%;object-fit:cover;}
.discover-market-shop-foot b,.discover-market-shop-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.discover-market-shop-foot b{font-size:12px;}
.discover-market-shop-foot small{font-size:9px;color:#bdc4d1;margin-top:1px;}
.discover-market-shop-foot>.ico{width:15px;height:15px;}
.discover-market-video{min-width:0;border-radius:0!important;background:transparent;}
.discover-market-video-media{aspect-ratio:16/9;position:relative;background:#0f141d center/cover no-repeat;overflow:hidden;border-radius:0!important;border:1px solid #20283a;}
.discover-market-video-media .duration{left:auto;right:5px;top:5px;padding:3px 5px;border-radius:4px;font-size:9px;}
.discover-market-video-media .discover-market-video-cart,.discover-market-video-media [data-cart]{position:absolute;right:6px;bottom:6px;z-index:4;width:30px;height:30px;border-radius:50%;background:#090c12c9;color:#fff;display:grid;place-items:center;border:1px solid #ffffff24;backdrop-filter:blur(4px);}
.discover-market-video-media [data-cart] .ico{width:16px;height:16px;}
.discover-market-video-copy{padding:6px 1px 0;min-width:0;}
.discover-market-video-copy>b{display:block;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.discover-market-video-copy>div{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:3px;}
.discover-market-video-copy small{font-size:9px;color:#8f98aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.discover-market-video-copy strong{font-size:12px;color:var(--site-accent-light);white-space:nowrap;}
.discover-market-creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.discover-market-creator{min-height:92px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:center;text-align:left;padding:10px;position:relative;border-radius:0!important;background:#0b1018;border:1px solid #222b3c;color:#f7f8fb;}
.discover-market-creator[hidden]{display:none!important;}
.discover-market-creator-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#151b26;display:grid;place-items:center;font-size:15px;font-weight:900;}
.discover-market-creator-avatar img{width:100%;height:100%;object-fit:cover;}
.discover-market-creator-copy{min-width:0;align-self:start;padding-top:1px;}
.discover-market-creator-copy b,.discover-market-creator-copy small,.discover-market-creator-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.discover-market-creator-copy b{font-size:12px;}
.discover-market-creator-copy small{font-size:9px;color:#a0a8b8;margin-top:2px;}
.discover-market-creator-copy em{font-style:normal;font-size:9px;color:#737d8f;margin-top:2px;}
.discover-market-rising-tag{position:absolute;left:67px;bottom:8px;height:20px;padding:0 7px;border:1px solid var(--site-accent);color:var(--site-accent-light);font-size:9px;font-weight:800;display:flex;align-items:center;border-radius:999px;}
.discover-market-load-creators{width:100%;height:40px;margin-top:8px;border-radius:0!important;border:1px solid color-mix(in srgb,var(--site-accent) 80%,#ffffff12);display:flex;align-items:center;justify-content:center;gap:8px;color:#d8ddea;background:#0a0e16;font-size:11px;font-weight:750;}
.discover-market-load-creators .ico{width:17px;height:17px;}
.discover-market-load-creators:disabled{opacity:.7;}

@media(max-width:767px){
  .discover-marketplace-screen .desktop-sidebar{display:none!important;}
  .discover-marketplace-screen .discover-market-head{padding:10px 12px 7px;}
  .discover-market-body{padding:0 12px 18px;}
  .discover-market-brand>b{font-size:21px;}
  .discover-market-brand>span{width:32px;height:32px;}
  .discover-market-head-actions{gap:9px;}
  .discover-market-cart,.discover-market-account{width:36px;height:36px;}
  .discover-market-search{height:46px;border-radius:15px;padding:0 12px;}
  .discover-market-tabs{margin-top:8px;gap:7px;}
  .discover-market-tab{height:36px;padding:0 12px;font-size:11px;}
  .discover-market-hero-media{border-left:0;border-right:0;}
  .discover-market-hero-copy{left:12px;right:128px;bottom:10px;}
  .discover-market-hero-copy h1{font-size:20px;}
  .discover-market-hero-copy p{font-size:9px;}
  .discover-market-hero-buy{right:8px;bottom:9px;gap:6px;}
  .discover-market-hero-buy>strong{font-size:17px;}
  .discover-market-hero-buy>button{height:34px;padding:0 10px;border-radius:7px;font-size:10px;}
  .discover-market-play{width:48px;height:48px;}
  .discover-market-section{margin-top:15px;}
  .discover-market-section-head{margin-bottom:7px;}
  .discover-market-section-head>div{display:block;min-width:0;}
  .discover-market-section-head h2{font-size:18px;}
  .discover-market-section-head p{font-size:9px;margin-top:3px;}
  .discover-market-shop-grid,.discover-market-video-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,31vw);grid-template-columns:none;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;overscroll-behavior-inline:contain;}
  .discover-market-shop-grid::-webkit-scrollbar,.discover-market-video-grid::-webkit-scrollbar{display:none;}
  .discover-market-shop{height:105px;}
  .discover-market-shop-foot{left:6px;right:6px;bottom:6px;grid-template-columns:28px minmax(0,1fr) 14px;gap:6px;}
  .discover-market-shop-avatar{width:28px;height:28px;}
  .discover-market-shop-foot b{font-size:10px;}
  .discover-market-shop-foot small{font-size:8px;}
  .discover-market-video-copy>b{font-size:11px;}
  .discover-market-video-copy small{font-size:8px;}
  .discover-market-video-copy strong{font-size:11px;}
  .discover-market-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .discover-market-creator{min-height:88px;grid-template-columns:42px minmax(0,1fr);padding:8px;gap:8px;}
  .discover-market-creator-avatar{width:42px;height:42px;}
  .discover-market-creator-copy b{font-size:11px;}
  .discover-market-rising-tag{left:58px;bottom:7px;font-size:8px;height:19px;}
}
@media(min-width:768px) and (max-width:1100px){
  .discover-marketplace-screen .discover-market-head,.discover-market-body{max-width:860px;}
  .discover-market-shop-grid,.discover-market-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .discover-market-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(min-width:1101px){
  .discover-marketplace-screen{padding-left:var(--desktop-sidebar-width,230px);}
  .discover-marketplace-screen .bottom-nav{display:none!important;}
  .discover-market-shop-grid,.discover-market-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
html[data-theme="light"] .discover-marketplace-screen{background:#fff!important;color:#111318!important;}
html[data-theme="light"] .discover-market-search{background:#f7f8fa!important;border-color:#e1e4ea!important;}
html[data-theme="light"] .discover-market-search input{color:#15171b!important;}
html[data-theme="light"] .discover-market-tab{background:#fff!important;border-color:#e1e4ea!important;color:#4f5662!important;}
html[data-theme="light"] .discover-market-tab.is-active{background:linear-gradient(110deg,var(--site-accent2),var(--site-accent))!important;color:#fff!important;border-color:transparent!important;}
html[data-theme="light"] .discover-market-section-head p,html[data-theme="light"] .discover-market-video-copy small{color:#737984!important;}
html[data-theme="light"] .discover-market-shop,html[data-theme="light"] .discover-market-video-media{border-color:#e4e6eb!important;}
html[data-theme="light"] .discover-market-creator,html[data-theme="light"] .discover-market-load-creators{background:#fff!important;border-color:#e4e6eb!important;color:#17191e!important;}
html[data-theme="light"] .discover-market-creator-copy small{color:#666d78!important;}
html[data-theme="light"] .discover-market-creator-copy em{color:#858b94!important;}
@media(min-width:1101px){.discover-marketplace-screen{padding-left:var(--vh-sidebar-desktop)!important;}}

/* === Xmegram 3.4.9-hotfix913 · Discover marketplace density + creator shelves === */
.discover-market-video-grid,
.discover-market-shop-grid{gap:10px;}

/* Creator shelves deliberately use different visual languages so Discover does not
   become a wall of repeated cards. All outer cards remain square-edged. */
.discover-market-creators--trending .discover-market-creator-grid--trending{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.discover-market-creator--trending{
  min-height:96px!important;grid-template-columns:34px 50px minmax(0,1fr)!important;
  padding:10px!important;background:linear-gradient(145deg,#10131d,#080b12)!important;
  border:1px solid color-mix(in srgb,var(--site-accent) 24%,#222a38)!important;
}
.discover-market-trend-rank{
  align-self:start;font-size:20px;font-weight:900;line-height:1;color:color-mix(in srgb,var(--site-accent-light) 72%,#fff);
  letter-spacing:-.06em;
}
.discover-market-creator--trending .discover-market-creator-avatar{width:50px;height:50px;}
.discover-market-creator--trending .discover-market-creator-copy{padding-top:2px;}
.discover-market-trending-tag{
  position:absolute;left:104px;bottom:9px;height:20px;padding:0 7px;border-left:2px solid var(--site-accent);
  display:flex;align-items:center;font-size:8px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;color:var(--site-accent-light);
}

.discover-market-creators--new .discover-market-creator-grid--new{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
}
.discover-market-creator--new{
  display:block!important;position:relative;min-height:138px!important;padding:0!important;overflow:hidden;
  background:#090c12!important;border:1px solid #222a38!important;color:#fff!important;
}
.discover-market-new-cover{position:absolute;inset:0;background:#10151e center/cover no-repeat;}
.discover-market-new-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(4,6,11,.92) 100%);}
.discover-market-new-badge{position:absolute;left:8px;top:8px;z-index:2;font-size:8px;font-weight:900;letter-spacing:.1em;color:#fff;background:var(--site-accent);padding:4px 6px;}
.discover-market-new-foot{position:absolute;z-index:2;left:8px;right:8px;bottom:8px;display:grid;grid-template-columns:34px minmax(0,1fr) 15px;gap:7px;align-items:center;text-align:left;}
.discover-market-new-foot .discover-market-creator-avatar{width:34px;height:34px;}
.discover-market-new-foot .discover-market-creator-copy b{font-size:11px;color:#fff;}
.discover-market-new-foot .discover-market-creator-copy small{font-size:8px;color:#c5cad4;margin-top:2px;}
.discover-market-new-foot>.ico{width:15px;height:15px;color:#fff;}

.discover-market-creators--rising .discover-market-creator-grid--rising{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.discover-market-creator--rising{background:#0b1018!important;border-left:2px solid color-mix(in srgb,var(--site-accent) 72%,transparent)!important;}

.discover-market-creators--all .discover-market-creator-grid--all{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;
}
.discover-market-creator--all{
  min-height:82px!important;grid-template-columns:42px minmax(0,1fr)!important;padding:9px!important;background:#0a0e15!important;
}
.discover-market-creator--all .discover-market-creator-avatar{width:42px;height:42px;}
.discover-market-store-link{
  position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:2px;font-size:8px;font-weight:800;color:#aeb6c5;
}
.discover-market-store-link .ico{width:11px;height:11px;}

@media(max-width:767px){
  /* Exactly two commerce tiles per visible mobile row, then horizontal scroll. */
  .discover-market-video-grid,
  .discover-market-shop-grid{
    display:grid!important;grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 9px)/2)!important;
    grid-template-columns:none!important;gap:9px!important;overflow-x:auto!important;
    scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:3px;
  }
  .discover-market-video-grid::-webkit-scrollbar,.discover-market-shop-grid::-webkit-scrollbar{display:none;}
  .discover-market-video,.discover-market-shop{scroll-snap-align:start;}
  .discover-market-shop{height:122px!important;}
  .discover-market-video-copy>b{font-size:12px!important;}
  .discover-market-video-copy small{font-size:9px!important;}
  .discover-market-video-copy strong{font-size:12px!important;}

  /* Trending = horizontal creator ranking rail. */
  .discover-market-creators--trending .discover-market-creator-grid--trending{
    display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(228px,72vw);grid-template-columns:none!important;
    overflow-x:auto;gap:8px;scrollbar-width:none;padding-bottom:2px;
  }
  .discover-market-creators--trending .discover-market-creator-grid--trending::-webkit-scrollbar{display:none;}
  .discover-market-creator--trending{min-height:94px!important;}

  /* New creators = image-led two-up horizontal store cards. */
  .discover-market-creators--new .discover-market-creator-grid--new{
    display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 9px)/2);grid-template-columns:none!important;
    overflow-x:auto;gap:9px;scrollbar-width:none;padding-bottom:2px;
  }
  .discover-market-creators--new .discover-market-creator-grid--new::-webkit-scrollbar{display:none;}
  .discover-market-creator--new{min-height:138px!important;}

  /* Rising stays a compact two-column signal board. */
  .discover-market-creators--rising .discover-market-creator-grid--rising{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .discover-market-creator--rising{min-height:90px!important;grid-template-columns:42px minmax(0,1fr)!important;padding:8px!important;}
  .discover-market-creator--rising .discover-market-creator-avatar{width:42px;height:42px;}

  /* All creators = clean directory cards, two per row. */
  .discover-market-creators--all .discover-market-creator-grid--all{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .discover-market-creator--all{min-height:82px!important;grid-template-columns:38px minmax(0,1fr)!important;padding:8px!important;}
  .discover-market-creator--all .discover-market-creator-avatar{width:38px;height:38px;}
}

@media(min-width:768px) and (max-width:1100px){
  /* Tablet: 3 product/video boxes per row. */
  .discover-market-video-grid,.discover-market-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .discover-market-creators--trending .discover-market-creator-grid--trending{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .discover-market-creators--new .discover-market-creator-grid--new{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .discover-market-creators--rising .discover-market-creator-grid--rising{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .discover-market-creators--all .discover-market-creator-grid--all{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

@media(min-width:1101px){
  /* Desktop: 4 product/video boxes per row. */
  .discover-market-video-grid,.discover-market-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .discover-market-creators--trending .discover-market-creator-grid--trending{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .discover-market-creators--new .discover-market-creator-grid--new{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .discover-market-creators--rising .discover-market-creator-grid--rising{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .discover-market-creators--all .discover-market-creator-grid--all{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}

html[data-theme="light"] .discover-market-creator--trending{background:linear-gradient(145deg,#fff,#f7f7fb)!important;border-color:#e3d9ed!important;color:#17191e!important;}
html[data-theme="light"] .discover-market-creator--rising,html[data-theme="light"] .discover-market-creator--all{background:#fff!important;color:#17191e!important;border-color:#e4e6eb!important;}
html[data-theme="light"] .discover-market-creator--new{border-color:#e4e6eb!important;}
html[data-theme="light"] .discover-market-store-link{color:#666d78!important;}

/* Hotfix911 follow-up: commerce shelves stay horizontal at every breakpoint.
   Visible count = 2 mobile, 3 tablet, 4 desktop. */
@media(min-width:768px) and (max-width:1100px){
  .discover-market-video-grid,.discover-market-shop-grid{
    display:grid!important;grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 20px)/3)!important;grid-template-columns:none!important;
    gap:10px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:3px;
    overscroll-behavior-inline:contain;scroll-snap-type:x proximity;
  }
  .discover-market-video-grid::-webkit-scrollbar,.discover-market-shop-grid::-webkit-scrollbar{display:none;}
  .discover-market-video,.discover-market-shop{scroll-snap-align:start;}
}
@media(min-width:1101px){
  .discover-market-video-grid,.discover-market-shop-grid{
    display:grid!important;grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 30px)/4)!important;grid-template-columns:none!important;
    gap:10px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:3px;
    overscroll-behavior-inline:contain;scroll-snap-type:x proximity;
  }
  .discover-market-video-grid::-webkit-scrollbar,.discover-market-shop-grid::-webkit-scrollbar{display:none;}
  .discover-market-video,.discover-market-shop{scroll-snap-align:start;}
}

/* === Xmegram 3.4.9-hotfix914 · home-style horizontal shelf edge behavior ===
   Mobile horizontal rails now copy the proven Recently Added Videos pattern:
   the scroll viewport itself runs to the screen edge, while the first item keeps
   one simple readable left inset. No symmetric gutter wrapper is added.
   Recently Added Videos is intentionally not modified here. */
@media(max-width:767px){
  /* HOME: category tabs use a full-width scroll viewport + one simple 14px start inset. */
  body #app .screen.home-screen .home-market-chrome>.home-market-categories{
    width:auto!important;
    max-width:none!important;
    margin-left:-14px!important;
    margin-right:-14px!important;
    padding-left:14px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scroll-padding-left:14px!important;
    scroll-padding-right:0!important;
  }

  /* HOME: Trending creators copies the Recently Added section geometry. */
  body #app .screen.home-screen .home-market-chrome>.market-trending-creators{
    width:auto!important;
    max-width:none!important;
    margin-left:-14px!important;
    margin-right:-14px!important;
    box-sizing:border-box!important;
  }
  body #app .screen.home-screen .home-market-chrome>.market-trending-creators>header{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body #app .screen.home-screen .home-market-chrome>.market-trending-creators>.market-creator-rail{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:14px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scroll-padding-left:14px!important;
    scroll-padding-right:0!important;
  }
  body #app .screen.home-screen .home-market-chrome>.market-trending-creators>.market-creator-rail::after{
    content:"";
    flex:0 0 2px;
  }

  /* DISCOVER HEADER: category tabs match the same simple-left-margin behavior. */
  body #app .discover-marketplace-screen .discover-market-head>.discover-market-tabs{
    width:auto!important;
    max-width:none!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-left:12px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scroll-padding-left:12px!important;
    scroll-padding-right:0!important;
  }
  body #app .discover-marketplace-screen .discover-market-head>.discover-market-tabs::after{
    content:"";
    flex:0 0 2px;
  }

  /* DISCOVER PRODUCT/SHOP shelves: keep the body heading inset, but let the rail
     scroll viewport continue all the way to the right edge. */
  body #app .discover-marketplace-screen .discover-market-video-grid,
  body #app .discover-marketplace-screen .discover-market-shop-grid{
    width:calc(100% + 12px)!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:-12px!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scroll-padding-left:0!important;
    scroll-padding-right:0!important;
  }

  /* DISCOVER Trending + New creator shelves: exactly the same proven Recently
     Added structure — full-bleed scroll viewport, 12px first-card inset. */
  body #app .discover-marketplace-screen .discover-market-creators--trending,
  body #app .discover-marketplace-screen .discover-market-creators--new{
    width:auto!important;
    max-width:none!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    box-sizing:border-box!important;
  }
  body #app .discover-marketplace-screen .discover-market-creators--trending>.discover-market-section-head,
  body #app .discover-marketplace-screen .discover-market-creators--new>.discover-market-section-head{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body #app .discover-marketplace-screen .discover-market-creators--trending>.discover-market-creator-grid--trending,
  body #app .discover-marketplace-screen .discover-market-creators--new>.discover-market-creator-grid--new{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:12px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scroll-padding-left:12px!important;
    scroll-padding-right:0!important;
  }
  body #app .discover-marketplace-screen .discover-market-creators--trending>.discover-market-creator-grid--trending::after,
  body #app .discover-marketplace-screen .discover-market-creators--new>.discover-market-creator-grid--new::after{
    content:"";
    width:2px;
  }

  /* Watch creator shelf gets the same treatment when it is horizontally scrollable. */
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store>header{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store-track{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:14px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scroll-padding-left:14px!important;
    scroll-padding-right:0!important;
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store-track::after{
    content:"";
    flex:0 0 2px;
  }
}

/* === Xmegram 3.4.9-hotfix916 · Discover video shelf size parity with Home Recently Added ===
   Mobile Discover VIDEO shelves no longer force two cards into the viewport.
   They use the same proven 78vw / 340px cap as Home Recently Added while
   retaining 16:9 media, horizontal scrolling, and the existing simple left start. */
@media(max-width:767px){
  body #app .discover-marketplace-screen .discover-market-video-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:min(78vw,340px)!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  body #app .discover-marketplace-screen .discover-market-video-grid::-webkit-scrollbar{display:none!important;}
  body #app .discover-marketplace-screen .discover-market-video{scroll-snap-align:start;min-width:0!important;}
  body #app .discover-marketplace-screen .discover-market-video-media{aspect-ratio:16/9!important;}
}


/* === Xmegram 3.4.9-hotfix916 · larger Rising/All creator cards + complete directory === */
.discover-market-creator--rising,
.discover-market-creator--all{
  border-radius:10px!important;
  overflow:hidden;
}
.discover-market-creator--rising{
  min-height:110px!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:11px!important;
  padding:11px!important;
}
.discover-market-creator--rising .discover-market-creator-avatar{
  width:54px!important;height:54px!important;
}
.discover-market-creator--rising .discover-market-creator-copy b,
.discover-market-creator--all .discover-market-creator-copy b{
  font-size:13px!important;line-height:1.15!important;
}
.discover-market-creator--rising .discover-market-creator-copy small,
.discover-market-creator--all .discover-market-creator-copy small{
  font-size:10px!important;line-height:1.2!important;margin-top:4px!important;
}
.discover-market-creator--rising .discover-market-creator-copy em,
.discover-market-creator--all .discover-market-creator-copy em{
  font-size:10px!important;line-height:1.2!important;margin-top:4px!important;
}
.discover-market-creator--rising .discover-market-rising-tag{
  left:76px!important;bottom:10px!important;height:24px!important;
  padding:0 9px!important;font-size:10px!important;
}
.discover-market-creator--all{
  min-height:106px!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:11px!important;
  padding:11px!important;
}
.discover-market-creator--all .discover-market-creator-avatar{
  width:52px!important;height:52px!important;
}
.discover-market-store-link{
  right:10px!important;bottom:10px!important;font-size:10px!important;gap:4px!important;
}
.discover-market-store-link .ico{width:13px!important;height:13px!important;}
.discover-market-load-creators{
  min-height:46px!important;height:auto!important;border-radius:10px!important;
  font-size:12px!important;padding:11px 14px!important;
}
.discover-market-load-creators .ico{width:19px!important;height:19px!important;}

@media(max-width:767px){
  .discover-market-creators--rising .discover-market-creator-grid--rising,
  .discover-market-creators--all .discover-market-creator-grid--all{
    gap:9px!important;
  }
  .discover-market-creator--rising{
    min-height:122px!important;
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px!important;
  }
  .discover-market-creator--rising .discover-market-creator-avatar{
    width:60px!important;height:60px!important;
  }
  .discover-market-creator--rising .discover-market-rising-tag{
    left:84px!important;bottom:11px!important;height:25px!important;font-size:10px!important;
  }
  .discover-market-creator--all{
    min-height:116px!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px!important;
  }
  .discover-market-creator--all .discover-market-creator-avatar{
    width:58px!important;height:58px!important;
  }
  .discover-market-creator--rising .discover-market-creator-copy b,
  .discover-market-creator--all .discover-market-creator-copy b{font-size:13px!important;}
  .discover-market-creator--rising .discover-market-creator-copy small,
  .discover-market-creator--rising .discover-market-creator-copy em,
  .discover-market-creator--all .discover-market-creator-copy small,
  .discover-market-creator--all .discover-market-creator-copy em{font-size:10px!important;}
  .discover-market-store-link{font-size:10px!important;right:11px!important;bottom:11px!important;}
}

/* === Xmegram 3.4.9-hotfix918 · remove Discover shelf side-gutter artifacts ===
   Match the proven Home Recently Added visual geometry on mobile: the section
   viewport spans the phone width, while only the first card gets a simple
   readable left start. New Creators is intentionally untouched. */
@media(max-width:767px){
  /* Shops + all video commerce shelves (Latest Bought, Most Bought,
     New but Rising, Videos You Haven't Opened). */
  body #app .discover-marketplace-screen .discover-market-shops,
  body #app .discover-marketplace-screen .discover-market-video-section{
    width:auto!important;
    max-width:none!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    box-sizing:border-box!important;
  }
  body #app .discover-marketplace-screen .discover-market-shops>.discover-market-section-head,
  body #app .discover-marketplace-screen .discover-market-video-section>.discover-market-section-head{
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }
  body #app .discover-marketplace-screen .discover-market-shops>.discover-market-shop-grid,
  body #app .discover-marketplace-screen .discover-market-video-section>.discover-market-video-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:12px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scroll-padding-left:12px!important;
    scroll-padding-right:0!important;
  }

  /* More from this creator: previous late rules targeted the track as though it
     were a direct child of .watch-screen. It is nested inside .watch-creator-store.
     Target the real DOM path so the first card keeps a clean left margin. */
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store{
    width:100%!important;
    max-width:none!important;
    margin:30px 0 0!important;
    padding-top:18px!important;
    box-sizing:border-box!important;
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store>header{
    padding-left:14px!important;
    padding-right:14px!important;
    box-sizing:border-box!important;
  }
  body #app .watch-screen.watch-marketplace-screen>.watch-creator-store>.watch-creator-store-track{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:14px!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    scroll-padding-left:14px!important;
    scroll-padding-right:0!important;
  }
}

/* === Xmegram 3.4.9-hotfix918 · larger Discover Trending Creator cards ===
   Give the ranked creator shelf more presence without turning it into an
   oversized social card. This only changes Trending Creators. */
.discover-market-creator--trending{
  min-height:116px!important;
  grid-template-columns:40px 62px minmax(0,1fr)!important;
  gap:11px!important;
  padding:12px!important;
}
.discover-market-creator--trending .discover-market-trend-rank{
  font-size:25px!important;
  line-height:1!important;
}
.discover-market-creator--trending .discover-market-creator-avatar{
  width:62px!important;
  height:62px!important;
}
.discover-market-creator--trending .discover-market-creator-copy b{
  font-size:14px!important;
  line-height:1.15!important;
}
.discover-market-creator--trending .discover-market-creator-copy small,
.discover-market-creator--trending .discover-market-creator-copy em{
  font-size:10.5px!important;
  line-height:1.25!important;
  margin-top:3px!important;
}
.discover-market-trending-tag{
  left:125px!important;
  bottom:11px!important;
  min-height:23px!important;
  padding:0 8px!important;
  font-size:9px!important;
}
@media(max-width:767px){
  body #app .discover-marketplace-screen .discover-market-creators--trending>.discover-market-creator-grid--trending{
    grid-auto-columns:min(292px,84vw)!important;
    gap:10px!important;
  }
  .discover-market-creator--trending{
    min-height:120px!important;
    grid-template-columns:40px 64px minmax(0,1fr)!important;
    padding:13px!important;
  }
  .discover-market-creator--trending .discover-market-creator-avatar{
    width:64px!important;
    height:64px!important;
  }
  .discover-market-trending-tag{
    left:130px!important;
    bottom:12px!important;
  }
}
@media(min-width:768px){
  .discover-market-creator--trending{
    min-height:122px!important;
  }
}

/* === Xmegram 3.4.9-hotfix921 · Discover featured-video + header cart polish ===
   Fixes the light-mode "skeleton" look: the featured marketplace video always
   reads as a finished media card, with visible copy and a non-overlapping CTA row.
   Also normalizes the Discover header cart icon/badge geometry. */
.discover-market-hero-media{
  isolation:isolate;
  background-color:#0a0d13!important;
}
.discover-market-hero-media:after{
  z-index:1!important;
  background:
    linear-gradient(180deg,rgba(3,5,9,.04) 28%,rgba(3,5,9,.32) 58%,rgba(3,5,9,.94) 100%)!important;
}
.discover-market-hero-copy,
.discover-market-hero-buy,
.discover-market-quality,
.discover-market-play{position:absolute;z-index:4;}
.discover-market-hero-copy small{
  color:#f0a6ff!important;
  text-shadow:0 1px 5px rgba(0,0,0,.65);
}
.discover-market-hero-copy h1{
  color:#fff!important;
  text-shadow:0 1px 7px rgba(0,0,0,.78);
}
.discover-market-hero-copy p{
  color:#eef1f6!important;
  text-shadow:0 1px 5px rgba(0,0,0,.72);
}
.discover-market-hero-buy>strong{
  color:var(--site-accent-light)!important;
  text-shadow:0 1px 6px rgba(0,0,0,.58);
}
.discover-market-hero-buy>button{
  flex:0 0 auto;
  justify-content:center;
  box-shadow:0 8px 22px color-mix(in srgb,var(--site-accent) 20%,transparent);
}
.discover-market-quality{
  color:#fff!important;
  background:rgba(6,8,13,.82)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}

/* Header actions: keep cart and count attached, readable, and tap-safe. */
.discover-market-head-actions{
  gap:15px!important;
  flex:0 0 auto;
}
.discover-market-cart,
.discover-market-account{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
}
.discover-market-cart{
  color:#eef2f8!important;
  overflow:visible!important;
}
.discover-market-cart .ico{
  width:25px!important;
  height:25px!important;
  stroke-width:1.9!important;
}
.discover-market-cart>i{
  right:-6px!important;
  top:-6px!important;
  min-width:23px!important;
  height:23px!important;
  padding:0 6px!important;
  border:2px solid #05070d!important;
  box-shadow:0 2px 8px rgba(0,0,0,.22)!important;
  font-size:10px!important;
  line-height:1!important;
  z-index:3!important;
}
.discover-market-account img{
  width:38px!important;
  height:38px!important;
}
html[data-theme="light"] .discover-market-cart,
html[data-theme="light"] .discover-market-account{
  color:#151820!important;
}
html[data-theme="light"] .discover-market-cart>i{
  border-color:#fff!important;
}

@media(max-width:767px){
  /* Keep the featured card compact and clearly layered on phones. The copy sits
     above a dedicated commerce row instead of competing with price/Unlock. */
  body #app .discover-marketplace-screen .discover-market-hero-media{
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-copy{
    left:12px!important;
    right:12px!important;
    bottom:55px!important;
    min-width:0!important;
    max-width:none!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-copy small{
    font-size:9px!important;
    line-height:1.1!important;
    margin-bottom:4px!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-copy h1{
    max-width:100%!important;
    font-size:18px!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-copy p{
    max-width:100%!important;
    margin:4px 0 0!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-buy{
    left:12px!important;
    right:10px!important;
    bottom:10px!important;
    justify-content:flex-end!important;
    gap:10px!important;
    min-width:0!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-buy>strong{
    min-width:0!important;
    max-width:calc(100% - 102px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:17px!important;
    line-height:1!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-buy>button{
    min-width:94px!important;
    height:38px!important;
    padding:0 13px!important;
    gap:6px!important;
    font-size:11px!important;
    border-radius:9px!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-buy>button .ico{
    width:17px!important;
    height:17px!important;
  }
  body #app .discover-marketplace-screen .discover-market-play{
    top:42%!important;
    width:50px!important;
    height:50px!important;
  }
  body #app .discover-marketplace-screen .discover-market-quality{
    right:9px!important;
    top:9px!important;
    padding:4px 7px!important;
    font-size:10px!important;
  }

  body #app .discover-marketplace-screen .discover-market-head-actions{
    gap:14px!important;
  }
  body #app .discover-marketplace-screen .discover-market-cart,
  body #app .discover-marketplace-screen .discover-market-account{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  body #app .discover-marketplace-screen .discover-market-cart>i{
    right:-5px!important;
    top:-5px!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 5px!important;
    font-size:9.5px!important;
  }
  body #app .discover-marketplace-screen .discover-market-account img{
    width:37px!important;
    height:37px!important;
  }
}

/* === Xmegram 3.4.9-hotfix921 · full-width mobile Discover hero + restrained marketplace accents ===
   The featured media below Discover tabs now escapes only the mobile body inset,
   while the rest of the marketplace keeps its established shelf geometry.
   Accent treatment is deliberately selective: search, section headings, commerce
   media borders, ranked creators and action surfaces get purple/pink polish without
   turning the entire page into one large gradient. */

/* Subtle marketplace accent language across light and dark themes. */
.discover-marketplace-screen .discover-market-search{
  border-color:color-mix(in srgb,var(--site-accent) 24%,#2a3144)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--site-accent2) 4%,transparent)!important;
}
.discover-marketplace-screen .discover-market-search:focus-within{
  border-color:color-mix(in srgb,var(--site-accent) 62%,#ffffff20)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--site-accent) 10%,transparent),
             0 10px 30px color-mix(in srgb,var(--site-accent2) 9%,transparent)!important;
}
.discover-marketplace-screen .discover-market-section-head h2{
  position:relative;
  padding-bottom:5px;
}
.discover-marketplace-screen .discover-market-section-head h2:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:30px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--site-accent2),var(--site-accent));
  opacity:.9;
}
.discover-marketplace-screen .discover-market-section-head>button{
  color:color-mix(in srgb,var(--site-accent-light) 82%,#c3c9d5)!important;
}
.discover-marketplace-screen .discover-market-shop,
.discover-marketplace-screen .discover-market-video-media{
  border-color:color-mix(in srgb,var(--site-accent) 20%,#20283a)!important;
}
.discover-marketplace-screen .discover-market-shop:before,
.discover-marketplace-screen .discover-market-video-media:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--site-accent2) 78%,transparent),
    color-mix(in srgb,var(--site-accent) 72%,transparent));
  opacity:.72;
}
.discover-marketplace-screen .discover-market-video-media .discover-market-video-cart,
.discover-marketplace-screen .discover-market-video-media [data-cart]{
  border-color:color-mix(in srgb,var(--site-accent) 44%,#ffffff24)!important;
  box-shadow:0 5px 16px color-mix(in srgb,var(--site-accent2) 10%,transparent)!important;
}
.discover-marketplace-screen .discover-market-creator--trending{
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--site-accent2) 8%,#10131d),
      color-mix(in srgb,var(--site-accent) 5%,#080b12))!important;
  border-color:color-mix(in srgb,var(--site-accent) 30%,#222a38)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--site-accent-light) 10%,transparent)!important;
}
.discover-marketplace-screen .discover-market-creator--rising,
.discover-marketplace-screen .discover-market-creator--all{
  border-color:color-mix(in srgb,var(--site-accent) 18%,#222b3c)!important;
}
.discover-marketplace-screen .discover-market-load-creators{
  background:linear-gradient(110deg,
    color-mix(in srgb,var(--site-accent2) 7%,#0a0e16),
    color-mix(in srgb,var(--site-accent) 5%,#0a0e16))!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--site-accent-light) 8%,transparent)!important;
}

/* Hero gets a thin marketplace accent seam rather than another rounded box. */
.discover-marketplace-screen .discover-market-hero-media{
  border-color:color-mix(in srgb,var(--site-accent) 28%,#20283a)!important;
}
.discover-marketplace-screen .discover-market-hero-media:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  z-index:5;
  pointer-events:none;
  background:linear-gradient(90deg,var(--site-accent2),var(--site-accent));
  opacity:.9;
}

html[data-theme="light"] .discover-marketplace-screen .discover-market-search{
  background:linear-gradient(110deg,#fff,color-mix(in srgb,var(--site-accent) 2.5%,#fff))!important;
  border-color:color-mix(in srgb,var(--site-accent) 24%,#dfe3eb)!important;
}
html[data-theme="light"] .discover-marketplace-screen .discover-market-shop,
html[data-theme="light"] .discover-marketplace-screen .discover-market-video-media{
  border-color:color-mix(in srgb,var(--site-accent) 17%,#e4e6eb)!important;
}
html[data-theme="light"] .discover-marketplace-screen .discover-market-creator--trending{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--site-accent2) 3.5%,#fff),
    color-mix(in srgb,var(--site-accent) 2.5%,#fff))!important;
  border-color:color-mix(in srgb,var(--site-accent) 20%,#e4e6eb)!important;
}
html[data-theme="light"] .discover-marketplace-screen .discover-market-creator--rising,
html[data-theme="light"] .discover-marketplace-screen .discover-market-creator--all{
  border-color:color-mix(in srgb,var(--site-accent) 14%,#e4e6eb)!important;
}
html[data-theme="light"] .discover-marketplace-screen .discover-market-load-creators{
  background:linear-gradient(110deg,#fff,color-mix(in srgb,var(--site-accent) 3%,#fff))!important;
}

@media(max-width:767px){
  /* Full-bleed featured video only: body keeps 12px readable content padding,
     but the hero spans the actual mobile viewport. */
  body #app .discover-marketplace-screen .discover-market-body>.discover-market-hero{
    width:calc(100% + 24px)!important;
    max-width:none!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    margin-top:2px!important;
  }
  body #app .discover-marketplace-screen .discover-market-body>.discover-market-hero>.discover-market-hero-media{
    width:100%!important;
    max-width:none!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0!important;
  }

  /* Give mobile headings a compact accent cue without increasing section height. */
  body #app .discover-marketplace-screen .discover-market-section-head h2{
    padding-bottom:4px!important;
  }
  body #app .discover-marketplace-screen .discover-market-section-head h2:after{
    width:24px!important;
    height:2px!important;
  }
}

/* === Xmegram 3.4.9-hotfix921 · balanced marketplace typography hierarchy ===
   IMPORTANT: this hotfix deliberately does NOT set the font family. The family still
   comes from Admin → Appearance. Only scale, weight, line-height and spacing are
   normalized so every supported family keeps a polished marketplace hierarchy. */

/* Shared rendering polish without overriding the administrator-selected family. */
body #app{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Discover: section hierarchy modeled after the compact WildlifePlay reference. */
.discover-marketplace-screen .discover-market-section-head{
  align-items:flex-end!important;
  gap:10px!important;
}
.discover-marketplace-screen .discover-market-section-head>div{
  gap:9px!important;
}
.discover-marketplace-screen .discover-market-section-head h2{
  font-size:18px!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
.discover-marketplace-screen .discover-market-section-head p{
  font-size:10.5px!important;
  line-height:1.25!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.discover-marketplace-screen .discover-market-section-head>button{
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:700!important;
}

/* Discover product/video typography: title readable, metadata quiet, price decisive. */
.discover-marketplace-screen .discover-market-video-copy{
  padding-top:7px!important;
}
.discover-marketplace-screen .discover-market-video-copy>b{
  font-size:12.5px!important;
  line-height:1.18!important;
  font-weight:750!important;
  letter-spacing:-.012em!important;
}
.discover-marketplace-screen .discover-market-video-copy>div{
  margin-top:4px!important;
  align-items:baseline!important;
}
.discover-marketplace-screen .discover-market-video-copy small{
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:520!important;
}
.discover-marketplace-screen .discover-market-video-copy strong{
  font-size:13.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  font-variant-numeric:tabular-nums!important;
}
.discover-marketplace-screen .discover-market-video-copy .video-price-pair>del{
  font-size:8px!important;
  line-height:1!important;
  font-weight:620!important;
}
.discover-marketplace-screen .discover-market-video-copy .video-price-pair>strong{
  font-weight:900!important;
}

/* Shops: keep names prominent but do not let them compete with section headings. */
.discover-marketplace-screen .discover-market-shop-foot b{
  font-size:11.5px!important;
  line-height:1.12!important;
  font-weight:780!important;
  letter-spacing:-.012em!important;
}
.discover-marketplace-screen .discover-market-shop-foot small{
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:520!important;
}

/* Creator directory: stronger names, quieter descriptors/counts, compact badges. */
.discover-marketplace-screen .discover-market-creator-copy b{
  font-size:12.25px!important;
  line-height:1.12!important;
  font-weight:780!important;
  letter-spacing:-.015em!important;
}
.discover-marketplace-screen .discover-market-creator-copy small{
  font-size:9.75px!important;
  line-height:1.16!important;
  font-weight:540!important;
}
.discover-marketplace-screen .discover-market-creator-copy em{
  font-size:9.5px!important;
  line-height:1.16!important;
  font-weight:500!important;
}
.discover-marketplace-screen .discover-market-rising-tag,
.discover-marketplace-screen .discover-market-trending-tag{
  font-size:8.75px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:.015em!important;
}
.discover-marketplace-screen .discover-market-store-link{
  font-size:9.75px!important;
  line-height:1!important;
  font-weight:720!important;
}
.discover-marketplace-screen .discover-market-trend-rank{
  font-size:20px!important;
  line-height:1!important;
  font-weight:880!important;
  letter-spacing:-.045em!important;
}
.discover-marketplace-screen .discover-market-load-creators{
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:760!important;
}

/* New creator cover cards: compact editorial hierarchy over the image. */
.discover-marketplace-screen .discover-market-new-badge{
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.discover-marketplace-screen .discover-market-new-foot .discover-market-creator-copy b{
  font-size:11.5px!important;
  line-height:1.12!important;
  font-weight:800!important;
}
.discover-marketplace-screen .discover-market-new-foot .discover-market-creator-copy small{
  font-size:8.75px!important;
  line-height:1.15!important;
  font-weight:520!important;
}

/* Featured Discover media: title first, caption second, price visually strongest commerce text. */
.discover-marketplace-screen .discover-market-hero-copy small{
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.discover-marketplace-screen .discover-market-hero-copy h1{
  font-size:22px!important;
  line-height:1.04!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
}
.discover-marketplace-screen .discover-market-hero-copy p{
  font-size:10.5px!important;
  line-height:1.22!important;
  font-weight:500!important;
}
.discover-marketplace-screen .discover-market-hero-buy>strong{
  font-size:20px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  font-variant-numeric:tabular-nums!important;
}
.discover-marketplace-screen .discover-market-hero-buy>button{
  font-size:11px!important;
  line-height:1!important;
  font-weight:820!important;
}
.discover-marketplace-screen .discover-market-quality,
.discover-marketplace-screen .discover-market-video-media .duration{
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
}

/* Home marketplace: use the same quiet-title / strong-price rhythm while leaving
   Recently Added layout and sizing untouched. */
body #app .market-feed-card .market-feed-price,
body #app .market-live-feed-card .market-feed-price{
  font-weight:900!important;
  letter-spacing:-.02em!important;
  font-variant-numeric:tabular-nums!important;
}
body #app .market-feed-creator-copy>b,
body #app .market-live-feed-card .market-feed-creator-copy>b{
  font-weight:760!important;
  letter-spacing:-.01em!important;
}
body #app .market-feed-creator-copy>small,
body #app .market-live-feed-card .market-feed-creator-copy>small{
  font-weight:520!important;
}
.market-top-clips>header h2,
.home-categorized-feed-section>header h2{
  font-weight:820!important;
  letter-spacing:-.028em!important;
}
.market-top-clips>header p{
  font-weight:500!important;
}
.market-recent-uploads .market-snapshot-item-title{
  font-weight:720!important;
  letter-spacing:-.012em!important;
}
.market-recent-uploads .market-snapshot-item-meta .video-price-pair>strong{
  font-weight:900!important;
  letter-spacing:-.02em!important;
}

/* Watch marketplace commerce: preserve the existing dimensions but tighten hierarchy. */
.watch-marketplace-screen .watch-marketplace-price,
.watch-marketplace-screen .watch-marketplace-price .crossed-price-current,
.watch-marketplace-screen .watch-marketplace-price strong{
  font-weight:950!important;
  font-variant-numeric:tabular-nums!important;
}
.watch-marketplace-screen .watch-marketplace-benefits b{
  font-weight:650!important;
  letter-spacing:-.005em!important;
}
.watch-marketplace-screen .watch-marketplace-primary,
.watch-marketplace-screen .watch-marketplace-secondary{
  font-weight:780!important;
}

@media(max-width:767px){
  /* Mobile Discover: deliberately tighter than the old oversized serif-looking scale. */
  body #app .discover-marketplace-screen .discover-market-section-head{
    margin-bottom:6px!important;
  }
  body #app .discover-marketplace-screen .discover-market-section-head h2{
    font-size:16.75px!important;
    line-height:1.08!important;
    font-weight:800!important;
  }
  body #app .discover-marketplace-screen .discover-market-section-head p{
    font-size:9.25px!important;
    line-height:1.22!important;
    margin-top:3px!important;
  }
  body #app .discover-marketplace-screen .discover-market-section-head>button{
    font-size:9.5px!important;
  }

  body #app .discover-marketplace-screen .discover-market-video-copy>b{
    font-size:11.75px!important;
    line-height:1.17!important;
    font-weight:760!important;
  }
  body #app .discover-marketplace-screen .discover-market-video-copy small{
    font-size:8.75px!important;
  }
  body #app .discover-marketplace-screen .discover-market-video-copy strong{
    font-size:12.75px!important;
    font-weight:900!important;
  }

  body #app .discover-marketplace-screen .discover-market-shop-foot b{
    font-size:10.5px!important;
    font-weight:800!important;
  }
  body #app .discover-marketplace-screen .discover-market-shop-foot small{
    font-size:8.25px!important;
  }

  body #app .discover-marketplace-screen .discover-market-creator-copy b,
  body #app .discover-marketplace-screen .discover-market-creator--rising .discover-market-creator-copy b,
  body #app .discover-marketplace-screen .discover-market-creator--all .discover-market-creator-copy b{
    font-size:11.75px!important;
    line-height:1.1!important;
    font-weight:790!important;
  }
  body #app .discover-marketplace-screen .discover-market-creator-copy small,
  body #app .discover-marketplace-screen .discover-market-creator--rising .discover-market-creator-copy small,
  body #app .discover-marketplace-screen .discover-market-creator--all .discover-market-creator-copy small{
    font-size:9.25px!important;
    line-height:1.14!important;
    font-weight:540!important;
  }
  body #app .discover-marketplace-screen .discover-market-creator-copy em,
  body #app .discover-marketplace-screen .discover-market-creator--rising .discover-market-creator-copy em,
  body #app .discover-marketplace-screen .discover-market-creator--all .discover-market-creator-copy em{
    font-size:9px!important;
    line-height:1.14!important;
  }
  body #app .discover-marketplace-screen .discover-market-rising-tag{
    font-size:8.5px!important;
    font-weight:820!important;
  }
  body #app .discover-marketplace-screen .discover-market-store-link{
    font-size:9px!important;
    font-weight:720!important;
  }
  body #app .discover-marketplace-screen .discover-market-trend-rank{
    font-size:18px!important;
  }

  body #app .discover-marketplace-screen .discover-market-new-foot .discover-market-creator-copy b{
    font-size:10.75px!important;
  }
  body #app .discover-marketplace-screen .discover-market-new-foot .discover-market-creator-copy small{
    font-size:8.25px!important;
  }

  body #app .discover-marketplace-screen .discover-market-hero-copy small{
    font-size:8.5px!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-copy h1{
    font-size:18.5px!important;
    line-height:1.04!important;
    font-weight:850!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-copy p{
    font-size:9.5px!important;
    line-height:1.18!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-buy>strong{
    font-size:17.5px!important;
    font-weight:950!important;
  }
  body #app .discover-marketplace-screen .discover-market-hero-buy>button{
    font-size:10px!important;
    font-weight:840!important;
  }

  /* Keep Home section headings compact enough to match the first reference without
     altering any Recently Added box widths, gaps or rail behavior. */
  .market-top-clips>header h2{font-size:21px!important;line-height:1.08!important;}
  .market-top-clips>header p{font-size:12px!important;line-height:1.3!important;}
  .home-categorized-feed-section>header h2{font-size:19.5px!important;line-height:1.1!important;}
}

@media(min-width:768px) and (max-width:1100px){
  .discover-marketplace-screen .discover-market-section-head h2{font-size:18.5px!important;}
  .discover-marketplace-screen .discover-market-video-copy>b{font-size:12.5px!important;}
  .discover-marketplace-screen .discover-market-video-copy strong{font-size:13.5px!important;}
}

@media(min-width:1101px){
  .discover-marketplace-screen .discover-market-section-head h2{font-size:20px!important;}
  .discover-marketplace-screen .discover-market-section-head p{font-size:11px!important;}
  .discover-marketplace-screen .discover-market-video-copy>b{font-size:13px!important;}
  .discover-marketplace-screen .discover-market-video-copy strong{font-size:14px!important;}
}

/* === Xmegram 3.4.9-hotfix925 · site-wide balanced type hierarchy ===
   Typography only. The Admin-selected font family remains authoritative. */

/* Navigation, tabs and compact controls: labels stay readable and confident without looking heavy. */
body #app :is(
  .bottom-nav button,.bottom-nav a,
  .home-category-chip,.discover-category-chip,.discover-market-tab,
  .profile-tabs button,.profile-tabs-ref button,
  .profile-filters-premium button,
  .filter-chips button,.page-chips button
){font-weight:720!important;letter-spacing:-.006em!important}

/* Primary/secondary text buttons use the same medium-bold rhythm as the reference UI. */
body #app :is(
  .primary,.soft-btn,.compact-btn,
  .watch-marketplace-primary,.watch-marketplace-secondary,
  .discover-market-hero-buy>button,
  .discover-market-load-creators,
  .discover-market-section-head>button,
  .profile-primary,.profile-secondary,.profile-action,
  .market-feed-unlock
){font-weight:780!important;letter-spacing:-.012em!important}

/* Home/Profile/Category/Discover feed cards all share socialFeedCard(), so this keeps
   the title/creator/price hierarchy identical wherever the Home-style stream appears. */
body #app .market-feed-body>h3{
  font-weight:760!important;
  letter-spacing:-.022em!important;
}
body #app .market-feed-creator-copy>b{
  font-weight:740!important;
  letter-spacing:-.012em!important;
}
body #app .market-feed-creator-copy>small{
  font-weight:500!important;
  letter-spacing:0!important;
}
body #app .market-feed-price,
body #app .market-feed-price :is(strong,.crossed-price-current),
body #app .market-feed-price .video-price-pair>strong{
  font-weight:900!important;
  letter-spacing:-.025em!important;
  font-variant-numeric:tabular-nums!important;
}
body #app .market-feed-price :is(del,.crossed-price-old),
body #app .market-feed-price .video-price-pair>del{
  font-weight:600!important;
  letter-spacing:-.01em!important;
}

/* Compact marketplace/video cards used in shelves, profile modules and More from this creator. */
body #app .commerce-card-title{
  font-weight:760!important;
  letter-spacing:-.018em!important;
}
body #app .commerce-card-identity{
  font-weight:520!important;
}
body #app .commerce-card-identity :is(b,.commerce-card-creator,.home-creator-inline){
  font-weight:680!important;
}
body #app .commerce-card-social{font-weight:520!important}
body #app .commerce-card-price,
body #app .commerce-card-price>strong,
body #app .commerce-card-price .sale-price-stack>strong,
body #app .commerce-card-price .daily-promo-price>strong{
  font-weight:900!important;
  letter-spacing:-.022em!important;
  font-variant-numeric:tabular-nums!important;
}
body #app .commerce-card-price :is(del,.sale-price-stack>del,.daily-promo-price>del){font-weight:600!important}

/* Home editorial modules: strong title, quieter supporting copy, thicker price. */
body #app :is(.market-snapshot-title h3,.market-top-clips>header h2,.home-categorized-feed-section>header h2){
  font-weight:800!important;
  letter-spacing:-.03em!important;
}
body #app :is(.market-snapshot-copy>p,.market-top-clips>header p,.home-categorized-feed-section>header p){font-weight:500!important}
body #app .market-snapshot-item-title{font-weight:720!important;letter-spacing:-.014em!important}
body #app .market-snapshot-item-meta{font-weight:500!important}
body #app .market-snapshot-item-meta :is(strong,.market-snapshot-price,.crossed-price-current){font-weight:900!important;letter-spacing:-.02em!important}

/* Discover marketplace typography: tags/buttons are deliberately a touch thicker. */
body #app .discover-marketplace-screen .discover-market-section-head h2{
  font-weight:800!important;
  letter-spacing:-.032em!important;
}
body #app .discover-marketplace-screen .discover-market-section-head p{font-weight:500!important}
body #app .discover-marketplace-screen .discover-market-video-copy>b{font-weight:740!important;letter-spacing:-.016em!important}
body #app .discover-marketplace-screen .discover-market-video-copy small{font-weight:500!important}
body #app .discover-marketplace-screen .discover-market-video-copy :is(strong,.crossed-price-current){font-weight:900!important;letter-spacing:-.022em!important}
body #app .discover-marketplace-screen .discover-market-shop-foot b{font-weight:760!important;letter-spacing:-.014em!important}
body #app .discover-marketplace-screen .discover-market-shop-foot small{font-weight:500!important}
body #app .discover-marketplace-screen .discover-market-creator-copy b{font-weight:760!important;letter-spacing:-.015em!important}
body #app .discover-marketplace-screen .discover-market-creator-copy :is(small,em){font-weight:500!important}
body #app .discover-marketplace-screen :is(.discover-market-rising-tag,.discover-market-trending-tag){
  font-weight:850!important;
  letter-spacing:.005em!important;
}
body #app .discover-marketplace-screen .discover-market-store-link{font-weight:750!important}
body #app .discover-marketplace-screen .discover-market-new-badge{font-weight:900!important}
body #app .discover-marketplace-screen .discover-market-hero-copy h1{font-weight:820!important;letter-spacing:-.035em!important}
body #app .discover-marketplace-screen .discover-market-hero-copy p{font-weight:500!important}
body #app .discover-marketplace-screen .discover-market-hero-buy>strong{font-weight:920!important;letter-spacing:-.03em!important}

/* Profile chrome: preserve layout but make names, numbers, tabs and actions match the same hierarchy. */
body #app :is(.profile-screen,.profile-screen-ref) .profile-head h1{font-weight:800!important;letter-spacing:-.03em!important}
body #app :is(.profile-screen,.profile-screen-ref) .profile-stats b{font-weight:820!important;letter-spacing:-.02em!important}
body #app :is(.profile-screen,.profile-screen-ref) .profile-stats span{font-weight:500!important}
body #app :is(.profile-screen,.profile-screen-ref) :is(.profile-tabs button,.profile-tabs-ref button){font-weight:720!important}
body #app :is(.profile-screen,.profile-screen-ref) :is(.profile-primary,.profile-secondary,.profile-action){font-weight:780!important}

/* Watch page commerce: keep the current dimensions while making price/actions read like the reference. */
body #app .watch-marketplace-copy h1{font-weight:820!important;letter-spacing:-.04em!important}
body #app :is(.watch-marketplace-lead,.watch-marketplace-description,.watch-marketplace-caption){font-weight:500!important}
body #app .watch-marketplace-price,
body #app .watch-marketplace-price :is(strong,.crossed-price-current){font-weight:920!important;letter-spacing:-.035em!important;font-variant-numeric:tabular-nums!important}
body #app .watch-marketplace-price :is(del,.crossed-price-old){font-weight:600!important}
body #app .watch-marketplace-benefits b{font-weight:650!important}

/* Common prices outside the main marketplace cards. */
body #app :is(
  .watch-price,.profile-price,.profile-mobile-price,.creator-price,.creator-mobile-price,
  .cart-line-price,.cart-clean-price,.cart-rec-price,.purchase-pending-price,
  .checkout-sale-price,.chat-purchase-price,.market-featured-price,
  .home-limited-deal-price,.home-preview-price-static,.home-preview-price-action
){font-weight:900!important;letter-spacing:-.022em!important;font-variant-numeric:tabular-nums!important}

@media(max-width:767px){
  /* The reference uses compact type on phones; keep hierarchy strong without oversized copy. */
  body #app .market-feed-body>h3{font-size:15.75px!important;line-height:1.17!important}
  body #app .market-feed-creator-copy>b{font-size:11.5px!important;line-height:1.13!important}
  body #app .market-feed-creator-copy>small{font-size:9.5px!important;line-height:1.15!important}
  body #app .market-feed-price{font-size:11px!important}

  body #app .commerce-card-title{line-height:1.16!important}

  body #app .discover-marketplace-screen .discover-market-section-head h2{font-size:17px!important;line-height:1.08!important}
  body #app .discover-marketplace-screen .discover-market-section-head p{font-size:9.5px!important;line-height:1.2!important}
  body #app .discover-marketplace-screen .discover-market-rising-tag,
  body #app .discover-marketplace-screen .discover-market-trending-tag{font-size:8.75px!important}

  body #app :is(.profile-screen,.profile-screen-ref) .profile-head h1{font-size:23px!important;line-height:1.06!important}
  body #app :is(.profile-screen,.profile-screen-ref) .profile-tabs-ref button{font-size:11.75px!important}

  body #app .watch-marketplace-copy h1{font-size:29px!important;line-height:1.045!important}
}

@media(min-width:768px) and (max-width:1099px){
  body #app .market-feed-body>h3{font-size:15px!important;line-height:1.16!important}
  body #app .market-feed-creator-copy>b{font-size:11.5px!important}
}

@media(min-width:1100px){
  body #app .market-feed-body>h3{font-size:15.5px!important;line-height:1.16!important}
  body #app .discover-marketplace-screen .discover-market-section-head h2{font-size:20px!important}
}

/* Hotfix931 access stability: never expose clear premium UI while qualification is unresolved. */
.site-access-pending-cover{position:fixed;inset:0;z-index:2147481900;display:grid;place-items:center;background:var(--site-bg-active,#05060b);pointer-events:auto;overscroll-behavior:none}
.site-access-pending-dots{display:flex;align-items:center;gap:6px}
.site-access-pending-dots i{display:block;width:7px;height:7px;border-radius:50%;background:var(--site-accent,#e729b7);animation:siteAccessPendingPulse .9s ease-in-out infinite}
.site-access-pending-dots i:nth-child(2){animation-delay:.14s}.site-access-pending-dots i:nth-child(3){animation-delay:.28s}
@keyframes siteAccessPendingPulse{0%,80%,100%{opacity:.28;transform:scale(.82)}40%{opacity:1;transform:scale(1)}}
html.vh-site-access-pending,body.vh-site-access-pending{overflow:hidden!important}
body.vh-site-access-locked #app .bottom-nav,body.vh-site-access-locked #app .desktop-sidebar,body.vh-site-access-locked #app .mobile-shell-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* Xmegram 3.4.9-hotfix928 — full-screen access veil + inline wallet top up.
   One fixed backdrop layer blurs the complete visible app, including every feed/video card.
   The document remains vertically scrollable and feed media continues running underneath. */
html.vh-site-access-locked,body.vh-site-access-locked{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important}
body.vh-site-access-locked #app{user-select:none;-webkit-user-select:none}
body.vh-site-access-locked #app :where(a,button,input,select,textarea,[role="button"],video){pointer-events:none!important}
.site-access-gate{position:fixed;inset:0;z-index:2147481800;display:flex;align-items:flex-end;justify-content:center;padding:12px 12px calc(14px + env(safe-area-inset-bottom));pointer-events:none;isolation:isolate}
.site-access-gate-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none;background:rgba(9,10,15,.18);backdrop-filter:blur(9px) saturate(.72);-webkit-backdrop-filter:blur(9px) saturate(.72)}
.site-access-gate-card{pointer-events:auto;width:min(100%,430px);max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(155deg,rgba(16,17,23,.97),rgba(8,9,14,.96));box-shadow:0 24px 80px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);animation:siteAccessGateIn .22s cubic-bezier(.2,.8,.2,1);-webkit-overflow-scrolling:touch}
.site-access-gate-main{display:flex;align-items:center;gap:13px;min-width:0}
.site-access-gate-mark{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,var(--accent,#e729b7),var(--accent2,#8b45ff));box-shadow:0 16px 36px color-mix(in srgb,var(--accent,#e729b7) 32%,transparent),inset 0 1px 0 rgba(255,255,255,.18);position:relative;overflow:hidden}.site-access-gate-mark::after{content:'';position:absolute;inset:1px;border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));pointer-events:none}.site-access-gate-mark .ico{width:24px;height:24px;stroke-width:2.05}.site-access-gate-mark-premium .site-access-premium-icon{width:28px;height:28px;display:block;filter:drop-shadow(0 3px 10px rgba(255,255,255,.18));animation:siteAccessPremiumGlow 2.8s ease-in-out infinite}.site-access-gate-mark-premium .site-access-premium-icon path,.site-access-gate-mark-premium .site-access-premium-icon circle{transform-origin:50% 50%}@keyframes siteAccessPremiumGlow{0%,100%{transform:translateY(0) scale(1);opacity:.96}50%{transform:translateY(-1.5px) scale(1.035);opacity:1}}
.site-access-gate-copy{min-width:0;flex:1}
.site-access-gate-copy h2{margin:0!important;color:#fff!important;font:850 clamp(21px,5vw,25px)/1.08 var(--site-font-family,system-ui,sans-serif)!important;letter-spacing:-.035em}
.site-access-gate-copy p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0!important;color:rgba(255,255,255,.78)!important;font:650 13.5px/1.35 var(--site-font-family,system-ui,sans-serif)!important}.site-access-gate-was{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)!important;font:800 12px/1 var(--site-font-family,system-ui,sans-serif)!important;text-decoration:line-through;text-decoration-thickness:1.6px;text-decoration-color:rgba(255,255,255,.48)!important;white-space:nowrap}.site-access-gate-now{display:inline;white-space:normal;color:#ffdb7b!important;font-weight:900!important;letter-spacing:-.015em;text-shadow:0 1px 0 rgba(0,0,0,.08)}.site-access-gate-offer{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#ffd88b!important;font:800 11.5px/1.1 var(--site-font-family,system-ui,sans-serif)!important;letter-spacing:.01em}.site-access-gate-offer::before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#ffb84d;box-shadow:0 0 0 4px rgba(255,184,77,.16)}
.site-access-gate-topup{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;margin-top:15px;padding:0 16px;border:0;border-radius:16px;background:linear-gradient(105deg,var(--accent,#e729b7),var(--accent2,#8b45ff));color:#fff;box-shadow:0 13px 32px color-mix(in srgb,var(--accent,#e729b7) 27%,transparent);font:850 14px/1 var(--site-font-family,system-ui,sans-serif);cursor:pointer}
.site-access-gate-topup .ico:first-child{width:20px;height:20px}.site-access-gate-topup .ico:last-child{width:17px;height:17px;margin-left:auto}
.site-access-inline-topup{margin-top:15px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.site-access-topup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.site-access-topup-head>b{font:820 14px/1.2 var(--site-font-family,system-ui,sans-serif)}.site-access-topup-head>button{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:11px;background:rgba(255,255,255,.07);color:#fff;font-size:21px;line-height:1;cursor:pointer}
.site-access-topup-field{display:block;margin:0 0 11px}.site-access-topup-field>span{display:block;margin:0 0 6px;color:rgba(255,255,255,.63);font:750 11px/1.2 var(--site-font-family,system-ui,sans-serif);text-transform:uppercase;letter-spacing:.06em}.site-access-topup-field>div{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:14px;background:rgba(255,255,255,.055)}.site-access-topup-field>div:focus-within{border-color:color-mix(in srgb,var(--accent,#e729b7) 60%,white 8%);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#e729b7) 14%,transparent)}.site-access-topup-field .amount>strong{padding-right:10px;border-right:1px solid rgba(255,255,255,.1);font-size:12px}.site-access-topup-field .ico{width:18px;height:18px;color:rgba(255,255,255,.68)}.site-access-topup-field input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font:780 16px/1 var(--site-font-family,system-ui,sans-serif)!important}
.site-access-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:11px}.site-access-method{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:48px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045);color:#fff;cursor:pointer}.site-access-method.active{border-color:color-mix(in srgb,var(--accent,#e729b7) 56%,white 7%);background:color-mix(in srgb,var(--accent,#e729b7) 12%,rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#e729b7) 10%,transparent)}.site-access-method>svg,.site-access-method>span:first-child{flex:0 0 auto}.site-access-method>b{font:800 12px/1 var(--site-font-family,system-ui,sans-serif)}.site-access-method>i{display:grid;place-items:center;width:19px;height:19px;margin-left:auto;border-radius:50%;background:var(--accent,#e729b7)}.site-access-method>i .ico{width:12px;height:12px}.site-access-method .payment-provider-art{max-width:40px}
.site-access-topup-status{margin:0 0 10px;padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.76);font:650 12px/1.35 var(--site-font-family,system-ui,sans-serif)}
.site-access-topup-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:50px;border:0;border-radius:15px;background:linear-gradient(105deg,var(--accent,#e729b7),var(--accent2,#8b45ff));color:#fff;box-shadow:0 12px 30px color-mix(in srgb,var(--accent,#e729b7) 25%,transparent);font:850 14px/1 var(--site-font-family,system-ui,sans-serif);cursor:pointer}.site-access-topup-submit:disabled{opacity:.65}.site-access-topup-submit .ico{width:19px;height:19px}
.site-access-topup-loading,.site-access-topup-error{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.75)}.site-access-topup-loading>span{width:17px;height:17px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:siteAccessSpin .7s linear infinite}.site-access-topup-loading>b,.site-access-topup-error>b{font:750 12px/1.2 var(--site-font-family,system-ui,sans-serif)}.site-access-topup-error button{margin-left:auto;padding:8px 10px;border:0;border-radius:10px;background:rgba(255,255,255,.09);color:#fff;font-weight:800}
html[data-theme="light"] .site-access-gate-scrim{background:rgba(255,255,255,.16);backdrop-filter:blur(9px) saturate(.68);-webkit-backdrop-filter:blur(9px) saturate(.68)}
html[data-theme="light"] .site-access-gate-card{background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(249,249,252,.97));border-color:rgba(18,22,29,.11);box-shadow:0 24px 80px rgba(15,20,30,.22),inset 0 1px 0 #fff;color:#11151b}
html[data-theme="light"] .site-access-gate-copy h2{color:#11151b!important}html[data-theme="light"] .site-access-gate-copy p{color:rgba(17,21,27,.62)!important}html[data-theme="light"] .site-access-gate-was{background:rgba(17,21,27,.06);color:rgba(17,21,27,.52)!important;text-decoration-color:rgba(17,21,27,.35)!important}html[data-theme="light"] .site-access-gate-now{color:#b86800!important;text-shadow:none}html[data-theme="light"] .site-access-gate-offer{color:#b86a00!important}html[data-theme="light"] .site-access-gate-offer::before{background:#ff9800;box-shadow:0 0 0 4px rgba(255,152,0,.14)}
html[data-theme="light"] .site-access-inline-topup{border-color:rgba(20,24,30,.09)}html[data-theme="light"] .site-access-topup-head>b{color:#11151b}html[data-theme="light"] .site-access-topup-head>button{background:rgba(15,18,24,.06);color:#11151b}
html[data-theme="light"] .site-access-topup-field>span{color:rgba(17,21,27,.56)}html[data-theme="light"] .site-access-topup-field>div{border-color:rgba(17,21,27,.1);background:rgba(17,21,27,.035)}html[data-theme="light"] .site-access-topup-field .amount>strong{border-color:rgba(17,21,27,.09);color:#222}html[data-theme="light"] .site-access-topup-field .ico{color:rgba(17,21,27,.58)}html[data-theme="light"] .site-access-topup-field input{color:#11151b!important}
html[data-theme="light"] .site-access-method{border-color:rgba(17,21,27,.1);background:rgba(17,21,27,.035);color:#11151b}html[data-theme="light"] .site-access-topup-status{background:rgba(17,21,27,.05);color:rgba(17,21,27,.68)}html[data-theme="light"] .site-access-topup-loading,html[data-theme="light"] .site-access-topup-error{border-color:rgba(17,21,27,.09);color:rgba(17,21,27,.65)}html[data-theme="light"] .site-access-topup-error button{background:rgba(17,21,27,.06);color:#11151b}
body.vh-site-access-payment-open .site-access-gate{display:none!important}
@keyframes siteAccessGateIn{from{transform:translateY(16px) scale(.985);opacity:0}to{transform:none;opacity:1}}@keyframes siteAccessSpin{to{transform:rotate(360deg)}}
@media(min-width:760px){.site-access-gate{align-items:center;padding:24px}.site-access-gate-card{padding:18px;border-radius:26px;max-height:min(78vh,640px)}}
@media(prefers-reduced-motion:reduce){.site-access-gate-card{animation:none}.site-access-topup-loading>span{animation-duration:1.4s}}
.site-access-method .provider-art{display:grid;place-items:center;flex:0 0 34px;width:34px;height:28px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.08)}
.site-access-method .provider-art img{display:block;max-width:30px;max-height:20px;object-fit:contain}
html[data-theme="light"] .site-access-method .provider-art{background:rgba(17,21,27,.05)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body.vh-site-access-locked #app{filter:blur(7px) saturate(.75)!important}}

/* === Access gate scroll-stability fix ===
   Blur the app content itself instead of relying on a scrolling backdrop-filter.
   This prevents Android/Chrome composited video/feed layers from becoming clear
   while the user scrolls. The access card remains outside #app and stays sharp. */
body.vh-site-access-locked #app{
  filter:blur(7px) saturate(.78) brightness(.98)!important;
  -webkit-filter:blur(7px) saturate(.78) brightness(.98)!important;
  will-change:filter;
}
/* Force hardware/composited media to stay blurred even when Chrome promotes it
   to its own layer during autoplay/scrolling. */
body.vh-site-access-locked #app video,
body.vh-site-access-locked #app canvas,
body.vh-site-access-locked #app iframe,
body.vh-site-access-locked #app img{
  filter:blur(2px) saturate(.92)!important;
  -webkit-filter:blur(2px) saturate(.92)!important;
}
/* The fixed scrim is now only a subtle tint. It no longer performs the blur,
   so there is no viewport/backdrop layer that can scroll, lag, or expose feeds. */
body.vh-site-access-locked .site-access-gate-scrim{
  position:fixed!important;
  inset:0!important;
  background:rgba(9,10,15,.12)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme="light"] body.vh-site-access-locked .site-access-gate-scrim{
  background:rgba(255,255,255,.10)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Keep the navigation fully unavailable while locked; do not depend on blur. */
body.vh-site-access-locked #app .bottom-nav,
body.vh-site-access-locked #app .desktop-sidebar,
body.vh-site-access-locked #app .mobile-shell-menu{
  display:none!important;
}

/* Hotfix937: compact access payment step. Admin price is fixed; no duplicate title/amount controls. */
.site-access-gate-card.site-access-gate-card-payment{padding:16px!important}
.site-access-inline-topup-compact{margin-top:0!important;padding-top:0!important;border-top:0!important}
.site-access-inline-topup-compact .site-access-methods{margin-top:0!important}
.site-access-topup-actions{display:flex;align-items:stretch;gap:9px;margin-top:11px}
.site-access-topup-actions .site-access-topup-submit{flex:1 1 auto;width:auto!important;margin:0!important}
.site-access-topup-close-inline{display:grid;place-items:center;flex:0 0 50px;width:50px;min-height:50px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.07);color:#fff;font:400 27px/1 var(--site-font-family,system-ui,sans-serif);cursor:pointer}
html[data-theme="light"] .site-access-topup-close-inline{border-color:rgba(20,24,30,.09);background:rgba(15,18,24,.06);color:#11151b}
@media(max-width:380px){.site-access-topup-actions{gap:7px}.site-access-topup-close-inline{flex-basis:48px;width:48px}}


/* === Xmegram 3.4.9-hotfix963 · onboarding avatar stability + lifetime access copy === */
.about-me-creator-avatar{position:relative!important;isolation:isolate!important;flex:0 0 46px!important;min-width:46px!important;min-height:46px!important;line-height:1!important}
.about-me-creator-avatar>b{position:absolute!important;inset:0!important;z-index:0!important;display:grid!important;place-items:center!important;font:950 16px/1 var(--site-font-family,system-ui,sans-serif)!important;color:var(--text)!important;user-select:none!important}
.about-me-creator-avatar>img{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:inherit!important;background:var(--surface2)!important}
.about-me-creator-copy small:empty{display:none!important}
.site-access-gate-price-line{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;min-width:0!important;white-space:nowrap!important}
.site-access-gate-lifetime{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;color:#49d486!important;font:850 9.5px/1.05 var(--site-font-family,system-ui,sans-serif)!important;letter-spacing:.005em!important;white-space:nowrap!important}
.site-access-gate-expiry{display:block!important;margin-top:5px!important;color:rgba(255,255,255,.64)!important;font:650 10.5px/1.25 var(--site-font-family,system-ui,sans-serif)!important;letter-spacing:0!important}
html[data-theme="light"] .site-access-gate-lifetime{color:#168c4d!important}
html[data-theme="light"] .site-access-gate-expiry{color:rgba(17,21,27,.58)!important}
@media(max-width:360px){.site-access-gate-copy h2{font-size:20px!important}.site-access-gate-price-line{gap:4px!important}.site-access-gate-was{padding-inline:6px!important;font-size:10.5px!important}.site-access-gate-now{font-size:12.5px!important}.site-access-gate-lifetime{font-size:8.5px!important}.site-access-gate-expiry{font-size:9.75px!important}}


/* === Xmegram 3.4.9-hotfix967 · professional three-price site access choices === */
.site-access-unlock-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px}
.site-access-unlock-option{position:relative;display:flex;min-width:0;min-height:68px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px 27px 10px 12px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.035));color:#fff;text-align:left;cursor:pointer;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:transform .15s ease,border-color .15s ease,background .15s ease}
.site-access-unlock-option::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--accent,#e729b7) 14%,transparent),transparent 56%);pointer-events:none}.site-access-unlock-option:active{transform:scale(.985)}.site-access-unlock-option:hover{border-color:color-mix(in srgb,var(--accent,#e729b7) 40%,rgba(255,255,255,.16));background:linear-gradient(160deg,rgba(255,255,255,.095),rgba(255,255,255,.045))}
.site-access-unlock-option small{position:relative;z-index:1;color:rgba(255,255,255,.58);font:780 9.5px/1.05 var(--site-font-family,system-ui,sans-serif);letter-spacing:.01em;white-space:nowrap}.site-access-unlock-option strong{position:relative;z-index:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff;font:900 clamp(12px,3.3vw,15px)/1.05 var(--site-font-family,system-ui,sans-serif);letter-spacing:-.025em;white-space:nowrap}.site-access-unlock-option>i{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:17px;height:17px;color:rgba(255,255,255,.62)}.site-access-unlock-option>i .ico{width:14px;height:14px}
.site-access-selected-amount{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.045)}.site-access-selected-amount small{color:rgba(255,255,255,.58);font:750 10.5px/1.2 var(--site-font-family,system-ui,sans-serif)}.site-access-selected-amount b{color:#fff;font:900 14px/1 var(--site-font-family,system-ui,sans-serif);white-space:nowrap}
html[data-theme="light"] .site-access-unlock-option{border-color:rgba(17,21,27,.1);background:linear-gradient(160deg,rgba(17,21,27,.045),rgba(17,21,27,.02));color:#11151b}html[data-theme="light"] .site-access-unlock-option:hover{border-color:color-mix(in srgb,var(--accent,#e729b7) 36%,rgba(17,21,27,.12));background:rgba(17,21,27,.045)}html[data-theme="light"] .site-access-unlock-option small{color:rgba(17,21,27,.55)}html[data-theme="light"] .site-access-unlock-option strong{color:#11151b}html[data-theme="light"] .site-access-unlock-option>i{color:rgba(17,21,27,.52)}html[data-theme="light"] .site-access-selected-amount{border-color:rgba(17,21,27,.09);background:rgba(17,21,27,.035)}html[data-theme="light"] .site-access-selected-amount small{color:rgba(17,21,27,.56)}html[data-theme="light"] .site-access-selected-amount b{color:#11151b}
@media(max-width:370px){.site-access-unlock-options{gap:6px}.site-access-unlock-option{min-height:64px;padding:9px 22px 9px 9px;border-radius:14px}.site-access-unlock-option small{font-size:8.7px}.site-access-unlock-option strong{font-size:11.5px}.site-access-unlock-option>i{right:6px}}

/* === Xmegram 3.4.9-hotfix968 · public-mode guest login gate ===
   Reuses the proven site-access blur without changing logged-in access styling. */
.site-access-guest-card{padding:17px!important;overflow:hidden!important}
.site-access-guest-main{align-items:center!important}
.site-access-guest-mark .ico{width:25px!important;height:25px!important;stroke-width:2.15!important}
.site-access-guest-copy p{display:block!important;margin:6px 0 0!important;color:rgba(255,255,255,.62)!important;font:650 12px/1.35 var(--site-font-family,system-ui,sans-serif)!important}
.site-access-guest-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:15px}
.site-access-guest-login{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:54px;padding:0 16px;border:0;border-radius:16px;background:linear-gradient(105deg,var(--accent,#e729b7),var(--accent2,#8b45ff));color:#fff;box-shadow:0 13px 32px color-mix(in srgb,var(--accent,#e729b7) 27%,transparent),inset 0 1px 0 rgba(255,255,255,.18);font:900 14px/1 var(--site-font-family,system-ui,sans-serif);cursor:pointer}
.site-access-guest-login>.ico{width:20px;height:20px;flex:0 0 20px}.site-access-guest-login>span{flex:1;text-align:left}.site-access-guest-login>i{display:grid;place-items:center;width:18px;height:18px;margin-left:auto}.site-access-guest-login>i .ico{width:17px;height:17px}
.site-access-guest-login:active{transform:scale(.992)}
.site-access-guest-register{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.84);font:800 12.5px/1 var(--site-font-family,system-ui,sans-serif);cursor:pointer}
html[data-theme="light"] .site-access-guest-copy p{color:rgba(17,21,27,.58)!important}
html[data-theme="light"] .site-access-guest-register{border-color:rgba(17,21,27,.10);background:rgba(17,21,27,.035);color:#20242a}
@media(max-width:360px){.site-access-guest-card{padding:14px!important}.site-access-guest-copy h2{font-size:20px!important}.site-access-guest-login{min-height:51px;border-radius:15px}}

/* Hotfix970: onboarding creator avatars reserve an immutable square and recover through the same profile fallback path. */
.about-me-creator-avatar{aspect-ratio:1/1!important;box-sizing:border-box!important;contain:layout paint!important;transform:translateZ(0)!important}
.about-me-creator-avatar>img{aspect-ratio:1/1!important;backface-visibility:hidden!important}

/* Hotfix970: onboarding view count remains visible even when a handle is long. */
.about-me-creator-meta{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;overflow:visible!important;white-space:nowrap!important}
.about-me-creator-handle{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.about-me-creator-views{display:inline-flex!important;align-items:center!important;gap:3px!important;flex:0 0 auto!important;font-weight:850!important;color:var(--text)!important}
.about-me-creator-views .ico{width:11px!important;height:11px!important;opacity:.72!important}
.about-me-creator-signals{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
/* hotfix972: compact onboarding creator heading + seamless replacement */
.about-me-creators-head{display:block!important;margin:0 2px 14px!important;padding:0!important}
.about-me-creators-head>b{display:block!important;font-size:15px!important;line-height:1.25!important;font-weight:900!important}
.about-me-creator{transition:opacity .14s ease,transform .14s ease!important}
.about-me-creator.about-me-creator-leaving{opacity:0!important;transform:translateY(-5px)!important;pointer-events:none!important}


/* === Xmegram 3.4.9-hotfix973 · premium access card screenshot parity === */
.site-access-gate-card:not(.site-access-guest-card):not(.site-access-gate-card-payment){
  width:min(100%,430px)!important;
  padding:19px 18px 17px!important;
  border-radius:29px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(155deg,rgba(17,18,25,.985),rgba(9,10,15,.98))!important;
  box-shadow:0 24px 78px rgba(0,0,0,.52),0 10px 38px color-mix(in srgb,var(--accent,#e729b7) 10%,transparent),inset 0 1px 0 rgba(255,255,255,.075)!important;
  overflow:hidden!important;
}
.site-access-gate-main-premium{align-items:flex-start!important;gap:15px!important}
.site-access-gate-main-premium .site-access-gate-mark-premium{
  flex:0 0 68px!important;width:68px!important;height:68px!important;min-width:68px!important;min-height:68px!important;
  border-radius:21px!important;
  background:linear-gradient(145deg,#b300ff 0%,#e100cb 58%,#ff2fa6 100%)!important;
  box-shadow:0 14px 34px rgba(233,41,183,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.site-access-gate-main-premium .site-access-gate-mark-premium::after{inset:1px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0) 58%)!important}
.site-access-gate-main-premium .site-access-premium-icon{width:42px!important;height:42px!important;color:#fff!important;filter:drop-shadow(0 3px 8px rgba(255,255,255,.12))!important;animation:none!important}
.site-access-gate-copy-premium{padding-top:1px!important}
.site-access-gate-copy-premium h2{
  margin:0!important;color:#fff!important;
  font:950 clamp(18px,5.4vw,22px)/1.08 var(--site-font-family,system-ui,sans-serif)!important;
  letter-spacing:-.045em!important;
}
.site-access-gate-copy-premium .site-access-gate-benefit{
  display:none!important;
}
.site-access-gate-price-row{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;margin-top:10px!important;min-width:0!important;white-space:nowrap!important}
.site-access-gate-price-row .site-access-gate-was{order:-1!important;font-size:11px!important;padding:3px 7px!important}
.site-access-price-prompt{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;gap:4px!important;color:rgba(255,255,255,.58)!important;font:750 clamp(9px,2.8vw,11px)/1 var(--site-font-family,system-ui,sans-serif)!important;letter-spacing:-.012em!important;white-space:nowrap!important}
.site-access-price-prompt .site-access-info-lock-icon{width:15px!important;height:15px!important;flex:0 0 15px!important;color:rgba(255,255,255,.68)!important}
.site-access-price-prompt>span{display:inline-block!important;white-space:nowrap!important}

.site-access-gate-price-row .site-access-gate-now{
  display:inline-block!important;color:#d78a08!important;
  font:950 clamp(24px,7vw,30px)/1 var(--site-font-family,system-ui,sans-serif)!important;
  letter-spacing:-.045em!important;text-shadow:none!important;white-space:nowrap!important;
}
.site-access-gate-price-row .site-access-gate-lifetime{
  display:inline-flex!important;align-items:center!important;color:#35a95f!important;
  font:900 clamp(12px,3.8vw,15px)/1 var(--site-font-family,system-ui,sans-serif)!important;
  letter-spacing:-.018em!important;white-space:nowrap!important;text-transform:none!important;
}
.site-access-gate-copy-premium .site-access-gate-expiry{margin:4px 0 0!important;font-size:10.5px!important;line-height:1.2!important}
.site-access-gate-wallet-note{
  display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:8px;width:100%;margin:11px auto 0;color:rgba(255,255,255,.58)!important;
  font:650 11.2px/1.1 var(--site-font-family,system-ui,sans-serif)!important;
  white-space:nowrap;text-align:left;transform:translateX(-4px);
}
.site-access-info-lock-icon{flex:0 0 21px;width:21px;height:21px;color:rgba(255,255,255,.72)}
.site-access-gate-topup-premium{
  justify-content:flex-start!important;gap:11px!important;min-height:52px!important;margin-top:14px!important;padding:0 16px!important;
  border-radius:18px!important;
  background:linear-gradient(105deg,#ae00ff 0%,#e500ca 58%,#ff11b1 100%)!important;
  box-shadow:0 14px 32px rgba(233,41,183,.26),inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#fff!important;font:950 clamp(13px,4vw,15px)/1 var(--site-font-family,system-ui,sans-serif)!important;
  letter-spacing:-.02em!important;
}
.site-access-gate-topup-premium>span{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.015em}
.site-access-action-wallet-icon{flex:0 0 25px;width:25px;height:25px;color:#fff}
.site-access-action-chevron-icon{flex:0 0 22px;width:22px;height:22px;margin-left:auto;color:#fff}
.site-access-unlock-option>i .site-access-action-chevron-icon{width:14px!important;height:14px!important;margin:0!important;color:currentColor!important}
html[data-theme="light"] .site-access-gate-card:not(.site-access-guest-card):not(.site-access-gate-card-payment){
  border-color:rgba(19,23,31,.08)!important;
  background:linear-gradient(158deg,#ffffff 0%,#ffffff 72%,#fff8ff 100%)!important;
  box-shadow:0 24px 62px rgba(23,28,38,.16),0 10px 28px rgba(233,41,183,.10),inset 0 1px 0 #fff!important;
}

.site-access-gate-copy-premium h2{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis!important}
.site-access-gate-wallet-note span{white-space:nowrap!important;display:block}
html[data-theme="light"] .site-access-gate-copy-premium h2{color:#101218!important}
html[data-theme="light"] .site-access-gate-copy-premium .site-access-gate-benefit{color:#626a78!important}
html[data-theme="light"] .site-access-price-prompt{color:#818596!important}
html[data-theme="light"] .site-access-price-prompt .site-access-info-lock-icon{color:#72798a!important}
html[data-theme="light"] .site-access-gate-price-row .site-access-gate-now{color:#bb7200!important}
html[data-theme="light"] .site-access-gate-price-row .site-access-gate-lifetime{color:#168f4e!important}
html[data-theme="light"] .site-access-gate-wallet-note{color:#818596!important}
html[data-theme="light"] .site-access-info-lock-icon{color:#72798a!important}
@media(max-width:370px){
  .site-access-gate-card:not(.site-access-guest-card):not(.site-access-gate-card-payment){padding:16px 14px 14px!important;border-radius:26px!important}
  .site-access-gate-main-premium{gap:12px!important}
  .site-access-gate-main-premium .site-access-gate-mark-premium{flex-basis:60px!important;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;border-radius:19px!important}
  .site-access-gate-main-premium .site-access-premium-icon{width:37px!important;height:37px!important}
  .site-access-gate-copy-premium h2{font-size:19px!important;white-space:nowrap!important}
  .site-access-gate-copy-premium .site-access-gate-benefit{display:none!important}
  .site-access-gate-price-row{margin-top:9px!important;gap:4px!important;flex-wrap:nowrap!important;white-space:nowrap!important}
  .site-access-price-prompt{font-size:9px!important;gap:3px!important}
  .site-access-price-prompt .site-access-info-lock-icon{width:13px!important;height:13px!important;flex-basis:13px!important}
  .site-access-gate-price-row .site-access-gate-now{font-size:25px!important}
  .site-access-gate-price-row .site-access-gate-lifetime{font-size:12.5px!important}
  .site-access-gate-wallet-note{font-size:10px!important;gap:6px!important;margin-top:9px!important;white-space:nowrap!important;justify-content:center!important;transform:translateX(-3px)!important}
  .site-access-info-lock-icon{width:19px!important;height:19px!important;flex-basis:19px!important}
  .site-access-gate-topup-premium{min-height:50px!important;margin-top:12px!important;padding-inline:14px!important;font-size:13px!important;border-radius:17px!important}
  .site-access-action-wallet-icon{width:23px!important;height:23px!important;flex-basis:23px!important}
  .site-access-action-chevron-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
}

/* === Xmegram 3.4.9-hotfix980 · progressive members entry === */
.site-access-entry-card{
  pointer-events:auto;display:flex;align-items:center;gap:12px;width:min(100%,390px);min-height:68px;
  padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:22px;
  background:linear-gradient(155deg,rgba(17,18,25,.97),rgba(9,10,15,.97));
  color:#fff;box-shadow:0 20px 56px rgba(0,0,0,.42),0 10px 30px rgba(233,41,183,.15),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);cursor:pointer;
  animation:siteAccessGateIn .22s cubic-bezier(.2,.8,.2,1)
}
.site-access-entry-mark{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#b300ff 0%,#e100cb 58%,#ff2fa6 100%);box-shadow:0 10px 24px rgba(233,41,183,.24),inset 0 1px 0 rgba(255,255,255,.22)}
.site-access-entry-mark .site-access-premium-icon{width:31px;height:31px;color:#fff;animation:none}
.site-access-entry-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:3px;text-align:left}
.site-access-entry-copy strong{font:950 18px/1.05 var(--site-font-family,system-ui,sans-serif);letter-spacing:-.035em}
.site-access-entry-copy small{font:720 11px/1.1 var(--site-font-family,system-ui,sans-serif);color:rgba(255,255,255,.62)}
.site-access-entry-card>.site-access-action-chevron-icon{margin-left:auto!important;width:21px;height:21px;flex:0 0 21px;color:#fff}
html[data-theme="light"] .site-access-entry-card{background:linear-gradient(158deg,#fff 0%,#fff 75%,#fff8ff 100%);border-color:rgba(19,23,31,.08);color:#101218;box-shadow:0 20px 50px rgba(23,28,38,.16),0 10px 28px rgba(233,41,183,.10),inset 0 1px 0 #fff}
html[data-theme="light"] .site-access-entry-copy small{color:#747b89}
html[data-theme="light"] .site-access-entry-card>.site-access-action-chevron-icon{color:#3d4350}

.site-access-offer-card{position:relative!important;width:min(100%,390px)!important;padding:18px 16px 15px!important;border-radius:27px!important;overflow:hidden!important}
.site-access-offer-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;z-index:2}
.site-access-offer-close-icon{width:19px;height:19px;display:block}
.site-access-offer-head{display:flex;align-items:center;gap:13px;padding-right:38px}
.site-access-offer-head .site-access-gate-mark-premium{flex:0 0 58px!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;border-radius:18px!important;background:linear-gradient(145deg,#b300ff 0%,#e100cb 58%,#ff2fa6 100%)!important}
.site-access-offer-head .site-access-premium-icon{width:35px!important;height:35px!important;color:#fff!important;animation:none!important}
.site-access-offer-copy{min-width:0;flex:1}
.site-access-offer-copy h2{margin:0!important;color:#fff!important;font:950 20px/1.05 var(--site-font-family,system-ui,sans-serif)!important;letter-spacing:-.035em!important;white-space:nowrap}
.site-access-join-line{display:flex;align-items:baseline;gap:6px;margin-top:7px;white-space:nowrap}
.site-access-join-line span{color:rgba(255,255,255,.62);font:760 11.5px/1 var(--site-font-family,system-ui,sans-serif)}
.site-access-join-line strong{color:#d78a08;font:950 25px/1 var(--site-font-family,system-ui,sans-serif);letter-spacing:-.04em}
.site-access-offer-card .site-access-gate-topup-premium{min-height:50px!important;margin-top:14px!important}
.site-access-offer-card .site-access-unlock-options{margin-top:14px!important}
html[data-theme="light"] .site-access-offer-close{background:rgba(17,21,27,.055);color:#3d4350}
html[data-theme="light"] .site-access-offer-copy h2{color:#101218!important}
html[data-theme="light"] .site-access-join-line span{color:#747b89}
html[data-theme="light"] .site-access-join-line strong{color:#bb7200}
@media(max-width:370px){
  .site-access-entry-card{width:min(100%,360px);min-height:64px;padding:9px 12px;border-radius:20px}
  .site-access-entry-mark{flex-basis:45px;width:45px;height:45px;border-radius:15px}
  .site-access-entry-copy strong{font-size:17px}.site-access-entry-copy small{font-size:10.5px}
  .site-access-offer-card{padding:16px 14px 14px!important;border-radius:25px!important}
  .site-access-offer-head{gap:11px;padding-right:36px}
  .site-access-offer-copy h2{font-size:19px!important}.site-access-join-line strong{font-size:23px}
}