:root{
  --appBlue:#18b6ff;
  --appPink:#ff4fd8;
  --appGreen:#28e0a3;
  --appBg:#f7f9ff;
  --appPanel:#ffffff;
  --appPanelSoft:#eef2ff;
  --appGlass:rgba(255,255,255,.72);
  --appGlassHard:rgba(255,255,255,.92);
  --appLine:rgba(24,34,60,.13);
  --appLineLite:rgba(255,255,255,.16);
  --appText:#111426;
  --appMuted:#596074;
  --appSoft:#7a8192;
  --appIcon:#111426;
  --appWhite:#ffffff;
  --appDark:#07080d;
  --appClear:transparent;
  --appFont:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --appW:100dvw;
  --appH:100dvh;
  --appSafeTop:env(safe-area-inset-top,0px);
  --appSafeBottom:env(safe-area-inset-bottom,0px);
  --zTop:30;
  --zNav:35;
  --zToast:2147483647;
  --topH:72px;
  --topMobH:64px;
  --topPadX:18px;
  --topDeskPadX:40px;
  --topRowH:44px;
  --brandImgH:30px;
  --bellSize:42px;
  --blurSm:12px;
  --blurMd:14px;
  --blurLg:24px;
  --blurXl:28px;
  --rSm:16px;
  --rMd:18px;
  --rLg:22px;
  --rXl:24px;
  --r2x:28px;
  --rFull:999px;
  --gapXs:2px;
  --gapSm:4px;
  --gapMd:10px;
  --gapLg:14px;
  --gapXl:18px;
  --gap2x:22px;
  --gap3x:26px;
  --padXs:6px;
  --padSm:8px;
  --padMd:10px;
  --padLg:12px;
  --padXl:14px;
  --pad2x:18px;
  --pad3x:24px;
  --pad4x:26px;
  --panelMaxW:1120px;
  --navMaxW:760px;
  --panelW:min(var(--panelMaxW),calc(var(--appW) - 28px));
  --panelMobW:calc(var(--appW) - 20px);
  --shadowCard:0 18px 46px rgba(0,0,0,.28);
  --shadowPanel:0 24px 70px rgba(0,0,0,.2);
  --shadowToast:0 20px 40px rgba(0,0,0,.3);
  --easeFast:.24s ease;
  --easeMed:.28s ease;
  color-scheme:light;
}

@media (prefers-color-scheme:dark){
  :root{
    --appBg:#03040a;
    --appPanel:#10121a;
    --appPanelSoft:#191b24;
    --appGlass:rgba(255,255,255,.08);
    --appGlassHard:rgba(255,255,255,.12);
    --appLine:rgba(255,255,255,.12);
    --appText:#ffffff;
    --appMuted:#b9bbc8;
    --appSoft:#7e8499;
    --appIcon:#ffffff;
    color-scheme:dark;
  }
}