/* UseTimer design v2 tokens: verbatim from design/v2/tokens/tokens.css (do not edit by hand) */
:root, [data-theme="light"] {
  --bg1: #e6e8ec;
  --bg2: #c6cddb;
  --glass: rgba(255,255,255,.40);
  --glass-2: rgba(255,255,255,.68);
  --glass-brd: rgba(255,255,255,.78);
  --card: rgba(251,251,253,.84);
  --card-brd: rgba(255,255,255,.95);
  --btn: rgba(255,255,255,.52);
  --btn-h: rgba(255,255,255,.95);
  --btn-brd: rgba(17,18,22,.10);
  --ink: #111216;
  --ink2: #3c3f47;
  --muted: #6c717d;
  --line: rgba(17,18,22,.08);
  --line-2: rgba(17,18,22,.17);
  --acc: #0d0e10;
  --on-acc: #ffffff;
  --blue: #6f8dd9;
  --blue-ink: #3d5cae;
  --blue-soft: rgba(111,141,217,.18);
  --red: #df6a65;
  --red-ink: #ad3934;
  --red-soft: rgba(223,106,101,.16);
  --track: rgba(17,18,22,.06);
  --row-h: rgba(17,18,22,.04);
  --overlay: rgba(198,205,219,.45);
  --sh: 0 1px 2px rgba(20,26,45,.04),0 22px 44px -26px rgba(30,40,80,.28);
  --sh-sm: 0 1px 2px rgba(20,26,45,.04),0 10px 24px -16px rgba(30,40,80,.22);
  --hero-running: linear-gradient(125deg,#4d6fd6 0%,#6f8dd9 48%,#9bb0ee 100%);
  --hero-idle: linear-gradient(125deg,#121318 0%,#1d2029 60%,#2a2f3d 100%);
  --glass-blur: blur(26px) saturate(150%);
  --rec: linear-gradient(145deg,#ef7b76,#d9534d);
  --font: UTNum, Poppins, 'Noto Sans Hebrew', system-ui, sans-serif;
  --ease: cubic-bezier(.2,.8,.2,1);
  --r-xs: 8px;
  --r-sm: 14px;
  --r-md: 16px;
  --r-lg: 18px;
  --r-xl: 22px;
  --r-2xl: 26px;
  --r-3xl: 30px;
  --r-4xl: 34px;
  --r-pill: 999px;
  --r-circle: 50%;
  --s-1: 2px;
  --s-2: 4px;
  --s-3: 6px;
  --s-4: 8px;
  --s-5: 10px;
  --s-6: 12px;
  --s-7: 14px;
  --s-8: 16px;
  --s-9: 18px;
  --s-10: 20px;
  --s-11: 22px;
  --s-12: 24px;
  --fs-2xs: 10.5px;
  --fs-xs: 11.5px;
  --fs-sm: 12.5px;
  --fs-base: 13px;
  --fs-md: 13.5px;
  --fs-lg: 15px;
  --fs-xl: 17px;
  --fs-2xl: 22px;
  --fs-3xl: 30px;
  --fs-display: 68px;
}
[data-theme="dark"] {
  --bg1: #101216;
  --bg2: #181c27;
  --glass: rgba(255,255,255,.045);
  --glass-2: rgba(255,255,255,.09);
  --glass-brd: rgba(255,255,255,.08);
  --card: rgba(255,255,255,.055);
  --card-brd: rgba(255,255,255,.07);
  --btn: rgba(255,255,255,.05);
  --btn-h: rgba(255,255,255,.13);
  --btn-brd: rgba(255,255,255,.11);
  --ink: #f2f3f6;
  --ink2: #c5c9d2;
  --muted: #979ca8;
  --line: rgba(255,255,255,.07);
  --line-2: rgba(255,255,255,.17);
  --acc: #f2f3f6;
  --on-acc: #0d0e10;
  --blue: #7f9be6;
  --blue-ink: #b3c5f6;
  --blue-soft: rgba(127,155,230,.17);
  --red: #e7736e;
  --red-ink: #f4a6a2;
  --red-soft: rgba(231,115,110,.16);
  --track: rgba(255,255,255,.07);
  --row-h: rgba(255,255,255,.045);
  --overlay: rgba(8,9,12,.55);
  --sh: 0 1px 1px rgba(0,0,0,.25),0 26px 50px -26px rgba(0,0,0,.7);
  --sh-sm: 0 1px 1px rgba(0,0,0,.2),0 12px 26px -16px rgba(0,0,0,.6);
}
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }