/* ICON REVAMPERATION V7 — futuristic visual system + theme packs */
:root{
  --tw-bg:#050608; --tw-surface:#0b0e12; --tw-surface-2:#10141b; --tw-text:#f7f8fb;
  --tw-muted:#9ca3af; --tw-line:rgba(255,255,255,.09); --tw-accent:#ff3340; --tw-accent-2:#e50914;
  --tw-glow:rgba(255,51,64,.22); --tw-gradient:linear-gradient(135deg,#2b0508 0%,#e50914 54%,#ff5b63 100%);
  --tw-on-accent:#fff; --tw-card-shadow:0 24px 80px rgba(0,0,0,.38);
  --tw-grid:rgba(255,255,255,.028); --tw-topbar:rgba(6,8,11,.68);
  color-scheme:dark;
}
html[data-theme="dark"]{
  --tw-bg:#050608;--tw-surface:#0b0e12;--tw-surface-2:#10141b;--tw-text:#f7f8fb;--tw-muted:#9ca3af;--tw-line:rgba(255,255,255,.09);--tw-accent:#ff3340;--tw-accent-2:#e50914;--tw-glow:rgba(255,51,64,.22);--tw-gradient:linear-gradient(135deg,#0c0d10,#1c2028);--tw-on-accent:#fff;--tw-grid:rgba(255,255,255,.028);--tw-topbar:rgba(6,8,11,.68);color-scheme:dark;
}
html[data-theme="red-gradient"]{
  --tw-bg:#0a0507;--tw-surface:#14090b;--tw-surface-2:#1c0f12;--tw-text:#fffafb;--tw-muted:#d2b9bc;--tw-line:rgba(255,116,124,.16);--tw-accent:#ff5360;--tw-accent-2:#e50914;--tw-glow:rgba(255,37,52,.28);--tw-gradient:linear-gradient(135deg,#250306 0%,#a80a19 50%,#ff3340 100%);--tw-on-accent:#fff;--tw-grid:rgba(255,90,96,.03);--tw-topbar:rgba(18,5,8,.72);color-scheme:dark;
}
html[data-theme="crimson-pulse"]{
  --tw-bg:#080206;--tw-surface:#11060c;--tw-surface-2:#1c0912;--tw-text:#fff8fb;--tw-muted:#d8bbc6;--tw-line:rgba(255,66,119,.16);--tw-accent:#ff3f7f;--tw-accent-2:#b30055;--tw-glow:rgba(255,63,127,.28);--tw-gradient:linear-gradient(135deg,#26000d,#ff1b5b 50%,#6f003d);--tw-on-accent:#fff;--tw-grid:rgba(255,62,130,.03);--tw-topbar:rgba(16,3,11,.72);color-scheme:dark;
}
html[data-theme="purple-gradient"]{
  --tw-bg:#07050d;--tw-surface:#100b19;--tw-surface-2:#171027;--tw-text:#faf7ff;--tw-muted:#c8bdd9;--tw-line:rgba(177,116,255,.18);--tw-accent:#b66cff;--tw-accent-2:#6b2dff;--tw-glow:rgba(154,74,255,.3);--tw-gradient:linear-gradient(135deg,#1d093d 0%,#7a31ff 55%,#e15bff 100%);--tw-on-accent:#fff;--tw-grid:rgba(170,90,255,.03);--tw-topbar:rgba(10,5,18,.72);color-scheme:dark;
}
html[data-theme="ultraviolet"]{
  --tw-bg:#08060c;--tw-surface:#100c18;--tw-surface-2:#181025;--tw-text:#fff8ff;--tw-muted:#ceb8db;--tw-line:rgba(238,84,255,.18);--tw-accent:#f05bff;--tw-accent-2:#8b34ff;--tw-glow:rgba(240,91,255,.28);--tw-gradient:linear-gradient(135deg,#260d3f,#c33dff 48%,#6e2aff);--tw-on-accent:#fff;--tw-grid:rgba(221,90,255,.03);--tw-topbar:rgba(13,6,19,.72);color-scheme:dark;
}
html[data-theme="cyber-blue"]{
  --tw-bg:#04080d;--tw-surface:#08111a;--tw-surface-2:#0d1722;--tw-text:#f6fbff;--tw-muted:#a7b8c8;--tw-line:rgba(83,206,255,.18);--tw-accent:#39d8ff;--tw-accent-2:#1469ff;--tw-glow:rgba(57,216,255,.26);--tw-gradient:linear-gradient(135deg,#07263f,#0ca9ff 55%,#4b63ff);--tw-on-accent:#00101a;--tw-grid:rgba(78,203,255,.035);--tw-topbar:rgba(3,10,16,.72);color-scheme:dark;
}
html[data-theme="emerald-neon"]{
  --tw-bg:#040a08;--tw-surface:#07120e;--tw-surface-2:#0c1a14;--tw-text:#f4fff8;--tw-muted:#a8c4b2;--tw-line:rgba(64,255,163,.16);--tw-accent:#52ffa9;--tw-accent-2:#11a96b;--tw-glow:rgba(40,255,156,.23);--tw-gradient:linear-gradient(135deg,#063d28,#11b67a 55%,#50ffb0);--tw-on-accent:#00140a;--tw-grid:rgba(75,255,165,.03);--tw-topbar:rgba(3,12,8,.72);color-scheme:dark;
}
html[data-theme="sunset"]{
  --tw-bg:#0d0704;--tw-surface:#170d08;--tw-surface-2:#20130b;--tw-text:#fffaf5;--tw-muted:#d2c0ae;--tw-line:rgba(255,168,91,.18);--tw-accent:#ff9d47;--tw-accent-2:#ff4d67;--tw-glow:rgba(255,133,61,.28);--tw-gradient:linear-gradient(135deg,#5e170b,#ff5a45 50%,#ffc857 100%);--tw-on-accent:#1a0802;--tw-grid:rgba(255,145,76,.03);--tw-topbar:rgba(18,8,3,.72);color-scheme:dark;
}
html[data-theme="magenta"]{
  --tw-bg:#0b050a;--tw-surface:#150913;--tw-surface-2:#1d0e1b;--tw-text:#fff8fd;--tw-muted:#d8bdcf;--tw-line:rgba(255,72,180,.17);--tw-accent:#ff5ab6;--tw-accent-2:#d11cff;--tw-glow:rgba(255,82,182,.28);--tw-gradient:linear-gradient(135deg,#3a0730,#ff42a9 55%,#9f28ff);--tw-on-accent:#fff;--tw-grid:rgba(255,83,177,.03);--tw-topbar:rgba(16,5,14,.72);color-scheme:dark;
}
html[data-theme="ocean"]{
  --tw-bg:#031014;--tw-surface:#061a20;--tw-surface-2:#0b232b;--tw-text:#f3fdff;--tw-muted:#acc7cf;--tw-line:rgba(48,231,255,.16);--tw-accent:#31e7ff;--tw-accent-2:#1b72ff;--tw-glow:rgba(45,227,255,.25);--tw-gradient:linear-gradient(135deg,#063a46,#0bc6d9 52%,#4f8aff);--tw-on-accent:#00121a;--tw-grid:rgba(48,228,255,.03);--tw-topbar:rgba(2,12,16,.72);color-scheme:dark;
}
html[data-theme="gold-dark"]{
  --tw-bg:#090807;--tw-surface:#14110c;--tw-surface-2:#1e1a12;--tw-text:#fffdf3;--tw-muted:#cfc3a8;--tw-line:rgba(255,214,88,.17);--tw-accent:#ffd54f;--tw-accent-2:#c58f15;--tw-glow:rgba(255,207,71,.2);--tw-gradient:linear-gradient(135deg,#4a3000,#d49c2a 52%,#fff06a);--tw-on-accent:#191000;--tw-grid:rgba(255,210,84,.03);--tw-topbar:rgba(14,11,6,.72);color-scheme:dark;
}
html[data-theme="graphite"]{
  --tw-bg:#0a0b0c;--tw-surface:#121416;--tw-surface-2:#1a1d20;--tw-text:#f4f6f7;--tw-muted:#abb0b5;--tw-line:rgba(255,255,255,.12);--tw-accent:#d4dae0;--tw-accent-2:#8d97a2;--tw-glow:rgba(209,218,226,.12);--tw-gradient:linear-gradient(135deg,#24282d,#69737e 58%,#e3e7eb);--tw-on-accent:#071017;--tw-grid:rgba(255,255,255,.025);--tw-topbar:rgba(8,10,11,.72);color-scheme:dark;
}
html[data-theme="light-grey"]{
  --tw-bg:#e8eaed;--tw-surface:#f4f5f7;--tw-surface-2:#ffffff;--tw-text:#13161a;--tw-muted:#5d6570;--tw-line:rgba(20,27,36,.12);--tw-accent:#e50914;--tw-accent-2:#b20710;--tw-glow:rgba(229,9,20,.18);--tw-gradient:linear-gradient(135deg,#d8dce1,#f1f3f5 55%,#ffffff);--tw-on-accent:#fff;--tw-grid:rgba(23,33,43,.035);--tw-topbar:rgba(250,250,251,.82);color-scheme:light;
}
html[data-theme="white"]{
  --tw-bg:#ffffff;--tw-surface:#fafafa;--tw-surface-2:#ffffff;--tw-text:#0d1117;--tw-muted:#5e6873;--tw-line:rgba(16,24,32,.11);--tw-accent:#e50914;--tw-accent-2:#b20710;--tw-glow:rgba(229,9,20,.15);--tw-gradient:linear-gradient(135deg,#fff,#f6f7f9 55%,#eceff2);--tw-on-accent:#fff;--tw-grid:rgba(16,24,32,.03);--tw-topbar:rgba(255,255,255,.84);color-scheme:light;
}

html{background:var(--tw-bg)}
body{background:var(--tw-bg)!important;color:var(--tw-text)!important;min-height:100vh;background-image:linear-gradient(var(--tw-grid) 1px,transparent 1px),linear-gradient(90deg,var(--tw-grid) 1px,transparent 1px),radial-gradient(circle at 12% 0%,var(--tw-glow),transparent 28%);background-size:34px 34px,34px 34px,100% 100%;background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 88% 12%,var(--tw-glow),transparent 21%),linear-gradient(180deg,transparent 0%,rgba(0,0,0,.08) 100%)}

.topbar{background:var(--tw-topbar)!important;border-color:var(--tw-line)!important;backdrop-filter:blur(24px) saturate(145%);box-shadow:0 12px 45px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.015) inset!important;position:fixed!important;top:12px!important;left:12px!important;right:12px!important;width:auto!important;border-radius:18px!important;z-index:1000!important}
.topbar .brand img{filter:drop-shadow(0 6px 18px var(--tw-glow));transition:transform .25s ease,filter .25s ease}.topbar .brand img:hover{transform:translateY(-1px) scale(1.02);filter:drop-shadow(0 8px 28px var(--tw-glow))}
.topbar nav a,.desktop-nav a{color:var(--tw-muted)!important}.topbar nav a:hover,.desktop-nav a:hover,.desktop-nav a.active,.topbar nav a.active{color:var(--tw-text)!important}
.topbar nav a.active:after,.desktop-nav a.active:after{background:var(--tw-accent)!important;box-shadow:0 0 16px var(--tw-glow)}
.profile-btn,.icon-btn{background:var(--tw-surface)!important;color:var(--tw-text)!important;border-color:var(--tw-line)!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important}
.profile-btn:hover,.icon-btn:hover{border-color:color-mix(in srgb,var(--tw-accent) 42%,transparent)!important;box-shadow:0 14px 35px var(--tw-glow)!important}

.hero-v4,.hero-v4-bg{border-radius:0 0 26px 26px!important}.hero-v4{box-shadow:0 28px 100px rgba(0,0,0,.28)!important}
.hero-v4:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.08);border-radius:inherit;mix-blend-mode:screen;opacity:.5}
.home-v4-section,.simple-page,.support-page,.account-page,.watch-page{position:relative}
.v4-section-head h2,.show-v5-section-title,.show-v5-copy h1,.watch-v5-meta h1{color:var(--tw-text)!important}
.v4-eyebrow,.show-v5-kicker,.watch-v5-kicker,.settings-label{color:var(--tw-accent)!important;text-shadow:0 0 18px var(--tw-glow)}
.section-link{border-color:var(--tw-line)!important;color:var(--tw-text)!important;background:var(--tw-surface)!important}.section-link:hover{border-color:color-mix(in srgb,var(--tw-accent) 45%,transparent)!important;color:var(--tw-accent)!important;box-shadow:0 10px 25px var(--tw-glow)}

.v4-card,.v4-show-tile,.show-episode-card,.creator-card,.support-card,.live-screen,.chat,.event-banner,.watch-v5-side,.account-card,.settings-nav,.settings-panel,.support-faq,.modal-card,.search-panel,.show-v5-art,.show-v5-hero{background:linear-gradient(145deg,color-mix(in srgb,var(--tw-surface-2) 96%,transparent),color-mix(in srgb,var(--tw-surface) 94%,transparent))!important;border-color:var(--tw-line)!important;box-shadow:var(--tw-card-shadow)!important}
.v4-card,.v4-show-tile,.show-episode-card,.creator-card,.support-card{transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}.v4-card:hover,.v4-show-tile:hover,.show-episode-card:hover,.creator-card:hover,.support-card:hover{transform:translateY(-6px)!important;border-color:color-mix(in srgb,var(--tw-accent) 40%,transparent)!important;box-shadow:0 28px 75px rgba(0,0,0,.34),0 0 30px var(--tw-glow)!important}

.btn.red,.btn.primary{background:var(--tw-gradient)!important;color:var(--tw-on-accent)!important;border-color:transparent!important;box-shadow:0 12px 30px var(--tw-glow)!important}.btn.red:hover,.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px var(--tw-glow)!important;filter:saturate(1.12)}
.btn.ghost,.btn.secondary,.btn:not(.red):not(.primary){background:var(--tw-surface)!important;color:var(--tw-text)!important;border-color:var(--tw-line)!important}.btn.ghost:hover,.btn.secondary:hover{border-color:color-mix(in srgb,var(--tw-accent) 38%,transparent)!important;color:var(--tw-accent)!important}

input,select,textarea{background:color-mix(in srgb,var(--tw-surface) 92%,transparent)!important;color:var(--tw-text)!important;border-color:var(--tw-line)!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:color-mix(in srgb,var(--tw-accent) 65%,transparent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tw-accent) 13%,transparent),0 0 22px var(--tw-glow)!important}

/* Futuristic settings */
.settings-nav{position:sticky!important;top:98px!important}.settings-nav button,.settings-support-link,.settings-admin-link{color:var(--tw-muted)!important;border:1px solid transparent!important;background:transparent!important}.settings-nav button:hover,.settings-support-link:hover,.settings-admin-link:hover{background:color-mix(in srgb,var(--tw-accent) 7%,transparent)!important;color:var(--tw-text)!important;border-color:color-mix(in srgb,var(--tw-accent) 18%,transparent)!important}.settings-nav button.active{background:var(--tw-gradient)!important;color:var(--tw-on-accent)!important;border-color:transparent!important;box-shadow:0 10px 24px var(--tw-glow)!important}
.setting-section h1{font-size:clamp(26px,3vw,46px)!important;letter-spacing:-1.7px}.setting-row{background:color-mix(in srgb,var(--tw-surface) 50%,transparent);border:1px solid var(--tw-line)!important;border-radius:14px;margin:10px 0;padding:15px 16px!important}.toggle{accent-color:var(--tw-accent)}

/* Theme shop */
.theme-shop{margin-top:24px}.theme-shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.theme-shop-head h2{font-size:18px;margin:0}.theme-shop-head p{margin:4px 0 0;color:var(--tw-muted);font-size:12px}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-card{position:relative;overflow:hidden;border:1px solid var(--tw-line);border-radius:18px;background:var(--tw-surface);min-height:164px;cursor:pointer;box-shadow:0 16px 45px rgba(0,0,0,.18);transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}.theme-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--theme-accent) 44%,transparent);box-shadow:0 22px 55px rgba(0,0,0,.28),0 0 28px color-mix(in srgb,var(--theme-accent) 22%,transparent)}.theme-card.current{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 18%,transparent),0 18px 55px rgba(0,0,0,.24)}.theme-card.locked:after{content:"LOCKED";position:absolute;top:12px;right:12px;font-size:8px;font-weight:900;letter-spacing:1.2px;padding:5px 7px;border-radius:999px;background:rgba(4,6,8,.55);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}.theme-preview{height:92px;margin:10px 10px 0;border-radius:14px;background:var(--theme-gradient);position:relative;overflow:hidden}.theme-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 38%,transparent 62%);transform:translateX(-130%);transition:transform .6s ease}.theme-card:hover .theme-preview:after{transform:translateX(130%)}.theme-info{padding:10px 12px 12px}.theme-info strong{font-size:12px}.theme-info small{display:block;margin-top:4px;color:var(--tw-muted);font-size:9px}.theme-action{margin-top:9px;width:100%;border:1px solid var(--tw-line);border-radius:9px;background:var(--tw-surface-2);color:var(--tw-text);padding:8px 10px;font-size:9px;font-weight:900;letter-spacing:.6px;cursor:pointer}.theme-action.unlock{background:var(--theme-gradient);color:var(--theme-on);border-color:transparent;box-shadow:0 9px 20px color-mix(in srgb,var(--theme-accent) 24%,transparent)}.theme-card.current .theme-action{color:var(--theme-accent);border-color:color-mix(in srgb,var(--theme-accent) 35%,transparent)}
.theme-red-gradient{--theme-gradient:linear-gradient(135deg,#2b0508,#e50914,#ff5963);--theme-accent:#ff4756;--theme-on:#fff}.theme-crimson{--theme-gradient:linear-gradient(135deg,#26000d,#ff1b5b,#6f003d);--theme-accent:#ff3f7f;--theme-on:#fff}.theme-purple{--theme-gradient:linear-gradient(135deg,#1d093d,#7a31ff,#e15bff);--theme-accent:#b66cff;--theme-on:#fff}.theme-ultraviolet{--theme-gradient:linear-gradient(135deg,#260d3f,#c33dff,#6e2aff);--theme-accent:#f05bff;--theme-on:#fff}.theme-cyber{--theme-gradient:linear-gradient(135deg,#07263f,#0ca9ff,#4b63ff);--theme-accent:#39d8ff;--theme-on:#00101a}.theme-emerald{--theme-gradient:linear-gradient(135deg,#063d28,#11b67a,#50ffb0);--theme-accent:#52ffa9;--theme-on:#00140a}.theme-sunset{--theme-gradient:linear-gradient(135deg,#5e170b,#ff5a45,#ffc857);--theme-accent:#ff9d47;--theme-on:#1a0802}.theme-magenta{--theme-gradient:linear-gradient(135deg,#3a0730,#ff42a9,#9f28ff);--theme-accent:#ff5ab6;--theme-on:#fff}.theme-ocean{--theme-gradient:linear-gradient(135deg,#063a46,#0bc6d9,#4f8aff);--theme-accent:#31e7ff;--theme-on:#00121a}.theme-gold{--theme-gradient:linear-gradient(135deg,#4a3000,#d49c2a,#fff06a);--theme-accent:#ffd54f;--theme-on:#191000}.theme-graphite{--theme-gradient:linear-gradient(135deg,#24282d,#69737e,#e3e7eb);--theme-accent:#d4dae0;--theme-on:#071017}.theme-lightgrey{--theme-gradient:linear-gradient(135deg,#d8dce1,#f1f3f5,#fff);--theme-accent:#e50914;--theme-on:#fff}.theme-white{--theme-gradient:linear-gradient(135deg,#fff,#f6f7f9,#eceff2);--theme-accent:#e50914;--theme-on:#fff}.theme-dark{--theme-gradient:linear-gradient(135deg,#0c0d10,#1c2028);--theme-accent:#ff3340;--theme-on:#fff}

.reward-modal-backdrop{position:fixed;inset:0;z-index:2500;background:rgba(0,0,0,.72);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:18px}.reward-modal{width:min(460px,100%);border:1px solid var(--tw-line);border-radius:24px;background:linear-gradient(145deg,var(--tw-surface-2),var(--tw-surface));box-shadow:0 36px 120px rgba(0,0,0,.56);padding:24px}.reward-modal .reward-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--tw-gradient);box-shadow:0 14px 34px var(--tw-glow);font-size:25px}.reward-modal h3{font-size:24px;margin:16px 0 6px}.reward-modal p{font-size:12px;color:var(--tw-muted);line-height:1.65}.reward-modal .reward-actions{display:flex;gap:8px;margin-top:18px}.reward-status{margin-top:12px;font-size:10px;color:var(--tw-muted);min-height:16px}.reward-status.error{color:#ff7982}

/* Futuristic admin */
.admin-shell,.admin-workspace,.admin-sidebar,.admin-topbar,.admin-stat,.admin-panel,.admin-card,.admin-table-wrap{background:linear-gradient(145deg,color-mix(in srgb,var(--tw-surface-2) 96%,transparent),color-mix(in srgb,var(--tw-surface) 94%,transparent))!important;border-color:var(--tw-line)!important}.admin-sidebar{box-shadow:var(--tw-card-shadow)!important}.admin-nav button.active,.admin-nav a.active{background:var(--tw-gradient)!important;color:var(--tw-on-accent)!important;box-shadow:0 10px 28px var(--tw-glow)!important}.admin-shell input,.admin-shell select,.admin-shell textarea{background:var(--tw-bg)!important}.admin-stat:hover,.admin-card:hover{border-color:color-mix(in srgb,var(--tw-accent) 26%,transparent)!important}.admin-stat .value,.admin-kpi-value{color:var(--tw-text)!important;text-shadow:0 0 18px var(--tw-glow)}

/* White / light themes need clean shadows and readable muted text */
html[data-theme="light-grey"] .topbar,html[data-theme="white"] .topbar{box-shadow:0 12px 45px rgba(20,28,38,.1)!important}.light-theme-text{color:var(--tw-text)}

@media(max-width:900px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-nav{position:static!important}}
@media(max-width:620px){.theme-grid{grid-template-columns:1fr}.theme-card{min-height:148px}.theme-preview{height:82px}.reward-modal .reward-actions{flex-direction:column}.topbar{top:8px!important;left:8px!important;right:8px!important}}
html[data-glass="off"] .topbar,html[data-glass="off"] .modal-card,html[data-glass="off"] .search-panel{backdrop-filter:none!important}
html[data-glass="on"] .topbar,html[data-glass="on"] .modal-card,html[data-glass="on"] .search-panel{backdrop-filter:blur(28px) saturate(155%)}
html[data-grid="off"] body{background-image:none!important}
html[data-density="compact"] .v4-card,.v4-show-tile,.show-episode-card{transform-origin:center top}
html[data-density="compact"] .home-v4-section{padding-top:26px!important;padding-bottom:14px!important}
html[data-density="compact"] .v4-section-head{margin-bottom:10px!important}
html[data-density="compact"] .setting-row{padding:11px 13px!important}