/* TEMA 3D PREMIUM (khusus akun Premium): permukaan timbul berlapis, bibir tebal di bawah, kilau di tepi atas, tekan = turun. */
html[data-t3d="aurora"]{color-scheme:dark;--paper:#0b0e24!important;--card:#161b45!important;--card2:#1f2560!important;--card3:#29307a!important;--ink:#eef0ff!important;--mute:rgba(238,240,255,.68)!important;--line:#343c8c!important;--bd:#05071a!important;--acc:#5cf2c8!important;--acc2:#9bf7de!important;--accd:#1f9f7e!important;--coral:#8b7bff!important;--navbg:#10143a!important;--sheet:#151a42!important;--pinkbox:#262c6e!important;--fb:#aab2ff!important;--text:#eef0ff!important;--cbg:#161b45!important;--sd:#05071a!important;--inv:#05071a!important;--a:#5cf2c8!important;--a2:#5cf2c8!important;--ga:#5cf2c8!important;--gb:#5cf2c8!important;--s1:#5cf2c8!important;--s2:#9bf7de!important;--sbg:#0b0e24!important;--stx:#eef0ff!important;--smu:rgba(238,240,255,.68)!important;--t3glow:rgba(92,242,200,.16)!important;--t3edge:rgba(155,247,222,.22)!important;--t3hi:rgba(255,255,255,.20)!important;--t3lo:rgba(0,0,0,.30)!important;--t3lip:#060826!important;--t3drop:rgba(0,0,0,.65)!important;--t3inset:rgba(0,0,0,.55)!important;--t3txt:rgba(0,0,0,.45)!important;}
html[data-t3d="magma"]{color-scheme:dark;--paper:#150a07!important;--card:#2a1510!important;--card2:#381c14!important;--card3:#4a2418!important;--ink:#fff1ea!important;--mute:rgba(255,241,234,.68)!important;--line:#5a2d1e!important;--bd:#080302!important;--acc:#ff8a3d!important;--acc2:#ffb27a!important;--accd:#b9501a!important;--coral:#ff4d4d!important;--navbg:#1d0e0a!important;--sheet:#24120d!important;--pinkbox:#4a2418!important;--fb:#e8b49a!important;--text:#fff1ea!important;--cbg:#2a1510!important;--sd:#080302!important;--inv:#080302!important;--a:#ff8a3d!important;--a2:#ff8a3d!important;--ga:#ff8a3d!important;--gb:#ff8a3d!important;--s1:#ff8a3d!important;--s2:#ffb27a!important;--sbg:#150a07!important;--stx:#fff1ea!important;--smu:rgba(255,241,234,.68)!important;--t3glow:rgba(255,138,61,.16)!important;--t3edge:rgba(255,178,122,.22)!important;--t3hi:rgba(255,255,255,.18)!important;--t3lo:rgba(0,0,0,.34)!important;--t3lip:#0a0403!important;--t3drop:rgba(0,0,0,.65)!important;--t3inset:rgba(0,0,0,.55)!important;--t3txt:rgba(0,0,0,.5)!important;}
html[data-t3d="rimba"]{color-scheme:dark;--paper:#07130c!important;--card:#10261a!important;--card2:#173824!important;--card3:#1f4a30!important;--ink:#eaffef!important;--mute:rgba(234,255,239,.68)!important;--line:#2c6a45!important;--bd:#020a05!important;--acc:#b8f34a!important;--acc2:#d4f98a!important;--accd:#6f9d1a!important;--coral:#1fae66!important;--navbg:#0b1c12!important;--sheet:#0f2218!important;--pinkbox:#1f4a30!important;--fb:#9fd9b4!important;--text:#eaffef!important;--cbg:#10261a!important;--sd:#020a05!important;--inv:#020a05!important;--a:#b8f34a!important;--a2:#b8f34a!important;--ga:#b8f34a!important;--gb:#b8f34a!important;--s1:#b8f34a!important;--s2:#d4f98a!important;--sbg:#07130c!important;--stx:#eaffef!important;--smu:rgba(234,255,239,.68)!important;--t3glow:rgba(184,243,74,.14)!important;--t3edge:rgba(212,249,138,.20)!important;--t3hi:rgba(255,255,255,.17)!important;--t3lo:rgba(0,0,0,.34)!important;--t3lip:#030c06!important;--t3drop:rgba(0,0,0,.65)!important;--t3inset:rgba(0,0,0,.55)!important;--t3txt:rgba(0,0,0,.5)!important;}
html[data-t3d="kristal"]{color-scheme:light;--paper:#e8f2ff!important;--card:#ffffff!important;--card2:#f1f7ff!important;--card3:#dcebff!important;--ink:#0d2038!important;--mute:rgba(13,32,56,.66)!important;--line:#b9d3f2!important;--bd:#12304f!important;--acc:#4aa8ff!important;--acc2:#8cc8ff!important;--accd:#2a6fc0!important;--coral:#2f6bff!important;--navbg:#ffffff!important;--sheet:#ffffff!important;--pinkbox:#dcebff!important;--fb:#12304f!important;--text:#0d2038!important;--cbg:#ffffff!important;--sd:#12304f!important;--inv:#12304f!important;--a:#4aa8ff!important;--a2:#4aa8ff!important;--ga:#4aa8ff!important;--gb:#4aa8ff!important;--s1:#4aa8ff!important;--s2:#8cc8ff!important;--sbg:#e8f2ff!important;--stx:#0d2038!important;--smu:rgba(13,32,56,.66)!important;--t3glow:rgba(74,168,255,.30)!important;--t3edge:rgba(18,48,79,.16)!important;--t3hi:rgba(255,255,255,.95)!important;--t3lo:rgba(18,48,79,.10)!important;--t3lip:#b4cfee!important;--t3drop:rgba(30,80,140,.35)!important;--t3inset:rgba(18,48,79,.18)!important;--t3txt:transparent!important;}

html[data-t3d] body{background:radial-gradient(130% 60% at 50% -6%,var(--t3glow),transparent 64%),var(--paper)!important;background-attachment:fixed!important}
html[data-t3d] #app,html[data-t3d] main{background:transparent!important}

/* kartu timbul */
html[data-t3d] body :is(.st-c,.st-pf,.sc,.panel,.row,.pcard,.card,.tile,.tsm):not(.tg *){background:linear-gradient(180deg,var(--card2) 0%,var(--card) 100%)!important;border:1px solid var(--t3edge)!important;border-radius:20px!important;color:var(--ink);box-shadow:inset 0 2px 0 var(--t3hi),inset 0 -5px 0 var(--t3lo),0 6px 0 var(--t3lip),0 18px 28px -12px var(--t3drop)!important;transition:transform .16s cubic-bezier(.3,.9,.3,1),box-shadow .16s ease!important}
html[data-t3d] body :is(.st-c,.tile,.row):not(.tg *):active{transform:translateY(4px)!important;box-shadow:inset 0 2px 0 var(--t3hi),inset 0 -3px 0 var(--t3lo),0 2px 0 var(--t3lip),0 6px 12px -6px var(--t3drop)!important}
html[data-t3d] body #vSet .st{gap:16px}
html[data-t3d] body .st-i{filter:drop-shadow(0 2px 0 var(--t3lo))}
html[data-t3d] body :is(h2,.st-t b,.tbt b){text-shadow:0 2px 0 var(--t3txt)}
html[data-t3d] body .st-l{color:var(--mute)}

/* tombol aksen: gel timbul, ditekan jadi rata */
html[data-t3d] body :is(.btn,.go,.tpow .go,.pw-go,.pfs-btns .btn,.seg button.on):not(.tg *){background:linear-gradient(180deg,var(--acc2) 0%,var(--acc) 100%)!important;color:#0c0c0c!important;border:0!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(0,0,0,.12),0 5px 0 var(--accd),0 14px 18px -8px var(--t3drop)!important;transition:transform .12s ease,box-shadow .12s ease!important}
html[data-t3d] body :is(.btn,.go,.tpow .go,.pw-go,.pfs-btns .btn):not(.tg *):active:not(:disabled){transform:translateY(4px)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 1px 0 var(--accd),0 4px 8px -4px var(--t3drop)!important}
html[data-t3d] body :is(.halt,.tpow .halt):not(.tg *){background:linear-gradient(180deg,color-mix(in srgb,var(--coral) 70%,#fff) 0%,var(--coral) 100%)!important;color:#fff!important;border:0!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 5px 0 color-mix(in srgb,var(--coral) 55%,#000),0 14px 18px -8px var(--t3drop)!important}
html[data-t3d] body .ui-b.main:not(.tg *){background:linear-gradient(180deg,color-mix(in srgb,var(--coral) 70%,#fff) 0%,var(--coral) 100%)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.4),0 4px 0 color-mix(in srgb,var(--coral) 55%,#000)!important}
html[data-t3d] body :is(.ghost,.st-btn,.mini):not(.tg *):not(.tclr){background:linear-gradient(180deg,var(--card2),var(--card))!important;color:var(--ink)!important;border:1px solid var(--t3edge)!important;box-shadow:inset 0 2px 0 var(--t3hi),0 4px 0 var(--t3lip)!important}

/* kolom isian masuk ke dalam */
html[data-t3d] body :is(input,textarea,select):not(.tg *):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--t3edge)!important;border-radius:14px!important;box-shadow:inset 0 3px 8px var(--t3inset),0 1px 0 var(--t3hi)!important}
html[data-t3d] body :is(input,textarea,select):focus:not(.tg *){border-color:var(--acc)!important;box-shadow:inset 0 3px 8px var(--t3inset),0 0 0 3px color-mix(in srgb,var(--acc) 30%,transparent)!important}

/* switch */
html[data-t3d] body .tgl i{background:linear-gradient(180deg,var(--t3inset),var(--paper))!important;border:1px solid var(--t3edge)!important;box-shadow:inset 0 3px 6px var(--t3inset),0 1px 0 var(--t3hi)!important}
html[data-t3d] body .tgl input:checked+i{background:linear-gradient(180deg,var(--acc2),var(--acc))!important;border-color:var(--accd)!important}
html[data-t3d] body .tgl i::after{background:radial-gradient(circle at 35% 28%,#fff,#cfd3dc 70%)!important;box-shadow:0 2px 0 rgba(0,0,0,.35),0 4px 8px rgba(0,0,0,.35)!important}

/* header, nav, sheet */
html[data-t3d] body :is(.tb,#app main .tb){background:linear-gradient(180deg,var(--card2),var(--card))!important;box-shadow:inset 0 -3px 0 var(--t3lo),0 6px 0 var(--t3lip),0 14px 22px -10px var(--t3drop)!important;border:0!important}
html[data-t3d] body .tb *{color:var(--acc)!important}
html[data-t3d="kristal"] body .tb{background:linear-gradient(180deg,var(--acc2),var(--acc))!important}
html[data-t3d="kristal"] body .tb *{color:#0d2038!important}
@media(max-width:780px){html[data-t3d] body #app aside{background:linear-gradient(180deg,var(--card2),var(--navbg))!important;box-shadow:inset 0 2px 0 var(--t3hi),0 -14px 28px -12px var(--t3drop)!important}}
html[data-t3d] body #app aside .nav.on .i{background:linear-gradient(180deg,var(--acc2),var(--acc))!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),0 3px 0 var(--accd)!important}
html[data-t3d] body :is(.ui-sheet,.ui-dlg,.pfs-card,#drawer .sheet){background:linear-gradient(180deg,var(--card2) 0%,var(--sheet) 22%)!important;box-shadow:inset 0 2px 0 var(--t3hi),0 -18px 40px -14px var(--t3drop)!important}
html[data-t3d] body .ui-dlg{box-shadow:inset 0 2px 0 var(--t3hi),0 6px 0 var(--t3lip),0 28px 40px -12px var(--t3drop)!important}
html[data-t3d] body #vTerm .term{background:var(--paper)!important;box-shadow:inset 0 4px 12px var(--t3inset),0 1px 0 var(--t3hi),0 5px 0 var(--t3lip)!important;border:1px solid var(--t3edge)!important}
html[data-t3d="kristal"] body #vTerm .term{background:#0e1a2c!important}

/* masuk: kartu "bangun" dari bawah dengan sudut miring */
@keyframes t3in{from{opacity:0;transform:perspective(700px) translateY(18px) rotateX(-12deg)}to{opacity:1;transform:none}}
html[data-t3d] body:not(.noanim) #vSet .st>*{animation:t3in .5s cubic-bezier(.2,.9,.3,1) backwards}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(1){animation-delay:35ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(2){animation-delay:70ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(3){animation-delay:105ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(4){animation-delay:140ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(5){animation-delay:175ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(6){animation-delay:210ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(7){animation-delay:245ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(8){animation-delay:280ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(9){animation-delay:315ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(10){animation-delay:350ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(11){animation-delay:385ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(12){animation-delay:420ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(13){animation-delay:455ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(14){animation-delay:490ms}
html[data-t3d] body:not(.noanim) #vSet .st>*:nth-child(15){animation-delay:525ms}

html[data-t3d] body .st-i,html[data-t3d] body .st-i .i{color:var(--acc)!important}
html[data-t3d] body .st-i svg{stroke:var(--acc)!important}
html[data-t3d="kristal"] body .st-i,html[data-t3d="kristal"] body .st-i .i{color:var(--accd)!important}
html[data-t3d="kristal"] body .st-i svg{stroke:var(--accd)!important}
html[data-t3d="kristal"] body :is(.tb,#app main .tb){background:linear-gradient(180deg,var(--acc2),var(--acc))!important}
html[data-t3d="kristal"] body #app main .tb *{color:#0d2038!important}