:root{
  --bf-bg:#030316;--bf-panel:#080923;--bf-panel2:#10103b;--bf-line:rgba(95,113,255,.52);
  --bf-teal:#9a4dff;--bf-teal2:#28cfff;--bf-white:#f7fbfd;--bf-muted:#98aab5;
}
*{box-sizing:border-box}html,body{background:var(--bf-bg)!important;color:var(--bf-white)!important}body{background:radial-gradient(circle at 85% 8%,rgba(99,103,255,.08),transparent 24%),linear-gradient(180deg,#030316,#06051b 48%,#020211)!important}.page-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 18% 16%,rgba(99,103,255,.08),transparent 20%),radial-gradient(circle at 85% 35%,rgba(0,111,104,.09),transparent 23%),linear-gradient(180deg,#030316,#06051b)!important}.galaxy-bg,.star-layer,.screen-vignette,.noise{display:none!important}.mobile-shell{max-width:430px!important;background:linear-gradient(180deg,rgba(3,14,18,.98),rgba(2,10,13,.99))!important;color:var(--bf-white)!important;box-shadow:0 0 0 1px rgba(99,103,255,.16)!important}.mobile-shell:before{display:none!important}.content{padding:10px 12px 100px!important;color:var(--bf-white)!important}.top-home,.back-head{background:rgba(1,10,13,.98)!important;border-bottom:1px solid var(--bf-line)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.brand-inline,.brand-word,.page-title,.top-action,.back-head .back{color:var(--bf-white)!important;text-shadow:none!important}.brand-inline{font-size:22px!important}.brand-inline img{max-height:28px!important;max-width:42px!important}.back-head .back{background:rgba(99,103,255,.06)!important;border:1px solid rgba(99,103,255,.24)!important;width:40px!important;height:40px!important}.top-action .i,.back-head .i{width:22px!important;height:22px!important}.search-bar{height:36px!important;background:rgba(2,13,17,.94)!important;border:1px solid var(--bf-line)!important;color:var(--bf-muted)!important}.search-bar input{font-size:12px!important;color:var(--bf-white)!important}.search-bar .i{width:20px!important;height:20px!important;color:#a6b7c2!important}.notice{height:38px!important;background:rgba(3,17,20,.94)!important;border:1px solid rgba(99,103,255,.26)!important;box-shadow:none!important}.notice .speaker{width:44px!important;color:#fff!important;background:linear-gradient(135deg,var(--bf-teal2),var(--bf-teal))!important}.notice .marquee{font-size:12px!important;color:#d7e3e9!important}.hero-slider{border:1px solid rgba(99,103,255,.35)!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden!important}.slide{background-color:#05051b!important;background-size:cover!important;background-position:center!important}.slider-dots span{background:rgba(255,255,255,.35)!important}.slider-dots span.active{background:var(--bf-teal2)!important}.quick-grid,.quick-grid-v48{padding:16px 10px!important;gap:14px 8px!important;background:rgba(3,17,20,.94)!important;border:1px solid rgba(99,103,255,.32)!important;border-radius:16px!important;box-shadow:none!important}.quick-grid-v48 .quick-item,.quick-grid .quick-item{min-height:50px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:4px!important;font-size:11px!important;color:var(--bf-white)!important}.quick-item .i,.quick-grid-v48 .i,.quick-item svg{width:23px!important;height:23px!important;margin:0 auto 5px!important;color:#fff!important;stroke:currentColor!important}.section-title{font-size:18px!important;color:var(--bf-white)!important;text-shadow:none!important;border-bottom-color:rgba(255,255,255,.18)!important;margin:12px 0 10px!important;padding-bottom:8px!important}.section-title:before{border-left-color:#fff!important;border-top-width:8px!important;border-bottom-width:8px!important;border-left-width:12px!important}.spinner-card-v49,.spinner-hero-v51,.salary-rule-card,.salary-hero,.data-card,.v15-card,.watch-card,.statement-card,.invite-card,.fund-summary,.fund-item,.record-item,.my-card-v12,.coupon-row-v12,.menu-row,.stat-box,.v12-stats-grid .stat-box,.my-wallets-v12,.my-vip-v12,.v15-balance-row,.list-page-card,.vip-plan-card-v19,.vip-expired-card-v55{background:linear-gradient(145deg,rgba(2,14,18,.98),rgba(3,25,28,.94))!important;border:1px solid rgba(99,103,255,.34)!important;color:var(--bf-white)!important;box-shadow:none!important}.spinner-card-v49{grid-template-columns:minmax(0,.9fr) minmax(140px,1fr)!important;gap:10px!important;padding:12px!important;border-radius:18px!important}.spinner-info-v49{padding:10px!important;background:rgba(255,255,255,.02)!important;border:1px solid rgba(99,103,255,.24)!important;border-radius:16px!important}.spinner-info-v49 span{font-size:11px!important;color:#cbd9df!important}.spinner-info-v49 h2{font-size:20px!important;color:#fff!important;margin:4px 0 8px!important}.spinner-count-v49{gap:8px!important}.spinner-count-v49 b,.spinner-count-v49 strong{min-height:38px!important;font-size:13px!important;color:#091215!important;background:#f5f7f7!important;border:0!important;border-radius:12px!important}.spinner-info-v49 p{font-size:11px!important;line-height:1.35!important;color:#d8e2e7!important}.invite-spin-v49,.spinner-invite-v51,.main-btn,.submit-btn,.choice-btn,.agreement-btn,.sign-btn:not([disabled]){background:linear-gradient(135deg,var(--bf-teal2),var(--bf-teal))!important;color:#051214!important;border:0!important;box-shadow:none!important;font-weight:800!important}.dashboard-vip-orbit-v53{width:148px!important;height:148px!important;border-color:rgba(99,103,255,.55)!important;background:radial-gradient(circle,#06151a 0 43%,#0b4346 44% 56%,#079b8f 57% 62%,#063237 63% 100%)!important}.dashboard-vip-orbit-v53 em{font-size:9px!important;color:#a9bac3!important;top:40px!important}.dashboard-vip-orbit-v53 b{font-size:18px!important;max-width:90px!important;color:#fff!important}.dashboard-vip-orbit-v53 small{font-size:12px!important;color:#fff!important}.dashboard-vip-orbit-v53 u{font-size:8px!important;color:#9eb0b8!important}.orbit-dot-v84{width:10px!important;height:10px!important;background:var(--bf-teal2)!important}.task-grid{gap:10px!important}.task-card{border-radius:12px!important;background:#080923!important;border:1px solid rgba(99,103,255,.32)!important;box-shadow:none!important}.task-thumb{height:78px!important}.task-footer{height:31px!important;background:linear-gradient(90deg,#8d45ff,#28cfff)!important;color:#02100f!important;font-size:11px!important;padding:0 8px!important}.task-points{color:#02100f!important;font-size:11px!important}.play-circle{width:36px!important;height:36px!important}.play-circle .i{width:19px!important;height:19px!important}.vip-tab,.tabs a,.task-limit-strip span,.quick-amounts button{background:#080923!important;border:1px solid rgba(99,103,255,.40)!important;color:#fff!important;box-shadow:none!important;font-size:11px!important}.tabs a.active,.vip-tab.active{background:rgba(99,103,255,.16)!important;color:#fff!important;border-color:var(--bf-teal)!important}.task-limit-strip{gap:6px!important}.task-limit-strip span{padding:7px 10px!important;border-radius:18px!important}.menu-list,.v12-menu-list{margin-top:14px!important}.menu-row,.v12-menu-list .menu-row{height:52px!important;min-height:52px!important;margin-bottom:10px!important;border-radius:26px!important;padding:0 12px!important;color:#fff!important;font-size:12px!important;font-weight:700!important}.menu-row .i,.v12-menu-list .menu-row>.i:first-child{width:28px!important;height:28px!important;margin-right:10px!important;padding:5px!important;border-radius:50%!important;border:1px solid rgba(99,103,255,.30)!important;color:#fff!important}.menu-row .arrow,.v12-menu-list .menu-row .arrow{width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;border:1px solid rgba(99,103,255,.30)!important;display:grid!important;place-items:center!important}.menu-row .arrow .i,.v12-menu-list .menu-row .arrow .i{width:13px!important;height:13px!important;margin:0!important;padding:0!important;border:0!important}.stat-box,.v12-stats-grid .stat-box{min-height:86px!important;border-radius:14px!important;font-size:11px!important;color:#aebec7!important;padding:8px!important}.stat-box b,.v12-stats-grid .stat-box b,.record-points,.my-wallets-v12 b,.wallet-mini-wrap strong,.v15-balance-row b,.statement-total,.salary-metrics b,.salary-rule-head>b,.user-balance-red{font-size:16px!important;color:#fff!important;font-weight:800!important}.my-name-v12{font-size:18px!important;color:#fff!important}.my-id-v12,.my-id-v12 span,.my-vip-head-v12 b,.my-vip-head-v12 small,.v12-next-note{color:#d5e0e5!important}.my-wallets-v12{border-radius:22px!important}.my-redeem-row-v84,.my-points-sign-v84{background:rgba(3,17,20,.94)!important;border:1px solid rgba(99,103,255,.34)!important;color:#fff!important}.record-title,.record-main b,.menu-row span,.field label{color:#fff!important}.record-phone,.text-muted,.data-card p,.v15-card p{color:var(--bf-muted)!important}.record-img{background:rgba(99,103,255,.08)!important;border-color:rgba(99,103,255,.25)!important}.bottom-nav{height:70px!important;background:rgba(1,10,13,.985)!important;border-top:1px solid rgba(99,103,255,.28)!important;box-shadow:none!important;backdrop-filter:none!important}.nav-item{font-size:10.5px!important;color:#8295a2!important;border-right-color:rgba(255,255,255,.04)!important}.nav-item .i{width:22px!important;height:22px!important}.nav-item.active,.nav-item.active .i{color:#fff!important}.bottom-nav .nav-item:nth-child(3){margin-top:-18px!important}.bottom-nav .nav-item:nth-child(3) .i{width:52px!important;height:52px!important;padding:13px!important;background:linear-gradient(145deg,#2cd7ff,#a445ff)!important;border:5px solid rgba(213,255,250,.65)!important;color:#fff!important;box-shadow:0 0 18px rgba(99,103,255,.28)!important}.bottom-nav .nav-item:nth-child(3) span{color:#fff!important;font-weight:800!important}.spinner-hero-v51{min-height:auto!important;padding:10px 8px 18px!important}.spinner-balance-v51 span{font-size:11px!important;letter-spacing:1px!important}.spinner-balance-v51 b{font-size:30px!important;color:#fff!important}.spinner-balance-v51 small{font-size:11px!important}.spinner-machine-v54{padding-bottom:64px!important}.spinner-wheel-v54{width:258px!important;height:258px!important;border:9px solid var(--bf-teal)!important;background:conic-gradient(from -90deg,#172e74 0 60deg,#6c42f5 60deg 120deg,#cb3cff 120deg 180deg,#245cff 180deg 240deg,#42217d 240deg 300deg,#d23cff 300deg 360deg)!important;box-shadow:0 16px 32px rgba(0,0,0,.36),0 0 0 6px rgba(99,103,255,.08)!important}.spinner-wheel-v54 em{font-size:11px!important;width:54px!important;transform:rotate(calc(var(--i) * (360deg / var(--segments)) + (180deg / var(--segments)))) translateY(-84px) rotate(90deg)!important}.spinner-wheel-v54 b{inset:102px!important;font-size:14px!important;background:radial-gradient(circle,#ef45da,#5e4bff)!important;color:#fff!important;box-shadow:0 0 14px rgba(99,103,255,.30)!important}.spinner-wheel-v54 .wheel-pointer-v51{border-top-color:var(--bf-teal2)!important}.spinner-machine-neck-v54{background:linear-gradient(180deg,#6c42f5,#28175f)!important;border-color:rgba(99,103,255,.35)!important}.spinner-machine-base-v54{width:180px!important;height:18px!important;background:linear-gradient(90deg,#5226bd,#28cfff,#5226bd)!important}.spin-result-pop-v55{font-size:14px!important;min-height:44px!important;background:linear-gradient(135deg,#cf45ff,#315fff)!important;color:#031110!important}.salary-empty-clean-v84{padding:24px 16px!important;text-align:center!important;border:1px solid rgba(99,103,255,.26)!important;border-radius:16px!important;background:#080923!important}.salary-empty-clean-v84 b{display:block!important;font-size:14px!important;color:#fff!important}.salary-empty-clean-v84 small{display:block!important;margin-top:5px!important;font-size:11px!important;color:#9fb0b9!important}.auth-shell{background:linear-gradient(180deg,#030316,#031216)!important;color:#fff!important}.auth-simple-card,.auth-card{background:rgba(3,17,20,.96)!important;border:1px solid rgba(99,103,255,.36)!important;box-shadow:none!important}.auth-line-form h1,.bottom-text,.auth-remember-line,.online-service{color:#fff!important}.line-input,.auth-input,.input-row{background:transparent!important;border:0!important;border-bottom:1px solid rgba(99,103,255,.34)!important;border-radius:0!important;box-shadow:none!important}.line-input input,.auth-input input,.input-row input{background:transparent!important;border:0!important;outline:0!important;color:#fff!important;box-shadow:none!important}.input-icon,.country-code,.eye-btn,.online-service .i,.bottom-text a,.auth-remember-line a{color:var(--bf-teal2)!important}.submit-btn{border-radius:28px!important}.online-service{background:rgba(255,255,255,.03)!important;border:0!important}.cf-loading{min-height:100vh!important;display:grid!important;place-items:center!important;color:#a9bbc5!important;font:600 14px system-ui!important}.cf-error{max-width:390px;margin:80px auto;padding:18px;border:1px solid rgba(255,82,82,.3);border-radius:16px;background:#18090b;color:#fff}.home-metrics-v48,.vip-tabs-v48:has(+.video-title-v50){display:none!important}*[style*="animation"]{animation-duration:.25s}.spinner-wheel-v54.is-spinning-v55,.spinner-wheel-v54.is-spinning-v55 b{animation-duration:3.2s!important}
@media(max-width:430px){.content{padding-left:10px!important;padding-right:10px!important}.quick-grid-v48 .quick-item,.quick-grid .quick-item{min-height:48px!important}.spinner-card-v49{grid-template-columns:1fr 146px!important}.dashboard-vip-orbit-v53{width:138px!important;height:138px!important}.spinner-wheel-v54{width:244px!important;height:244px!important}.spinner-wheel-v54 em{transform:rotate(calc(var(--i) * (360deg / var(--segments)) + (180deg / var(--segments)))) translateY(-78px) rotate(90deg)!important}.spinner-wheel-v54 b{inset:96px!important}.stat-box,.v12-stats-grid .stat-box{min-height:82px!important}.menu-row,.v12-menu-list .menu-row{height:50px!important;min-height:50px!important}}

/* ===== v86 focused fixes: My page, multicolor wheel, orbit labels, 7-row live ticker, centered nav ===== */
/* My page compact redemption / points rows: prevent giant SVGs */
.my-redeem-row-v84{
  min-height:58px!important;
  margin:12px 0!important;
  padding:0 14px!important;
  border-radius:18px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
}
.my-redeem-row-v84 b{font-size:13px!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.my-redeem-icon-v84,.my-redeem-arrow-v84{
  width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border:1px solid rgba(99,103,255,.32)!important;border-radius:50%!important;color:#fff!important;
}
.my-redeem-icon-v84 .i,.my-redeem-arrow-v84 .i,.my-redeem-icon-v84 svg,.my-redeem-arrow-v84 svg{width:17px!important;height:17px!important;margin:0!important;padding:0!important;}
.my-points-sign-v84{
  min-height:52px!important;margin:10px 0 14px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border-radius:14px!important;
}
.my-points-sign-v84>span{font-size:14px!important;color:#fff!important;}
.my-points-sign-v84>span b{font-size:16px!important;color:#fff!important;margin-left:5px!important;}
.my-points-sign-v84>a{height:36px!important;padding:0 12px!important;border-radius:18px!important;display:flex!important;align-items:center!important;gap:6px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;}
.my-points-sign-v84>a .i,.my-points-sign-v84>a svg{width:16px!important;height:16px!important;margin:0!important;}

/* Full spinner: multicolor canvas spins, fixed pointer and compact center dot */
.spinner-wheel-v54{background:#07161b!important;overflow:visible!important;}
.spinner-wheel-v54.is-spinning-v55{animation:none!important;transform:none!important;}
.spinner-wheel-v54.is-spinning-v55 .zip-wheel-canvas-v57{animation:bfV86WheelSpin 3.2s cubic-bezier(.10,.72,.12,1) both!important;}
@keyframes bfV86WheelSpin{from{transform:rotate(0deg)}to{transform:rotate(2160deg)}}
.spinner-wheel-v54 b,
.spinner-wheel-v54.is-spinning-v55 b{
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;transform:translate(-50%,-50%)!important;
  width:58px!important;height:58px!important;border-radius:50%!important;display:grid!important;place-items:center!important;padding:4px!important;
  font-size:12px!important;line-height:1!important;color:#fff!important;background:radial-gradient(circle at 35% 28%,#2fe5d2,#0aa89b 70%,#08756e)!important;
  border:4px solid rgba(224,255,251,.82)!important;box-shadow:0 0 18px rgba(18,197,180,.42)!important;z-index:8!important;animation:none!important;
}
.spinner-wheel-v54 .wheel-pointer-v51{z-index:10!important;}

/* Home orbit: current level / VIP / wallet labels stay inside the ring */
.dashboard-vip-orbit-v53{position:relative!important;display:block!important;overflow:visible!important;}
.orbit-copy-v86{position:absolute!important;inset:0!important;z-index:5!important;display:block!important;pointer-events:none!important;}
.dashboard-vip-orbit-v53 .orbit-copy-v86 em,
.dashboard-vip-orbit-v53 .orbit-copy-v86 b,
.dashboard-vip-orbit-v53 .orbit-copy-v86 small,
.dashboard-vip-orbit-v53 .orbit-copy-v86 u{
  position:absolute!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;width:86%!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-decoration:none!important;line-height:1.05!important;
}
.dashboard-vip-orbit-v53 .orbit-copy-v86 em{top:29px!important;font-size:8px!important;color:#9fc0c3!important;font-style:normal!important;}
.dashboard-vip-orbit-v53 .orbit-copy-v86 b{top:51px!important;font-size:18px!important;color:#fff!important;font-weight:900!important;}
.dashboard-vip-orbit-v53 .orbit-copy-v86 small{top:79px!important;font-size:11px!important;color:#fff!important;font-weight:800!important;}
.dashboard-vip-orbit-v53 .orbit-copy-v86 u{top:101px!important;font-size:7px!important;color:#91aab0!important;}
@media(max-width:430px){
  .dashboard-vip-orbit-v53 .orbit-copy-v86 em{top:25px!important;}
  .dashboard-vip-orbit-v53 .orbit-copy-v86 b{top:44px!important;font-size:16px!important;}
  .dashboard-vip-orbit-v53 .orbit-copy-v86 small{top:68px!important;font-size:10px!important;}
  .dashboard-vip-orbit-v53 .orbit-copy-v86 u{top:87px!important;}
}

/* Live earnings: exactly 7 visible rows, then move upward every second */
.live-record-window-v86{overflow:hidden!important;padding:0!important;background:transparent!important;border:0!important;}
.live-record-track-v86{display:grid!important;gap:10px!important;will-change:transform!important;}
.live-record-track-v86 .record-item{min-height:80px!important;margin:0!important;animation:none!important;}
.live-record-window-v86{height:620px!important;max-height:620px!important;}
@media(max-width:430px){.live-record-window-v86{height:620px!important;max-height:620px!important;}}

/* Bottom Wheel: centered in the middle cell and visually balanced */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;}
.bottom-nav .nav-item{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;}
.bottom-nav .nav-item:nth-child(3){margin-top:-16px!important;transform:none!important;justify-self:stretch!important;}
.bottom-nav .nav-item:nth-child(3) .i{margin-left:auto!important;margin-right:auto!important;}
.bottom-nav .nav-item:nth-child(3) span{text-align:center!important;width:100%!important;}

/* ===== V87 focused UX fixes: free VIP progress, centered wheel, compact forms, language sheet, video player ===== */

/* My page: VIP progress is information, not a button/card inside the profile card */
.my-card-v12 .my-vip-v12,
.v15-profile-card .my-vip-v12{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:12px 0 0!important;
  margin:0!important;
}
.my-card-v12 .my-vip-head-v12{padding:0!important;margin:0 0 7px!important;}
.my-card-v12 .my-vip-icon-v12{width:34px!important;height:34px!important;min-width:34px!important;border-radius:50%!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(99,103,255,.30)!important;display:grid!important;place-items:center!important;}
.my-card-v12 .my-vip-icon-v12 .i{width:20px!important;height:20px!important;margin:0!important;}
.my-card-v12 .my-vip-head-v12 b{font-size:15px!important;line-height:1.1!important;}
.my-card-v12 .my-vip-head-v12 small{font-size:11px!important;line-height:1.1!important;}
.my-card-v12 .v12-next-note{font-size:11px!important;line-height:1.25!important;margin-top:7px!important;white-space:normal!important;}

/* My page action buttons: install/logout must match every other row */
.v12-menu-list button.menu-row{
  width:100%!important;
  max-width:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  text-align:left!important;
  font-family:inherit!important;
  cursor:pointer!important;
}
.v12-menu-list button.menu-row>span:not(.arrow):not(.i){flex:1!important;}

/* Profile: prevent placeholders/text from escaping the form */
.profile-edit-page .profile-form-v23{overflow:hidden!important;padding:12px 14px!important;}
.profile-edit-page .profile-form-v23 label{
  grid-template-columns:minmax(112px,38%) minmax(0,1fr)!important;
  gap:10px!important;
  min-height:50px!important;
  overflow:hidden!important;
}
.profile-edit-page .profile-form-v23 label>*{min-width:0!important;}
.profile-edit-page .profile-form-v23 label span{font-size:12.5px!important;line-height:1.15!important;white-space:normal!important;}
.profile-edit-page .profile-form-v23 label strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.profile-edit-page .profile-form-v23 input{
  width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;
  font-size:12.5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.profile-edit-page .profile-form-v23 input::placeholder{font-size:12px!important;color:#75858e!important;opacity:1!important;}
.profile-edit-page .profile-form-v23 .form-divider{font-size:14px!important;margin:13px 0 5px!important;}
.profile-edit-page .profile-form-v23 .main-btn{width:100%!important;height:45px!important;min-height:45px!important;border-radius:23px!important;font-size:15px!important;margin-top:10px!important;}
.profile-edit-page .logout-wide{
  width:100%!important;height:45px!important;min-height:45px!important;margin:12px 0 80px!important;
  border-radius:23px!important;background:rgba(3,20,24,.96)!important;border:1px solid rgba(99,103,255,.38)!important;
  color:#fff!important;font-size:14px!important;font-weight:750!important;display:grid!important;place-items:center!important;
}

/* Spinner: balance header has its own room; no text under the sticky title bar */
.spinner-page-v51 .spinner-hero-v51{padding:14px 8px 18px!important;overflow:visible!important;}
.spinner-page-v51 .spinner-balance-v51{position:relative!important;z-index:4!important;padding:0!important;margin:0 0 8px!important;}
.spinner-page-v51 .spinner-balance-v51 span{font-size:10px!important;letter-spacing:1px!important;line-height:1.1!important;}
.spinner-page-v51 .spinner-balance-v51 b{font-size:26px!important;line-height:1.05!important;margin:3px 0!important;}
.spinner-page-v51 .spinner-balance-v51 small{font-size:10px!important;line-height:1.1!important;}
.spinner-page-v51 .spinner-stage-v54{margin-top:4px!important;}
.spinner-wheel-v54{position:relative!important;overflow:visible!important;}
.spinner-wheel-v54 .zip-wheel-canvas-v57{position:absolute!important;inset:0!important;z-index:2!important;border-radius:50%!important;transform-origin:50% 50%!important;}
.spinner-wheel-v54 .wheel-pointer-v51{z-index:30!important;}
.spinner-wheel-v54 b,
.spinner-wheel-v54.is-spinning-v55 b{
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;
  transform:translate(-50%,-50%)!important;z-index:40!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;padding:3px!important;margin:0!important;
  font-size:11px!important;line-height:1!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;
  background:radial-gradient(circle at 35% 30%,#33ead8,#0aa99c 70%,#087069)!important;border:4px solid rgba(226,255,252,.86)!important;color:#fff!important;
  box-shadow:0 0 17px rgba(18,197,180,.42)!important;animation:none!important;
}
.spin-result-pop-v55{display:none!important;}
.spinner-note-v51{font-size:10.5px!important;line-height:1.4!important;color:#91a5af!important;margin:9px 8px 14px!important;text-align:center!important;}
.spinner-invite-v51{display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 24px)!important;min-height:44px!important;margin:12px auto!important;padding:8px 14px!important;border-radius:22px!important;font-size:13px!important;}
.spinner-stats-v51>div{min-height:78px!important;padding:10px!important;}
.spinner-stats-v51 span{font-size:10.5px!important;}
.spinner-stats-v51 b{font-size:16px!important;}

/* Home orbit: keep all four labels inside the circle */
.dashboard-vip-orbit-v53{overflow:hidden!important;}
.dashboard-vip-orbit-v53 .orbit-copy-v86 em{top:27px!important;font-size:7px!important;}
.dashboard-vip-orbit-v53 .orbit-copy-v86 b{top:45px!important;font-size:16px!important;max-width:94px!important;}
.dashboard-vip-orbit-v53 .orbit-copy-v86 small{top:68px!important;font-size:10px!important;}
.dashboard-vip-orbit-v53 .orbit-copy-v86 u{top:87px!important;font-size:6.5px!important;}

/* Announcement slider: reference-style capsule, recolored teal/black */
.home-v48 .notice,
.notice{
  height:44px!important;min-height:44px!important;margin:7px 0 10px!important;padding:0!important;
  display:flex!important;align-items:center!important;overflow:hidden!important;border-radius:14px!important;
  background:linear-gradient(90deg,rgba(3,19,23,.98),rgba(3,25,28,.95))!important;border:1px solid rgba(99,103,255,.32)!important;
}
.notice .speaker,
.recharge-notice .speaker{
  width:58px!important;height:42px!important;min-width:58px!important;margin-left:-1px!important;border-radius:0 999px 999px 0!important;
  display:grid!important;place-items:center!important;color:#fff!important;background:linear-gradient(90deg,#18ddcc 0%,#15c7b8 68%,#6fe8dd 100%)!important;
  box-shadow:inset -8px 0 15px rgba(255,255,255,.10)!important;
}
.notice .speaker .i{width:23px!important;height:23px!important;margin:0!important;}
.notice .marquee{font-size:11.5px!important;font-weight:650!important;color:#e6f5f5!important;padding-left:10px!important;animation:marquee 16s linear infinite!important;}

/* Native task video player: reliable clickable controls */
.watch-task-page-v87 .watch-card{padding:12px!important;}
.watch-task-page-v87 .video-frame{width:100%!important;height:auto!important;min-height:0!important;background:#000!important;border:1px solid rgba(99,103,255,.28)!important;border-radius:14px!important;overflow:hidden!important;}
.watch-task-page-v87 .locked-video-wrap{min-height:0!important;background:#000!important;display:block!important;}
.watch-task-page-v87 .watch-video-native{display:block!important;width:100%!important;height:auto!important;min-height:190px!important;max-height:58vh!important;object-fit:contain!important;background:#000!important;border:0!important;border-radius:0!important;}
.watch-task-page-v87 .video-lock-note{padding:7px 10px!important;margin:0!important;background:#080923!important;border-top:1px solid rgba(99,103,255,.18)!important;font-size:10.5px!important;}
.watch-task-page-v87 .timer-box{font-size:12px!important;line-height:1.35!important;margin:10px 0!important;}
.watch-task-page-v87 .claim-btn{min-height:44px!important;height:44px!important;border-radius:22px!important;font-size:13px!important;}
.video-source-error{min-height:190px!important;display:grid!important;place-items:center!important;text-align:center!important;padding:20px!important;color:#fff!important;background:#071014!important;}
.watch-iframe{width:100%!important;min-height:260px!important;border:0!important;background:#000!important;}

/* Custom language sheet; Google UI itself stays hidden */
.auth-lang{position:absolute!important;right:18px!important;top:32px!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(99,103,255,.30)!important;background:rgba(3,17,20,.94)!important;color:#fff!important;display:grid!important;place-items:center!important;z-index:5!important;}
.auth-lang .i{width:20px!important;height:20px!important;margin:0!important;}
.language-backdrop{position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(0,0,0,.58)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;}
.language-sheet{width:min(430px,100vw)!important;max-height:70vh!important;overflow:auto!important;padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;border-radius:22px 22px 0 0!important;background:linear-gradient(180deg,#061a1e,#020c10)!important;border:1px solid rgba(99,103,255,.38)!important;border-bottom:0!important;box-shadow:0 -20px 50px rgba(0,0,0,.48)!important;animation:bfLangUp .22s ease-out both!important;}
@keyframes bfLangUp{from{transform:translateY(100%);opacity:.4}to{transform:translateY(0);opacity:1}}
.language-sheet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important;color:#fff!important;}
.language-sheet-head b{font-size:16px!important;}
.language-sheet-head button{width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid rgba(99,103,255,.30)!important;background:#080923!important;color:#fff!important;font-size:22px!important;line-height:1!important;}
.language-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.language-option{min-height:44px!important;border-radius:12px!important;border:1px solid rgba(99,103,255,.25)!important;background:#080923!important;color:#dce8ec!important;font-size:12.5px!important;padding:8px 10px!important;text-align:left!important;}
.language-option.active{border-color:#20dfcd!important;background:rgba(99,103,255,.14)!important;color:#fff!important;}
#google_translate_element.google-translate-hidden{position:fixed!important;left:-10000px!important;top:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd,.goog-te-gadget-icon,.goog-logo-link{display:none!important;visibility:hidden!important;}
body{top:0!important;}

@media(max-width:430px){
  .profile-edit-page .profile-form-v23 label{grid-template-columns:minmax(105px,36%) minmax(0,1fr)!important;gap:8px!important;}
  .profile-edit-page .profile-form-v23 label span{font-size:12px!important;}
  .profile-edit-page .profile-form-v23 input{font-size:12px!important;}
  .spinner-page-v51 .spinner-balance-v51 b{font-size:24px!important;}
  .spinner-wheel-v54 b,.spinner-wheel-v54.is-spinning-v55 b{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;font-size:10.5px!important;}
  .language-sheet{max-height:74vh!important;}
}

/* ===== V88 reliability fixes: language trigger, fixed spinner viewport, centered wheel label ===== */
html,body,#app,.mobile-shell,.content{max-width:100%!important;overflow-x:hidden!important;}
body{overscroll-behavior-x:none!important;}
.spinner-page-v51{width:100%!important;max-width:100%!important;overflow:hidden!important;}
.spinner-page-v51 .spinner-hero-v51{overflow:hidden!important;width:100%!important;max-width:100%!important;}
.spinner-page-v51 .spinner-hero-v51:before{inset:-8%!important;}
.spinner-page-v51 .spinner-stage-v54,.spinner-machine-v54{width:100%!important;max-width:100%!important;}
.spinner-wheel-v54 b,
.spinner-wheel-v54.is-spinning-v55 b{
  inset:50% auto auto 50%!important;
  left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;
}
/* The shorthand above places the label at top=50%, left=50%; explicitly lock the computed position. */
.spinner-wheel-v54 b,
.spinner-wheel-v54.is-spinning-v55 b{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;}
.spinner-wheel-v54 .zip-wheel-canvas-v57{max-width:100%!important;max-height:100%!important;}
.spinner-history-v51,.spinner-stats-v51,.spinner-invite-v51,.spinner-note-v51{position:relative!important;z-index:2!important;}
.language-trigger{cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;}
.language-backdrop{pointer-events:auto!important;}
.watch-access-blocked-v88{padding:20px!important;text-align:center!important;}
.watch-access-blocked-v88 h2{font-size:18px!important;margin:0 0 10px!important;color:#fff!important;}
.watch-access-blocked-v88 p{font-size:12px!important;line-height:1.45!important;}
.watch-access-blocked-v88 .main-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;margin-top:14px!important;text-decoration:none!important;}


/* ===== V90: reliable language sheet + Galaxy/gold spinner counters ===== */
.language-backdrop{
  z-index:2147483647!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
  pointer-events:auto!important;
}
.bf-language-sheet{
  position:relative!important;
  display:block!important;
  width:min(430px,100vw)!important;
  max-width:430px!important;
  max-height:74vh!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(180deg,#061a1e 0%,#020b10 100%)!important;
  border:1px solid rgba(99,103,255,.42)!important;
  border-bottom:0!important;
  box-shadow:0 -20px 55px rgba(0,0,0,.58),0 0 0 1px rgba(99,103,255,.04)!important;
  animation:bfLangUp .22s ease-out both!important;
  z-index:2147483647!important;
}
.bf-language-sheet .language-sheet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:12px!important;color:#fff!important;}
.bf-language-sheet .language-sheet-head b{font-size:16px!important;}
.bf-language-sheet .language-sheet-head button{width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid rgba(99,103,255,.30)!important;background:#080923!important;color:#fff!important;font-size:22px!important;line-height:1!important;display:grid!important;place-items:center!important;}
.bf-language-sheet .language-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.bf-language-sheet .language-option{display:flex!important;align-items:center!important;min-height:44px!important;border-radius:12px!important;border:1px solid rgba(99,103,255,.25)!important;background:#080923!important;color:#dce8ec!important;font-size:12.5px!important;padding:8px 10px!important;text-align:left!important;}
.bf-language-sheet .language-option.active{border-color:#20dfcd!important;background:rgba(99,103,255,.14)!important;color:#fff!important;box-shadow:inset 0 0 18px rgba(99,103,255,.08)!important;}

/* replace plain white spin counters with Galaxy dark + gold/teal accents */
.spinner-count-v49 b,
.spinner-count-v49 strong{
  min-height:44px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#07171d,#031015)!important;
  color:#f4d27b!important;
  border:1px solid rgba(232,190,80,.72)!important;
  box-shadow:inset 0 0 20px rgba(99,103,255,.05),0 7px 16px rgba(0,0,0,.18)!important;
  text-shadow:0 0 12px rgba(232,190,80,.16)!important;
}
.spinner-count-v49 strong{
  color:#8ff7eb!important;
  border-color:rgba(99,103,255,.62)!important;
}

/* ===== V91: translated layouts stay fixed ===== */
html,body,#app,.mobile-shell,.top-home,.back-head,.content,.bottom-nav{direction:ltr!important;}
html.translated-rtl,body.translated-rtl,html.translated-ltr,body.translated-ltr{margin-top:0!important;top:0!important;}
body{left:0!important;right:0!important;}
.mobile-shell{margin-left:auto!important;margin-right:auto!important;left:auto!important;right:auto!important;transform:none!important;}
.bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(430px,100vw)!important;
  max-width:430px!important;
  direction:ltr!important;
}
.bottom-nav .nav-item{direction:ltr!important;}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame,.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none!important;height:0!important;visibility:hidden!important;}

/* Galaxy V92 — compact header, full poster slider, recharge amount controls */
.top-home{gap:7px!important;padding-left:9px!important;padding-right:9px!important;}
.top-home .brand-inline{flex:0 0 112px!important;min-width:112px!important;max-width:112px!important;gap:5px!important;font-size:22px!important;letter-spacing:-.8px!important;overflow:visible!important;}
.top-home .brand-logo-img{width:28px!important;height:30px!important;max-width:28px!important;max-height:30px!important;object-fit:contain!important;flex:0 0 28px!important;}
.top-home .brand-word{display:block!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;line-height:1!important;}
.top-home .search-bar{flex:1 1 118px!important;min-width:82px!important;max-width:156px!important;height:32px!important;padding:0 7px 0 11px!important;}
.top-home .search-bar input{font-size:11.5px!important;}
.top-home .search-bar .i{width:20px!important;height:20px!important;flex:0 0 20px!important;}
.top-home .top-action{width:28px!important;height:28px!important;flex:0 0 28px!important;}
.top-home .top-action .i{width:23px!important;height:23px!important;}
.hero-slider-v50{height:auto!important;aspect-ratio:1916/821!important;background:#020b0d!important;}
.hero-slider-v50 .slide.has-image{padding:0!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center center!important;background-color:#020b0d!important;}
.hero-slider-v50 .slide.has-image:before{display:none!important;}
.hero-slider-v50 .slider-dots{bottom:6px!important;}
.auto-pkr-amounts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.auto-pkr-amounts button{min-width:0!important;width:100%!important;padding:10px 5px!important;}
@media(max-width:380px){
  .top-home{gap:5px!important;padding-left:7px!important;padding-right:7px!important;}
  .top-home .brand-inline{flex-basis:104px!important;min-width:104px!important;max-width:104px!important;font-size:20px!important;}
  .top-home .brand-logo-img{width:26px!important;height:28px!important;max-width:26px!important;max-height:28px!important;flex-basis:26px!important;}
  .top-home .search-bar{min-width:70px!important;max-width:132px!important;}
  .top-home .search-bar input{font-size:10.5px!important;}
  .auto-pkr-amounts{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}


/* ===== Galaxy V95: full-bleed fixed slider + simplified recharge ===== */
.hero-slider-v50{
  width:100%!important;
  aspect-ratio:1600/663!important;
  height:auto!important;
  background:#020b0d!important;
  overflow:hidden!important;
}
.hero-slider-v50 .slide.has-image{
  padding:0!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-color:#020b0d!important;
}
.hero-slider-v50 .slide.has-image:before{display:none!important;}
.recharge-page.v20-recharge-main .recharge-first-heading{
  margin-top:6px!important;
  margin-bottom:10px!important;
}
.payment-return-card-v95 h2{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.payment-return-card-v95 h2 em{
  font-style:normal!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  padding:4px 9px!important;
  font-size:12px!important;
}


/* ===== Galaxy FX v2: visible persistent starfield behind every SPA route ===== */
html, body { min-height:100%; }
body { position:relative; background-color:#02060a!important; }
/* Keep the animated canvas above the page background but behind app content. */
body > .galaxy-canvas { position:fixed!important; inset:0!important; z-index:0!important; display:block!important; pointer-events:none!important; opacity:.96!important; }
body > .page-bg { z-index:-1!important; pointer-events:none!important; }
#app, #adminApp { position:relative!important; z-index:1!important; isolation:isolate; min-height:100vh; background:transparent!important; }
/* The main customer shell was almost opaque, which hid the stars on Home/Profile. */
.mobile-shell {
  background:linear-gradient(180deg,rgba(3,13,24,.38),rgba(1,8,14,.48))!important;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
/* Preserve readable glass surfaces while letting the background show between them. */
.top-home,.back-head { background:linear-gradient(180deg,rgba(4,20,36,.74),rgba(1,10,18,.62))!important; }
.bottom-nav { background:rgba(3,8,10,.92)!important; }
/* Authentication pages and loading/error pages should also have a transparent canvas layer. */
.auth-shell,.auth-tabbed-shell,.auth-simple-shell,.cf-loading,.cf-error { background-color:transparent; }
/* Admin shell often fills the viewport; do not paint an opaque layer over the canvas. */
.admin-layout,.admin-main,.admin-sidebar { background-color:rgba(5,7,17,.20)!important; }
@media(prefers-reduced-motion:reduce){ body > .galaxy-canvas{opacity:.72!important;} }


/* ===== NEON GALAXY v3 — visual-only theme layer; keeps existing app behavior ===== */
:root{
 --bf-bg:#07051a;--bf-panel:rgba(9,12,38,.80);--bf-panel2:rgba(18,12,54,.76);
 --bf-line:rgba(93,111,255,.48);--bf-teal:#27e7ff;--bf-teal2:#a64dff;
 --bf-white:#f8f7ff;--bf-muted:#b7b4d4;
 --cyan:#27e7ff;--cyan-2:#a64dff;--green:#ff4fd8;
 --line:rgba(145,91,255,.42);
}
html,body{background-color:#050414!important;color:#f8f7ff!important}
body{
 background:
  radial-gradient(ellipse at 8% 18%,rgba(29,95,255,.27),transparent 38%),
  radial-gradient(ellipse at 92% 28%,rgba(178,39,255,.24),transparent 39%),
  radial-gradient(ellipse at 55% 100%,rgba(255,42,190,.17),transparent 42%),
  linear-gradient(145deg,#050414 0%,#080820 48%,#050414 100%)!important;
}
.page-bg{z-index:-1!important;background:radial-gradient(ellipse at 12% 18%,rgba(34,95,255,.29),transparent 40%),radial-gradient(ellipse at 90% 38%,rgba(191,45,255,.25),transparent 40%),linear-gradient(145deg,#050414,#080820 55%,#050414)!important}
body>.galaxy-canvas{opacity:1!important;mix-blend-mode:screen!important}
#app,#adminApp{background:transparent!important}
.mobile-shell{
 background:linear-gradient(180deg,rgba(8,9,31,.48),rgba(5,5,22,.58))!important;
 border-color:rgba(113,91,255,.24)!important;
 box-shadow:0 0 34px rgba(75,62,255,.10),0 0 60px rgba(210,43,255,.055)!important;
}
.mobile-shell:before{display:none!important}
.top-home,.back-head{
 background:linear-gradient(100deg,rgba(7,13,42,.82),rgba(22,8,48,.78),rgba(6,15,40,.82))!important;
 border-bottom:1px solid rgba(101,108,255,.46)!important;
 box-shadow:0 5px 24px rgba(67,67,255,.10)!important;
 backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
.brand-inline,.brand-word,.page-title,.top-action,.back-head .back{ text-shadow:0 0 12px rgba(95,135,255,.20)!important }
.top-action,.back-head .back,.search-bar,.notice,.quick-grid,.quick-grid-v48,.hero-slider,.hero-slider-v50,
.spinner-card-v49,.spinner-hero-v51,.salary-rule-card,.salary-hero,.data-card,.v15-card,.watch-card,
.statement-card,.invite-card,.fund-summary,.fund-item,.record-item,.my-card-v12,.coupon-row-v12,.menu-row,
.stat-box,.v12-stats-grid .stat-box,.my-wallets-v12,.my-vip-v12,.v15-balance-row,.list-page-card,
.vip-plan-card-v19,.vip-expired-card-v55,.list-page-card,.recharge-page .card,.withdraw-page .card,
.admin-card,.admin-sidebar,.admin-main,.admin-layout .panel,.admin-layout .card{
 border-color:rgba(107,111,255,.43)!important;
 box-shadow:0 0 0 1px rgba(100,86,255,.055),0 7px 26px rgba(40,29,140,.13)!important;
}
.quick-grid,.quick-grid-v48,.spinner-card-v49,.spinner-hero-v51,.salary-rule-card,.salary-hero,.data-card,
.v15-card,.watch-card,.statement-card,.invite-card,.fund-summary,.fund-item,.record-item,.my-card-v12,
.coupon-row-v12,.menu-row,.stat-box,.v12-stats-grid .stat-box,.my-wallets-v12,.my-vip-v12,.v15-balance-row,
.list-page-card,.vip-plan-card-v19,.vip-expired-card-v55{
 background:linear-gradient(145deg,rgba(8,13,38,.84),rgba(24,10,49,.72))!important;
}
button,.main-btn,.btn,.primary-btn,.submit-btn,.auth-submit,.form-submit,.action-btn,
button[type=submit],input[type=submit]{
 transition:box-shadow .22s ease,border-color .22s ease,filter .22s ease!important;
}
.main-btn,.primary-btn,.submit-btn,.auth-submit,.form-submit,button[type=submit],input[type=submit]{
 background:linear-gradient(105deg,#27e7ff 0%,#7b5cff 52%,#f04bd8 100%)!important;
 color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;
 box-shadow:0 0 12px rgba(39,231,255,.24),0 0 26px rgba(166,77,255,.20)!important;
 text-shadow:0 1px 4px rgba(14,5,35,.40)!important;
}
.main-btn:active,.primary-btn:active,.submit-btn:active,button[type=submit]:active{filter:brightness(1.13)!important}
input,select,textarea,.field input,.form-control{
 background-color:rgba(6,9,31,.80)!important;color:#f8f7ff!important;
 border-color:rgba(112,105,255,.43)!important;
}
input:focus,select:focus,textarea:focus,.field input:focus,.form-control:focus{
 border-color:#36ddff!important;box-shadow:0 0 0 2px rgba(54,221,255,.12),0 0 18px rgba(133,73,255,.16)!important;outline:none!important;
}
.bottom-nav{
 background:linear-gradient(90deg,rgba(4,9,28,.97),rgba(19,7,42,.97),rgba(4,9,28,.97))!important;
 border-top:1px solid rgba(111,106,255,.54)!important;
 box-shadow:0 -7px 30px rgba(92,52,255,.14)!important;
 backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
.bottom-nav .nav-item.active,.bottom-nav .nav-item.active .i{color:#43e8ff!important;text-shadow:0 0 13px rgba(39,231,255,.58)!important}
.section-title{border-bottom-color:rgba(153,90,255,.48)!important;text-shadow:0 0 14px rgba(165,79,255,.24)!important}
.section-title:before{border-left-color:#e14bff!important}
.notice .speaker{background:linear-gradient(135deg,#28e8ff,#8b55ff,#f34bd6)!important;box-shadow:0 0 18px rgba(136,75,255,.24)!important}
.slider-dots span.active{background:#e24dff!important;box-shadow:0 0 10px rgba(226,77,255,.7)!important}
.spinner-count-v49 strong{color:#65f1ff!important;border-color:rgba(55,223,255,.70)!important;box-shadow:0 0 14px rgba(55,223,255,.11)!important}
.spinner-count-v49 b{border-color:rgba(255,87,218,.68)!important;box-shadow:inset 0 0 20px rgba(255,70,210,.07),0 0 13px rgba(255,70,210,.08)!important}
/* Admin login and dashboard receive the same night-sky palette without changing layout. */
body:has(#adminApp){background:radial-gradient(ellipse at 12% 10%,rgba(38,104,255,.18),transparent 35%),radial-gradient(ellipse at 90% 24%,rgba(195,47,255,.17),transparent 36%),#050414!important}
.admin-layout,.admin-main,.admin-sidebar{background-color:rgba(7,7,29,.48)!important}
.admin-card,.admin-table-wrap,.admin-layout .panel,.admin-layout .card{background:linear-gradient(145deg,rgba(10,12,39,.91),rgba(26,10,49,.84))!important;border-color:rgba(117,104,255,.43)!important}
.admin-layout button,.admin-login-wrap button{border-color:rgba(111,113,255,.52)!important}
@keyframes neonBorderPulse{0%,100%{box-shadow:0 0 0 1px rgba(100,86,255,.06),0 7px 24px rgba(40,29,140,.12)}50%{box-shadow:0 0 0 1px rgba(255,73,222,.10),0 7px 28px rgba(111,61,255,.19)}}
@media(hover:hover){.quick-grid .quick-item:hover,.quick-grid-v48 .quick-item:hover,.menu-row:hover{filter:brightness(1.12)!important;text-shadow:0 0 12px rgba(57,224,255,.24)!important}}
@media(prefers-reduced-motion:reduce){body>.galaxy-canvas{opacity:.74!important;mix-blend-mode:normal!important}*{scroll-behavior:auto!important}}

/* Spinning galaxy theme: luminous but readable glass surfaces */
html,body{background:#030316!important;color:#f7f8ff!important}
body{background:radial-gradient(ellipse at 50% 45%,rgba(74,46,176,.12),transparent 48%),linear-gradient(180deg,#030316,#06051b 55%,#020211)!important}
.page-bg{background:radial-gradient(ellipse at 50% 46%,rgba(72,60,220,.13),transparent 44%),radial-gradient(circle at 15% 82%,rgba(218,35,218,.09),transparent 26%),linear-gradient(180deg,rgba(3,3,22,.2),rgba(3,3,22,.5))!important}
.mobile-shell{background:linear-gradient(180deg,rgba(4,5,30,.78),rgba(5,4,27,.84))!important;box-shadow:0 0 0 1px rgba(98,115,255,.35),0 0 26px rgba(110,58,255,.12)!important}
.top-home,.back-head,.bottom-nav{background:rgba(4,5,27,.78)!important;border-color:rgba(111,105,255,.42)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.quick-grid,.quick-grid-v48,.spinner-card-v49,.spinner-hero-v51,.salary-rule-card,.salary-hero,.data-card,.v15-card,.watch-card,.statement-card,.invite-card,.fund-summary,.fund-item,.record-item,.my-card-v12,.coupon-row-v12,.menu-row,.stat-box,.v12-stats-grid .stat-box,.my-wallets-v12,.my-vip-v12,.v15-balance-row,.list-page-card,.vip-plan-card-v19,.vip-expired-card-v55,.task-card{background:linear-gradient(145deg,rgba(8,9,39,.78),rgba(15,9,46,.76))!important;border-color:rgba(101,105,255,.42)!important;box-shadow:0 0 16px rgba(101,67,255,.08)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.main-btn,.submit-btn,.choice-btn,.agreement-btn,.sign-btn:not([disabled]),.invite-spin-v49,.spinner-invite-v51{background:linear-gradient(115deg,#2bcfff,#8d45ff 58%,#ee45d9)!important;color:#fff!important;box-shadow:0 0 15px rgba(141,69,255,.35),inset 0 1px rgba(255,255,255,.25)!important}
.section-title,.brand-inline,.brand-word,.page-title{ text-shadow:0 0 14px rgba(124,88,255,.25)!important}
.galaxy-canvas{mix-blend-mode:screen!important}
@media(prefers-reduced-motion:reduce){.galaxy-canvas{opacity:.8!important}}


/* GALAXY DESIGN 2 — Dark cinematic galaxy, readable and restrained */
:root{
 --bf-bg:#030714;--bf-panel:#071326;--bf-panel2:#0a1b35;
 --bf-line:rgba(80,151,255,.28);--bf-teal:#70a9ff;--bf-teal2:#4de3ff;
 --bf-white:#f4f7ff;--bf-muted:#9eacc7;
}
html,body{background:#030714!important;color:#f4f7ff!important}
body{
 background:radial-gradient(ellipse at 50% 38%,rgba(28,69,151,.14),transparent 47%),
 radial-gradient(ellipse at 12% 88%,rgba(78,42,157,.09),transparent 35%),#030714!important;
}
.page-bg{
 z-index:-2!important;pointer-events:none!important;
 background:radial-gradient(ellipse at 50% 43%,rgba(20,62,135,.12),transparent 50%),
 radial-gradient(ellipse at 80% 10%,rgba(84,41,153,.10),transparent 34%),
 linear-gradient(180deg,rgba(2,7,20,.14),rgba(3,7,20,.35))!important;
}
.galaxy-canvas{z-index:0!important;opacity:.92!important;mix-blend-mode:screen!important;pointer-events:none!important}
#app,#adminApp{position:relative!important;z-index:1!important;background:transparent!important}
.mobile-shell{
 background:linear-gradient(180deg,rgba(4,12,29,.57),rgba(3,9,23,.70))!important;
 box-shadow:0 0 0 1px rgba(91,145,231,.20),0 12px 40px rgba(0,0,0,.18)!important;
 color:#f4f7ff!important;
}
.mobile-shell:before{opacity:.12!important}
.top-home,.back-head,.bottom-nav{
 background:rgba(4,11,26,.82)!important;border-color:rgba(100,153,229,.28)!important;
 box-shadow:0 5px 24px rgba(0,0,0,.16)!important;
 backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
}
.brand-inline,.brand-word,.page-title,.top-action,.back-head .back{color:#f4f7ff!important;text-shadow:0 0 10px rgba(85,153,255,.12)!important}
.search-bar,.notice,.menu-row,.quick-grid .quick-item,.quick-grid-v48 .quick-item{
 background:rgba(6,17,38,.72)!important;border-color:rgba(90,144,222,.27)!important;box-shadow:none!important;
}
.notice .speaker{background:linear-gradient(135deg,#3b9bff,#6857d9)!important;box-shadow:0 0 12px rgba(62,135,255,.18)!important}
.notice .marquee{color:#dce8ff!important}
.hero-slider,.hero-banner,.banner-card{
 border-color:rgba(92,149,236,.35)!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}
.quick-grid,.quick-grid-v48,.spinner-card-v49,.spinner-hero-v51,.salary-rule-card,.salary-hero,.data-card,.v15-card,.watch-card,.statement-card,.invite-card,.fund-summary,.fund-item,.record-item,.my-card-v12,.coupon-row-v12,.menu-row,.stat-box,.v12-stats-grid .stat-box,.my-wallets-v12,.my-vip-v12,.v15-balance-row,.list-page-card,.vip-plan-card-v19,.vip-expired-card-v55,.task-card,.card,.panel{
 background:linear-gradient(145deg,rgba(7,18,39,.83),rgba(7,13,31,.80))!important;
 border-color:rgba(89,143,221,.27)!important;
 box-shadow:0 5px 20px rgba(0,0,0,.14)!important;
 backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
}
.main-btn,.primary-btn,.submit-btn,.choice-btn,.agreement-btn,.sign-btn:not([disabled]),.invite-spin-v49,.spinner-invite-v51,button[type=submit]{
 background:linear-gradient(115deg,#2e8cff,#5268df)!important;color:#fff!important;
 border:1px solid rgba(164,201,255,.26)!important;
 box-shadow:0 4px 16px rgba(43,117,255,.20),inset 0 1px rgba(255,255,255,.12)!important;
 text-shadow:none!important;
}
input,select,textarea,.field input,.form-control{
 background:rgba(3,11,27,.78)!important;color:#f4f7ff!important;border-color:rgba(93,147,224,.30)!important;
}
input:focus,select:focus,textarea:focus,.field input:focus,.form-control:focus{
 border-color:#59baff!important;box-shadow:0 0 0 2px rgba(63,151,255,.12)!important;outline:none!important;
}
.bottom-nav .nav-item.active,.bottom-nav .nav-item.active .i{color:#70c9ff!important;text-shadow:0 0 10px rgba(74,169,255,.28)!important}
.section-title{border-bottom-color:rgba(90,145,226,.26)!important;text-shadow:0 0 8px rgba(82,144,255,.12)!important}
.section-title:before{border-left-color:#659bff!important}
.slider-dots span.active{background:#6abaff!important;box-shadow:0 0 8px rgba(89,171,255,.48)!important}
.spinner-count-v49 strong{color:#8bd5ff!important;border-color:rgba(91,173,255,.48)!important;box-shadow:none!important}
.spinner-count-v49 b{border-color:rgba(140,117,255,.42)!important;box-shadow:none!important}
body:has(#adminApp){background:radial-gradient(ellipse at 50% 10%,rgba(35,85,173,.16),transparent 42%),#030714!important}
.admin-layout,.admin-main,.admin-sidebar{background-color:rgba(4,12,28,.50)!important}
.admin-card,.admin-table-wrap,.admin-layout .panel,.admin-layout .card{background:linear-gradient(145deg,rgba(6,16,35,.88),rgba(8,14,31,.86))!important;border-color:rgba(91,145,226,.28)!important;box-shadow:0 8px 28px rgba(0,0,0,.16)!important}
.admin-layout button,.admin-login-wrap button{border-color:rgba(91,145,226,.36)!important}
@media(hover:hover){.quick-grid .quick-item:hover,.quick-grid-v48 .quick-item:hover,.menu-row:hover{filter:brightness(1.10)!important;text-shadow:none!important}}
@media(prefers-reduced-motion:reduce){.galaxy-canvas{opacity:.65!important}}


/* GALAXY COMBINED DESIGN — Dark Galaxy + Glass Glow (user-approved mockup)
   Presentation-only overrides. Existing application logic and controls remain untouched. */
:root{
 --bf-bg:#030714;--bf-panel:rgba(5,15,39,.68);--bf-panel2:rgba(10,19,54,.64);
 --bf-line:rgba(83,174,255,.48);--bf-teal:#68e6ff;--bf-teal2:#438bff;
 --bf-white:#f5f8ff;--bf-muted:#b8c8e8;
}
html,body{background:#030714!important;color:var(--bf-white)!important}
body{
 background:radial-gradient(ellipse at 50% 42%,rgba(63,80,255,.12),transparent 49%),
 radial-gradient(ellipse at 80% 72%,rgba(226,42,255,.075),transparent 35%),#030714!important;
}
.page-bg{
 background:radial-gradient(ellipse at 50% 48%,rgba(45,85,255,.10),transparent 50%),
 radial-gradient(ellipse at 12% 80%,rgba(208,42,255,.08),transparent 34%),
 linear-gradient(180deg,rgba(2,6,20,.08),rgba(3,7,20,.22))!important;
}
.galaxy-canvas{z-index:0!important;opacity:.96!important;mix-blend-mode:screen!important;pointer-events:none!important}
#app,#adminApp{position:relative!important;z-index:1!important;background:transparent!important}
.mobile-shell{
 background:linear-gradient(180deg,rgba(4,12,31,.43),rgba(3,9,25,.55))!important;
 box-shadow:0 0 0 1px rgba(98,161,255,.27),0 12px 42px rgba(0,0,0,.18),0 0 28px rgba(89,73,255,.08)!important;
 color:var(--bf-white)!important;
}
.mobile-shell:before{opacity:.10!important}
.top-home,.back-head,.bottom-nav{
 background:rgba(4,12,31,.73)!important;border-color:rgba(96,162,255,.38)!important;
 box-shadow:0 5px 24px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.05)!important;
 backdrop-filter:blur(14px) saturate(130%)!important;-webkit-backdrop-filter:blur(14px) saturate(130%)!important;
}
.brand-inline,.brand-word,.page-title,.top-action,.back-head .back{
 color:#f5f8ff!important;text-shadow:0 0 12px rgba(90,160,255,.18)!important;
}
.search-bar,.notice,.menu-row,.quick-grid .quick-item,.quick-grid-v48 .quick-item{
 background:rgba(7,18,43,.62)!important;border-color:rgba(94,164,255,.38)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.045),0 4px 18px rgba(0,0,0,.10)!important;
 backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
.notice .speaker{background:linear-gradient(135deg,#26cfff,#5b62ff 60%,#d34bff)!important;box-shadow:0 0 14px rgba(72,139,255,.28)!important}
.notice .marquee{color:#e3edff!important}
.hero-slider,.hero-banner,.banner-card{
 background-color:rgba(5,14,38,.50)!important;border-color:rgba(94,166,255,.48)!important;
 box-shadow:0 8px 28px rgba(0,0,0,.17),0 0 18px rgba(76,100,255,.10)!important;
 backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
}
.quick-grid,.quick-grid-v48,.spinner-card-v49,.spinner-hero-v51,.salary-rule-card,.salary-hero,.data-card,.v15-card,.watch-card,.statement-card,.invite-card,.fund-summary,.fund-item,.record-item,.my-card-v12,.coupon-row-v12,.menu-row,.stat-box,.v12-stats-grid .stat-box,.my-wallets-v12,.my-vip-v12,.v15-balance-row,.list-page-card,.vip-plan-card-v19,.vip-expired-card-v55,.task-card,.card,.panel{
 background:linear-gradient(145deg,rgba(7,20,48,.69),rgba(14,13,48,.62))!important;
 border-color:rgba(94,157,255,.39)!important;
 box-shadow:0 5px 20px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.045)!important;
 backdrop-filter:blur(12px) saturate(125%)!important;-webkit-backdrop-filter:blur(12px) saturate(125%)!important;
}
.main-btn,.primary-btn,.submit-btn,.choice-btn,.agreement-btn,.sign-btn:not([disabled]),.invite-spin-v49,.spinner-invite-v51,button[type=submit]{
 background:linear-gradient(110deg,#238cff,#4c62ef 54%,#bb43f2)!important;color:#fff!important;
 border:1px solid rgba(179,210,255,.42)!important;
 box-shadow:0 4px 17px rgba(48,116,255,.25),0 0 12px rgba(180,64,255,.13),inset 0 1px rgba(255,255,255,.20)!important;
 text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
input,select,textarea,.field input,.form-control{
 background:rgba(3,11,29,.70)!important;color:#f5f8ff!important;border-color:rgba(100,165,255,.38)!important;
}
input:focus,select:focus,textarea:focus,.field input:focus,.form-control:focus{
 border-color:#65cfff!important;box-shadow:0 0 0 2px rgba(63,151,255,.16),0 0 14px rgba(71,136,255,.12)!important;outline:none!important;
}
.bottom-nav .nav-item.active,.bottom-nav .nav-item.active .i{color:#8ceaff!important;text-shadow:0 0 12px rgba(74,169,255,.38)!important}
.section-title{border-bottom-color:rgba(90,160,255,.34)!important;text-shadow:0 0 10px rgba(82,144,255,.18)!important}
.section-title:before{border-left-color:#65cfff!important}
.slider-dots span.active{background:#6abaff!important;box-shadow:0 0 10px rgba(89,171,255,.60)!important}
body:has(#adminApp){background:radial-gradient(ellipse at 50% 35%,rgba(38,79,190,.16),transparent 48%),#030714!important}
.admin-layout,.admin-main,.admin-sidebar{background-color:rgba(4,12,31,.40)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.admin-card,.admin-table-wrap,.admin-layout .panel,.admin-layout .card{
 background:linear-gradient(145deg,rgba(6,17,40,.78),rgba(10,14,39,.73))!important;
 border-color:rgba(91,155,245,.38)!important;box-shadow:0 8px 28px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.045)!important;
 backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
.admin-layout button,.admin-login-wrap button{border-color:rgba(91,145,226,.44)!important;box-shadow:0 0 12px rgba(67,123,255,.12)!important}
@media(hover:hover){.quick-grid .quick-item:hover,.quick-grid-v48 .quick-item:hover,.menu-row:hover{filter:brightness(1.12)!important;box-shadow:0 0 18px rgba(73,146,255,.18)!important}}
@media(max-width:600px){.mobile-shell{background:linear-gradient(180deg,rgba(4,12,31,.52),rgba(3,9,25,.62))!important}.galaxy-canvas{opacity:.84!important}}
@media(prefers-reduced-motion:reduce){.galaxy-canvas{opacity:.62!important}}

/* Galaxy task cards: live video previews, source aspect ratios and 3D glass finish */
.task-card-3d{display:block;min-width:0;overflow:hidden;border-radius:17px!important;background:linear-gradient(145deg,rgba(10,13,43,.96),rgba(3,12,25,.98))!important;border:1px solid rgba(91,220,255,.42)!important;box-shadow:0 12px 22px rgba(0,0,0,.40),0 4px 0 rgba(87,67,220,.20),inset 0 1px 0 rgba(255,255,255,.12),0 0 18px rgba(83,92,255,.12)!important;transform:translateZ(0);text-decoration:none!important}
.task-card-3d .task-thumb-ratio{height:auto!important;aspect-ratio:16/9;position:relative;overflow:hidden;background:#03050c!important;isolation:isolate}
.task-card-3d .task-preview-video,.task-card-3d .task-preview-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#03050c;display:block}
.task-card-3d .task-preview-fallback{background-size:contain;background-position:center;background-repeat:no-repeat}
.task-card-3d .task-thumb-ratio:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16));z-index:1}
.task-card-3d .play-circle{z-index:2;width:42px;height:42px;background:rgba(255,255,255,.86);box-shadow:0 4px 18px rgba(0,0,0,.32),0 0 18px rgba(255,255,255,.22)}
.task-card-3d .task-footer{min-height:48px;height:auto!important;display:flex;align-items:center;gap:7px;padding:8px 10px!important;background:linear-gradient(105deg,#8e43ff 0%,#5e72ff 50%,#20cfff 100%)!important;color:#06101c!important;font-size:11px!important;font-weight:800;line-height:1.25;box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}
.task-card-3d .task-footer .name{white-space:normal;overflow:visible;text-overflow:clip;flex:1;min-width:0}
.task-card-3d .task-points{flex-shrink:0;color:#06101c!important;font-size:11px!important;white-space:nowrap}
.task-card-3d .completed-badge{z-index:4}
.task-card-3d:active{transform:translateY(1px);box-shadow:0 5px 12px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12)!important}
@media(max-width:380px){.task-card-3d .task-footer{font-size:10px!important;padding:7px!important}.task-card-3d .task-points{font-size:10px!important}.task-card-3d .play-circle{width:34px;height:34px}}