/* AI Media Hub — shared light / dark theme. Pages keep their own dark values in :root; light mode overrides them here. */
:where(:root){--sunk:#0b0b11;--panel2:#15151e;--line2:#2a2836;--fg2:#c3c2d2;--scroll:#3a3850;--glass:rgba(14,14,21,.96);--dim:#5f5d70;--shadow:rgba(0,0,0,.9)}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f4f9;--panel:#ffffff;--panel2:#f0eff6;--sunk:#f3f2f8;--line:#e4e2ed;--line2:#d4d1e1;
  --fg:#16141f;--fg2:#3d3a4f;--muted:#6c6982;--dim:#8d8aa0;--scroll:#c9c6d6;--glass:rgba(255,255,255,.92);--shadow:rgba(40,30,80,.18);
  --dot:#d9d7e4;--ok:#0e9f89;--gpt:#0e9f89;--hf:#d9730b;--cl:#b7791f;--gem:#4f5fe8;--other:#7a778f;--bad:#e0335a;
  --text:#7b5cff;--img:#2386d0;--vid:#d9730b;--accent-soft:rgba(255,79,163,.1);--pink-soft:rgba(255,79,163,.1);
}
html[data-theme="light"] body{background:var(--bg);color:var(--fg)}
/* softer shadows on white */
html[data-theme="light"] .card:hover{box-shadow:0 18px 40px -22px rgba(123,92,255,.35)}
html[data-theme="light"] .scrim{background:rgba(245,244,249,.45)!important}
html[data-theme="light"] .drawer{background:rgba(255,255,255,.94)!important;box-shadow:-30px 0 80px -30px rgba(40,30,80,.25)}
html[data-theme="light"] #tmDlg::backdrop{background:rgba(245,244,249,.55)}
html[data-theme="light"] .tm-av{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
/* theme switch: sun / moon pill, top right */
.themetog{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:2px;height:34px;padding:3px;border-radius:99px;border:1px solid var(--line);background:var(--panel);flex:none}
.themetog span{position:relative;z-index:1;width:28px;height:26px;display:grid;place-items:center;border-radius:99px;color:var(--muted);transition:color .2s}
.themetog svg{width:15px;height:15px}
.themetog::before{content:"";position:absolute;top:3px;left:3px;width:28px;height:26px;border-radius:99px;background:var(--aur);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px -4px rgba(255,79,163,.6)}
html[data-theme="light"] .themetog::before{transform:translateX(30px)}
html:not([data-theme="light"]) .themetog .tdark,html[data-theme="light"] .themetog .tlight{color:#fff}
.themetog:hover{border-color:rgba(255,79,163,.5)}
.themetog:focus-visible{outline:2px solid #ff4fa3;outline-offset:2px}
html.theming,html.theming *{transition:background-color .25s,border-color .25s,color .25s!important}
/* light: surfaces that were dark glass */
html[data-theme="light"] .dbox{background:rgba(255,255,255,.88);box-shadow:0 24px 60px -26px rgba(40,30,80,.35),0 0 0 1px rgba(123,92,255,.08),0 -1px 0 rgba(255,79,163,.2) inset}
html[data-theme="light"] #stackDlg{background:rgba(255,255,255,.97)}
html[data-theme="light"] #stackDlg::backdrop,html[data-theme="light"] #picker::backdrop,html[data-theme="light"] dialog::backdrop{background:rgba(245,244,249,.6)}
html[data-theme="light"] .svnav{background:rgba(255,255,255,.85)}
html[data-theme="light"] .dropov{background:rgba(245,244,249,.6)}
html[data-theme="light"] .dropov div{background:rgba(255,255,255,.95)}
html[data-theme="light"] .gen .pv{background:linear-gradient(160deg,#f1f0f6,#e8e6f0)}
html[data-theme="light"] .gen .pv .mark{color:#d6d3e2}
html[data-theme="light"] .gen .busy{background:rgba(255,255,255,.7)}
html[data-theme="light"] .person.on{color:var(--fg)}
html[data-theme="light"] .rail{background:rgba(255,255,255,.8)}
html[data-theme="light"] .rail .mebtn{background:linear-gradient(180deg,#fff,#f6f5fa);box-shadow:0 -14px 24px -8px rgba(245,244,249,.95)}
html[data-theme="light"] .tm-tabs button.on{color:var(--fg)}
html[data-theme="light"] .htitle{background:rgba(255,255,255,.72)}
html[data-theme="light"] .tm-hd{background:radial-gradient(120% 140% at 0% 0%,rgba(123,92,255,.14),transparent 55%),radial-gradient(90% 120% at 100% 0%,rgba(255,79,163,.1),transparent 60%)}