:root{
  color-scheme:light;

  --font-text:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-code:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;

  --fs-body:1.25rem;
  --measure:44;
  --density:1.2;
  --radius:14px;

  --scale-h1:2.6; --scale-h2:1.5; --scale-h3:1.25; --scale-h4:1; --scale-math:1.1;
  --lh-body:1.6; --lh-dense:1.45; --lh-title:1.2;
  --w-h1:700; --w-title:650; --w-strong:600; --w-ui:500;
  --tracking-h1:-.026em; --tracking-title:-.018em;

  --h-control:2.5rem; --h-control-small:2rem; --h-touch:2.75rem; --box:1.25rem;
  --table-max:40rem;

  --ease:cubic-bezier(.23,1,.32,1); --t-fast:140ms; --t-slow:240ms;

  --bg:#fcfcfc; --surface:#ffffff; --fill:#f4f4f5;
  --text:#27272a; --text-2:#52525b; --text-3:#6b6b74;
  --line:#e4e4e7; --line-2:#d4d4d8;
  --accent:#3f5873; --accent-text:#ffffff;
  --ok:#2c7a4b; --warn:#b4521e; --error:#c0352b;
  --tone-blue:#9ec2e7; --tone-blue-ink:#386695;
  --tone-blue-wash:color-mix(in srgb,var(--tone-blue) 24%,var(--surface)); --tone-blue-edge:color-mix(in srgb,var(--tone-blue) 62%,var(--surface));
  --tone-coral:#eaaca3; --tone-coral-ink:#944b42;
  --tone-coral-wash:color-mix(in srgb,var(--tone-coral) 24%,var(--surface)); --tone-coral-edge:color-mix(in srgb,var(--tone-coral) 62%,var(--surface));
  --tone-sage:#aad4b1; --tone-sage-ink:#3c744a;
  --tone-sage-wash:color-mix(in srgb,var(--tone-sage) 24%,var(--surface)); --tone-sage-edge:color-mix(in srgb,var(--tone-sage) 62%,var(--surface));
  --tone-lilac:#c6afe2; --tone-lilac-ink:#705290;
  --tone-lilac-wash:color-mix(in srgb,var(--tone-lilac) 24%,var(--surface)); --tone-lilac-edge:color-mix(in srgb,var(--tone-lilac) 62%,var(--surface));
  --tone-aqua:#a1d6d9; --tone-aqua-ink:#1a7479;
  --tone-aqua-wash:color-mix(in srgb,var(--tone-aqua) 24%,var(--surface)); --tone-aqua-edge:color-mix(in srgb,var(--tone-aqua) 62%,var(--surface));
  --tone-rose:#eebacd; --tone-rose-ink:#8f5069;
  --tone-rose-wash:color-mix(in srgb,var(--tone-rose) 24%,var(--surface)); --tone-rose-edge:color-mix(in srgb,var(--tone-rose) 62%,var(--surface));
  --tone-indigo:#96a1d4; --tone-indigo-ink:#4d5794;
  --tone-indigo-wash:color-mix(in srgb,var(--tone-indigo) 24%,var(--surface)); --tone-indigo-edge:color-mix(in srgb,var(--tone-indigo) 62%,var(--surface));
  --tone-apricot:#f6b797; --tone-apricot-ink:#975027;
  --tone-apricot-wash:color-mix(in srgb,var(--tone-apricot) 24%,var(--surface)); --tone-apricot-edge:color-mix(in srgb,var(--tone-apricot) 62%,var(--surface));
  --tone-gold:#efd689; --tone-gold-ink:#7c630d;
  --tone-gold-wash:color-mix(in srgb,var(--tone-gold) 24%,var(--surface)); --tone-gold-edge:color-mix(in srgb,var(--tone-gold) 62%,var(--surface));
  --series-other:#bcbec3; --series-other-ink:#616369;
  --on-series:#27272a;
  --knob:#ffffff; --scrim:rgb(0 0 0/.28);
  --shadow:0 12px 32px -12px rgb(0 0 0/.22),0 0 0 1px rgb(0 0 0/.06);
}
@media (pointer:coarse){ :root{ --h-control:2.75rem; --h-control-small:2.25rem; } }
@media (max-width:40rem){ :root{ --fs-body:1.125rem; --scale-h1:2; --scale-h2:1.4; --scale-math:1; } }

[data-scheme="dark"]{
  color-scheme:dark;
  --bg:#18181b; --surface:#202024; --fill:#27272b;
  --text:#e7e7ea; --text-2:#b4b4bc; --text-3:#9a9aa3;
  --line:#303036; --line-2:#45454d;
  --accent:#a3b8cf; --accent-text:#18181b;
  --ok:#5fb786; --warn:#e0895a; --error:#ef7a70;
  --tone-blue:#7a9cbf; --tone-blue-ink:#a2c8f0;
  --tone-blue-wash:#304a64; --tone-blue-edge:#496f96;
  --tone-coral:#c2877e; --tone-coral-ink:#f4b1a7;
  --tone-coral-wash:#623c37; --tone-coral-edge:#925b53;
  --tone-sage:#80a988; --tone-sage-ink:#a8d5b0;
  --tone-sage-wash:#315038; --tone-sage-edge:#4b7854;
  --tone-lilac:#a18bbc; --tone-lilac-ink:#cfb6ed;
  --tone-lilac-wash:#4f4060; --tone-lilac-edge:#76608f;
  --tone-aqua:#75a9ac; --tone-aqua-ink:#9bd6d9;
  --tone-aqua-wash:#1c5153; --tone-aqua-edge:#2a797d;
  --tone-rose:#c08ea0; --tone-rose-ink:#efb7cb;
  --tone-rose-wash:#5f3b49; --tone-rose-edge:#8e596e;
  --tone-indigo:#7f89ba; --tone-indigo-ink:#abb6ee;
  --tone-indigo-wash:#3f4565; --tone-indigo-edge:#606897;
  --tone-apricot:#c98d6e; --tone-apricot-ink:#f9b795;
  --tone-apricot-wash:#603e2d; --tone-apricot-edge:#8f5e44;
  --tone-gold:#c5b06d; --tone-gold-ink:#edd381;
  --tone-gold-wash:#524723; --tone-gold-edge:#7b6b36;
  --series-other:#84868b; --series-other-ink:#bcbec3;
  --on-series:#18181b;
  --scrim:rgb(0 0 0/.5);
  --shadow:0 12px 32px -12px rgb(0 0 0/.7),0 0 0 1px rgb(255 255 255/.08);
}

:root,[data-scheme]{
  --series-1:var(--tone-blue); --series-1-ink:var(--tone-blue-ink); --series-1-wash:var(--tone-blue-wash); --series-1-edge:var(--tone-blue-edge);
  --series-2:var(--tone-sage); --series-2-ink:var(--tone-sage-ink); --series-2-wash:var(--tone-sage-wash); --series-2-edge:var(--tone-sage-edge);
  --series-3:var(--tone-coral); --series-3-ink:var(--tone-coral-ink); --series-3-wash:var(--tone-coral-wash); --series-3-edge:var(--tone-coral-edge);
  --series-4:var(--tone-apricot); --series-4-ink:var(--tone-apricot-ink); --series-4-wash:var(--tone-apricot-wash); --series-4-edge:var(--tone-apricot-edge);
  --series-5:var(--tone-gold); --series-5-ink:var(--tone-gold-ink); --series-5-wash:var(--tone-gold-wash); --series-5-edge:var(--tone-gold-edge);
  --series-6:var(--tone-rose); --series-6-ink:var(--tone-rose-ink); --series-6-wash:var(--tone-rose-wash); --series-6-edge:var(--tone-rose-edge);
  --series-7:var(--tone-aqua); --series-7-ink:var(--tone-aqua-ink); --series-7-wash:var(--tone-aqua-wash); --series-7-edge:var(--tone-aqua-edge);
  --series-8:var(--tone-lilac); --series-8-ink:var(--tone-lilac-ink); --series-8-wash:var(--tone-lilac-wash); --series-8-edge:var(--tone-lilac-edge);
  --series-9:var(--tone-indigo); --series-9-ink:var(--tone-indigo-ink); --series-9-wash:var(--tone-indigo-wash); --series-9-edge:var(--tone-indigo-edge);
}

:root,[data-density]{
  --s1:calc(.25rem*var(--density)); --s2:calc(.5rem*var(--density)); --s3:calc(.75rem*var(--density));
  --s4:calc(1rem*var(--density)); --s5:calc(1.5rem*var(--density)); --s6:calc(2.5rem*var(--density));
  --s7:calc(4rem*var(--density));

  --fs-dense:calc(var(--fs-body)*.875); --fs-micro:calc(var(--fs-body)*.75);
  --fs-h1:calc(var(--fs-body)*var(--scale-h1)); --fs-h2:calc(var(--fs-body)*var(--scale-h2));
  --fs-h3:calc(var(--fs-body)*var(--scale-h3)); --fs-h4:calc(var(--fs-body)*var(--scale-h4));
  --fs-input:max(1rem,var(--fs-dense)); --fs-code:var(--fs-dense); --fs-inline-code:.9em; --fs-math:calc(1em*var(--scale-math));
  --column:calc(var(--fs-body)*var(--measure));

  --radius-xs:calc(var(--radius)*.4); --radius-s:calc(var(--radius)*.7); --radius-l:calc(var(--radius)*1.4);
  --float:max(var(--s3),env(safe-area-inset-left));
  --float-top:max(var(--s3),env(safe-area-inset-top));
  --float-bottom:max(var(--s3),env(safe-area-inset-bottom));

  --track:color-mix(in srgb,var(--text) 8%,transparent);
  --edge:color-mix(in srgb,var(--text) 14%,transparent);
  --accent-tint:color-mix(in srgb,var(--accent) 7%,var(--bg));
  --accent-line:color-mix(in srgb,var(--accent) 38%,var(--bg));

  --select:color-mix(in srgb,var(--text) 7%,var(--bg));
  --hover:color-mix(in srgb,var(--text) 4%,var(--bg));
  --h-row:round(calc(var(--h-control-small) + var(--s1)),1px);
  --icon:calc(var(--fs-body)*1.125);
  --favicon:var(--fs-body);
  --avatar-s:calc(var(--fs-body)*1.25); --avatar:calc(var(--fs-body)*2); --avatar-l:calc(var(--fs-body)*3);
  --tile:calc(var(--fs-body)*3.5);
  --sidebar:calc(var(--fs-body)*15);
  --column-list:calc(var(--fs-body)*42);
  --column-wide:calc(var(--fs-body)*76);
  --media-max:min(70vh,calc(var(--fs-body)*32));
  --tip-delay:400ms;
  --tip:calc(var(--fs-body)*20);
  --setting-control:calc(var(--fs-body)*12);
  --segment-inset:2px;
  --indent:1.3em; --indent-step:1.1em; --indent-number:1.9em;
  --icon-text:1.25em;
}
@media (pointer:coarse){ :root,[data-density]{ --h-row:var(--h-touch); } }