/* ═══ ACCOUNT THEMES — VIP = silver chrome, Developer = putih dingin ═══ */
body.premium-user:not(.developer-mode){--glass-border:rgba(255,255,255,.24);--glass-strong:rgba(255,255,255,.15)}
body.premium-user:not(.developer-mode) .ambient-scene{background:radial-gradient(ellipse at 85% 8%,#3b3b3f 0%,transparent 56%),radial-gradient(ellipse at 5% 96%,#2b2b2e 0%,transparent 54%),#050505}
body.premium-user:not(.developer-mode) #navbar{border-bottom-color:rgba(255,255,255,.28)}
body.premium-user:not(.developer-mode) .nav-avatar{border-color:rgba(255,255,255,.9);box-shadow:0 0 0 3px rgba(255,255,255,.14),0 0 20px rgba(255,255,255,.28),inset 0 1px 0 rgba(255,255,255,.5)}
body.premium-user:not(.developer-mode) .subscription-card{border-color:rgba(255,255,255,.4);background:rgba(14,14,15,.94);box-shadow:var(--shadow),0 0 45px rgba(255,255,255,.10)}
body.premium-user:not(.developer-mode) .subscription-benefits span::before,body.premium-user:not(.developer-mode) .premium-kicker{color:#e4e5e8!important}
body.developer-mode{--glass-border:rgba(255,255,255,.22);--glass-strong:rgba(255,255,255,.14)}
body.developer-mode #navbar{border-bottom-color:rgba(255,255,255,.3)}
body.developer-mode .developer-card{background:#0e0e0f;border-color:rgba(255,255,255,.3)}
body.developer-mode .developer-trigger,body.developer-mode .premium-kicker{color:#ffffff!important}

/* ═══ MONO THEME — hitam · putih · silver · liquid glass ═══ */
:root{color-scheme:dark;--bg:#040404;--bg2:#0b0b0c;--bg3:#151516;--surface:rgba(255,255,255,.045);--surface-hover:rgba(255,255,255,.10);--glass:rgba(255,255,255,.06);--glass-strong:rgba(255,255,255,.12);--glass-border:rgba(255,255,255,.15);--text:#f6f6f7;--text2:#a9abaf;--text3:#797b80;--accent-blue:#d6d7da;--silver:#c9cacd;--silver-hi:#f4f4f5;--silver-lo:#86888d;--chrome:linear-gradient(180deg,#ffffff 0%,#dfe0e3 48%,#aeb0b5 100%);--blur:blur(30px) saturate(150%);--glow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 -1px 0 rgba(255,255,255,.03),0 12px 36px rgba(0,0,0,.35);--glow-hover:inset 0 1px 0 rgba(255,255,255,.30),0 16px 44px rgba(0,0,0,.45);--shadow:0 28px 90px rgba(0,0,0,.65)}
body{background:var(--bg)}
::selection{background:#d6d7da;color:#050505}
button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-color:#ececee}
.ambient-scene{background:radial-gradient(ellipse at 88% 6%,#2c2c2f 0%,transparent 56%),radial-gradient(ellipse at 4% 98%,#232325 0%,transparent 54%),radial-gradient(ellipse at 50% 45%,#0e0e0f 0%,transparent 70%),#030303}
.ambient-scene::after{background:linear-gradient(90deg,rgba(0,0,0,.35),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 40%)}
#navbar{background:rgba(12,12,13,.52);border-bottom-color:rgba(255,255,255,.14);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);box-shadow:inset 0 -1px 0 rgba(255,255,255,.04),0 10px 40px rgba(0,0,0,.35)}
.nav-link.active{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.30),0 4px 12px rgba(0,0,0,.3)}
.signin-btn{color:#f4f4f5;background:linear-gradient(150deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 14px rgba(0,0,0,.3)}
.signin-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}
#login-nav-btn{order:1}
#profile-nav-btn{order:2}
.burger{order:3}
.nav-avatar,.su-avatar,#dd-avatar,#acct-avatar-big{position:relative;overflow:hidden}
.nav-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:700 14px var(--font);color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.06));border:1.5px solid rgba(255,255,255,.5);box-shadow:0 0 0 3px rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s ease,box-shadow .2s ease}
#profile-nav-btn{position:relative;cursor:pointer}
#profile-nav-btn:hover .nav-avatar{transform:scale(1.06);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.45)}
.av-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;background:#161617}
.card,.card-sm,.stat-card,.qa-btn,.lib-card,.acct-profile-card,.login-card,.file-item,.empty-lib{background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025) 52%,rgba(255,255,255,.06));border-color:rgba(255,255,255,.10);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:var(--glow)}
.card::before,.card-sm::before,.stat-card::before,.qa-btn::before,.lib-card::before,.acct-profile-card::before,.login-card::before,.file-item::before,.empty-lib::before{background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.04) 35%,rgba(255,255,255,.08) 66%,rgba(255,255,255,.32))}
#profile-dropdown,.subscription-card,.developer-card,#player-bar{backdrop-filter:blur(32px) saturate(160%);-webkit-backdrop-filter:blur(32px) saturate(160%)}
#player-bar{background:rgba(16,16,17,.72);border-color:rgba(255,255,255,.22)}
.btn-primary,.google-btn{background:var(--chrome);color:#060606;border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff,0 8px 24px rgba(255,255,255,.10)}
.btn-primary:hover,.google-btn:hover{background:var(--chrome);filter:brightness(1.07);transform:translateY(-1px)}
.btn-primary:disabled{filter:grayscale(1) brightness(.55)}
.speed-chip.active,.source-tab.active{background:var(--chrome);color:#060606;border-color:rgba(255,255,255,.75)}
.toggle.on{background:rgba(255,255,255,.34);border-color:rgba(255,255,255,.5)}
.toggle.on::after{background:linear-gradient(#fff,#d5d6d9)}
.player-play{background:var(--chrome);color:#060606}
.progress-fill{background:var(--chrome)}
.hero-eyebrow{color:var(--silver-lo)}
.studio-hero h1 span{background:linear-gradient(90deg,#ffffff,#9fa1a6 45%,#f4f4f5 70%,#b9bbbf);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:silver-shift 9s ease-in-out infinite alternate}
@keyframes silver-shift{from{background-position:0% 0}to{background-position:100% 0}}
.studio-hero{gap:30px}
.hero-description{max-width:430px;font-size:13.5px}
.format-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.format-chip{padding:6px 12px;border-radius:999px;font-size:10.5px;letter-spacing:.08em;color:var(--text2);border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
@media (min-width:900px){.studio-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px}}
.hero-mock{position:relative;width:100%;max-width:400px;margin-inline:auto;padding:18px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 55%,rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.04),0 30px 80px rgba(0,0,0,.55);animation:mock-float 8s ease-in-out infinite}
@keyframes mock-float{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}
.um-head{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;color:var(--text2)}
.um-head b{margin-left:auto;padding:2px 8px;border-radius:8px;border:1px solid var(--glass-border);font-size:10px;color:var(--text)}
.um-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(255,255,255,.8)}
.um-track{display:flex;align-items:center;gap:12px;margin-top:16px}
.um-cover{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:var(--chrome);color:#080808;box-shadow:inset 0 1px 0 #fff,0 6px 16px rgba(0,0,0,.4)}
.um-cover svg{width:20px;height:20px}
.um-name{font:600 14px var(--font-display);color:var(--text)}
.um-meta{font-size:11px;color:var(--text2);margin-top:2px}
.um-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:64px;margin:18px 0 14px}
.um-wave i{width:3px;border-radius:4px;height:var(--h);background:linear-gradient(#ffffff,rgba(190,192,196,.55));animation:lens-wave 2.8s ease-in-out infinite;animation-delay:var(--d)}
.um-progress{height:4px;border-radius:4px;background:rgba(255,255,255,.10);overflow:hidden}
.um-progress span{display:block;height:100%;border-radius:inherit;background:var(--chrome);animation:um-fill 5s ease-in-out infinite}
@keyframes um-fill{0%{width:8%}70%,100%{width:100%}}
.um-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10);font-size:11px;color:var(--text2)}
.um-foot code{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}
.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}
.step-card{padding:20px}
.step-num{font:600 11px var(--font-display);letter-spacing:.22em;color:var(--silver-lo)}
.step-title{font:600 15px var(--font-display);margin:10px 0 6px}
.step-desc{font-size:12px;color:var(--text2);line-height:1.7}
@media (max-width:700px){.steps-grid{grid-template-columns:1fr}}
#page-settings{max-width:1040px}
.settings-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:22px;align-items:start;margin-top:22px}
.settings-side{position:sticky;top:calc(var(--nav-h) + 20px);display:flex;flex-direction:column;gap:14px}
.settings-main{min-width:0}
.settings-user{display:flex;align-items:center;gap:12px;padding:14px;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03));backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:var(--glow)}
.su-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;flex-shrink:0;font:700 17px var(--font);color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.06));border:1.5px solid rgba(255,255,255,.4)}
.su-text{min-width:0}
.su-name{font:600 14px var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.su-sub{font-size:11.5px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-side .settings-nav{flex-direction:column;flex-wrap:nowrap;gap:4px;margin:0;padding:8px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%)}
.settings-side .settings-tab{flex:none;flex-direction:row;justify-content:flex-start;gap:10px;min-height:42px;padding:10px 14px;border-radius:15px;font-size:13px;text-align:left}
.settings-side .settings-tab svg{width:16px;height:16px}
.settings-side .settings-tab.active{background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),inset 0 1px 0 rgba(255,255,255,.28)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.card-title{font:600 16px var(--font-display)}
.card-head .roblox-conn-status{margin:0;padding:7px 12px;border-radius:999px}
.connect-hero{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.connect-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;flex-shrink:0;background:var(--chrome);color:#080808;box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(0,0,0,.4)}
.connect-icon svg{width:24px;height:24px}
.connect-hero>div:nth-child(2){flex:1;min-width:200px}
.connect-title{font:600 17px var(--font-display)}
.connect-desc{font-size:12.5px;color:var(--text2);margin-top:3px;line-height:1.6}
.form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.guide-card{padding:0}
.guide-card summary{list-style:none;cursor:pointer;padding:18px 22px;font:600 14px var(--font-display);display:flex;align-items:center;justify-content:space-between;gap:10px}
.guide-card summary::-webkit-details-marker{display:none}
.guide-card summary::after{content:'+';font-size:20px;line-height:1;color:var(--text2);transition:transform .2s}
.guide-card[open] summary::after{transform:rotate(45deg)}
.guide-card ol{margin:0;padding:0 22px 20px 42px;font-size:12.5px;color:var(--text2);line-height:2}
.guide-card ol b{color:var(--text);font-weight:600}
.danger-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.spec-tile{padding:20px}
.spec-k{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--silver-lo)}
.spec-v{font:600 20px var(--font-display);margin:10px 0 6px}
.spec-d{font-size:12px;color:var(--text2);line-height:1.6}
@media (max-width:800px){.settings-layout{grid-template-columns:1fr;gap:14px}.settings-side{position:static}.settings-side .settings-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:6px}.settings-side .settings-nav::-webkit-scrollbar{display:none}.settings-side .settings-tab{flex:1 0 auto;justify-content:center;padding:10px 14px;font-size:12px}.spec-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hero-mock,.um-wave i,.um-progress span,.studio-hero h1 span{animation:none}}

/* ═══ AKTIVASI MOTION EDITION — refined baxdev-inspired system ═══ */
:root{--motion-bg:#060708;--motion-panel:rgba(18,20,23,.72);--motion-line:rgba(255,255,255,.11);--motion-muted:#8f969f;--motion-white:#f5f7fa;--motion-accent:#dce8f7}
html{background:var(--motion-bg)}
body{background:radial-gradient(900px 500px at 78% -10%,rgba(111,142,177,.16),transparent 62%),radial-gradient(720px 500px at -12% 76%,rgba(78,96,121,.12),transparent 65%),var(--motion-bg);letter-spacing:-.01em}
.ambient-scene{opacity:.72;mix-blend-mode:screen}
#intro{background:radial-gradient(circle at 50% 42%,#18212d 0%,#090b0e 35%,#030405 78%);overflow:hidden}
#intro::before{content:'';position:absolute;width:min(72vw,520px);aspect-ratio:1;border:1px solid rgba(220,232,247,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(220,232,247,.025),0 0 0 76px rgba(220,232,247,.018);animation:intro-ring 2.8s ease-out infinite}
#intro::after{content:'AKTIVASI MOTION  /  PREMIUM WORKSPACE';position:absolute;bottom:12%;font:500 10px var(--font-display);letter-spacing:.28em;color:rgba(235,241,248,.48)}
#intro-logo-wrap{z-index:1;padding:22px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(255,255,255,.055);box-shadow:0 24px 90px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.22);backdrop-filter:blur(18px)}
#intro-logo-img{width:clamp(112px,25vw,170px);filter:drop-shadow(0 0 28px rgba(220,232,247,.3))}
@keyframes intro-ring{0%{transform:scale(.82);opacity:0}35%{opacity:1}100%{transform:scale(1.18);opacity:0}}
#navbar{height:68px;padding-inline:clamp(16px,4vw,48px);background:rgba(7,9,12,.72);border-bottom:1px solid var(--motion-line)}
#app{padding-top:68px}.page{max-width:1040px;padding:42px clamp(18px,4vw,48px) 72px}
.nav-link{padding:9px 14px;border-radius:12px}.nav-link.active{background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.15)}
.workspace-heading{margin-bottom:8px;color:#aeb6c0}.studio-hero{padding:38px 0 32px;min-height:300px}.studio-hero h1{font-size:clamp(44px,7vw,74px);letter-spacing:-.075em}.studio-hero h1 span{background:linear-gradient(100deg,#fff 10%,#9baabd 48%,#fff 86%);-webkit-background-clip:text;background-clip:text}.hero-description{max-width:470px;color:#aeb6c0}.hero-eyebrow{color:#b9c9da;font-weight:700}.format-chip{background:rgba(255,255,255,.06);color:#aeb6c0}
.card,.card-sm,.stat-card,.qa-btn,.plan-card,.file-item,.empty-lib{background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));border:1px solid var(--motion-line)!important;border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.18)!important}
.card:hover,.stat-card:hover,.qa-btn:hover{border-color:rgba(220,232,247,.28)!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important}
.section-title,.card-title{font-size:16px;letter-spacing:-.02em}.stat-card{padding:18px}.stat-icon,.qa-icon{background:rgba(220,232,247,.1);color:#dbe8f7}.stat-label,.recent-meta,.lib-meta{color:var(--motion-muted)}
#home-info{margin-top:26px}.hi-card{overflow:hidden;position:relative}.hi-card::after{content:'';position:absolute;inset:auto -15% -70% 35%;height:180px;background:radial-gradient(circle,rgba(138,177,219,.14),transparent 68%);pointer-events:none}.hi-kicker{color:#bdd1e5!important;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.pr-next{padding:20px 0 14px}.pr-name{font:600 25px var(--font-display)}.pr-time{font:700 clamp(34px,7vw,54px) var(--font-display);letter-spacing:-.07em;color:#f4f7fb}.pr-day{color:#aeb6c0}.pr-grid{gap:8px}.pr-item{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:13px!important}.pr-item.active{background:linear-gradient(145deg,rgba(220,232,247,.2),rgba(220,232,247,.06))!important;border-color:rgba(220,232,247,.38)!important;box-shadow:0 8px 24px rgba(130,170,215,.12)!important}.pr-item .pr-label{color:#aeb6c0}.pr-item .pr-value{font:600 17px var(--font-display);color:#f2f5f8}
.btn-primary,.google-btn{background:linear-gradient(135deg,#f5f8fc,#b9c9da);color:#0a0d11;border:0;border-radius:12px;font-weight:700;box-shadow:0 8px 24px rgba(160,190,220,.14)}.btn-primary:hover{filter:brightness(1.08)}
#page-aktivasi .page-title,#page-riwayat .page-title,#page-settings .page-title{font-size:clamp(28px,4vw,42px);letter-spacing:-.06em}.drop-zone{padding:66px 24px;border-color:rgba(220,232,247,.2);background:rgba(255,255,255,.035)}.drop-zone:hover{border-color:rgba(220,232,247,.45);background:rgba(220,232,247,.06)}
@media(max-width:640px){#navbar{height:62px}#app{padding-top:62px}.page{padding:28px 16px 52px}.studio-hero{padding:30px 0 24px;min-height:265px}.studio-hero h1{font-size:48px}.pr-line{gap:8px}.pr-name{font-size:20px}.pr-time{font-size:40px}.pr-grid{grid-template-columns:repeat(2,1fr)!important}.card{padding:18px}.stats-grid{gap:8px}.stat-card{padding:13px 11px}}
@media(prefers-reduced-motion:reduce){#intro::before{animation:none}}

/* Disabled maintenance/ban states must never cover the workspace. */
#mt-overlay[hidden],#ban-overlay[hidden]{display:none!important}
#mt-overlay:not(.show),#ban-overlay:not(.show){display:none!important}
.hero-mock{display:none!important}

/* ═══ CLEAN UI ═══ */
:root{--ease:cubic-bezier(.22,.8,.26,1);--surf:rgba(255,255,255,.045);--surf-hi:rgba(255,255,255,.075)}
.studio-hero,.premium-user .studio-hero,.hero-copy{border:0!important;outline:0!important;box-shadow:none!important;background:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.studio-hero::before,.studio-hero::after{content:none!important}
.studio-hero{min-height:0;padding:28px 0 24px}
.workspace-heading{margin-bottom:4px}
.card,.card-sm,.stat-card,.qa-btn,.lib-card,.file-item,.empty-lib,.plan-card,.plan-card.premium{background:var(--surf)!important;border:1px solid transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:20px}
.card::before,.card-sm::before,.stat-card::before,.qa-btn::before,.lib-card::before,.file-item::before,.empty-lib::before{content:none!important;display:none!important}
.qa-btn:hover,.stat-card:hover,.lib-card:hover{background:var(--surf-hi)!important;border-color:transparent!important;box-shadow:none!important}
.hero-eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:12px}
.studio-hero h1 span{animation:none}
.hero-description{line-height:1.7;max-width:440px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.format-strip{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-top:20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
.format-strip::-webkit-scrollbar{display:none}
.format-chip{flex:0 0 auto;border:0;background:var(--surf);backdrop-filter:none;-webkit-backdrop-filter:none;padding:7px 12px;font-size:10px;scroll-snap-align:start}
.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.stat-card{padding:14px 12px;min-width:0}
.stat-icon{width:30px;height:30px;margin-bottom:12px;background:var(--surf-hi);border:0}
.stat-val{font-size:clamp(20px,6vw,28px);line-height:1.1;overflow-wrap:anywhere}
#stat-roblox{font-size:clamp(13px,3.8vw,18px);letter-spacing:-.02em}
.stat-label{font-size:11px;color:var(--text3);margin-top:4px}
.plan-card{padding:18px 20px;gap:14px;margin-bottom:28px}
.section-heading{margin:30px 0 12px}
#recent-list{display:flex!important;gap:8px;padding:0!important;min-height:0!important;background:none!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:0!important}
#recent-list::-webkit-scrollbar{display:none}
#recent-list .recent-item{flex:0 0 calc((100% - 16px)/3);min-width:0;scroll-snap-align:start;flex-direction:column;align-items:flex-start;gap:10px;padding:12px!important;border:0!important;border-radius:16px;background:var(--surf);transition:background .25s var(--ease),transform .25s var(--ease)}
#recent-list .recent-item:only-child{flex-basis:100%;flex-direction:row;align-items:center}
#recent-list .recent-thumb{width:34px;height:34px;border:0;border-radius:11px;background:var(--surf-hi)}
#recent-list .recent-info{width:100%;min-width:0}
#recent-list .recent-name,#recent-list .recent-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#recent-list .recent-name{font-size:12px}
#recent-list .recent-meta{font-size:10.5px}
#recent-list .recent-badge{display:none}
.library-toolbar{margin-bottom:14px}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.library-grid .empty-lib{grid-column:1/-1;padding:56px 20px}
.lib-card{padding:10px;gap:8px;border-radius:16px;min-width:0}
.lib-wave{height:34px;border:0;border-radius:10px;background:var(--surf-hi);gap:2px}
.lib-wave span{width:2px}
.lib-body{min-width:0}
.lib-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib-meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:10px;margin-top:3px;color:var(--text3)}
.lib-meta .recent-badge{font-size:9px;padding:2px 6px}
.lib-id{font-size:10px;color:var(--text3);font-family:monospace;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib-actions{display:flex;gap:6px;margin-top:auto}
.lib-act{flex:1;min-height:32px;padding:0;border:0;border-radius:10px;background:var(--surf-hi);display:grid;place-items:center;transition:background .2s var(--ease),transform .2s var(--ease)}
.lib-act svg{width:14px;height:14px;margin:0}
.lib-lbl{display:none}
@media (min-width:640px){.library-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}#recent-list .recent-item{flex-basis:calc((100% - 16px)/3)}}
@media (max-width:330px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.btn,.qa-btn,.stat-card,.lib-card,.nav-link,.format-chip,.lib-act,.recent-item{transition:transform .3s var(--ease),background .3s var(--ease),opacity .3s var(--ease),filter .3s var(--ease)}
.btn:active,.qa-btn:active,.lib-card:active,.lib-act:active,.stat-card:active{transform:scale(.97)}
.btn:hover,.qa-btn:hover,.lib-card:hover{transform:translateY(-1px)}
.page.active{animation:cleanIn .45s var(--ease) both}
@keyframes cleanIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.page.active .stats-grid>*,.page.active .library-grid>*,.page.active .steps-grid>*,.page.active .quick-actions>*{animation:cleanItem .5s var(--ease) both}
.page.active :is(.stats-grid,.library-grid,.steps-grid,.quick-actions)>:nth-child(2){animation-delay:.05s}
.page.active :is(.stats-grid,.library-grid,.steps-grid,.quick-actions)>:nth-child(3){animation-delay:.10s}
.page.active :is(.stats-grid,.library-grid)>:nth-child(n+4){animation-delay:.14s}
@keyframes cleanItem{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ═══ FEATURE UI ═══ */
.q-chip{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;font-size:10px;background:rgba(255,255,255,.08);color:var(--text2);transition:background .3s,color .3s}
.q-chip.is-run{background:rgba(255,255,255,.16);color:#fff;animation:qpulse 1.2s ease-in-out infinite}
.q-chip.is-ok{background:rgba(80,200,140,.16);color:#7fe0ae}
.q-chip.is-bad{background:rgba(255,110,110,.16);color:#ff9a9a}
@keyframes qpulse{50%{opacity:.55}}
.lib-note{font-size:11.5px;line-height:1.6;color:var(--text2);background:rgba(255,255,255,.045);border-radius:14px;padding:10px 14px;margin-bottom:12px}
.lib-note b{color:var(--text);font-weight:600}
.lib-note button{background:none;border:0;padding:0;color:var(--text);text-decoration:underline;cursor:pointer;font:inherit}
.lib-copyall-wrap{margin-bottom:12px}
.lib-copyall-wrap .btn{width:100%;justify-content:center;font-size:12.5px;padding:9px 14px}
.lib-reason{font-size:10px;color:var(--text3);margin-top:4px;line-height:1.4}
.lib-maps{font-size:10px;color:var(--text2);margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lib-tools{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lib-tools::-webkit-scrollbar{display:none}
.lib-tools .btn{flex:none;width:auto;white-space:nowrap;font-size:12.5px;padding:9px 14px;gap:6px}
.lib-tools .btn svg{width:15px;height:15px;flex:none}
.lib-card.is-sel{outline:2px solid var(--silver-hi,#fff);outline-offset:-2px}
.lib-card.is-pick{cursor:pointer}
.lib-card.is-off{opacity:.45}
.lib-check{width:20px;height:20px;accent-color:#fff;flex:none;margin:0 4px 0 12px;align-self:center;pointer-events:none}
.lib-selbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:sticky;top:8px;z-index:5;padding:10px 12px;margin-bottom:12px;border-radius:16px;border:1px solid var(--lg-border);background:rgba(20,20,22,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lib-selbar[hidden]{display:none}
.lib-selbar .lib-selcount{font-size:12.5px;font-weight:600;margin-right:auto}
.lib-selbar .btn{font-size:12px;padding:8px 12px}
.imp-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px}
.imp-row.is-off{opacity:.55}
.imp-row input{width:18px;height:18px;accent-color:#fff;flex:none}
.imp-tag{margin-left:auto;font-size:10.5px;color:var(--text3);white-space:nowrap}
.upload-status{margin-bottom:18px}
.upload-status .section-title{margin-bottom:10px}
.upload-status-list{display:flex;flex-direction:column;gap:8px}
.us-item{align-items:flex-start}
.us-rows{flex:1;min-width:0;margin:0;display:grid;gap:6px}
.us-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px;align-items:start;font-size:12.5px}
.us-row dt{color:var(--text3);padding-top:2px}
.us-row dd{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-row dd.us-id{font-family:monospace}
.us-item .q-chip{margin-left:0}
.us-reason{white-space:normal;overflow:visible;text-overflow:initial;font-size:11px;color:#ff9a9a;margin-top:3px;line-height:1.4}
.us-link{color:var(--text);text-decoration:underline;text-underline-offset:2px;font-size:12.5px}
.us-link:hover{opacity:.8}
.us-copy{flex-shrink:0;width:36px;height:36px;border:0;border-radius:10px;background:var(--surf-hi);color:var(--text2);display:grid;place-items:center;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}
.us-copy:hover{color:var(--text)}
.us-copy:focus-visible{outline:2px solid var(--text2);outline-offset:2px}
.us-copy svg{width:16px;height:16px}

/* ═══ LIQUID GLASS CLEAR ═══ */
:root{--lg-fill:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05) 45%,rgba(255,255,255,.10));--lg-border:rgba(255,255,255,.30);--lg-blur:blur(24px) saturate(190%) brightness(1.06);--lg-shadow:inset 0 1px 0 rgba(255,255,255,.50),inset 0 -1px 0 rgba(255,255,255,.10),inset 0 0 24px rgba(255,255,255,.06),0 18px 54px rgba(0,0,0,.38)}
html #mobile-menu,html #profile-dropdown,html #player-bar,html .subscription-card,html .developer-card,html .login-card,html .toast-item,html .install-card{background:var(--lg-fill)!important;border:1px solid var(--lg-border)!important;-webkit-backdrop-filter:var(--lg-blur)!important;backdrop-filter:var(--lg-blur)!important;box-shadow:var(--lg-shadow)!important}
html #mobile-menu{border-radius:26px;padding:8px}
html #mobile-menu .m-link{background:transparent;color:var(--text);transition:background .2s ease,box-shadow .2s ease}
html #mobile-menu .m-link:hover,html #mobile-menu .m-link.active{background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.07))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 0 0 1px rgba(255,255,255,.16)}
html .subscription-overlay,html #login-overlay{background:rgba(0,0,0,.34)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.source-switch:not(.tb-cats){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;justify-items:stretch;background:var(--lg-fill);border:1px solid var(--lg-border);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow)}
.source-switch:not(.tb-cats) .source-tab{min-width:0;padding:8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html #mobile-menu,html #profile-dropdown,html .subscription-card,html .toast-item,html .login-card,html .install-card{background:rgba(28,28,30,.92)!important}}

/* ═══ ACCESS MODAL ═══ */
.access-overlay{position:fixed;inset:0;z-index:270;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.access-overlay[hidden]{display:none}
.access-card{width:min(480px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px;border-radius:26px;display:flex;flex-direction:column;gap:10px;background:var(--lg-fill);border:1px solid var(--lg-border);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);box-shadow:var(--lg-shadow)}
.access-head{display:flex;align-items:center;justify-content:space-between}
.access-head h2{margin:0;font:700 20px var(--font-display)}
.access-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--lg-border);background:rgba(255,255,255,.08);color:var(--text);font-size:20px;line-height:1;cursor:pointer}
.access-hint,.access-note{margin:0;font-size:12.5px;line-height:1.55;color:var(--text2)}
.access-note{font-size:11.5px;color:var(--text3)}
.access-label{margin-top:4px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--text)}
.access-sub{font-weight:400;color:var(--text3);letter-spacing:0;font-size:11px}
.access-link{border:0;background:none;color:var(--silver-hi);font:600 12px var(--font);cursor:pointer;text-decoration:underline}
.access-list{max-height:190px;overflow-y:auto;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);padding:4px}
.access-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;cursor:pointer}
.access-item:hover{background:rgba(255,255,255,.08)}
.access-item input{width:18px;height:18px;accent-color:#fff;flex:none}
.access-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.access-id{flex:none;font-size:11px;color:var(--text3);font-variant-numeric:tabular-nums}
.access-empty{padding:14px;font-size:13px;color:var(--text2);text-align:center}
.access-card textarea{width:100%;resize:vertical}
.access-chips{display:flex;flex-wrap:wrap;gap:6px}
.access-chip{padding:5px 10px;border-radius:999px;border:1px solid var(--lg-border);background:rgba(255,255,255,.08);color:var(--text);font:500 11.5px var(--font);cursor:pointer}
.access-result{display:flex;flex-direction:column;gap:6px}
.access-ok,.access-err{padding:9px 12px;border-radius:12px;font-size:12.5px;line-height:1.5}
.access-ok{background:rgba(120,220,160,.14);border:1px solid rgba(120,220,160,.35)}
.access-err{background:rgba(255,120,120,.12);border:1px solid rgba(255,120,120,.35)}

/* ═══ CLAY STYLE ═══ */
html[data-style="clay"]{--clay-bg:var(--bg2,#12141a);--clay-hi:color-mix(in srgb,#fff 16%,var(--bg3,#1a1d26));--clay-lo:color-mix(in srgb,#000 55%,var(--bg,#08090c));--clay-face:color-mix(in srgb,var(--bg3,#1a1d26) 88%,#fff 12%);--clay-out:10px 12px 26px rgba(0,0,0,.50),-6px -6px 16px color-mix(in srgb,#fff 7%,transparent);--clay-in:inset 3px 3px 7px rgba(255,255,255,.14),inset -5px -6px 12px rgba(0,0,0,.38);--clay-in-deep:inset 4px 5px 10px rgba(0,0,0,.50),inset -3px -3px 8px rgba(255,255,255,.07);--clay-r:26px;--lg-fill:linear-gradient(145deg,var(--clay-hi),var(--clay-face));--lg-border:transparent;--lg-blur:none;--lg-shadow:var(--clay-out),var(--clay-in);--radius:26px;--radius-sm:20px;--radius-xs:14px;--glow:var(--clay-out),var(--clay-in);--glow-hover:12px 16px 32px rgba(0,0,0,.55),-7px -7px 18px color-mix(in srgb,#fff 9%,transparent),var(--clay-in)}
html[data-style="clay"] body{background:var(--clay-bg)}
html[data-style="clay"] .ambient-scene{opacity:.18;filter:saturate(.6) blur(2px)}
html[data-style="clay"] :is(.card,.result-box,.settings-user,.settings-nav,.subscription-card,.developer-card,.login-card,.install-card,.access-card,.tb-card,.plan-option,.lib-note,#player-bar,#mobile-menu,#profile-dropdown,.toast-item,#google-gate .gg-card,#mt-overlay .mt-card,#ban-overlay .bo-card,.source-switch:not(.tb-cats)){background:linear-gradient(145deg,var(--clay-hi),var(--clay-face))!important;border:0!important;border-radius:var(--clay-r)!important;box-shadow:var(--clay-out),var(--clay-in)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-style="clay"] #navbar,html[data-style="clay"] body.premium-user:not(.developer-mode) #navbar,html[data-style="clay"] body.developer-mode #navbar{background:linear-gradient(180deg,var(--clay-hi),var(--clay-face))!important;border:0!important;border-radius:0 0 28px 28px;box-shadow:0 12px 28px rgba(0,0,0,.5),inset 0 -3px 8px rgba(0,0,0,.35),inset 0 2px 4px rgba(255,255,255,.12)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html[data-style="clay"] :is(.subscription-overlay,#login-overlay,.access-overlay){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(0,0,0,.55)!important}
html[data-style="clay"] :is(.btn,.btn-primary,.btn-outline,.google-btn,.signin-btn,.qa-btn,.theme-opt,.avb-opt,.speed-chip,.source-tab,.nav-link,.m-link,.access-chip){border:0!important;border-radius:999px!important;box-shadow:6px 7px 14px rgba(0,0,0,.42),-4px -4px 10px color-mix(in srgb,#fff 7%,transparent),inset 2px 2px 5px rgba(255,255,255,.16),inset -3px -4px 8px rgba(0,0,0,.30)!important;transition:transform .18s ease,box-shadow .18s ease!important}
html[data-style="clay"] :is(.btn-outline,.theme-opt,.avb-opt,.speed-chip,.source-tab,.nav-link,.m-link,.access-chip){background:linear-gradient(145deg,var(--clay-hi),var(--clay-face))!important;color:var(--text)}
html[data-style="clay"] :is(.btn-primary,.google-btn,.signin-btn){background:var(--chrome)!important;color:var(--on-accent)!important}
html[data-style="clay"] :is(.btn,.qa-btn,.theme-opt,.avb-opt,.speed-chip,.source-tab):hover{transform:translateY(-2px)}
html[data-style="clay"] :is(.btn,.qa-btn,.theme-opt,.avb-opt,.speed-chip,.source-tab,.nav-link,.m-link):active{transform:translateY(1px) scale(.98);box-shadow:var(--clay-in-deep)!important}
html[data-style="clay"] :is(.nav-link.active,.m-link.active,.theme-opt.active,.avb-opt.active,.speed-chip.active,.source-tab.active,.settings-tab.active){box-shadow:var(--clay-in-deep)!important;background:linear-gradient(145deg,var(--clay-lo),var(--clay-face))!important;color:var(--accent-blue,var(--text))!important}
html[data-style="clay"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:var(--clay-lo)!important;border:0!important;border-radius:18px!important;box-shadow:var(--clay-in-deep)!important;color:var(--text)}
html[data-style="clay"] .toggle{background:var(--clay-lo)!important;border:0!important;box-shadow:var(--clay-in-deep)!important}
html[data-style="clay"] .toggle::after{box-shadow:3px 3px 6px rgba(0,0,0,.5),inset 1px 1px 2px rgba(255,255,255,.5)}
html[data-style="clay"] .toggle.on{background:color-mix(in srgb,var(--accent-blue,#9cc9ff) 55%,var(--clay-lo))!important}
html[data-style="clay"] :is(.nav-avatar,.su-avatar,.um-cover,.connect-icon,.player-play){border:0!important;box-shadow:var(--clay-out),var(--clay-in)!important}
html[data-style="clay"] .progress-fill,html[data-style="clay"] .um-progress span{border-radius:999px}
html[data-style="clay"] .page-title{text-shadow:2px 3px 6px rgba(0,0,0,.45)}
.style-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.style-opt{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:12px;border-radius:20px;cursor:pointer;text-align:left;font:600 12.5px var(--font);color:var(--text);background:var(--surf,rgba(255,255,255,.05));border:1px solid var(--glass-border);transition:transform .2s ease,border-color .2s ease}
.style-opt:hover{transform:translateY(-1px)}
.style-opt.active{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue) inset}
.style-prev{height:62px;border-radius:16px;position:relative;overflow:hidden}
.style-prev[data-s="glass"]{background:radial-gradient(circle at 25% 30%,rgba(166,110,255,.55),transparent 55%),radial-gradient(circle at 80% 75%,rgba(80,200,255,.45),transparent 55%),#0b0d14}
.style-prev[data-s="glass"]::after{content:"";position:absolute;inset:11px 16px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);backdrop-filter:blur(8px)}
.style-prev[data-s="clay"]{background:#eee6da}
.style-prev[data-s="clay"]::after{content:"";position:absolute;inset:11px 16px;border-radius:20px;background:linear-gradient(145deg,#fbf7f1,#e3d9ca);box-shadow:6px 7px 12px rgba(96,74,52,.28),-3px -3px 8px rgba(255,255,255,.9),inset 2px 2px 4px rgba(255,255,255,.8),inset -3px -4px 7px rgba(96,74,52,.14)}
.style-name{display:flex;align-items:center;justify-content:space-between}
@media(max-width:420px){.style-picker{grid-template-columns:1fr}}

/* ═══ NAVBAR FULLWIDTH (PC ≥1100px) ═══ */
@media (min-width:1100px){
  html body #navbar,html body.bx-scrolled #navbar{top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;max-width:none!important;transform:none!important;border-radius:0!important;border-top:0!important;border-left:0!important;border-right:0!important;padding:0 clamp(18px,2.4vw,44px)!important;gap:0!important;flex-direction:row!important;align-items:center!important}
  html body #navbar{height:64px!important}
  html body.bx-scrolled #navbar{height:56px!important}
  html body #navbar::after{left:0!important;right:0!important}
  html body #nav-logo-wrap{flex:0 0 auto;margin:0 clamp(16px,2.2vw,36px) 0 0!important;padding:0 clamp(14px,1.6vw,26px) 0 0!important}
  html body .nav-links{flex:1 1 0!important;min-width:0;width:auto!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:clamp(4px,.5vw,10px)!important;margin:0!important;padding:0!important}
  html body .nav-link{flex:1 1 0;min-width:0;max-width:170px;width:auto!important;justify-content:center!important;overflow:hidden;text-overflow:ellipsis;padding:10px clamp(7px,.9vw,16px)!important}
  html body .nav-right{flex:0 0 auto!important;margin-left:clamp(16px,2.2vw,36px)!important}
}
@media (min-width:1100px) and (max-width:1279px){html body .nav-link{font-size:12.5px!important;gap:6px!important;padding:9px 6px!important}html body .nav-link svg{width:15px!important;height:15px!important}}
@media (min-width:1600px){html body .nav-link{max-width:230px;font-size:14px}}
@media (min-width:1100px){html[data-style="clay"] body #navbar,html[data-style="clay"] body.bx-scrolled #navbar{border-radius:0 0 28px 28px!important}}
.file-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.file-icon img+svg{display:none}
.trim-btn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--glass-border);background:var(--surf);color:var(--text2);font:600 12px var(--font);cursor:pointer;transition:background .2s ease,color .2s ease}
.trim-btn svg{width:14px;height:14px}
.trim-btn:hover{background:var(--surf-hi);color:var(--text)}
.trim-btn.is-on{color:var(--text);border-color:var(--accent-blue)}
.trim-wave{display:block;width:100%;height:84px;margin:4px 0 12px;border-radius:14px;background:var(--surf)}
.trim-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12.5px;color:var(--text2)}
.trim-row b{margin-left:6px;color:var(--text);font-variant-numeric:tabular-nums}
.trim-row input[type=range]{width:100%}
.trim-actions{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.chk-item small{margin-left:6px;color:var(--text3);font-weight:500}
.chk-reason{color:var(--text3)}
.chk-st{flex:none;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(128,128,128,.16);color:var(--text2)}
.chk-st.approved{background:rgba(46,158,106,.16);color:#2e9e6a}
.chk-st.reviewing{background:rgba(210,154,42,.18);color:#c58a1f}
.chk-st.rejected{background:rgba(217,83,79,.16);color:#d9534f}

/* ═══ CLAY LIGHT ═══ */
html[data-style="clay"]{color-scheme:light;--cl-tint:var(--accent-blue,#d9d4cc)}
html[data-style="clay"] body{--cl-base:color-mix(in srgb,var(--cl-tint) 26%,#f3ede4);--cl-acc:color-mix(in srgb,var(--cl-tint) 38%,#231d1a);--cl-ink:#2a2420;--cl-ink2:#5a5047;--cl-ink3:#857a6f;--cl-shade:rgba(96,74,52,.24);--cl-lite:rgba(255,255,255,.92);--clay-bg:var(--cl-base);--clay-hi:color-mix(in srgb,#fff 62%,var(--cl-base));--clay-face:color-mix(in srgb,#fff 24%,var(--cl-base));--clay-lo:color-mix(in srgb,#000 9%,var(--cl-base));--clay-out:9px 11px 22px var(--cl-shade),-7px -7px 16px var(--cl-lite);--clay-in:inset 3px 3px 7px rgba(255,255,255,.85),inset -5px -6px 12px rgba(96,74,52,.14);--clay-in-deep:inset 4px 5px 10px rgba(96,74,52,.26),inset -3px -3px 8px rgba(255,255,255,.85);--glow:var(--clay-out),var(--clay-in);--glow-hover:11px 14px 28px rgba(96,74,52,.30),-8px -8px 18px var(--cl-lite),var(--clay-in);--lg-shadow:var(--clay-out),var(--clay-in);--bg:var(--cl-base);--bg2:var(--clay-face);--bg3:var(--clay-hi);--text:var(--cl-ink);--text1:var(--cl-ink);--text2:var(--cl-ink2);--text3:var(--cl-ink3);--accent-blue:var(--cl-acc);--silver:var(--cl-acc);--silver-hi:var(--cl-ink);--silver-lo:var(--cl-ink2);--chrome:linear-gradient(145deg,color-mix(in srgb,var(--cl-acc) 78%,#fff),var(--cl-acc));--on-accent:#fff;--glass-border:rgba(96,74,52,.14);--glass-strong:rgba(255,255,255,.55);--surf:rgba(255,255,255,.45);--surf-hi:rgba(255,255,255,.7);--surface:rgba(255,255,255,.45);--surface-hover:rgba(255,255,255,.7);--m-line:rgba(96,74,52,.14);--m-line2:rgba(96,74,52,.22);--m-tile:rgba(255,255,255,.5);background:var(--clay-bg)!important;color:var(--cl-ink)}
html[data-style="clay"] body::before{display:none!important}
html[data-style="clay"] .ambient-scene,html[data-style="clay"] body.premium-user:not(.developer-mode) .ambient-scene{opacity:1!important;filter:none!important;background:radial-gradient(ellipse at 85% 8%,color-mix(in srgb,var(--cl-tint) 42%,#fff) 0%,transparent 58%),radial-gradient(ellipse at 6% 96%,color-mix(in srgb,var(--cl-tint) 34%,#fff4e6) 0%,transparent 56%),var(--cl-base,#efe8df)!important}
html[data-style="clay"] .ambient-scene::after{background:none!important}
html[data-style="clay"] #ambient-canvas{opacity:1}
html[data-style="clay"] :is(.card,.result-box,.settings-user,.settings-nav,.subscription-card,.developer-card,.login-card,.install-card,.access-card,.tb-card,.plan-option,.lib-note,#player-bar,#mobile-menu,#profile-dropdown,.toast-item,#google-gate .gg-card,#mt-overlay .mt-card,#ban-overlay .bo-card,.source-switch:not(.tb-cats),.library-toolbar,.home-info,.stat-card,.plan-card,.bx-tile,.acct-profile-card,#bx-welcome){border:0!important;border-radius:var(--clay-r)!important;box-shadow:var(--clay-out),var(--clay-in)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(145deg,color-mix(in srgb,var(--clay-hi) 94%,transparent),color-mix(in srgb,var(--clay-face) 94%,transparent))!important;color:var(--cl-ink)}
html[data-style="clay"] #navbar,html[data-style="clay"] body.premium-user:not(.developer-mode) #navbar,html[data-style="clay"] body.developer-mode #navbar{background:linear-gradient(180deg,color-mix(in srgb,var(--clay-hi) 94%,transparent),color-mix(in srgb,var(--clay-face) 94%,transparent))!important;box-shadow:0 10px 24px var(--cl-shade),inset 0 -3px 8px rgba(96,74,52,.12),inset 0 2px 4px rgba(255,255,255,.9)!important}
html[data-style="clay"] :is(.subscription-overlay,#login-overlay,.access-overlay){background:rgba(70,55,40,.35)!important}
html[data-style="clay"] :is(.access-card,.login-card,.subscription-card,#profile-dropdown,#google-gate .gg-card,#mt-overlay .mt-card,#ban-overlay .bo-card){background:linear-gradient(145deg,var(--clay-hi),var(--clay-face))!important}
html[data-style="clay"] :is(.btn,.btn-primary,.btn-outline,.google-btn,.signin-btn,.qa-btn,.theme-opt,.avb-opt,.speed-chip,.source-tab,.nav-link,.m-link,.access-chip){box-shadow:6px 7px 14px var(--cl-shade),-5px -5px 11px var(--cl-lite),inset 2px 2px 5px rgba(255,255,255,.8),inset -3px -4px 8px rgba(96,74,52,.12)!important}
html[data-style="clay"] :is(.btn-outline,.theme-opt,.avb-opt,.speed-chip,.source-tab,.nav-link,.m-link,.access-chip){color:var(--cl-ink)!important}
html[data-style="clay"] :is(.btn-primary,.google-btn,.signin-btn){background:var(--chrome)!important;color:#fff!important}
html[data-style="clay"] :is(.btn,.qa-btn,.theme-opt,.avb-opt,.speed-chip,.source-tab,.nav-link,.m-link):active{box-shadow:var(--clay-in-deep)!important}
html[data-style="clay"] :is(.nav-link.active,.m-link.active,.theme-opt.active,.avb-opt.active,.speed-chip.active,.source-tab.active,.settings-tab.active){background:linear-gradient(145deg,var(--clay-lo),var(--clay-face))!important;color:var(--cl-ink)!important;font-weight:700;box-shadow:var(--clay-in-deep)!important}
html[data-style="clay"] :is(.workspace-note,.hero-eyebrow,.slash,.breadcrumb,.developer-trigger){color:var(--cl-ink3)!important}
html[data-style="clay"] .hero-description{color:var(--cl-ink2)!important}
html[data-style="clay"] .workspace-heading{color:var(--cl-ink3)!important}
html[data-style="clay"] .workspace-heading b{color:var(--cl-ink)!important}
html[data-style="clay"] #login-nav-btn.nav-signin{background:var(--chrome)!important;color:#fff!important;border:0!important}
html[data-style="clay"] :is(#nav-logo,#intro-logo-img,#bx-logo img,#bx-drawer .dr-head img,#google-gate .gg-card>img){filter:none!important}
html[data-style="clay"]{--bx-t:96,74,52;--bx-nav:243,237,228;--bx-bg:243,237,228}
html[data-style="clay"] :is(#bx-burger,#bx-logo,.dr-x){background:linear-gradient(145deg,var(--clay-hi),var(--clay-face))!important;border:0!important;box-shadow:var(--clay-out),var(--clay-in)!important;color:var(--cl-ink)!important}
html[data-style="clay"] #bx-title{color:var(--cl-ink)!important}
html[data-style="clay"] #bx-drawer{background:linear-gradient(160deg,var(--clay-hi),var(--clay-face))!important;border:0!important;box-shadow:12px 0 30px var(--cl-shade)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--cl-ink)}
html[data-style="clay"] .dr-acct{background:var(--clay-lo)!important;border:0!important;box-shadow:var(--clay-in-deep)}
html[data-style="clay"] .dr-item{color:var(--cl-ink2)!important}
html[data-style="clay"] .dr-item.active{color:var(--cl-ink)!important;background:var(--clay-lo)!important;border:0!important;box-shadow:var(--clay-in-deep)}
html[data-style="clay"] #bx-scrim{background:rgba(70,55,40,.35)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-style="clay"] .page-sub{color:var(--cl-ink2)!important}
html[data-style="clay"] .drop-zone{background:var(--clay-lo)!important;border:2px dashed rgba(96,74,52,.28)!important;box-shadow:var(--clay-in-deep)!important;color:var(--cl-ink)}
html[data-style="clay"] .drop-icon{background:linear-gradient(145deg,var(--clay-hi),var(--clay-face))!important;border:0!important;box-shadow:var(--clay-out),var(--clay-in)!important;color:var(--cl-ink2)!important}
html[data-style="clay"] body .source-switch .source-tab.active,html[data-style="clay"] body .source-tab.active{background:linear-gradient(145deg,var(--clay-lo),var(--clay-face))!important;color:var(--cl-ink)!important;font-weight:700;box-shadow:var(--clay-in-deep)!important;border:0!important}
html[data-style="clay"] .empty-lib{background:var(--clay-lo)!important;border:0!important;border-radius:var(--clay-r)!important;box-shadow:var(--clay-in-deep)!important;color:var(--cl-ink3)!important}
html[data-style="clay"] .empty-lib :is(p,span,div){color:var(--cl-ink2)!important}
html[data-style="clay"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:var(--clay-lo)!important;color:var(--cl-ink)!important}
html[data-style="clay"] ::placeholder{color:var(--cl-ink3);opacity:1}
html[data-style="clay"] .toggle{background:var(--clay-lo)!important}
html[data-style="clay"] .toggle.on{background:color-mix(in srgb,var(--cl-acc) 60%,var(--clay-lo))!important}
html[data-style="clay"] .toggle::after{box-shadow:2px 3px 6px rgba(96,74,52,.35),inset 1px 1px 2px rgba(255,255,255,.9)}
html[data-style="clay"] .page-title{text-shadow:1px 2px 3px rgba(255,255,255,.9);color:var(--cl-ink)}
html[data-style="clay"] .studio-hero h1 span{background-image:linear-gradient(90deg,var(--cl-ink),var(--cl-acc))!important}
html[data-style="clay"] .progress-fill,html[data-style="clay"] .um-progress span{background:var(--chrome)}

/* ═══ COLOR THEMES — Blue · Green · Aurora · Senja · Samudra ═══ */
.plan-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.plan-option{padding:12px 10px}
@media (max-width:340px){.plan-options{grid-template-columns:1fr}}
.theme-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.theme-opt{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:999px;cursor:pointer;font:600 12.5px var(--font);color:var(--text);background:var(--surf,rgba(255,255,255,.05));border:1px solid var(--glass-border);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.theme-opt:hover{transform:translateY(-1px)}
.theme-opt.active{border-color:var(--accent-blue);background:var(--surface-hover);box-shadow:0 0 0 1px var(--accent-blue) inset}
.theme-dot{display:block;width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.45)}
.theme-dot[data-t="mono"]{background:linear-gradient(180deg,#ffffff,#aeb0b5)}
.theme-dot[data-t="blue"]{background:linear-gradient(180deg,#d3e8ff,#3b82f6)}
.theme-dot[data-t="green"]{background:linear-gradient(180deg,#cffbe0,#22c55e)}
.theme-dot[data-t="aurora"]{background:linear-gradient(180deg,#e1d3ff,#8a3bf6)}
.theme-dot[data-t="senja"]{background:linear-gradient(180deg,#ffdbd3,#f6713b)}
.theme-dot[data-t="samudra"]{background:linear-gradient(180deg,#d3fffd,#3becf6)}

html[data-theme="blue"]{color-scheme:dark;--bg:#040914;--bg2:#0a1322;--bg3:#111d33;--surface:rgba(110,170,255,.05);--surface-hover:rgba(110,170,255,.11);--glass:rgba(110,170,255,.07);--glass-strong:rgba(110,170,255,.13);--glass-border:rgba(110,170,255,.20);--surf:rgba(110,170,255,.06);--surf-hi:rgba(110,170,255,.11);--text:#f2f7ff;--text2:#a8b9d4;--text3:#7386a4;--accent-blue:#9cc9ff;--silver:#9cc9ff;--silver-hi:#e8f2ff;--silver-lo:#6f9be0;--chrome:linear-gradient(180deg,#d3e8ff 0%,#78b6ff 48%,#3b82f6 100%);--on-accent:#04122b;--glow:inset 0 1px 0 rgba(110,170,255,.22),inset 0 -1px 0 rgba(110,170,255,.05),0 12px 36px rgba(0,0,0,.35);--glow-hover:inset 0 1px 0 rgba(110,170,255,.34),0 16px 44px rgba(0,0,0,.45)}
html[data-theme="blue"] body{--glass-border:rgba(110,170,255,.22);--glass-strong:rgba(110,170,255,.14)}
html[data-theme="blue"] ::selection{background:#9cc9ff;color:#04122b}
html[data-theme="blue"] .ambient-scene{background:radial-gradient(ellipse at 88% 6%,#14284a 0%,transparent 56%),radial-gradient(ellipse at 4% 98%,#0f2140 0%,transparent 54%),radial-gradient(ellipse at 50% 45%,#08111f 0%,transparent 70%),#030710}
html[data-theme="blue"] #navbar{background:rgba(6,12,24,.58);border-bottom-color:rgba(110,170,255,.22)}
html[data-theme="blue"] .nav-link.active{background:linear-gradient(135deg,rgba(110,170,255,.28),rgba(110,170,255,.06))}
html[data-theme="blue"] .btn-primary,html[data-theme="blue"] .google-btn{background:var(--chrome);color:var(--on-accent)}

html[data-theme="green"]{color-scheme:dark;--bg:#030b07;--bg2:#08140e;--bg3:#0f1f16;--surface:rgba(100,230,160,.05);--surface-hover:rgba(100,230,160,.11);--glass:rgba(100,230,160,.07);--glass-strong:rgba(100,230,160,.13);--glass-border:rgba(100,230,160,.20);--surf:rgba(100,230,160,.06);--surf-hi:rgba(100,230,160,.11);--text:#f1fbf5;--text2:#a7c4b2;--text3:#6f9080;--accent-blue:#86efac;--silver:#86efac;--silver-hi:#e6fff0;--silver-lo:#5fb984;--chrome:linear-gradient(180deg,#cffbe0 0%,#6ee7a8 48%,#22c55e 100%);--on-accent:#03150b;--glow:inset 0 1px 0 rgba(100,230,160,.22),inset 0 -1px 0 rgba(100,230,160,.05),0 12px 36px rgba(0,0,0,.35);--glow-hover:inset 0 1px 0 rgba(100,230,160,.34),0 16px 44px rgba(0,0,0,.45)}
html[data-theme="green"] body{--glass-border:rgba(100,230,160,.22);--glass-strong:rgba(100,230,160,.14)}
html[data-theme="green"] ::selection{background:#86efac;color:#03150b}
html[data-theme="green"] .ambient-scene{background:radial-gradient(ellipse at 88% 6%,#123a25 0%,transparent 56%),radial-gradient(ellipse at 4% 98%,#0d2e1d 0%,transparent 54%),radial-gradient(ellipse at 50% 45%,#071510 0%,transparent 70%),#020805}
html[data-theme="green"] #navbar{background:rgba(5,15,9,.58);border-bottom-color:rgba(100,230,160,.22)}
html[data-theme="green"] .nav-link.active{background:linear-gradient(135deg,rgba(100,230,160,.28),rgba(100,230,160,.06))}
html[data-theme="green"] .btn-primary,html[data-theme="green"] .google-btn{background:var(--chrome);color:var(--on-accent)}

html[data-theme="aurora"]{color-scheme:dark;--bg:#0c0414;--bg2:#140a22;--bg3:#201133;--surface:rgba(166,110,255,.05);--surface-hover:rgba(166,110,255,.11);--glass:rgba(166,110,255,.07);--glass-strong:rgba(166,110,255,.13);--glass-border:rgba(166,110,255,.20);--surf:rgba(166,110,255,.06);--surf-hi:rgba(166,110,255,.11);--text:#f7f2ff;--text2:#baa8d4;--text3:#8773a4;--accent-blue:#be9cff;--silver:#be9cff;--silver-hi:#f0e8ff;--silver-lo:#9d6fe0;--chrome:linear-gradient(180deg,#e1d3ff 0%,#a678ff 48%,#8a3bf6 100%);--on-accent:#15042b;--glow:inset 0 1px 0 rgba(166,110,255,.22),inset 0 -1px 0 rgba(166,110,255,.05),0 12px 36px rgba(0,0,0,.35);--glow-hover:inset 0 1px 0 rgba(166,110,255,.34),0 16px 44px rgba(0,0,0,.45)}
html[data-theme="aurora"] body{--glass-border:rgba(166,110,255,.22);--glass-strong:rgba(166,110,255,.14)}
html[data-theme="aurora"] ::selection{background:#be9cff;color:#15042b}
html[data-theme="aurora"] .ambient-scene{background:radial-gradient(ellipse at 88% 6%,#2b144a 0%,transparent 56%),radial-gradient(ellipse at 4% 98%,#240f40 0%,transparent 54%),radial-gradient(ellipse at 50% 45%,#11081f 0%,transparent 70%),#090310}
html[data-theme="aurora"] #navbar{background:rgba(14,6,24,.58);border-bottom-color:rgba(166,110,255,.22)}
html[data-theme="aurora"] .nav-link.active{background:linear-gradient(135deg,rgba(166,110,255,.28),rgba(166,110,255,.06))}
html[data-theme="aurora"] .btn-primary,html[data-theme="aurora"] .google-btn{background:var(--chrome);color:var(--on-accent)}

html[data-theme="senja"]{color-scheme:dark;--bg:#140a04;--bg2:#22110a;--bg3:#331c11;--surface:rgba(255,147,110,.05);--surface-hover:rgba(255,147,110,.11);--glass:rgba(255,147,110,.07);--glass-strong:rgba(255,147,110,.13);--glass-border:rgba(255,147,110,.20);--surf:rgba(255,147,110,.06);--surf-hi:rgba(255,147,110,.11);--text:#fff6f2;--text2:#d4b4a8;--text3:#a48173;--accent-blue:#ffb19c;--silver:#ffb19c;--silver-hi:#ffede8;--silver-lo:#e08e6f;--chrome:linear-gradient(180deg,#ffdbd3 0%,#ff9478 48%,#f6713b 100%);--on-accent:#2b1004;--glow:inset 0 1px 0 rgba(255,147,110,.22),inset 0 -1px 0 rgba(255,147,110,.05),0 12px 36px rgba(0,0,0,.35);--glow-hover:inset 0 1px 0 rgba(255,147,110,.34),0 16px 44px rgba(0,0,0,.45)}
html[data-theme="senja"] body{--glass-border:rgba(255,147,110,.22);--glass-strong:rgba(255,147,110,.14)}
html[data-theme="senja"] ::selection{background:#ffb19c;color:#2b1004}
html[data-theme="senja"] .ambient-scene{background:radial-gradient(ellipse at 88% 6%,#4a2414 0%,transparent 56%),radial-gradient(ellipse at 4% 98%,#401e0f 0%,transparent 54%),radial-gradient(ellipse at 50% 45%,#1f0e08 0%,transparent 70%),#100803}
html[data-theme="senja"] #navbar{background:rgba(24,12,6,.58);border-bottom-color:rgba(255,147,110,.22)}
html[data-theme="senja"] .nav-link.active{background:linear-gradient(135deg,rgba(255,147,110,.28),rgba(255,147,110,.06))}
html[data-theme="senja"] .btn-primary,html[data-theme="senja"] .google-btn{background:var(--chrome);color:var(--on-accent)}

html[data-theme="samudra"]{color-scheme:dark;--bg:#041214;--bg2:#0a2122;--bg3:#113033;--surface:rgba(110,252,255,.05);--surface-hover:rgba(110,252,255,.11);--glass:rgba(110,252,255,.07);--glass-strong:rgba(110,252,255,.13);--glass-border:rgba(110,252,255,.20);--surf:rgba(110,252,255,.06);--surf-hi:rgba(110,252,255,.11);--text:#f2feff;--text2:#a8d2d4;--text3:#73a2a4;--accent-blue:#9cfffd;--silver:#9cfffd;--silver-hi:#e8ffff;--silver-lo:#6fdbe0;--chrome:linear-gradient(180deg,#d3fffd 0%,#78fffc 48%,#3becf6 100%);--on-accent:#04282b;--glow:inset 0 1px 0 rgba(110,252,255,.22),inset 0 -1px 0 rgba(110,252,255,.05),0 12px 36px rgba(0,0,0,.35);--glow-hover:inset 0 1px 0 rgba(110,252,255,.34),0 16px 44px rgba(0,0,0,.45)}
html[data-theme="samudra"] body{--glass-border:rgba(110,252,255,.22);--glass-strong:rgba(110,252,255,.14)}
html[data-theme="samudra"] ::selection{background:#9cfffd;color:#04282b}
html[data-theme="samudra"] .ambient-scene{background:radial-gradient(ellipse at 88% 6%,#14474a 0%,transparent 56%),radial-gradient(ellipse at 4% 98%,#0f3d40 0%,transparent 54%),radial-gradient(ellipse at 50% 45%,#081e1f 0%,transparent 70%),#030e10}
html[data-theme="samudra"] #navbar{background:rgba(6,22,24,.58);border-bottom-color:rgba(110,252,255,.22)}
html[data-theme="samudra"] .nav-link.active{background:linear-gradient(135deg,rgba(110,252,255,.28),rgba(110,252,255,.06))}
html[data-theme="samudra"] .btn-primary,html[data-theme="samudra"] .google-btn{background:var(--chrome);color:var(--on-accent)}

/* ═══ VIP GOLD ═══ */
@property --gold-a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes gold-spin{to{--gold-a:360deg}}
body.premium-user :is(.nav-avatar,.su-avatar,#dd-avatar,#acct-avatar-big){position:relative;overflow:visible!important;border:2px solid transparent!important;background:linear-gradient(#0d0b06,#0d0b06) padding-box,conic-gradient(from var(--gold-a),#fff3b0,#f5c451,#b8860b,#ffe08a,#f5c451,#8a6508,#fff3b0) border-box!important;box-shadow:0 0 0 3px rgba(245,196,81,.16),0 0 22px rgba(245,196,81,.55),0 6px 18px rgba(0,0,0,.45)!important;animation:gold-spin 6s linear infinite}
.theme-opt .theme-tag{font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 6px;border-radius:999px;color:#2a1c00;background:linear-gradient(180deg,#fff3b0,#f5c451)}
.theme-opt.locked{opacity:.7}
.theme-dot[data-t="custom"]{background:conic-gradient(#ef4444,#f59e0b,#84cc16,#06b6d4,#8b5cf6,#ec4899,#ef4444)}
.theme-custom{margin-top:16px;padding-top:16px;border-top:1px solid var(--glass-border)}
.theme-custom[hidden]{display:none}
.theme-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 14px}
.theme-swatch{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);cursor:pointer;transition:transform .2s ease}
.theme-swatch:hover{transform:scale(1.1)}
.theme-swatch.on{outline:2px solid var(--accent-blue);outline-offset:3px}
.theme-color-row{display:inline-flex;align-items:center;gap:12px;font:600 12.5px var(--font);color:var(--text2)}
#theme-color{width:46px;height:34px;padding:0;border:1px solid var(--glass-border);border-radius:10px;background:none;cursor:pointer}

/* Home: informasi owner / jadwal sholat */
.home-info{margin:0 0 18px}
.home-info[hidden]{display:none}
.home-info .hi-card{padding:18px 20px}
.hi-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
.hi-text{font-size:14px;line-height:1.65;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.hi-meta{margin-top:10px;font-size:11px;color:var(--text3)}
.pr-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.pr-next{min-width:0}
.pr-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pr-name{font-size:20px;font-weight:600;color:var(--text)}
.pr-time{font-size:20px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.pr-day{font-size:11px;color:var(--text3)}
.pr-count{margin-top:2px;font-size:12.5px;color:var(--text2);font-variant-numeric:tabular-nums}
.pr-list{display:flex;gap:8px;flex-wrap:wrap}
.pr-chip{display:flex;flex-direction:column;gap:2px;min-width:66px;padding:8px 12px;border-radius:var(--radius-xs);background:var(--surface);border:1px solid var(--glass-border)}
.pr-chip span{font-size:11px;color:var(--text3)}
.pr-chip b{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}
.pr-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--text3)}
.pr-foot button{background:none;border:0;padding:4px 0;color:var(--text2);font:inherit;text-decoration:underline;cursor:pointer}
.pr-foot button:hover,.pr-foot button:focus-visible{color:var(--text)}
.pr-msg{font-size:13px;color:var(--text2)}
@media (max-width:640px){.pr-wrap{align-items:flex-start}.pr-list{width:100%}.pr-chip{flex:1 1 0;min-width:0}}
.feed-section{margin-top:24px}
.feed-section[hidden]{display:none}
.feed-card{padding:4px 18px}
.feed-msg{margin:0;padding:14px 0;font-size:13px;color:var(--text2)}
.feed-msg[hidden]{display:none}
.feed-list{list-style:none;margin:0;padding:0}
.feed-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--glass-border)}
.feed-list li:first-child{border-top:0}
.feed-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:var(--text)}
.feed-time{flex:none;font-size:11.5px;color:var(--text3);font-variant-numeric:tabular-nums}
.install-sheet{position:fixed;left:0;right:0;bottom:0;z-index:950;display:flex;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;transform:translateY(calc(100% + 24px));transition:transform .25s ease-out}
.install-sheet[hidden]{display:none}
.install-sheet.is-open{transform:none}
.install-card{pointer-events:auto;width:100%;max-width:440px;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:16px;border-radius:var(--radius);background:var(--bg2);border:1px solid var(--glass-border);box-shadow:var(--shadow)}
.install-icon{width:44px;height:44px;border-radius:10px}
.install-title{margin:0;font-size:15px;font-weight:600;color:var(--text)}
.install-text{margin:2px 0 0;font-size:12.5px;line-height:1.5;color:var(--text2)}
.install-actions{grid-column:1/-1;display:flex;gap:10px}
.install-actions .btn{flex:1;min-height:44px;justify-content:center}
@media (prefers-reduced-motion:reduce){.install-sheet{transition:none}}

/* ═══ COLOR THEMES EXTRA (lebih lengkap seperti asli) ═══ */
html[data-theme="blue"] .nav-link.active,html[data-theme="blue"] .settings-side .settings-tab.active{background:linear-gradient(135deg,rgba(110,170,255,.28),rgba(110,170,255,.06));box-shadow:inset 0 0 0 1px rgba(110,170,255,.34),inset 0 1px 0 rgba(110,170,255,.32),0 4px 12px rgba(0,0,0,.3)}
html[data-theme="blue"] .signin-btn,html[data-theme="blue"] #login-nav-btn.nav-signin{background:linear-gradient(150deg,rgba(110,170,255,.28),rgba(110,170,255,.07));border-color:rgba(110,170,255,.42);box-shadow:inset 0 1px 0 rgba(110,170,255,.34),0 4px 14px rgba(0,0,0,.3)}
html[data-theme="blue"] .nav-avatar,html[data-theme="blue"] .su-avatar,html[data-theme="blue"] #login-nav-btn.nav-silhouette,html[data-theme="blue"] body.premium-user:not(.developer-mode) .nav-avatar{background:linear-gradient(145deg,rgba(110,170,255,.32),rgba(110,170,255,.08));border-color:rgba(110,170,255,.65);box-shadow:0 0 0 3px rgba(110,170,255,.10),0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(110,170,255,.4)}
html[data-theme="blue"] #player-bar{background:rgba(6,12,24,.78);border-color:rgba(110,170,255,.30)}
html[data-theme="blue"] .speed-chip.active,html[data-theme="blue"] .source-tab.active{background:var(--chrome);color:var(--on-accent);border-color:rgba(110,170,255,.7)}
html[data-theme="blue"] .toggle.on{background:rgba(110,170,255,.45);border-color:rgba(110,170,255,.7)}
html[data-theme="blue"] .toggle.on::after{background:linear-gradient(#fff,#9cc9ff)}
html[data-theme="blue"] .player-play,html[data-theme="blue"] .um-cover,html[data-theme="blue"] .connect-icon{background:var(--chrome);color:var(--on-accent)}
html[data-theme="blue"] .progress-fill,html[data-theme="blue"] .um-progress span{background:var(--chrome)}
html[data-theme="blue"] .studio-hero h1 span{background-image:linear-gradient(90deg,#ffffff,#9cc9ff 45%,#e8f2ff 70%,#6cb0ff)}
html[data-theme="blue"] .plan-option{background:rgba(110,170,255,.06);border-color:rgba(110,170,255,.22)}
html[data-theme="blue"] .plan-option:hover,html[data-theme="blue"] .plan-option:focus-visible{background:rgba(110,170,255,.13);border-color:#9cc9ff}

html[data-theme="green"] .nav-link.active,html[data-theme="green"] .settings-side .settings-tab.active{background:linear-gradient(135deg,rgba(100,230,160,.28),rgba(100,230,160,.06));box-shadow:inset 0 0 0 1px rgba(100,230,160,.34),inset 0 1px 0 rgba(100,230,160,.32),0 4px 12px rgba(0,0,0,.3)}
html[data-theme="green"] .signin-btn,html[data-theme="green"] #login-nav-btn.nav-signin{background:linear-gradient(150deg,rgba(100,230,160,.28),rgba(100,230,160,.07));border-color:rgba(100,230,160,.42);box-shadow:inset 0 1px 0 rgba(100,230,160,.34),0 4px 14px rgba(0,0,0,.3)}
html[data-theme="green"] .nav-avatar,html[data-theme="green"] .su-avatar,html[data-theme="green"] #login-nav-btn.nav-silhouette,html[data-theme="green"] body.premium-user:not(.developer-mode) .nav-avatar{background:linear-gradient(145deg,rgba(100,230,160,.32),rgba(100,230,160,.08));border-color:rgba(100,230,160,.65);box-shadow:0 0 0 3px rgba(100,230,160,.10),0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(100,230,160,.4)}
html[data-theme="green"] #player-bar{background:rgba(5,15,9,.78);border-color:rgba(100,230,160,.30)}
html[data-theme="green"] .speed-chip.active,html[data-theme="green"] .source-tab.active{background:var(--chrome);color:var(--on-accent);border-color:rgba(100,230,160,.7)}
html[data-theme="green"] .toggle.on{background:rgba(100,230,160,.45);border-color:rgba(100,230,160,.7)}
html[data-theme="green"] .toggle.on::after{background:linear-gradient(#fff,#86efac)}
html[data-theme="green"] .player-play,html[data-theme="green"] .um-cover,html[data-theme="green"] .connect-icon{background:var(--chrome);color:var(--on-accent)}
html[data-theme="green"] .progress-fill,html[data-theme="green"] .um-progress span{background:var(--chrome)}
html[data-theme="green"] .studio-hero h1 span{background-image:linear-gradient(90deg,#ffffff,#86efac 45%,#e6fff0 70%,#4ade80)}
html[data-theme="green"] .plan-option{background:rgba(100,230,160,.06);border-color:rgba(100,230,160,.22)}
html[data-theme="green"] .plan-option:hover,html[data-theme="green"] .plan-option:focus-visible{background:rgba(100,230,160,.13);border-color:#86efac}

html[data-theme="aurora"] .nav-link.active,html[data-theme="aurora"] .settings-side .settings-tab.active{background:linear-gradient(135deg,rgba(166,110,255,.28),rgba(166,110,255,.06));box-shadow:inset 0 0 0 1px rgba(166,110,255,.34),inset 0 1px 0 rgba(166,110,255,.32),0 4px 12px rgba(0,0,0,.3)}
html[data-theme="aurora"] .signin-btn,html[data-theme="aurora"] #login-nav-btn.nav-signin{background:linear-gradient(150deg,rgba(166,110,255,.28),rgba(166,110,255,.07));border-color:rgba(166,110,255,.42);box-shadow:inset 0 1px 0 rgba(166,110,255,.34),0 4px 14px rgba(0,0,0,.3)}
html[data-theme="aurora"] .nav-avatar,html[data-theme="aurora"] .su-avatar,html[data-theme="aurora"] #login-nav-btn.nav-silhouette,html[data-theme="aurora"] body.premium-user:not(.developer-mode) .nav-avatar{background:linear-gradient(145deg,rgba(166,110,255,.32),rgba(166,110,255,.08));border-color:rgba(166,110,255,.65);box-shadow:0 0 0 3px rgba(166,110,255,.10),0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(166,110,255,.4)}
html[data-theme="aurora"] #player-bar{background:rgba(14,6,24,.78);border-color:rgba(166,110,255,.30)}
html[data-theme="aurora"] .speed-chip.active,html[data-theme="aurora"] .source-tab.active{background:var(--chrome);color:var(--on-accent);border-color:rgba(166,110,255,.7)}
html[data-theme="aurora"] .toggle.on{background:rgba(166,110,255,.45);border-color:rgba(166,110,255,.7)}
html[data-theme="aurora"] .toggle.on::after{background:linear-gradient(#fff,#be9cff)}
html[data-theme="aurora"] .player-play,html[data-theme="aurora"] .um-cover,html[data-theme="aurora"] .connect-icon{background:var(--chrome);color:var(--on-accent)}
html[data-theme="aurora"] .progress-fill,html[data-theme="aurora"] .um-progress span{background:var(--chrome)}
html[data-theme="aurora"] .studio-hero h1 span{background-image:linear-gradient(90deg,#ffffff,#be9cff 45%,#f0e8ff 70%,#9e6cff)}
html[data-theme="aurora"] .plan-option{background:rgba(166,110,255,.06);border-color:rgba(166,110,255,.22)}
html[data-theme="aurora"] .plan-option:hover,html[data-theme="aurora"] .plan-option:focus-visible{background:rgba(166,110,255,.13);border-color:#be9cff}

html[data-theme="senja"] .nav-link.active,html[data-theme="senja"] .settings-side .settings-tab.active{background:linear-gradient(135deg,rgba(255,147,110,.28),rgba(255,147,110,.06));box-shadow:inset 0 0 0 1px rgba(255,147,110,.34),inset 0 1px 0 rgba(255,147,110,.32),0 4px 12px rgba(0,0,0,.3)}
html[data-theme="senja"] .signin-btn,html[data-theme="senja"] #login-nav-btn.nav-signin{background:linear-gradient(150deg,rgba(255,147,110,.28),rgba(255,147,110,.07));border-color:rgba(255,147,110,.42);box-shadow:inset 0 1px 0 rgba(255,147,110,.34),0 4px 14px rgba(0,0,0,.3)}
html[data-theme="senja"] .nav-avatar,html[data-theme="senja"] .su-avatar,html[data-theme="senja"] #login-nav-btn.nav-silhouette,html[data-theme="senja"] body.premium-user:not(.developer-mode) .nav-avatar{background:linear-gradient(145deg,rgba(255,147,110,.32),rgba(255,147,110,.08));border-color:rgba(255,147,110,.65);box-shadow:0 0 0 3px rgba(255,147,110,.10),0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,147,110,.4)}
html[data-theme="senja"] #player-bar{background:rgba(24,12,6,.78);border-color:rgba(255,147,110,.30)}
html[data-theme="senja"] .speed-chip.active,html[data-theme="senja"] .source-tab.active{background:var(--chrome);color:var(--on-accent);border-color:rgba(255,147,110,.7)}
html[data-theme="senja"] .toggle.on{background:rgba(255,147,110,.45);border-color:rgba(255,147,110,.7)}
html[data-theme="senja"] .toggle.on::after{background:linear-gradient(#fff,#ffb19c)}
html[data-theme="senja"] .player-play,html[data-theme="senja"] .um-cover,html[data-theme="senja"] .connect-icon{background:var(--chrome);color:var(--on-accent)}
html[data-theme="senja"] .progress-fill,html[data-theme="senja"] .um-progress span{background:var(--chrome)}
html[data-theme="senja"] .studio-hero h1 span{background-image:linear-gradient(90deg,#ffffff,#ffb19c 45%,#ffede8 70%,#ff8a6c)}
html[data-theme="senja"] .plan-option{background:rgba(255,147,110,.06);border-color:rgba(255,147,110,.22)}
html[data-theme="senja"] .plan-option:hover,html[data-theme="senja"] .plan-option:focus-visible{background:rgba(255,147,110,.13);border-color:#ffb19c}

html[data-theme="samudra"] .nav-link.active,html[data-theme="samudra"] .settings-side .settings-tab.active{background:linear-gradient(135deg,rgba(110,252,255,.28),rgba(110,252,255,.06));box-shadow:inset 0 0 0 1px rgba(110,252,255,.34),inset 0 1px 0 rgba(110,252,255,.32),0 4px 12px rgba(0,0,0,.3)}
html[data-theme="samudra"] .signin-btn,html[data-theme="samudra"] #login-nav-btn.nav-signin{background:linear-gradient(150deg,rgba(110,252,255,.28),rgba(110,252,255,.07));border-color:rgba(110,252,255,.42);box-shadow:inset 0 1px 0 rgba(110,252,255,.34),0 4px 14px rgba(0,0,0,.3)}
html[data-theme="samudra"] .nav-avatar,html[data-theme="samudra"] .su-avatar,html[data-theme="samudra"] #login-nav-btn.nav-silhouette,html[data-theme="samudra"] body.premium-user:not(.developer-mode) .nav-avatar{background:linear-gradient(145deg,rgba(110,252,255,.32),rgba(110,252,255,.08));border-color:rgba(110,252,255,.65);box-shadow:0 0 0 3px rgba(110,252,255,.10),0 6px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(110,252,255,.4)}
html[data-theme="samudra"] #player-bar{background:rgba(6,22,24,.78);border-color:rgba(110,252,255,.30)}
html[data-theme="samudra"] .speed-chip.active,html[data-theme="samudra"] .source-tab.active{background:var(--chrome);color:var(--on-accent);border-color:rgba(110,252,255,.7)}
html[data-theme="samudra"] .toggle.on{background:rgba(110,252,255,.45);border-color:rgba(110,252,255,.7)}
html[data-theme="samudra"] .toggle.on::after{background:linear-gradient(#fff,#9cfffd)}
html[data-theme="samudra"] .player-play,html[data-theme="samudra"] .um-cover,html[data-theme="samudra"] .connect-icon{background:var(--chrome);color:var(--on-accent)}
html[data-theme="samudra"] .progress-fill,html[data-theme="samudra"] .um-progress span{background:var(--chrome)}
html[data-theme="samudra"] .studio-hero h1 span{background-image:linear-gradient(90deg,#ffffff,#9cfffd 45%,#e8ffff 70%,#6cfffb)}
html[data-theme="samudra"] .plan-option{background:rgba(110,252,255,.06);border-color:rgba(110,252,255,.22)}
html[data-theme="samudra"] .plan-option:hover,html[data-theme="samudra"] .plan-option:focus-visible{background:rgba(110,252,255,.13);border-color:#9cfffd}