/* Global science UI refresh + light/dark themes */
:root{color-scheme:dark}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f4f7fb;--surf:#ffffff;--surf2:#f7f9fd;--surf3:#eef3f8;--surf4:#dce5ef;
  --bd:#d8e0eb;--bd2:#c4d0df;--bd3:#aebdce;
  --blue:#2563eb;--bdim:rgba(37,99,235,.10);--bbd:rgba(37,99,235,.28);
  --grn:#059669;--gdim:rgba(5,150,105,.10);--gbd:rgba(5,150,105,.26);
  --red:#dc2626;--rdim:rgba(220,38,38,.10);--rbd:rgba(220,38,38,.28);
  --amb:#b7791f;--adim:rgba(183,121,31,.12);--abd:rgba(183,121,31,.30);
  --pur:#7c3aed;--pdim:rgba(124,58,237,.10);
  --cyan:#0891b2;--cdim:rgba(8,145,178,.10);
  --tx:#172033;--tx2:#536173;--tx3:#7a8798;--tx4:#a9b3c1;
}
html[data-theme="dark"]{color-scheme:dark}
body{
  background-image:linear-gradient(rgba(10,12,17,.80),rgba(10,12,17,.90)),url("science-cells.svg");
  background-size:auto,cover;background-attachment:fixed;
}
html[data-theme="light"] body{
  background-image:linear-gradient(rgba(244,247,251,.78),rgba(244,247,251,.92)),url("science-cells.svg");
}
.topbar,.settings-bar,.actionbar{background:color-mix(in srgb,var(--surf) 88%,transparent)!important;backdrop-filter:blur(14px)}
.topbar{position:relative;z-index:3000;overflow:visible!important}
.settings-bar{position:relative;z-index:900}
.actionbar{position:relative;z-index:800}
.tb-menu-wrap{position:relative;z-index:3200}
.tb-menu{
  z-index:6500!important;
  top:calc(100% + 8px)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.46)!important;
  background:var(--surf)!important;
}
.tb-menu.open{display:block}
.card,.sec,.stat-card,.modal-card,.modal-box,.sp,.cc,.res-hero{
  background:color-mix(in srgb,var(--surf) 94%,transparent)!important;
  border-color:color-mix(in srgb,var(--bd) 88%,var(--blue) 12%)!important;
}
.brand-mark,.topbar-logo,.sp-mark{box-shadow:0 8px 28px color-mix(in srgb,var(--blue) 28%,transparent)}
.theme-toggle{
  position:fixed;right:18px;bottom:18px;z-index:7000;width:46px;height:46px;border-radius:999px;
  border:1px solid var(--bd2);background:color-mix(in srgb,var(--surf) 92%,transparent);
  color:var(--tx);box-shadow:0 12px 32px rgba(0,0,0,.22);
  display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;
  backdrop-filter:blur(12px);transition:transform .15s,border-color .15s,background .15s;
}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--blue);background:var(--surf2)}
.theme-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.science-panel{position:relative;overflow:hidden}
.science-panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;
  background:url("science-grid.svg") center/cover no-repeat;mix-blend-mode:screen;
}
html[data-theme="light"] .science-panel::before{opacity:.26;mix-blend-mode:multiply}
.card::after,.sp::after{
  content:"";position:absolute;right:-24px;bottom:-20px;width:180px;height:180px;
  background:url("science-grid.svg") center/contain no-repeat;opacity:.18;pointer-events:none;
}
html[data-theme="light"] .card::after,html[data-theme="light"] .sp::after{opacity:.22}
input,select,textarea,.code-input,.fi,.fld input,.fld select{
  background:var(--surf2)!important;color:var(--tx)!important;border-color:var(--bd)!important;
}
input:focus,select:focus,textarea:focus,.code-input:focus,.fi:focus{
  border-color:var(--blue)!important;box-shadow:0 0 0 3px var(--bdim)!important;
}
.btn{box-shadow:0 8px 18px rgba(0,0,0,.12)}
.btn.b-ghost,.btn-ghost,.b-ghost{box-shadow:none}
html[data-theme="light"] .btn.b-blue,html[data-theme="light"] .b-blue,html[data-theme="light"] .btn-go{color:#fff}
html[data-theme="light"] .tab.active{color:#fff}
html[data-theme="light"] .brand-mark,html[data-theme="light"] .topbar-logo,html[data-theme="light"] .sp-mark{color:#fff}
table{background:var(--surf)}th{color:var(--tx2)!important}td{color:var(--tx)}
@media(max-width:720px){
  .theme-toggle{right:12px;bottom:12px;width:44px;height:44px}
  body{background-attachment:scroll}
}