:root {
      --top:40px;--bot:38px;
      --side-open:236px;--side-collapsed:60px;--side:var(--side-open);
      --pad:6px;--r-xl:10px;
      --ink:#0b1220;--line:rgba(24,60,170,.10);--shadow:0 20px 56px rgba(24,60,170,.12);

      --c1:#5887fb;--c2:#2f67f3;--c3:#2250d4;--c4:#183caa;
      --window-head-chrome:linear-gradient(135deg, var(--c1) 0%, var(--c2) 50%, var(--c3) 100%);
      --chrome:var(--window-head-chrome);
      --shell-chrome-strong:#2c61eb;
      --shell-chrome-mid:#386df0;
      --shell-chrome-soft:#5587f7;
      --shell-chrome-light:#7ea5ff;
      --sidebar-chrome:linear-gradient(180deg, var(--shell-chrome-strong) 0%, var(--shell-chrome-mid) 26%, var(--shell-chrome-soft) 64%, var(--shell-chrome-light) 100%);
      --topbar-chrome:linear-gradient(to left, var(--shell-chrome-strong) 0%, var(--shell-chrome-mid) 26%, var(--shell-chrome-soft) 64%, var(--shell-chrome-light) 100%);
      --content-trail-chrome:linear-gradient(135deg, #dfe8ff 0%, #d8e3ff 52%, #cfdbff 100%);
      --content-trail-border:rgba(47,103,243,.16);
      --page:
        radial-gradient(1040px 560px at 86% 6%, rgba(47,103,243,.085), transparent 66%),
        radial-gradient(860px 560px at 10% 112%, rgba(34,80,212,.055), transparent 64%),
        linear-gradient(180deg, #f3f7ff 0%, #ecf2ff 56%, #e5edff 100%);
      --workspace:
        radial-gradient(1220px 440px at 50% -18%, rgba(47,103,243,.165), transparent 55%),
        radial-gradient(920px 540px at 12% 112%, rgba(34,80,212,.085), transparent 64%),
        linear-gradient(180deg, #dde7ff 0%, #d5e0ff 50%, #ccd8fb 100%);
      --panel-surface:
        radial-gradient(860px 360px at 52% 0%, rgba(255,255,255,.34), rgba(255,255,255,0) 56%),
        radial-gradient(920px 450px at 86% 0%, rgba(47,103,243,.038), transparent 66%),
        radial-gradient(700px 430px at 0% 112%, rgba(34,80,212,.026), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,.996) 0%, rgba(252,253,255,.994) 54%, rgba(248,251,255,.992) 100%);
      --panel-sheen:
        radial-gradient(760px 220px at 50% 0%, rgba(255,255,255,.20), rgba(255,255,255,0) 64%),
        linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 42%);

      --glass:rgba(255,255,255,.16);
      --btn:rgba(255,255,255,.92);--btn2:rgba(255,255,255,.98);--btn-br:rgba(24,60,170,.12);
      --nav-hover-border:rgba(34,80,212,.16);
      --nav-hover-shadow:0 12px 26px rgba(34,80,212,.09);
      --nav-active-border:rgba(34,80,212,.82);
      --nav-active-ring:rgba(47,103,243,.12);
      --nav-active-shadow:0 14px 26px rgba(34,80,212,.08), 0 0 0 1px var(--nav-active-ring);
      --nav-active-shadow-collapsed:0 10px 22px rgba(34,80,212,.08), 0 0 0 1px rgba(47,103,243,.14);
      --panel-badge-border:rgba(34,80,212,.14);
      --panel-badge-shadow:0 14px 32px rgba(24,60,170,.07);
      --panel-badge-ink:#2250d4;

      --taif-text-2xs:12.2px;
      --taif-text-xs:12.9px;

      --taif-scrollbar-track:transparent;
      --taif-scrollbar-thumb:rgba(15,23,42,.22);
      --taif-scrollbar-thumb-hover:rgba(15,23,42,.34);
      --taif-scrollbar-thumb-active:rgba(15,23,42,.88);

      color-scheme:light;
    }