/* Revent rebrand · token base · 18 Oct 2026
   Knobs live on :root per [data-theme][data-scheme]. Overrides ([data-accent], [data-radius], [data-ambient], [data-type]) come last and win.
   Everything a surface paints is composed on the element that paints it, never here. */

:root{
  --font:Switzer,ui-sans-serif,system-ui,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,monospace;
  --ok:oklch(62% 0.13 150);--warn:oklch(72% 0.15 70);--err:oklch(58% 0.2 28);
  --amb-op:.08; /* operator register default; surfaces set their own */
  --amb-mode:0;--sky-mode:0;--amb-speed:1;--amb-grain:.06;
  /* atmosphere (mode 4) · dusk defaults · horizon→zenith stops, then vectors */
  --sky-hz:#FFD69B;--sky-gl:#F08C3E;--sky-ro:#B7707E;--sky-up:#45486F;--sky-z:#1E2246;--sky-gr:#15121A;
  --sky-pos:.09 .33 .64 .12;--sky-sun:.72 .03 .03 .9;--sky-air:.6 .3 1 .3;--sky-cloud:.42 .24 .7 .5;--sky-film:.5 .35 .7 0;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ── Dawn in light, dusk in dark, in every theme. Sunset's own blocks restate these (and the SkyLab's saved presets win over both). ── */
:root[data-scheme=light]{--sky-hz:#FFF2D2;--sky-gl:#FFC784;--sky-ro:#fdc3af;--sky-up:#C0D5EA;--sky-z:#86AEDC;--sky-gr:#2B2831}
:root[data-scheme=dark]{--sky-hz:#FFD69B;--sky-gl:#F08C3E;--sky-ro:#B7707E;--sky-up:#45486F;--sky-z:#1E2246;--sky-gr:#15121A}
/* line tokens: registered colours so the horizon tweens between dawn and dusk when the scheme flips; the field reads --sky-* directly and is untouched */
@property --hzl-z{syntax:'<color>';inherits:true;initial-value:#1E2246}
@property --hzl-up{syntax:'<color>';inherits:true;initial-value:#45486F}
@property --hzl-ro{syntax:'<color>';inherits:true;initial-value:#B7707E}
@property --hzl-gl{syntax:'<color>';inherits:true;initial-value:#F08C3E}
@property --hzl-hz{syntax:'<color>';inherits:true;initial-value:#FFD69B}
@property --hzl-gr{syntax:'<color>';inherits:true;initial-value:#15121A}
:root{--hzl-z:var(--sky-z);--hzl-up:var(--sky-up);--hzl-ro:var(--sky-ro);--hzl-gl:var(--sky-gl);--hzl-hz:var(--sky-hz);--hzl-gr:var(--sky-gr);--hz-tween:1.6s;
  transition:--hzl-z var(--hz-tween) var(--ease),--hzl-up var(--hz-tween) var(--ease),--hzl-ro var(--hz-tween) var(--ease),--hzl-gl var(--hz-tween) var(--ease),--hzl-hz var(--hz-tween) var(--ease),--hzl-gr var(--hz-tween) var(--ease)}
@media (prefers-reduced-motion:reduce){:root{--hz-tween:0s}}

/* ───────── 1 · Warm instrument ───────── */
:root[data-theme=warm]{
  --h:80;--c:.012;
  --g0:oklch(98.4% .004 90);--g1:oklch(99.6% .002 90);--g2:oklch(95.5% .006 90);
  --ink:oklch(20% .012 70);--ink-2:oklch(34% .012 70);--ink-3:oklch(52% .014 75);--ink-4:oklch(70% .012 78);
  --rule:oklch(90.5% .006 90);
  --accent:oklch(58% .21 33);--accent-2:oklch(66% .2 45);--on-accent:oklch(98% .01 85);--pop:oklch(64% .15 238);
  --amb-1:oklch(82% .08 40);--amb-2:oklch(88% .05 85);--amb-3:oklch(82% .07 235);--amb-4:oklch(98.4% .004 90);--sky-1:oklch(76% .2 50);--sky-2:oklch(62% .2 20);--sky-3:oklch(42% .14 320);--sky-4:oklch(22% .06 272);
  --r-field:6px;--r-card:10px;--r-sheet:16px;
  --shadow:0 1px 2px oklch(20% .02 70/.06),0 8px 24px -12px oklch(20% .02 70/.18);
}
:root[data-theme=warm][data-scheme=dark]{
  --g0:oklch(20% .012 70);--g1:oklch(24% .012 70);--g2:oklch(17% .012 70);
  --ink:oklch(95% .01 85);--ink-2:oklch(84% .01 85);--ink-3:oklch(66% .012 80);--ink-4:oklch(48% .012 78);
  --rule:oklch(30% .012 72);
  --accent:oklch(66% .2 36);--accent-2:oklch(72% .18 48);--on-accent:oklch(16% .02 40);--pop:oklch(74% .13 235);
  --amb-1:oklch(40% .1 35);--amb-2:oklch(38% .07 80);--amb-3:oklch(38% .09 240);
  --shadow:0 1px 2px oklch(0% 0 0/.3),0 12px 32px -12px oklch(0% 0 0/.5);
}

/* ───────── 2 · Cool instrument (the control) ───────── */
:root[data-theme=cool]{
  --h:250;--c:.004;
  --g0:oklch(97.5% .003 250);--g1:oklch(100% 0 0);--g2:oklch(94.5% .005 250);
  --ink:oklch(16% .01 260);--ink-2:oklch(32% .01 260);--ink-3:oklch(52% .012 255);--ink-4:oklch(72% .01 255);
  --rule:oklch(90% .006 250);
  --accent:oklch(58% .21 33);--accent-2:oklch(66% .2 45);--on-accent:oklch(99% 0 0);--pop:oklch(60% .16 245);
  --amb-1:oklch(86% .05 240);--amb-2:oklch(90% .03 200);--amb-3:oklch(88% .05 320);--amb-4:oklch(97.5% .003 250);--sky-1:oklch(70% .18 245);--sky-2:oklch(60% .14 215);--sky-3:oklch(40% .1 280);--sky-4:oklch(16% .03 260);--sky-mode:3;
  --r-field:4px;--r-card:8px;--r-sheet:12px;
  --shadow:0 1px 2px oklch(20% .01 260/.06),0 8px 24px -12px oklch(20% .01 260/.16);
}
:root[data-theme=cool][data-scheme=dark]{
  --g0:oklch(14% .006 260);--g1:oklch(18% .007 260);--g2:oklch(11% .006 260);
  --ink:oklch(96% .004 250);--ink-2:oklch(84% .005 250);--ink-3:oklch(64% .008 255);--ink-4:oklch(44% .008 255);
  --rule:oklch(26% .008 258);
  --accent:oklch(66% .2 36);--accent-2:oklch(72% .18 48);--on-accent:oklch(12% .01 260);--pop:oklch(72% .14 240);
  --amb-1:oklch(36% .08 245);--amb-2:oklch(34% .05 200);--amb-3:oklch(36% .08 320);
  --shadow:0 1px 2px oklch(0% 0 0/.35),0 12px 32px -12px oklch(0% 0 0/.55);
}

/* ───────── 3 · Deep (dark-first; its own hue family) ───────── */
:root[data-theme=deep]{
  --h:285;--c:.02;
  --g0:oklch(13% .022 285);--g1:oklch(17% .024 285);--g2:oklch(10% .02 285);
  --ink:oklch(96% .008 300);--ink-2:oklch(86% .01 300);--ink-3:oklch(66% .02 295);--ink-4:oklch(46% .02 290);
  --rule:oklch(24% .025 288);
  --accent:oklch(68% .22 28);--accent-2:oklch(76% .17 60);--on-accent:oklch(12% .03 30);--pop:oklch(76% .13 225);
  --amb-1:oklch(42% .16 20);--amb-2:oklch(36% .14 300);--amb-3:oklch(40% .12 240);--amb-4:oklch(13% .022 285);--sky-1:oklch(70% .22 20);--sky-2:oklch(56% .2 310);--sky-3:oklch(44% .14 250);--sky-4:oklch(12% .03 285);--amb-mode:2;--sky-mode:2;
  --r-field:10px;--r-card:16px;--r-sheet:24px;
  --shadow:0 1px 0 oklch(100% 0 0/.06) inset,0 16px 40px -16px oklch(0% 0 0/.7);
}
:root[data-theme=deep][data-scheme=light]{
  --g0:oklch(96% .01 290);--g1:oklch(99% .005 290);--g2:oklch(93% .014 290);
  --ink:oklch(18% .03 285);--ink-2:oklch(34% .025 285);--ink-3:oklch(54% .03 288);--ink-4:oklch(72% .02 290);
  --rule:oklch(88% .016 290);
  --accent:oklch(60% .23 28);--accent-2:oklch(70% .18 60);--on-accent:oklch(99% .005 60);--pop:oklch(62% .16 230);
  --amb-1:oklch(82% .1 20);--amb-2:oklch(84% .08 300);--amb-3:oklch(86% .07 240);
  --shadow:0 1px 2px oklch(20% .03 285/.08),0 12px 32px -14px oklch(20% .03 285/.25);
}

/* ───────── 4 · Signal (the curveball: graphite + electric) ───────── */
:root[data-theme=signal]{
  --h:160;--c:.006;
  --g0:oklch(17% .006 160);--g1:oklch(21% .006 160);--g2:oklch(13% .006 160);
  --ink:oklch(97% .01 120);--ink-2:oklch(86% .01 120);--ink-3:oklch(66% .01 130);--ink-4:oklch(46% .01 140);
  --rule:oklch(28% .008 160);
  --accent:oklch(88% .21 125);--accent-2:oklch(92% .16 110);--on-accent:oklch(16% .04 130);--pop:oklch(72% .15 220);
  --amb-1:oklch(44% .12 130);--amb-2:oklch(36% .08 180);--amb-3:oklch(30% .06 100);--amb-4:oklch(17% .006 160);--sky-1:oklch(86% .2 125);--sky-2:oklch(70% .14 180);--sky-3:oklch(50% .1 100);--sky-4:oklch(14% .01 160);--amb-mode:1;--sky-mode:1;
  --r-field:2px;--r-card:4px;--r-sheet:8px;
  --shadow:0 0 0 1px oklch(100% 0 0/.06),0 10px 30px -14px oklch(0% 0 0/.6);
}
:root[data-theme=signal][data-scheme=light]{
  --g0:oklch(97% .006 120);--g1:oklch(99.5% .004 120);--g2:oklch(93.5% .01 120);
  --ink:oklch(17% .01 160);--ink-2:oklch(33% .01 160);--ink-3:oklch(52% .012 155);--ink-4:oklch(72% .01 150);
  --rule:oklch(88% .012 130);
  --accent:oklch(52% .16 140);--accent-2:oklch(62% .15 125);--on-accent:oklch(99% .005 120);--pop:oklch(58% .15 230);
  --amb-1:oklch(88% .1 125);--amb-2:oklch(90% .06 180);--amb-3:oklch(92% .05 100);
  --shadow:0 1px 2px oklch(20% .01 160/.07),0 8px 24px -12px oklch(20% .01 160/.18);
}

/* ───────── A · Sunset (default) · white that errs warm, colour lives in the light ───────── */
:root[data-theme=sunset]{
  --h:70;--c:.003;
  --g0:oklch(99.4% .003 80);--g1:oklch(99.9% .002 80);--g2:oklch(96.6% .005 80);
  --ink:oklch(16% .012 55);--ink-2:oklch(32% .012 55);--ink-3:oklch(50% .014 60);--ink-4:oklch(70% .012 65);
  --rule:oklch(91.5% .005 80);
  --accent:oklch(60% .22 33);--accent-2:oklch(70% .2 50);--on-accent:oklch(99% .005 80);--pop:oklch(62% .15 240);
  --amb-1:oklch(84% .12 50);--amb-2:oklch(86% .1 20);--amb-3:oklch(86% .07 320);--amb-4:oklch(92% .05 250);--amb-mode:0;
  --sky-1:oklch(78% .22 52);--sky-2:oklch(64% .23 18);--sky-3:oklch(34% .14 318);--sky-4:oklch(15% .06 272);--sky-mode:4;--amb-mode:4;
  /* dawn · Dan 18 Oct */
  --sky-hz:#FFF2D2;--sky-gl:#FFC784;--sky-ro:#fdc3af;--sky-up:#C0D5EA;--sky-z:#86AEDC;--sky-gr:#2B2831;
  --sky-pos:.09 .39 .76 .06;--sky-sun:.95 -.005 .035 .92;--sky-air:.35 .38 1 .14;--sky-cloud:.66 .75 .48 .53;--sky-film:.88 .21 .49 0;--amb-grain:.055;
  --r-field:8px;--r-card:14px;--r-sheet:22px;
  --shadow:0 1px 2px oklch(20% .03 50/.06),0 12px 36px -14px oklch(20% .05 50/.22);
}
:root[data-theme=sunset][data-scheme=dark]{
  --g0:oklch(12% .012 50);--g1:oklch(16% .014 50);--g2:oklch(9% .01 50);
  --ink:oklch(97% .008 80);--ink-2:oklch(86% .01 80);--ink-3:oklch(66% .014 70);--ink-4:oklch(46% .014 65);
  --rule:oklch(24% .014 55);
  --accent:oklch(70% .21 42);--accent-2:oklch(78% .17 60);--on-accent:oklch(14% .03 40);--pop:oklch(74% .13 235);
  --amb-1:oklch(48% .16 45);--amb-2:oklch(38% .14 15);--amb-3:oklch(30% .1 320);--amb-4:oklch(14% .04 270);
  --shadow:0 1px 0 oklch(100% 0 0/.05) inset,0 16px 44px -16px oklch(0% 0 0/.7);

  /* dusk */
  --sky-hz:#FFD69B;--sky-gl:#F08C3E;--sky-ro:#B7707E;--sky-up:#45486F;--sky-z:#1E2246;--sky-gr:#15121A;
  --sky-pos:.09 .33 .64 .12;--sky-sun:.72 .03 .03 .9;--sky-air:.6 .3 1 .3;--sky-cloud:.42 .24 .7 .5;--sky-film:.5 .35 .7 0;--amb-grain:.07;
  --amb-mode:4;--sky-mode:4;
}
/* ───────── B · Noir · near-black, the art carries the colour, one hot horizon ───────── */
:root[data-theme=noir]{
  --h:260;--c:.004;
  --g0:oklch(11% .004 260);--g1:oklch(15% .005 260);--g2:oklch(8% .004 260);
  --ink:oklch(97% .003 260);--ink-2:oklch(84% .004 260);--ink-3:oklch(62% .006 258);--ink-4:oklch(40% .006 258);
  --rule:oklch(22% .006 258);
  --accent:oklch(68% .22 36);--accent-2:oklch(76% .18 55);--on-accent:oklch(12% .02 40);--pop:oklch(72% .13 235);
  --amb-1:oklch(60% .22 36);--amb-2:oklch(40% .15 20);--amb-3:oklch(26% .08 300);--amb-4:oklch(11% .004 260);--amb-mode:3;
  --sky-1:oklch(72% .23 40);--sky-2:oklch(50% .2 18);--sky-3:oklch(28% .1 310);--sky-4:oklch(10% .01 270);--sky-mode:3;
  --r-field:6px;--r-card:12px;--r-sheet:20px;--amb-grain:.09;
  --shadow:0 0 0 1px oklch(100% 0 0/.06),0 20px 50px -18px oklch(0% 0 0/.8);
}
:root[data-theme=noir][data-scheme=light]{
  --g0:oklch(99% .002 260);--g1:oklch(100% 0 0);--g2:oklch(95.5% .003 260);
  --ink:oklch(10% .005 260);--ink-2:oklch(30% .005 260);--ink-3:oklch(50% .006 258);--ink-4:oklch(72% .005 258);
  --rule:oklch(90% .004 258);
  --accent:oklch(58% .22 33);--accent-2:oklch(68% .19 50);--on-accent:oklch(99% 0 0);--pop:oklch(58% .16 245);
  --amb-1:oklch(78% .2 40);--amb-2:oklch(80% .12 20);--amb-3:oklch(88% .06 300);--amb-4:oklch(99% .002 260);
  --sky-1:oklch(74% .23 42);--sky-2:oklch(60% .2 20);--sky-3:oklch(40% .12 310);--sky-4:oklch(14% .02 270);
  --shadow:0 1px 2px oklch(0% 0 0/.08),0 12px 36px -14px oklch(0% 0 0/.22);
}
/* ───────── C · Clinical · the Cloudflare control: white, cool, flat, a blue line of light ───────── */
:root[data-theme=clinical]{
  --h:250;--c:.002;
  --g0:oklch(99.2% .002 250);--g1:oklch(100% 0 0);--g2:oklch(96% .004 250);
  --ink:oklch(14% .01 260);--ink-2:oklch(32% .01 260);--ink-3:oklch(52% .012 255);--ink-4:oklch(74% .01 255);
  --rule:oklch(90% .006 250);
  --accent:oklch(60% .22 33);--accent-2:oklch(70% .19 48);--on-accent:oklch(99% 0 0);--pop:oklch(56% .18 250);
  --amb-1:oklch(80% .12 240);--amb-2:oklch(88% .07 210);--amb-3:oklch(90% .05 290);--amb-4:oklch(99.2% .002 250);--amb-mode:3;
  --sky-1:oklch(70% .18 245);--sky-2:oklch(60% .14 215);--sky-3:oklch(40% .1 280);--sky-4:oklch(16% .03 260);--sky-mode:3;
  --r-field:3px;--r-card:6px;--r-sheet:10px;--amb-grain:.02;
  --shadow:0 1px 2px oklch(20% .01 260/.05),0 6px 20px -12px oklch(20% .01 260/.14);
}
:root[data-theme=clinical][data-scheme=dark]{
  --g0:oklch(13% .006 260);--g1:oklch(17% .007 260);--g2:oklch(10% .006 260);
  --ink:oklch(96% .004 250);--ink-2:oklch(84% .005 250);--ink-3:oklch(64% .008 255);--ink-4:oklch(44% .008 255);
  --rule:oklch(25% .008 258);
  --accent:oklch(68% .2 40);--accent-2:oklch(76% .17 55);--on-accent:oklch(12% .01 260);--pop:oklch(74% .14 240);
  --amb-1:oklch(60% .16 245);--amb-2:oklch(44% .1 215);--amb-3:oklch(30% .08 290);--amb-4:oklch(13% .006 260);
  --shadow:0 1px 2px oklch(0% 0 0/.35),0 12px 32px -12px oklch(0% 0 0/.55);
}
/* ───────── D · Aurora · the curveball: deep teal night, green and violet ribbons ───────── */
:root[data-theme=aurora]{
  --h:215;--c:.02;
  --g0:oklch(13% .025 215);--g1:oklch(17% .028 215);--g2:oklch(10% .022 215);
  --ink:oklch(97% .01 180);--ink-2:oklch(86% .012 180);--ink-3:oklch(66% .02 190);--ink-4:oklch(44% .02 200);
  --rule:oklch(24% .03 212);
  --accent:oklch(84% .19 150);--accent-2:oklch(90% .15 130);--on-accent:oklch(14% .04 160);--pop:oklch(76% .14 300);
  --amb-1:oklch(72% .18 160);--amb-2:oklch(60% .16 300);--amb-3:oklch(74% .12 200);--amb-4:oklch(13% .025 215);--amb-mode:1;
  --sky-1:oklch(80% .2 155);--sky-2:oklch(66% .18 305);--sky-3:oklch(78% .13 200);--sky-4:oklch(11% .03 225);--sky-mode:1;
  --r-field:10px;--r-card:18px;--r-sheet:28px;--amb-grain:.08;
  --shadow:0 0 0 1px oklch(100% 0 0/.06),0 18px 48px -18px oklch(0% 0 0/.75);
}
:root[data-theme=aurora][data-scheme=light]{
  --g0:oklch(98.5% .006 190);--g1:oklch(99.8% .003 190);--g2:oklch(95% .01 195);
  --ink:oklch(14% .03 215);--ink-2:oklch(32% .03 215);--ink-3:oklch(50% .03 210);--ink-4:oklch(72% .02 205);
  --rule:oklch(89% .012 200);
  --accent:oklch(54% .17 150);--accent-2:oklch(64% .15 130);--on-accent:oklch(99% .005 150);--pop:oklch(56% .16 300);
  --amb-1:oklch(86% .12 160);--amb-2:oklch(84% .1 300);--amb-3:oklch(90% .07 200);--amb-4:oklch(98.5% .006 190);
  --shadow:0 1px 2px oklch(20% .03 215/.07),0 10px 30px -12px oklch(20% .03 215/.2);
}

/* ───────── Overrides (pane) ───────── */
:root[data-accent=vermilion]{--accent:oklch(58% .21 33);--accent-2:oklch(66% .2 45);--on-accent:oklch(98% .01 85)}
:root[data-accent=vermilion][data-scheme=dark]{--accent:oklch(66% .2 36);--on-accent:oklch(16% .02 40)}
:root[data-accent=blue]{--accent:oklch(50% .17 262);--accent-2:oklch(62% .14 240);--on-accent:oklch(98% .005 250)}
:root[data-accent=blue][data-scheme=dark]{--accent:oklch(70% .14 255);--on-accent:oklch(14% .02 260)}
:root[data-accent=lime]{--accent:oklch(52% .16 140);--accent-2:oklch(62% .15 125);--on-accent:oklch(99% .005 120)}
:root[data-accent=lime][data-scheme=dark]{--accent:oklch(88% .21 125);--on-accent:oklch(16% .04 130)}
:root[data-accent=ink]{--accent:var(--ink);--accent-2:var(--ink-2);--on-accent:var(--g1)}
:root[data-radius=flat]{--r-field:2px;--r-card:4px;--r-sheet:8px}
:root[data-radius=instrument]{--r-field:6px;--r-card:10px;--r-sheet:16px}
:root[data-radius=soft]{--r-field:10px;--r-card:16px;--r-sheet:24px}
:root[data-ambient=off]{--amb-op:0!important}
:root[data-ambient=faint]{--amb-op:.08!important}
:root[data-ambient=full]{--amb-op:.5!important}
:root[data-type=mono-figures]{--fig-font:var(--mono)}
:root[data-field=sunset]{--amb-mode:0!important;--sky-mode:0!important}
:root[data-field=aurora]{--amb-mode:1!important;--sky-mode:1!important}
:root[data-field=ember]{--amb-mode:2!important;--sky-mode:2!important}
:root[data-field=horizon]{--amb-mode:3!important;--sky-mode:3!important}
:root[data-field=sky]{--amb-mode:4!important;--sky-mode:4!important}
:root[data-motion=still]{--amb-speed:0}
:root[data-motion=slow]{--amb-speed:.35}
:root[data-motion=live]{--amb-speed:1}
:root[data-grain=off]{--amb-grain:0!important}
:root[data-grain=heavy]{--amb-grain:.14!important}
:root[data-pop=none]{--pop:var(--ink-3)}
:root{--logo:url(assets/logo-default.png)}
:root[data-scheme=dark]{--logo:url(assets/logo-dark.png)}
:root[data-logo=orange]{--logo:url(assets/logo-default.png)}
.logo{background:var(--logo) center/cover no-repeat!important}
canvas.amb{display:block;width:100%;height:100%}
html[data-amb=gpu] .amb{background:none}
:root{--fig-font:var(--font)}

/* ───────── Base ───────── */
html{background:var(--g0);color:var(--ink);font:400 15px/1.4 var(--font);-webkit-font-smoothing:antialiased;color-scheme:light}
html[data-scheme=dark]{color-scheme:dark}

/* ── Horizon · the sky as a line. Knobs on :root; composed values on the element that paints them. ── */
:root{--hz-w:2px;--hz-op:.9;--hz-span:100%;--hz-ang:90deg;--hz-shift:0%;--hz-bar-h:14px;--hz-glow:0;--hz-focus:1;--hz-spin:1;--hz-select:0;--hz-approve:1;
  --sky-line:linear-gradient(var(--hz-ang),var(--hzl-z) calc(0% + var(--hz-shift)),var(--hzl-up) calc(26% + var(--hz-shift)),var(--hzl-ro) calc(52% + var(--hz-shift)),var(--hzl-gl) calc(78% + var(--hz-shift)),var(--hzl-hz) calc(100% + var(--hz-shift)));--hz-mix:72%;--sky-line-mid:linear-gradient(var(--hz-ang),color-mix(in oklab,var(--hzl-up) var(--hz-mix),var(--ink)),color-mix(in oklab,var(--hzl-ro) var(--hz-mix),var(--ink)) 50%,color-mix(in oklab,var(--hzl-gl) var(--hz-mix),var(--ink)));--sky-line-v:linear-gradient(180deg,var(--hzl-z),var(--hzl-up) 26%,var(--hzl-ro) 52%,var(--hzl-gl) 78%,var(--hzl-hz));
  --sky-ring:conic-gradient(from 0deg,var(--hzl-z),var(--hzl-up),var(--hzl-ro),var(--hzl-gl),var(--hzl-hz),var(--hzl-z))}
:root[data-hz-focus="0"]{--hz-focus:0}:root[data-hz-now="0"]{--hz-now:0}:root[data-hz-spin="0"]{--hz-spin:0}:root[data-hz-select="1"]{--hz-select:1}:root[data-hz-approve="0"]{--hz-approve:0}
:root[data-hz-glow="1"]{--hz-glow:1}
body{margin:0;min-height:100vh;position:relative}
a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent)}
.amb{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--amb-op);transition:opacity .4s var(--ease);
  background:
    radial-gradient(60% 50% at 18% 12%,var(--amb-1),transparent 70%),
    radial-gradient(50% 45% at 85% 20%,var(--amb-3),transparent 70%),
    radial-gradient(70% 60% at 60% 100%,var(--amb-2),transparent 70%)}
.amb[data-tones=sky]{opacity:1;background:
    radial-gradient(50% 45% at 74% 92%,var(--sky-1),transparent 70%),
    linear-gradient(to top,var(--sky-1),var(--sky-2) 30%,var(--sky-3) 62%,var(--sky-4))}
.gr{background:linear-gradient(135deg,var(--accent),var(--accent-2))}
.fig{font-family:var(--fig-font);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
::selection{background:color-mix(in oklab,var(--accent) 30%,transparent)}

/* Square wordmark: the approved lettering (590×100), drawn in currentColor so it takes ink on light and bone on dark */
.sqwm{display:inline-block;height:1em;aspect-ratio:5.9;background:var(--sqwm-ink) center/contain no-repeat;--sqwm-ink:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20590%20100%22%20width%3D%22590%22%20height%3D%22100%22%20fill%3D%22%231f1a16%22%20fill-rule%3D%22evenodd%22%3E%3Ctitle%3ERevent%20Square%20wordmark%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%200H59C85%200%2099%2012%2099%2034C99%2049%2091%2059%2077%2064L102%20100H68L48%2069H28V100H0Z%20M28%2024V46H57C66%2046%2071%2043%2071%2035C71%2027%2066%2024%2057%2024Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H81V25H28V39H72V62H28V75H81V100H0Z%22%20transform%3D%22translate(107%200)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H31L51%2065L71%200H102L68%20100H34Z%22%20transform%3D%22translate(195%200)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H81V25H28V39H72V62H28V75H81V100H0Z%22%20transform%3D%22translate(304%200)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H29L70%2056V0H98V100H69L28%2044V100H0Z%22%20transform%3D%22translate(394%200)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H92V26H60V100H32V26H0Z%22%20transform%3D%22translate(498%200)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
[data-scheme=dark] .sqwm,.dark .sqwm,.sky .sqwm{--sqwm-ink:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20590%20100%22%20width%3D%22590%22%20height%3D%22100%22%20fill%3D%22%23f6f1ea%22%20fill-rule%3D%22evenodd%22%3E%3Ctitle%3ERevent%20Square%20wordmark%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%200H59C85%200%2099%2012%2099%2034C99%2049%2091%2059%2077%2064L102%20100H68L48%2069H28V100H0Z%20M28%2024V46H57C66%2046%2071%2043%2071%2035C71%2027%2066%2024%2057%2024Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H81V25H28V39H72V62H28V75H81V100H0Z%22%20transform%3D%22translate(107%200)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H31L51%2065L71%200H102L68%20100H34Z%22%20transform%3D%22translate(195%200)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H81V25H28V39H72V62H28V75H81V100H0Z%22%20transform%3D%22translate(304%200)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H29L70%2056V0H98V100H69L28%2044V100H0Z%22%20transform%3D%22translate(394%200)%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0%200H92V26H60V100H32V26H0Z%22%20transform%3D%22translate(498%200)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}