/* Сгенерировано engine/pagekit/tokens.py из engine/tokens/base.tokens.json и sites/ophthalmolenka/tokens.json. Не править руками. */
@layer reset, tokens, base, layout, components, patterns, pages, utilities;
@layer tokens {
  :root{
    --font-size-xs:0.75rem;
    --font-size-sm:0.875rem;
    --font-size-md:1rem;
    --font-size-lg:1.25rem;
    --font-size-xl:1.5rem;
    --font-size-2xl:2rem;
    --font-size-3xl:3rem;
    --font-weight-regular:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --font-weight-heavy:800;
    --text-scale:1;
    --text-line-height:1.55;
    --text-tracking:normal;
    --motion-enabled:1;
    --motion-duration-fast:150ms;
    --motion-duration-base:300ms;
    --motion-duration-draw:900ms;
    --motion-duration-focus:1200ms;
    --motion-stagger:60ms;
    --motion-easing-out:cubic-bezier(.2,.7,.2,1);
    --motion-easing-settle:cubic-bezier(.3,1.4,.5,1);
    --space-1:0.25rem;
    --space-2:0.5rem;
    --space-3:0.75rem;
    --space-4:1rem;
    --space-5:1.5rem;
    --space-6:2rem;
    --space-7:3rem;
    --space-8:4rem;
    --radius-sm:6px;
    --radius-md:10px;
    --radius-lg:16px;
    --radius-card:14px;
    --radius-button:999px;
    --radius-pill:999px;
    --z-base:1;
    --z-header:10;
    --z-overlay:20;
    --z-modal:30;
    --border-frame-width:2px;
    --shadow-hard:4px 4px 0 var(--frame);
    --shadow-hard-button:3px 3px 0 var(--frame);
    --shadow-color:#0c283c;
    --shadow-sm:0 10px 24px color-mix(in srgb,#0c283c 25%,transparent);
    --shadow-md:0 18px 40px color-mix(in srgb,#0c283c 10%,transparent);
    --shadow-lg:0 28px 60px color-mix(in srgb,#0c283c 16%,transparent);
    --shadow-deep:0 30px 50px color-mix(in srgb,#000000 45%,transparent);
    --shadow-ambient:0 30px 70px color-mix(in srgb,#0c283c 28%,transparent);
    --shadow-inner-highlight:inset 0 1px 0 #ffffff;
    --alpha-text-88:color-mix(in srgb,var(--text) 88%,transparent);
    --alpha-text-84:color-mix(in srgb,var(--text) 84%,transparent);
    --alpha-text-80:color-mix(in srgb,var(--text) 80%,transparent);
    --alpha-text-78:color-mix(in srgb,var(--text) 78%,transparent);
    --alpha-text-75:color-mix(in srgb,var(--text) 75%,transparent);
    --alpha-text-72:color-mix(in srgb,var(--text) 72%,transparent);
    --alpha-text-70:color-mix(in srgb,var(--text) 70%,transparent);
    --alpha-text-60:color-mix(in srgb,var(--text) 60%,transparent);
    --alpha-text-55:color-mix(in srgb,var(--text) 55%,transparent);
    --alpha-text-50:color-mix(in srgb,var(--text) 50%,transparent);
    --alpha-line-10:color-mix(in srgb,var(--text) 10%,transparent);
    --alpha-line-12:color-mix(in srgb,var(--text) 12%,transparent);
    --alpha-line-18:color-mix(in srgb,var(--text) 18%,transparent);
    --alpha-line-22:color-mix(in srgb,var(--text) 22%,transparent);
    --alpha-line-25:color-mix(in srgb,var(--text) 25%,transparent);
    --alpha-line-30:color-mix(in srgb,var(--text) 30%,transparent);
    --alpha-line-35:color-mix(in srgb,var(--text) 35%,transparent);
    --alpha-line-40:color-mix(in srgb,var(--text) 40%,transparent);
    --alpha-surface-05:color-mix(in srgb,var(--surface-2) 5%,transparent);
    --alpha-surface-08:color-mix(in srgb,var(--surface-2) 8%,transparent);
    --alpha-surface-10:color-mix(in srgb,var(--surface-2) 10%,transparent);
    --alpha-surface-14:color-mix(in srgb,var(--surface-2) 14%,transparent);
    --alpha-surface-62:color-mix(in srgb,var(--surface-2) 62%,transparent);
    --alpha-surface-66:color-mix(in srgb,var(--surface-2) 66%,transparent);
    --alpha-surface-70:color-mix(in srgb,var(--surface-2) 70%,transparent);
    --alpha-surface-85:color-mix(in srgb,var(--surface-2) 85%,transparent);
    --alpha-surface-90:color-mix(in srgb,var(--surface-2) 90%,transparent);
    --bg-primary:var(--surface);
    --bg-secondary:var(--surface-sunken);
    --bg-texture:none;
    --bg-glow:none;
    --surface-solid:var(--surface-2);
    --surface-floating:var(--surface-2);
    --surface-accent:linear-gradient(150deg,#123a5c,#0d2a44 60%,#0a2238);
    --surface-accent-2:var(--accent-ink);
    --card-bg:var(--surface-2);
    --card-border:1px solid var(--border);
    --card-shadow:0 18px 40px color-mix(in srgb,#0c283c 10%,transparent);
    --card-radius:14px;
    --card-pad:1.5rem;
    --card-hover-bg:linear-gradient(135deg,#123a5c,#0d2a44);
    --card-hover-text:var(--surface-2);
    --card-hover-sub:color-mix(in srgb,var(--text) 80%,transparent);
    --btn-bg:var(--accent);
    --btn-text:var(--on-accent);
    --btn-hover-bg:var(--accent-hover);
    --btn-radius:999px;
    --btn-shadow:0 12px 30px color-mix(in srgb,#8fd8f5 25%,transparent);
    --btn-height:52px;
    --btn-pad-x:22px;
    --btn-on-accent-bg:#ffffff;
    --btn-on-accent-text:#0d2a44;
    --head-bg:color-mix(in srgb,#0d2a44 82%,transparent);
    --head-text:#ffffff;
    --head-text-2:var(--text-muted);
    --head-border:1px solid var(--border);
    --head-blur:16px;
    --hero-bg:radial-gradient(1200px 700px at 78% 38%,#1c5f86 0%,#0d2a44 45%,#081a2c 100%);
    --hero-text:var(--text);
    --hero-text-2:var(--text-2);
    --hero-accent:var(--accent);
    --hero-iris-opacity:0;
    --hero-entry-bg:linear-gradient(160deg,color-mix(in srgb,var(--text) 14%,transparent),color-mix(in srgb,var(--text) 5%,transparent));
    --hero-entry-border:1px solid color-mix(in srgb,var(--text) 22%,transparent);
    --hero-entry-shadow:0 18px 40px color-mix(in srgb,#0c283c 10%,transparent);
    --hero-btn-bg:var(--accent);
    --hero-btn-text:var(--on-accent);
    --hero-btn2-border:var(--border-strong);
    --hero-photo-glow:radial-gradient(closest-side,color-mix(in srgb,#8fd8f5 45%,transparent),transparent);
    --photo-radius:16px;
    --photo-mask:none;
    --photo-filter:none;
    --photo-outline:0 solid transparent;
    --photo-outline-offset:0;
    --label-color:var(--accent-text);
    --label-tracking:.14em;
    --label-weight:600;
    --label-font:"Commissioner","Segoe UI",Arial,sans-serif;
    --heading-weight:600;
    --heading-tracking:-.01em;
    --heading-marker:none;
    --section-rule:0 solid transparent;
    --section-rule-pad:0;
    --link-color:var(--link);
    --link-hover:var(--accent-hover);
    --link-deco:none;
    --selection-bg:var(--accent-soft);
    --focus-ring:2px solid var(--focus);
    --focus-offset:3px;
    --foot-bg:var(--frame);
    --foot-text:color-mix(in srgb,var(--text) 80%,transparent);
    --foot-text-2:color-mix(in srgb,var(--text) 60%,transparent);
    --foot-link:color-mix(in srgb,var(--text) 75%,transparent);
    --glass-bg:color-mix(in srgb,var(--surface-2) 66%,transparent);
    --glass-bg-fallback:var(--surface-2);
    --glass-border:1px solid color-mix(in srgb,var(--surface-2) 85%,transparent);
    --glass-blur:18px;
    --glass-blur-mobile:12px;
    --glass-saturate:1.4;
    --glass-highlight:inset 0 1px 0 color-mix(in srgb,var(--surface-2) 90%,transparent);
    --glass-text:var(--text);
    --glass-frame-gradient:linear-gradient(135deg,color-mix(in srgb,var(--text) 25%,transparent) 0%,transparent 35%,transparent 65%,color-mix(in srgb,var(--accent) 30%,transparent) 100%);
    --aurora-color-1:#8fd8f5;
    --aurora-color-2:#1f6f92;
    --aurora-color-3:#175a77;
    --aurora-opacity:0.72;
    --aurora-blur:46px;
    --aurora-duration:22s;
    --shimmer-duration:3.4s;
    --shimmer-color:color-mix(in srgb,var(--text) 55%,transparent);
    --ray-duration:5s;
    --ray-color:color-mix(in srgb,var(--text) 22%,transparent);
    --pulse-duration:2s;
    --pulse-scale:1.16;
    --pulse-color:var(--accent);
    --pulse-glow:30px;
    --tilt-max-deg:13;
    --tilt-perspective:900px;
    --glare-color:var(--accent);
    --glare-size:220px;
    --glare-opacity:0.35;
    --depth-shift-1:16px;
    --depth-shift-2:9px;
    --depth-shift-3:4px;
    --sway-deg:2.4;
    --sway-duration:6s;
    --borderglow-color:var(--accent);
    --borderglow-width:2px;
    --borderglow-duration:3.2s;
    --orbit-color:var(--accent);
    --orbit-size:128px;
    --orbit-duration:10s;
    --magnetic-radius:80px;
    --magnetic-max-shift:8px;
    --spotlight-color:color-mix(in srgb,var(--text) 42%,transparent);
    --spotlight-size:420px;
    --parallax-shift:40px;
    --words-stagger:45ms;
    --underline-color:var(--link);
    --underline-duration:250ms;
    --gradienttext-color-1:var(--accent-ink);
    --gradienttext-color-2:var(--link);
    --gradienttext-color-3:var(--text);
    --gradienttext-duration:8s;
    --grain-opacity:0.14;
    --confetti-color-1:var(--accent);
    --confetti-color-2:var(--link);
    --confetti-color-3:var(--highlight);
    --confetti-duration:1.1s;
    --color-mist:#f4f7f9;
    --color-white:#ffffff;
    --color-ink:#172329;
    --color-ink-2:#3e4f56;
    --color-slate:#6c7c83;
    --color-line:#dde5e9;
    --color-line-2:#c3d0d6;
    --color-navy:#0d2a44;
    --color-navy-2:#1c5f86;
    --color-navy-deep:#081a2c;
    --color-iris:#1f6f92;
    --color-iris-hover:#175a77;
    --color-iris-soft:#e3eef3;
    --color-iris-ink:#173f50;
    --color-cyan:#8fd8f5;
    --color-amber:#8a5a12;
    --color-amber-soft:#f6ecd8;
    --color-red:#c21f36;
    --color-red-soft:#fbe6e9;
    --color-navy-3:#123a5c;
    --color-navy-4:#0a2238;
    --color-navy-border:#2a4a66;
    --color-cyan-soft:#eaf6fb;
    --color-cyan-2:#b3e6fa;
    --color-cyan-mist:#9fd3ea;
    --color-mist-2:#e6f1f7;
    --color-orb-1:#bfe3f5;
    --color-orb-2:#cfe7f3;
    --color-orb-3:#dbeaf3;
    --color-cover-1:#cfe8f3;
    --color-cover-2:#8fc5dc;
    --color-paper-blue:#eaf1f6;
    --color-paper-grey:#eef2f4;
    --color-rust:#b5502c;
    --color-rust-soft:#fbeee7;
    --color-rust-ink:#6b2f18;
    --color-salmon:#ffb4a8;
    --color-jet:#111111;
    --color-coral:#e5484d;
    --color-wd-accent:#2f5bff;
    --color-abyss:#07121c;
    --color-midnight:#0b1622;
    --color-pale-blue:#cfe2ee;
    --color-steel-blue:#a9c3d6;
    --color-cream:#fff7e3;
    --color-sand:#f0dfb2;
    --color-amber-ink:#6b4a10;
    --color-frost:#f1f6f9;
    --color-mist-3:#eaf3f8;
    --color-mist-5:#dbe8f1;
    --color-blush:#ff9aa7;
    --color-navy-2-a90:color-mix(in srgb,#1c5f86 90%,transparent);
    --color-cyan-a18:color-mix(in srgb,#8fd8f5 18%,transparent);
    --font-display:"Piazzolla",Georgia,"Times New Roman",serif;
    --font-body:"Commissioner","Segoe UI",Arial,sans-serif;
    --font-mono:"JetBrains Mono",Consolas,"Courier New",monospace;
    --motion-fx-focus:0;
    --motion-fx-marker:0;
    --motion-fx-note:0;
    --motion-fx-analogy:0;
    --motion-fx-count:1;
    --motion-fx-stamp:0;
    --motion-fx-progress:0;
    --motion-fx-toc:0;
    --motion-fx-pupil:0;
    --motion-fx-press:0;
    --motion-fx-cite:0;
    --motion-fx-glass:1;
    --motion-fx-aurora:1;
    --motion-fx-reveal:1;
    --motion-fx-pulse:1;
    --motion-fx-shimmer:0;
    --motion-fx-ray:1;
    --motion-fx-tilt:1;
    --motion-fx-glare:1;
    --motion-fx-depth:0;
    --motion-fx-sway:0;
    --motion-fx-borderglow:0;
    --motion-fx-orbit:0;
    --motion-fx-magnetic:0;
    --motion-fx-spotlight:0;
    --motion-fx-parallax:0;
    --motion-fx-words:1;
    --motion-fx-underline:0;
    --motion-fx-gradienttext:0;
    --motion-fx-grain:0;
    --motion-fx-confetti:0;
    --shadow-mega:0 24px 60px color-mix(in srgb,#081a2c 28%,transparent);
    --shadow-today:0 24px 60px color-mix(in srgb,#0c283c 25%,transparent);
    --shadow-subtle:0 18px 44px color-mix(in srgb,#0c283c 8%,transparent);
    --shadow-hover:0 20px 44px color-mix(in srgb,#0c283c 28%,transparent);
    --shadow-card:0 10px 30px color-mix(in srgb,#0c283c 8%,transparent);
    --shadow-panel:0 24px 60px color-mix(in srgb,#0c283c 14%,transparent);
    --shadow-navy-panel:0 24px 60px color-mix(in srgb,#0c283c 25%,transparent);
    --shadow-soft:0 18px 40px color-mix(in srgb,#0c283c 12%,transparent);
    --shadow-cover:0 20px 50px color-mix(in srgb,#0c283c 18%,transparent);
    --shadow-illus:0 14px 36px color-mix(in srgb,#0c283c 14%,transparent);
    --shadow-glass-outer:0 20px 50px color-mix(in srgb,#000000 25%,transparent);
    --shadow-inner-18:inset 0 1px 0 color-mix(in srgb,#ffffff 18%,transparent);
    --shadow-inner-35:inset 0 1px 0 color-mix(in srgb,#ffffff 35%,transparent);
    --shadow-neo:-8px -8px 16px color-mix(in srgb,var(--surface) 70%,white),8px 8px 16px color-mix(in srgb,var(--surface) 70%,black);
    --shadow-neo-in:inset -8px -8px 16px color-mix(in srgb,var(--surface) 70%,white),inset 8px 8px 16px color-mix(in srgb,var(--surface) 70%,black);
    --fx-k-glass:2;
    --fx-k-aurora:0.4;
    --fx-k-reveal:0.6;
    --fx-k-pulse:1;
    --fx-k-ray:0.4;
    --fx-k-tilt:0.2;
    --fx-k-glare:0.4;
    --fx-k-count:0.8;
    --fx-k-words:1.5;
    --fixed-white-10:rgba(255,255,255,.1);
    --fixed-white-60:rgba(255,255,255,.6);
    --fixed-white-90:rgba(255,255,255,.9);
    --wd-line:rgba(0,0,0,.16);
    --wd-mut:rgba(0,0,0,.58);
    --alpha-text-5:color-mix(in srgb,var(--text) 5%,transparent);
    --alpha-text-8:color-mix(in srgb,var(--text) 8%,transparent);
    --alpha-text-12:color-mix(in srgb,var(--text) 12%,transparent);
    --alpha-text-14:color-mix(in srgb,var(--text) 14%,transparent);
    --alpha-text-18:color-mix(in srgb,var(--text) 18%,transparent);
    --alpha-text-25:color-mix(in srgb,var(--text) 25%,transparent);
    --alpha-text-30:color-mix(in srgb,var(--text) 30%,transparent);
    --alpha-text-35:color-mix(in srgb,var(--text) 35%,transparent);
    --alpha-text-40:color-mix(in srgb,var(--text) 40%,transparent);
    --alpha-text-62:color-mix(in srgb,var(--text) 62%,transparent);
    --alpha-text-65:color-mix(in srgb,var(--text) 65%,transparent);
    --alpha-text-85:color-mix(in srgb,var(--text) 85%,transparent);
    --alpha-text-90:color-mix(in srgb,var(--text) 90%,transparent);
    --alpha-surface-22:color-mix(in srgb,var(--surface-2) 22%,transparent);
    --alpha-surface-55:color-mix(in srgb,var(--surface-2) 55%,transparent);
    --surface:#f4f7f9;
    --surface-2:#ffffff;
    --surface-sunken:#e3eef3;
    --text:#172329;
    --text-2:#3e4f56;
    --text-muted:#5d6b71;
    --accent:#1f6f92;
    --accent-hover:#175a77;
    --accent-soft:#e3eef3;
    --accent-ink:#173f50;
    --accent-text:#1f6f92;
    --on-accent:#ffffff;
    --border:#dde5e9;
    --border-strong:#c3d0d6;
    --focus:#8fd8f5;
    --danger:#c21f36;
    --link:#1f6f92;
    --highlight:#f6ecd8;
    --frame:#0d2a44;
    --note:#8a5a12;
    --urgent:#c21f36;
    --urgent-surface:#fbe6e9;
    --color-scheme:light;
  }
  :root[data-theme="dark"]{
    --surface:#0f1a20;
    --surface-2:#16252d;
    --surface-sunken:#0b1419;
    --text:#e6edf0;
    --text-2:#c0ccd2;
    --text-muted:#93a3ab;
    --accent:#5fb6db;
    --accent-hover:#7cc7e6;
    --accent-soft:#16323f;
    --accent-ink:#bfe6f5;
    --accent-text:#7cc7e6;
    --on-accent:#08202b;
    --border:#26363f;
    --border-strong:#3a4d58;
    --focus:#8fd8f5;
    --danger:#ff8a95;
    --link:#7cc7e6;
    --highlight:#4b3f12;
    --frame:#c9d6dc;
    --note:#f0b45c;
    --urgent:#ff7b86;
    --urgent-surface:#3a1a20;
    --color-scheme:dark;
  }
  :root[data-theme="low-vision"]{
    --surface:#ffffff;
    --surface-2:#ffffff;
    --surface-sunken:#eeeeee;
    --text:#000000;
    --text-2:#000000;
    --text-muted:#333333;
    --accent:#00306b;
    --accent-hover:#001c40;
    --accent-soft:#e3ecfa;
    --accent-ink:#00224d;
    --accent-text:#00306b;
    --on-accent:#ffffff;
    --border:#000000;
    --border-strong:#000000;
    --focus:#b30000;
    --danger:#8a0000;
    --link:#0000a0;
    --highlight:#ffff00;
    --frame:#000000;
    --note:#6b0f3a;
    --urgent:#8a0000;
    --urgent-surface:#fff0f0;
    --text-scale:1.25;
    --text-line-height:1.75;
    --text-tracking:0.03em;
    --motion-enabled:0;
    --motion-duration-fast:0ms;
    --motion-duration-base:0ms;
    --motion-duration-draw:0ms;
    --motion-duration-focus:0ms;
    --color-scheme:light;
  }
  @media (prefers-reduced-motion:reduce){
    :root{
      --motion-enabled:0;
      --motion-duration-fast:0ms;
      --motion-duration-base:0ms;
      --motion-duration-draw:0ms;
      --motion-duration-focus:0ms;
    }
  }
  [data-scope]{
    background-color:var(--surface);
    color:var(--text);
    --shadow-hard:4px 4px 0 var(--frame);
    --shadow-hard-button:3px 3px 0 var(--frame);
    --alpha-text-88:color-mix(in srgb,var(--text) 88%,transparent);
    --alpha-text-84:color-mix(in srgb,var(--text) 84%,transparent);
    --alpha-text-80:color-mix(in srgb,var(--text) 80%,transparent);
    --alpha-text-78:color-mix(in srgb,var(--text) 78%,transparent);
    --alpha-text-75:color-mix(in srgb,var(--text) 75%,transparent);
    --alpha-text-72:color-mix(in srgb,var(--text) 72%,transparent);
    --alpha-text-70:color-mix(in srgb,var(--text) 70%,transparent);
    --alpha-text-60:color-mix(in srgb,var(--text) 60%,transparent);
    --alpha-text-55:color-mix(in srgb,var(--text) 55%,transparent);
    --alpha-text-50:color-mix(in srgb,var(--text) 50%,transparent);
    --alpha-line-10:color-mix(in srgb,var(--text) 10%,transparent);
    --alpha-line-12:color-mix(in srgb,var(--text) 12%,transparent);
    --alpha-line-18:color-mix(in srgb,var(--text) 18%,transparent);
    --alpha-line-22:color-mix(in srgb,var(--text) 22%,transparent);
    --alpha-line-25:color-mix(in srgb,var(--text) 25%,transparent);
    --alpha-line-30:color-mix(in srgb,var(--text) 30%,transparent);
    --alpha-line-35:color-mix(in srgb,var(--text) 35%,transparent);
    --alpha-line-40:color-mix(in srgb,var(--text) 40%,transparent);
    --alpha-surface-05:color-mix(in srgb,var(--surface-2) 5%,transparent);
    --alpha-surface-08:color-mix(in srgb,var(--surface-2) 8%,transparent);
    --alpha-surface-10:color-mix(in srgb,var(--surface-2) 10%,transparent);
    --alpha-surface-14:color-mix(in srgb,var(--surface-2) 14%,transparent);
    --alpha-surface-62:color-mix(in srgb,var(--surface-2) 62%,transparent);
    --alpha-surface-66:color-mix(in srgb,var(--surface-2) 66%,transparent);
    --alpha-surface-70:color-mix(in srgb,var(--surface-2) 70%,transparent);
    --alpha-surface-85:color-mix(in srgb,var(--surface-2) 85%,transparent);
    --alpha-surface-90:color-mix(in srgb,var(--surface-2) 90%,transparent);
    --bg-primary:var(--surface);
    --bg-secondary:var(--surface-sunken);
    --surface-solid:var(--surface-2);
    --surface-floating:var(--surface-2);
    --surface-accent-2:var(--accent-ink);
    --card-bg:var(--surface-2);
    --card-border:1px solid var(--border);
    --card-hover-text:var(--surface-2);
    --card-hover-sub:color-mix(in srgb,var(--text) 80%,transparent);
    --btn-bg:var(--accent);
    --btn-text:var(--on-accent);
    --btn-hover-bg:var(--accent-hover);
    --head-text-2:var(--text-muted);
    --head-border:1px solid var(--border);
    --hero-text:var(--text);
    --hero-text-2:var(--text-2);
    --hero-accent:var(--accent);
    --hero-entry-bg:linear-gradient(160deg,color-mix(in srgb,var(--text) 14%,transparent),color-mix(in srgb,var(--text) 5%,transparent));
    --hero-entry-border:1px solid color-mix(in srgb,var(--text) 22%,transparent);
    --hero-btn-bg:var(--accent);
    --hero-btn-text:var(--on-accent);
    --hero-btn2-border:var(--border-strong);
    --label-color:var(--accent-text);
    --link-color:var(--link);
    --link-hover:var(--accent-hover);
    --selection-bg:var(--accent-soft);
    --focus-ring:2px solid var(--focus);
    --foot-bg:var(--frame);
    --foot-text:color-mix(in srgb,var(--text) 80%,transparent);
    --foot-text-2:color-mix(in srgb,var(--text) 60%,transparent);
    --foot-link:color-mix(in srgb,var(--text) 75%,transparent);
    --glass-bg:color-mix(in srgb,var(--surface-2) 66%,transparent);
    --glass-bg-fallback:var(--surface-2);
    --glass-border:1px solid color-mix(in srgb,var(--surface-2) 85%,transparent);
    --glass-highlight:inset 0 1px 0 color-mix(in srgb,var(--surface-2) 90%,transparent);
    --glass-text:var(--text);
    --glass-frame-gradient:linear-gradient(135deg,color-mix(in srgb,var(--text) 25%,transparent) 0%,transparent 35%,transparent 65%,color-mix(in srgb,var(--accent) 30%,transparent) 100%);
    --shimmer-color:color-mix(in srgb,var(--text) 55%,transparent);
    --ray-color:color-mix(in srgb,var(--text) 22%,transparent);
    --pulse-color:var(--accent);
    --glare-color:var(--accent);
    --borderglow-color:var(--accent);
    --orbit-color:var(--accent);
    --spotlight-color:color-mix(in srgb,var(--text) 42%,transparent);
    --underline-color:var(--link);
    --gradienttext-color-1:var(--accent-ink);
    --gradienttext-color-2:var(--link);
    --gradienttext-color-3:var(--text);
    --confetti-color-1:var(--accent);
    --confetti-color-2:var(--link);
    --confetti-color-3:var(--highlight);
    --shadow-neo:-8px -8px 16px color-mix(in srgb,var(--surface) 70%,white),8px 8px 16px color-mix(in srgb,var(--surface) 70%,black);
    --shadow-neo-in:inset -8px -8px 16px color-mix(in srgb,var(--surface) 70%,white),inset 8px 8px 16px color-mix(in srgb,var(--surface) 70%,black);
    --alpha-text-5:color-mix(in srgb,var(--text) 5%,transparent);
    --alpha-text-8:color-mix(in srgb,var(--text) 8%,transparent);
    --alpha-text-12:color-mix(in srgb,var(--text) 12%,transparent);
    --alpha-text-14:color-mix(in srgb,var(--text) 14%,transparent);
    --alpha-text-18:color-mix(in srgb,var(--text) 18%,transparent);
    --alpha-text-25:color-mix(in srgb,var(--text) 25%,transparent);
    --alpha-text-30:color-mix(in srgb,var(--text) 30%,transparent);
    --alpha-text-35:color-mix(in srgb,var(--text) 35%,transparent);
    --alpha-text-40:color-mix(in srgb,var(--text) 40%,transparent);
    --alpha-text-62:color-mix(in srgb,var(--text) 62%,transparent);
    --alpha-text-65:color-mix(in srgb,var(--text) 65%,transparent);
    --alpha-text-85:color-mix(in srgb,var(--text) 85%,transparent);
    --alpha-text-90:color-mix(in srgb,var(--text) 90%,transparent);
    --alpha-surface-22:color-mix(in srgb,var(--surface-2) 22%,transparent);
    --alpha-surface-55:color-mix(in srgb,var(--surface-2) 55%,transparent);
  }
  [data-scope="inverse"]{
    --surface:#0d2a44;
    --surface-2:#1c5f86;
    --surface-sunken:#081a2c;
    --text:#ffffff;
    --text-2:#cfe3ef;
    --text-muted:#a9c3d6;
    --accent:#8fd8f5;
    --accent-hover:#b3e6fa;
    --accent-soft:#123a5c;
    --accent-ink:#9fd3ea;
    --accent-text:#8fd8f5;
    --on-accent:#0d2a44;
    --border:#2a4a66;
    --border-strong:#1c5f86;
    --focus:#8fd8f5;
    --danger:#ffb4a8;
    --link:#8fd8f5;
    --highlight:#4d4318;
    --frame:#ffffff;
    --note:#f0b45c;
    --urgent:#ffb4a8;
    --urgent-surface:#6b2f18;
  }
  :root[data-theme="dark"] [data-scope="inverse"]{
    --surface:#081a2c;
    --surface-2:#0d2a44;
    --surface-sunken:#050f1a;
    --text:#ffffff;
    --text-2:#cfe3ef;
    --text-muted:#a9c3d6;
    --accent:#8fd8f5;
    --accent-hover:#b3e6fa;
    --accent-soft:#123a5c;
    --accent-ink:#9fd3ea;
    --accent-text:#8fd8f5;
    --on-accent:#081a2c;
    --border:#2a4a66;
    --border-strong:#1c5f86;
    --focus:#8fd8f5;
    --danger:#ffb4a8;
    --link:#8fd8f5;
    --highlight:#4d4318;
    --frame:#ffffff;
    --note:#f0b45c;
    --urgent:#ffb4a8;
    --urgent-surface:#6b2f18;
  }
  :root[data-theme="low-vision"] [data-scope="inverse"]{
    --surface:#000000;
    --surface-2:#000000;
    --surface-sunken:#000000;
    --text:#ffffff;
    --text-2:#ffffff;
    --text-muted:#d9d9d9;
    --accent:#ffd400;
    --accent-hover:#fff066;
    --accent-soft:#1a1a1a;
    --accent-ink:#ffe680;
    --accent-text:#ffd400;
    --on-accent:#000000;
    --border:#ffffff;
    --border-strong:#ffffff;
    --focus:#ffd400;
    --danger:#ff9aa2;
    --link:#7fd0ff;
    --highlight:#333300;
    --frame:#ffffff;
    --note:#ffd400;
    --urgent:#ff9aa2;
    --urgent-surface:#330000;
  }
}
:root[data-theme="low-vision"] a{text-decoration:underline}
:root[data-theme="low-vision"] *,:root[data-theme="low-vision"] *::before,:root[data-theme="low-vision"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}