/* JAKSKY LIGHT / DARK THEME V1 */
:root{
  color-scheme:light;
  --jt-bg:#fff5fa;--jt-bg2:#f8f3ff;--jt-surface:#fff;--jt-surface2:#fff9fc;
  --jt-text:#2b1f27;--jt-text2:#735b68;--jt-muted:#9a8490;
  --jt-line:rgba(121,67,95,.13);--jt-line2:rgba(121,67,95,.20);
  --jt-shadow:0 14px 34px rgba(77,35,57,.10);--jt-shadow2:0 24px 70px rgba(66,29,49,.16);
}
html[data-jak-theme="dark"]{
  color-scheme:dark;
  --jak-bg:#0d0a0d;--jak-bg-2:#171018;--jak-surface:#181116;--jak-surface-soft:#20161d;
  --jak-ink:#f8eff4;--jak-muted:#bba5b1;--jak-line:rgba(255,204,230,.10);
  --jak-shadow:0 16px 38px rgba(0,0,0,.30);--jak-shadow-soft:0 9px 24px rgba(0,0,0,.24);
  --jt-bg:#0d0a0d;--jt-bg2:#171018;--jt-surface:#181116;--jt-surface2:#20161d;
  --jt-text:#f8eff4;--jt-text2:#d7c0cc;--jt-muted:#aa929f;
  --jt-line:rgba(255,214,234,.10);--jt-line2:rgba(255,214,234,.17);
  --jt-shadow:0 16px 38px rgba(0,0,0,.30);--jt-shadow2:0 28px 76px rgba(0,0,0,.44);
}
html.jakThemeTransition *,html.jakThemeTransition *::before,html.jakThemeTransition *::after{
  transition:background-color .28s ease,border-color .28s ease,color .22s ease,box-shadow .28s ease,fill .22s ease!important;
}
html[data-jak-theme="dark"] body{
  background:radial-gradient(circle at 10% 2%,rgba(255,63,152,.14),transparent 27%),radial-gradient(circle at 91% 11%,rgba(164,62,228,.12),transparent 25%),linear-gradient(180deg,#0d090d 0%,#130d12 48%,#0b090c 100%)!important;
  color:var(--jt-text)!important;
}
#jakThemeToggle{
  border:1px solid var(--jt-line2)!important;background:rgba(255,255,255,.91)!important;color:#7b5368!important;
  box-shadow:0 8px 22px rgba(87,38,64,.11)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;
  cursor:pointer!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;z-index:9997!important;
  transition:transform .16s ease,background .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
#jakThemeToggle[data-placement="home"]{position:absolute!important;top:14px!important;right:63px!important;width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center!important}
#jakThemeToggle[data-placement="staff"]{position:fixed!important;top:max(14px,env(safe-area-inset-top))!important;right:14px!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border-radius:15px!important;display:grid!important;place-items:center!important}
#jakThemeToggle .jakThemeIcon{display:block!important;font-size:19px!important;line-height:1!important;transition:transform .3s cubic-bezier(.22,.8,.2,1)!important}
#jakThemeToggle:active{transform:scale(.90)!important}
#jakThemeToggle.jakThemeSpin .jakThemeIcon{transform:rotate(180deg) scale(.82)!important}
html[data-jak-theme="dark"] #jakThemeToggle{background:rgba(35,23,31,.92)!important;color:#ffd5e9!important;border-color:rgba(255,190,222,.15)!important;box-shadow:0 10px 28px rgba(0,0,0,.32)!important}
html[data-jak-theme="dark"] input,html[data-jak-theme="dark"] textarea,html[data-jak-theme="dark"] select{background:#21171e!important;color:var(--jt-text)!important;border-color:var(--jt-line2)!important;caret-color:#ff5aa8!important;box-shadow:none!important}
html[data-jak-theme="dark"] input::placeholder,html[data-jak-theme="dark"] textarea::placeholder{color:#806c77!important;-webkit-text-fill-color:#806c77!important}
html[data-jak-theme="dark"] input:focus,html[data-jak-theme="dark"] textarea:focus,html[data-jak-theme="dark"] select:focus{background:#271a23!important;border-color:rgba(255,77,163,.55)!important;box-shadow:0 0 0 4px rgba(255,63,152,.10)!important}
html[data-jak-theme="dark"] label,html[data-jak-theme="dark"] h1,html[data-jak-theme="dark"] h2,html[data-jak-theme="dark"] h3,html[data-jak-theme="dark"] h4,html[data-jak-theme="dark"] h5,html[data-jak-theme="dark"] strong,html[data-jak-theme="dark"] b{color:var(--jt-text)}
html[data-jak-theme="dark"] hr{border-color:var(--jt-line)!important;background:var(--jt-line)!important}
html[data-jak-theme="dark"] table{color:var(--jt-text)!important}
html[data-jak-theme="dark"] th{background:#251923!important;color:#f9eaf2!important;border-color:var(--jt-line)!important}
html[data-jak-theme="dark"] td{background:#1a1218!important;color:#dbc8d2!important;border-color:var(--jt-line)!important}
html[data-jak-theme="dark"] .jakPageHome .brandHero{background:radial-gradient(circle at 82% 18%,rgba(255,73,161,.13),transparent 32%),linear-gradient(135deg,#1c121a,#171016)!important;border-color:rgba(255,209,232,.09)!important;box-shadow:var(--jt-shadow)!important}
html[data-jak-theme="dark"] .jakPageHome .brandHero::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)!important}
html[data-jak-theme="dark"] .jakPageHome .brandLogo{color:#c968ff!important;text-shadow:0 8px 28px rgba(197,74,255,.16)!important}
html[data-jak-theme="dark"] .jakPageHome .brandSub{color:#e2c8d5!important}
html[data-jak-theme="dark"] .jakPageHome .brandMini{background:#261823!important;color:#ff80bc!important;border-color:rgba(255,104,177,.12)!important;box-shadow:none!important}
html[data-jak-theme="dark"] .jakPageHome .jakLiveSummary{background:rgba(28,18,26,.92)!important;border-color:var(--jt-line)!important;box-shadow:var(--jt-shadow)!important}
html[data-jak-theme="dark"] .jakPageHome .jakLiveMetric,html[data-jak-theme="dark"] .jakPageHome .jakLiveMetric *{color:#ead8e2!important}
html[data-jak-theme="dark"] .jakPageHome #search{background:#1a1218!important;color:#f8edf3!important;border-color:var(--jt-line2)!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important}
html[data-jak-theme="dark"] .jakPageHome #search::placeholder{color:#8e7883!important}
html[data-jak-theme="dark"] .jakPageHome #filterTabs button{background:#1d141b!important;color:#cdb5c1!important;border-color:var(--jt-line)!important;box-shadow:none!important}
html[data-jak-theme="dark"] .jakPageHome #filterTabs button.active{color:#fff!important;background:linear-gradient(135deg,#ff3f98,#a443e5)!important;box-shadow:0 9px 24px rgba(226,55,148,.22)!important}
html[data-jak-theme="dark"] .jakPageHome .card{background:#171015!important;border-color:var(--jt-line)!important;box-shadow:0 12px 28px rgba(0,0,0,.26)!important}
html[data-jak-theme="dark"] .jakPageHome .card .body{background:#171015!important;color:#f4e8ee!important}
html[data-jak-theme="dark"] .jakPageHome .card .body>div:first-child,html[data-jak-theme="dark"] .jakPageHome .card .body>b:first-child{color:#fff4f8!important}
html[data-jak-theme="dark"] .jakPageHome .meta,html[data-jak-theme="dark"] .jakPageHome .meta *{color:#b9a2ae!important}
html[data-jak-theme="dark"] .jakPageHome .btnFav{background:rgba(25,16,22,.92)!important;color:#ceb7c3!important;border-color:rgba(255,255,255,.06)!important;box-shadow:0 7px 18px rgba(0,0,0,.22)!important}
html[data-jak-theme="dark"] .jakPageHome .btnFav.active{color:#ff63ad!important;background:#321827!important}
html[data-jak-theme="dark"] .jakPageHome .bottomNav{background:rgba(22,13,22,.96)!important;border-color:rgba(255,221,238,.08)!important;box-shadow:0 17px 42px rgba(0,0,0,.42)!important}
html[data-jak-theme="dark"] .jakPageHome .bottomNav button,html[data-jak-theme="dark"] .jakPageHome .bottomNav a{color:#baa4b0!important}
html[data-jak-theme="dark"] .jakPageHome .bottomNav .active{color:#ff68b1!important;background:rgba(255,63,152,.11)!important}
html[data-jak-theme="dark"] .jakPageHome :is(.modalBox,.publicProfileBox,.profileModal,.jakConfirmCard,.jakDialogBox,.vipModalContent,.vipCheckoutCard,.vipDanaPaymentCard,.jakRedeemCard,.jakMusicCard){background:#181116!important;color:var(--jt-text)!important;border-color:var(--jt-line)!important;box-shadow:var(--jt-shadow2)!important}
html[data-jak-theme="dark"] .jakPageHome :is(.modalBox,.publicProfileBox,.profileModal,.jakConfirmCard,.jakDialogBox,.vipModalContent,.vipCheckoutCard,.vipDanaPaymentCard,.jakRedeemCard,.jakMusicCard) p{color:var(--jt-text2)!important}
html[data-jak-theme="dark"] .jakRedeemModal,html[data-jak-theme="dark"] .jakMusicBackdrop,html[data-jak-theme="dark"] .modal{background:rgba(5,3,5,.67)!important}
html[data-jak-theme="dark"] .jakRedeemCard{background:radial-gradient(circle at top right,rgba(255,63,152,.09),transparent 32%),linear-gradient(160deg,#1b1218,#130e12)!important}
html[data-jak-theme="dark"] .jakRewardCard,html[data-jak-theme="dark"] .jakRedeemHistoryItem{background:#21161d!important;border-color:var(--jt-line)!important}
html[data-jak-theme="dark"] .jakRewardTitle,html[data-jak-theme="dark"] .jakRewardEmptyTitle{color:#f8edf3!important}
html[data-jak-theme="dark"] .jakRewardMeta,html[data-jak-theme="dark"] .jakRewardEmptyText{color:#aa929e!important}
html[data-jak-theme="dark"] .jakRewardEmpty{background:#1f151c!important;border-color:rgba(255,185,219,.15)!important}
html[data-jak-theme="dark"] .jakRedeemClose,html[data-jak-theme="dark"] .jakMusicClose{background:#281923!important;color:#e8cdd9!important;border-color:var(--jt-line)!important}
html[data-jak-theme="dark"] .jakMusicSheet,html[data-jak-theme="dark"] #jakMusicSheet{background:#130e12!important;color:#f7edf2!important;border-color:var(--jt-line)!important;box-shadow:0 -18px 55px rgba(0,0,0,.48)!important}
html[data-jak-theme="dark"] :is(.jakMusicNow,.jakMusicTrack,.jakMusicYTItem,.jakMusicYoutubeItem,.jakMusicPlaylistItem){background:#1d141a!important;border-color:var(--jt-line)!important;color:#f6eaf0!important}
html[data-jak-theme="dark"] .jakMusicTabs button:not(.active){background:#21161d!important;color:#c9b1bd!important}
html[data-jak-theme="dark"] :is(.jakPageOwner,.jakPageAdmin,.jakPageEvent,.jakPageMod,.jakPageAdminLogin){color:var(--jt-text)!important}
html[data-jak-theme="dark"] :is(.jakPageOwner .box,.jakPageAdmin .card,.jakPageEvent .card,.jakPageMod .box,.jakPageAdminLogin .card,.jakPageOwner #paymentSettingsCard,.jakPageOwner #supabaseStorageCard,.jakPageOwner #userManagerSection,.jakPageOwner .ownerNotifPanel,.jakPageOwner .ownerStaffActivityPanel,.jakPageOwner #jakAntiMultiRepairCard,.jakPageOwner #jakAutoMultiV3Card){background:#181116!important;color:var(--jt-text)!important;border-color:var(--jt-line)!important;box-shadow:var(--jt-shadow)!important}
html[data-jak-theme="dark"] :is(.jakPageOwner .acc,.jakPageAdmin .item,.jakPageAdmin .stat,.jakPageEvent #eventCodeList>div,.jakPageMod .comment){background:#21161d!important;color:var(--jt-text)!important;border-color:var(--jt-line)!important;box-shadow:none!important}
html[data-jak-theme="dark"] :is(.jakPageAdmin .top,.jakPageEvent .top){background:rgba(22,14,20,.92)!important;border-color:var(--jt-line)!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important;backdrop-filter:blur(10px)!important}
html[data-jak-theme="dark"] :is(.jakPageOwner p,.jakPageAdmin p,.jakPageEvent p,.jakPageMod p,.jakPageAdminLogin p,.jakPageOwner small,.jakPageAdmin small,.jakPageEvent small,.jakPageMod small){color:var(--jt-text2)!important}
html[data-jak-theme="dark"] :is(.jakPageOwner .ownerConfirmCancel,.jakPageAdmin .logout,.jakPageEvent .secondary){background:#281b24!important;color:#e2cbd6!important;border-color:var(--jt-line)!important}
html[data-jak-theme="dark"] ::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.72)}
html[data-jak-theme="dark"]{scrollbar-color:#563349 #171015}
html[data-jak-theme="dark"] ::-webkit-scrollbar{width:8px;height:8px}html[data-jak-theme="dark"] ::-webkit-scrollbar-track{background:#171015}html[data-jak-theme="dark"] ::-webkit-scrollbar-thumb{background:#563349;border-radius:999px}
@media(prefers-reduced-motion:reduce){html.jakThemeTransition *,html.jakThemeTransition *::before,html.jakThemeTransition *::after,#jakThemeToggle,#jakThemeToggle .jakThemeIcon{transition:none!important;animation:none!important}}
@media(max-width:380px){#jakThemeToggle[data-placement="home"]{top:10px!important;right:55px!important;width:38px!important;min-width:38px!important;height:38px!important;border-radius:13px!important}}

/* JAKSKY ROSE NIGHT DARK V2 */
html[data-jak-theme="dark"]{
  --jt-bg:#1b1018;
  --jt-bg2:#24131f;
  --jt-surface:#2a1a25;
  --jt-surface2:#311f2b;
  --jt-surface3:#3a2432;
  --jt-text:#fff6fa;
  --jt-text2:#e7cfdc;
  --jt-muted:#b99eac;
  --jt-line:rgba(255,210,232,.12);
  --jt-line2:rgba(255,210,232,.20);
  --jt-shadow:0 14px 34px rgba(18,6,14,.24);
  --jt-shadow2:0 26px 70px rgba(18,6,14,.34);
  --jt-nav:rgba(39,18,36,.94);
}

html[data-jak-theme="dark"] body{
  background:
    radial-gradient(circle at 12% 0%,rgba(255,86,165,.16),transparent 30%),
    radial-gradient(circle at 88% 9%,rgba(178,79,255,.12),transparent 26%),
    linear-gradient(180deg,#21111d 0%,#1b0f18 48%,#171017 100%) !important;
  color:#fff6fa !important;
}

html[data-jak-theme="dark"] .jakPageHome .brandHero{
  background:
    radial-gradient(circle at 78% 18%,rgba(255,96,173,.14),transparent 30%),
    linear-gradient(135deg,#2f1b2a,#251621) !important;
  border:1px solid rgba(255,222,238,.12) !important;
  box-shadow:0 16px 38px rgba(27,8,21,.23) !important;
}

html[data-jak-theme="dark"] .jakPageHome .brandLogo{
  color:#cf76ff !important;
  text-shadow:0 8px 30px rgba(207,118,255,.18) !important;
}

html[data-jak-theme="dark"] .jakPageHome .brandSub{
  color:#f1dce7 !important;
}

html[data-jak-theme="dark"] .jakPageHome .brandMini{
  background:rgba(255,255,255,.06) !important;
  color:#ff80bc !important;
  border:1px solid rgba(255,191,223,.10) !important;
}

html[data-jak-theme="dark"] .jakPageHome .jakLiveSummary{
  background:linear-gradient(180deg,#2b1b27,#241720) !important;
  border:1px solid rgba(255,221,238,.11) !important;
  box-shadow:0 12px 28px rgba(23,7,18,.20) !important;
}

html[data-jak-theme="dark"] .jakPageHome .jakLiveMetric,
html[data-jak-theme="dark"] .jakPageHome .jakLiveMetric *{
  color:#f4e2eb !important;
}

html[data-jak-theme="dark"] .jakPageHome #search{
  background:#2a1a25 !important;
  color:#fff7fa !important;
  border:1px solid rgba(255,214,234,.13) !important;
  box-shadow:0 10px 26px rgba(18,7,14,.19) !important;
}

html[data-jak-theme="dark"] .jakPageHome #search::placeholder{
  color:#b29aa7 !important;
}

html[data-jak-theme="dark"] .jakPageHome #filterTabs button{
  background:#2b1a27 !important;
  color:#d9c0cd !important;
  border:1px solid rgba(255,211,232,.10) !important;
  box-shadow:none !important;
}

html[data-jak-theme="dark"] .jakPageHome #filterTabs button.active{
  color:#fff !important;
  background:linear-gradient(135deg,#ff4a9f,#b148e3) !important;
  box-shadow:0 9px 24px rgba(229,58,151,.20) !important;
}

html[data-jak-theme="dark"] .jakPageHome .card{
  background:#2a1a25 !important;
  border:1px solid rgba(255,219,237,.11) !important;
  box-shadow:0 14px 30px rgba(20,7,15,.22) !important;
  overflow:hidden !important;
}

html[data-jak-theme="dark"] .jakPageHome .card .body{
  background:#2a1a25 !important;
  color:#fff6fa !important;
  border-top:1px solid rgba(255,219,237,.06) !important;
}

html[data-jak-theme="dark"] .jakPageHome .card .body > div:first-child,
html[data-jak-theme="dark"] .jakPageHome .card .body > b:first-child,
html[data-jak-theme="dark"] .jakPageHome .card .title{
  color:#fff8fb !important;
}

html[data-jak-theme="dark"] .jakPageHome .card .meta,
html[data-jak-theme="dark"] .jakPageHome .card .meta *{
  color:#c8adb9 !important;
}

html[data-jak-theme="dark"] .jakPageHome .card .meta span,
html[data-jak-theme="dark"] .jakPageHome .card .stats span{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,220,238,.07) !important;
  color:#e7d3dd !important;
  box-shadow:none !important;
}

html[data-jak-theme="dark"] .jakPageHome .btnFav{
  background:rgba(44,28,39,.94) !important;
  color:#d7bdca !important;
  border:1px solid rgba(255,226,240,.10) !important;
  box-shadow:0 7px 18px rgba(12,4,9,.18) !important;
}

html[data-jak-theme="dark"] .jakPageHome .btnFav.active{
  background:#4a2037 !important;
  color:#ff6eb4 !important;
}

html[data-jak-theme="dark"] .jakPageHome .bottomNav{
  background:linear-gradient(180deg,rgba(48,23,43,.97),rgba(36,17,34,.98)) !important;
  border:1px solid rgba(255,221,239,.10) !important;
  box-shadow:0 18px 44px rgba(19,6,15,.33) !important;
}

html[data-jak-theme="dark"] .jakPageHome .bottomNav button,
html[data-jak-theme="dark"] .jakPageHome .bottomNav a{
  color:#c7aeba !important;
}

html[data-jak-theme="dark"] .jakPageHome .bottomNav .active{
  color:#ff70b7 !important;
  background:rgba(255,70,158,.10) !important;
  border-color:rgba(255,83,166,.18) !important;
}

html[data-jak-theme="dark"] #jakMusicLauncher,
html[data-jak-theme="dark"] #jakThemeToggle{
  background:#352132 !important;
  color:#ffd7e9 !important;
  border:1px solid rgba(255,218,236,.11) !important;
  box-shadow:0 9px 24px rgba(18,5,14,.20) !important;
}

html[data-jak-theme="dark"] .jakPageHome :is(
  .modalBox,
  .publicProfileBox,
  .profileModal,
  .jakConfirmCard,
  .jakDialogBox,
  .vipModalContent,
  .vipCheckoutCard,
  .vipDanaPaymentCard,
  .jakRedeemCard,
  .jakMusicCard
){
  background:linear-gradient(160deg,#2a1a25,#22151f) !important;
  color:#fff6fa !important;
  border:1px solid rgba(255,217,236,.11) !important;
  box-shadow:0 24px 64px rgba(14,4,11,.34) !important;
}

html[data-jak-theme="dark"] .jakMusicSheet,
html[data-jak-theme="dark"] #jakMusicSheet{
  background:linear-gradient(180deg,#2a1a25 0%,#1f131c 100%) !important;
  color:#fff6fa !important;
  border-color:rgba(255,217,236,.11) !important;
  box-shadow:0 -20px 58px rgba(15,4,12,.38) !important;
}

html[data-jak-theme="dark"] :is(
  .jakMusicNow,
  .jakMusicTrack,
  .jakMusicYTItem,
  .jakMusicYoutubeItem,
  .jakMusicPlaylistItem
){
  background:#34212f !important;
  color:#fff6fa !important;
  border:1px solid rgba(255,218,236,.10) !important;
}

html[data-jak-theme="dark"] :is(
  .jakPageOwner .box,
  .jakPageAdmin .card,
  .jakPageEvent .card,
  .jakPageMod .box,
  .jakPageAdminLogin .card,
  .jakPageOwner #paymentSettingsCard,
  .jakPageOwner #supabaseStorageCard,
  .jakPageOwner #userManagerSection
){
  background:#2a1a25 !important;
  color:#fff6fa !important;
  border:1px solid rgba(255,218,236,.11) !important;
  box-shadow:0 15px 34px rgba(18,5,14,.22) !important;
}

html[data-jak-theme="dark"] input,
html[data-jak-theme="dark"] textarea,
html[data-jak-theme="dark"] select{
  background:#34212f !important;
  color:#fff7fa !important;
  border-color:rgba(255,217,236,.14) !important;
}

html[data-jak-theme="dark"] input::placeholder,
html[data-jak-theme="dark"] textarea::placeholder{
  color:#ad919f !important;
  -webkit-text-fill-color:#ad919f !important;
}


/* JAKSKY THEME TOGGLE MODAL FIX V1 */
#jakThemeToggle{
  z-index:120 !important;
}

html.jakThemeModalOpen #jakThemeToggle{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:scale(.88) !important;
}

@media(max-width:700px){
  #jakThemeToggle[data-placement="home"]{
    z-index:120 !important;
  }
}


/* JAKSKY STAFF THEME BUTTON HIDE V4 */
#jakThemeToggle[data-placement="staff"]{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}


/* JAKSKY PREMIUM COMPACT V7 */

@media(max-width:768px){

.brandHero{
  margin:10px auto 9px!important;
  padding:12px 74px 11px!important;
  border-radius:21px!important;
  box-shadow:
    0 10px 28px rgba(255,63,157,.16)!important;
}

.brandLogo{
  font-size:30px!important;
  line-height:1.05!important;
}

.brandSub{
  margin-top:4px!important;
  font-size:11px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.brandMini{
  margin-top:7px!important;
  padding:5px 10px!important;
  font-size:10.5px!important;
}

.jakLiveSummary{
  margin-bottom:10px!important;
  padding:0 4%!important;
}

.jakLiveSummaryButton{
  min-height:46px!important;
  padding:7px 10px!important;
  border-radius:18px!important;
}

.jakLiveMetric strong{
  font-size:13px!important;
}

.jakLiveMetric small{
  font-size:9.5px!important;
}

.jakLiveDivider{
  height:19px!important;
}

}

/* MODAL VIDEO */

#modal{
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}

#modal:not(.hidden) .modalBox{
  animation:
    jakModalV7 .32s
    cubic-bezier(.18,.88,.28,1.1);
}

@keyframes jakModalV7{
  from{
    opacity:0;
    transform:
      translateY(16px)
      scale(.97);
  }
  to{
    opacity:1;
    transform:none;
  }
}

.jakFlyV7{
  position:fixed!important;
  z-index:12050!important;
  pointer-events:none!important;
  object-fit:cover!important;
  will-change:
    left,top,width,height,
    opacity,border-radius!important;

  box-shadow:
    0 22px 65px
    rgba(20,4,18,.4)!important;
}

/* DARK MODE PREMIUM */

html[data-jak-theme="dark"] body{
  background:
    radial-gradient(
      circle at 14% 0,
      rgba(255,52,154,.20),
      transparent 28%
    ),
    radial-gradient(
      circle at 88% 8%,
      rgba(143,65,255,.18),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #070509,
      #100913 48%,
      #060507
    )!important;
}

html[data-jak-theme="dark"] .brandHero{
  background:
    radial-gradient(
      circle at 82% 16%,
      rgba(176,75,255,.15),
      transparent 33%
    ),
    linear-gradient(
      145deg,
      #1b111f,
      #100b15
    )!important;

  border-color:
    rgba(255,92,181,.16)!important;

  box-shadow:
    0 16px 42px rgba(0,0,0,.42),
    0 0 30px rgba(159,66,255,.08)!important;
}

html[data-jak-theme="dark"] .card{
  background:
    linear-gradient(
      155deg,
      #18101d,
      #100c14
    )!important;

  border:
    1px solid
    rgba(255,92,181,.10)!important;

  box-shadow:
    0 14px 32px rgba(0,0,0,.34),
    0 0 20px rgba(146,61,236,.04)!important;
}

html[data-jak-theme="dark"] .card .body{
  background:transparent!important;
  color:#f8edf6!important;
}

html[data-jak-theme="dark"] .userTop{
  background:
    linear-gradient(
      180deg,
      rgba(9,6,11,.94),
      rgba(9,6,11,.78)
    )!important;

  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

html[data-jak-theme="dark"] #search{
  background:#151019!important;
  color:#fff2fa!important;
  border-color:
    rgba(255,102,187,.14)!important;

  box-shadow:
    0 10px 26px rgba(0,0,0,.30)!important;
}

html[data-jak-theme="dark"]
#filterTabs button{
  background:#17111d!important;
  color:#cdbbc9!important;
  border:
    1px solid
    rgba(255,255,255,.05)!important;
  box-shadow:none!important;
}

html[data-jak-theme="dark"]
#filterTabs button.active{
  background:
    linear-gradient(
      135deg,
      #ff3d99,
      #9149e8
    )!important;

  color:white!important;

  box-shadow:
    0 9px 24px
    rgba(224,55,158,.23)!important;
}

html[data-jak-theme="dark"] .modalBox{
  background:
    radial-gradient(
      circle at 85% 0,
      rgba(165,62,246,.10),
      transparent 35%
    ),
    linear-gradient(
      155deg,
      #18101d,
      #100c14
    )!important;

  border:
    1px solid
    rgba(255,101,187,.14)!important;

  box-shadow:
    0 30px 90px rgba(0,0,0,.60),
    0 0 38px rgba(151,58,237,.08)!important;

  color:#f8edf6!important;
}

@media(prefers-reduced-motion:reduce){
  #modal:not(.hidden) .modalBox{
    animation:none!important;
  }

  .jakFlyV7{
    display:none!important;
  }
}

/* JAKSKY PREMIUM V7 */

/* HEADER LEBIH RINGKAS */
@media(max-width:768px){
  .brandHero{
    margin:10px 20px 9px!important;
    padding:14px 70px 12px!important;
    border-radius:22px!important;
    min-height:0!important;
  }

  .brandLogo{
    font-size:30px!important;
    line-height:1!important;
  }

  .brandSub{
    font-size:11px!important;
    margin-top:5px!important;
    line-height:1.2!important;
  }

  .brandMini{
    font-size:10px!important;
    padding:5px 10px!important;
    margin-top:7px!important;
  }

  .jakLiveSummary{
    margin-bottom:10px!important;
  }

  .jakLiveSummaryButton{
    min-height:45px!important;
    border-radius:18px!important;
    padding:6px 10px!important;
  }
}

/* MODAL VIDEO */
#modal:not(.hidden) .modalBox{
  animation:jakPremiumOpen .32s
  cubic-bezier(.2,.85,.25,1.08);
}

@keyframes jakPremiumOpen{
  from{
    opacity:0;
    transform:translateY(18px) scale(.965);
  }
  to{
    opacity:1;
    transform:none;
  }
}

.jakFlyThumb{
  position:fixed!important;
  z-index:99999!important;
  object-fit:cover!important;
  pointer-events:none!important;
  box-shadow:0 25px 70px rgba(0,0,0,.4)!important;
}

/* DARK MODE PREMIUM */
html[data-jak-theme="dark"] body{
  background:
    radial-gradient(circle at 15% 0,
      rgba(255,50,155,.17),transparent 27%),
    radial-gradient(circle at 90% 8%,
      rgba(142,63,255,.15),transparent 24%),
    #09070b!important;
  color:#f9edf6!important;
}

html[data-jak-theme="dark"] .brandHero{
  background:linear-gradient(
    145deg,#1b111f,#100b15
  )!important;

  border:1px solid
    rgba(255,94,181,.17)!important;

  box-shadow:
    0 16px 40px rgba(0,0,0,.4),
    0 0 30px rgba(151,60,240,.07)!important;
}

html[data-jak-theme="dark"] .card{
  background:linear-gradient(
    155deg,#19111e,#110d15
  )!important;

  border:1px solid
    rgba(255,90,177,.10)!important;

  box-shadow:
    0 15px 32px rgba(0,0,0,.32)!important;
}

html[data-jak-theme="dark"] .card .body{
  background:transparent!important;
  color:#fff1fa!important;
}

html[data-jak-theme="dark"] #search{
  background:#17111a!important;
  color:white!important;
  border-color:rgba(255,99,184,.14)!important;
}

html[data-jak-theme="dark"] #filterTabs button{
  background:#19121e!important;
  color:#d0bdcc!important;
  box-shadow:none!important;
}

html[data-jak-theme="dark"] #filterTabs button.active{
  background:linear-gradient(
    135deg,#ff3e9c,#914ce9
  )!important;
  color:white!important;
}

html[data-jak-theme="dark"] .modalBox{
  background:linear-gradient(
    155deg,#1a111f,#100c14
  )!important;

  border:1px solid
    rgba(255,100,187,.14)!important;

  box-shadow:
    0 30px 90px rgba(0,0,0,.6)!important;

  color:#fff1fa!important;
}
/* =====================================================
   JAKSKY DARK HOME MODAL + COMMENTS V9
   Fix kartu komentar/reply/input yang sebelumnya tetap putih
   saat tema gelap.
===================================================== */
html[data-jak-theme="dark"] #modal{
  background:rgba(4,3,6,.76)!important;
}

html[data-jak-theme="dark"] #modal .modalBox{
  background:linear-gradient(155deg,#1a111f,#100c14)!important;
  color:#fff1fa!important;
  border-color:rgba(255,100,187,.16)!important;
}

html[data-jak-theme="dark"] #modal #mtitle,
html[data-jak-theme="dark"] #modal h3,
html[data-jak-theme="dark"] #modal b,
html[data-jak-theme="dark"] #modal .commentUserName{
  color:#fff3fa!important;
}

html[data-jak-theme="dark"] #modal #mdesc,
html[data-jak-theme="dark"] #modal .comment>p,
html[data-jak-theme="dark"] #modal .replyBodyText,
html[data-jak-theme="dark"] #modal #comments>p{
  color:#e6d4df!important;
}

html[data-jak-theme="dark"] #modal #comments>.comment{
  background:linear-gradient(145deg,#211720,#181118)!important;
  border-color:rgba(255,132,194,.14)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
}

html[data-jak-theme="dark"] #modal .comment .replyComment{
  background:#1d151c!important;
  border-color:rgba(255,132,194,.13)!important;
}

html[data-jak-theme="dark"] #modal .replyContext{
  background:linear-gradient(135deg,rgba(95,37,70,.34),rgba(75,44,103,.30))!important;
  border-color:rgba(255,117,184,.14)!important;
  color:#ddc6d4!important;
}

html[data-jak-theme="dark"] #modal .comment>small{
  background:#2b2028!important;
  color:#af9aa6!important;
}

html[data-jak-theme="dark"] #modal .commentAction.replyAction,
html[data-jak-theme="dark"] #modal .comment button{
  background:#291b25!important;
  color:#ff8ac1!important;
  border-color:rgba(255,111,183,.17)!important;
}

html[data-jak-theme="dark"] #modal .commentAction.deleteAction{
  background:#311a23!important;
  color:#ff93a8!important;
  border-color:rgba(255,101,127,.16)!important;
}

html[data-jak-theme="dark"] #modal .jakCommentComposer{
  border-top-color:rgba(255,255,255,.08)!important;
}

html[data-jak-theme="dark"] #modal .jakCommentComposer .commentInput,
html[data-jak-theme="dark"] #modal .jakCommentComposer #ctext,
html[data-jak-theme="dark"] #modal #ctext{
  background:#181218!important;
  color:#fff0f8!important;
  border-color:rgba(255,119,187,.18)!important;
  box-shadow:none!important;
}

html[data-jak-theme="dark"] #modal #ctext::placeholder{
  color:#8f7a86!important;
}