/*! © 2026 TR3.FYI */

:root{
  color-scheme:dark light;

  --bg:#0b0b0d; --ink:#f3f4f7; --ink-2:#b4b9c5; --ink-3:#8b909c;
  --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.03);
  --glass-hi:rgba(255,255,255,.08);
  --stroke:rgba(255,255,255,.10); --stroke-2:rgba(255,255,255,.065);

  --control-border:rgba(255,255,255,.34);
  --btn:#f3f4f7; --btn-ink:#15161a;

  --accent:#8a90a0; --accent-soft:rgba(138,144,160,.16);

  --shadow:0 18px 50px rgba(0,0,0,.45); --shadow-sm:0 6px 20px rgba(0,0,0,.3);
  --glow:radial-gradient(85% 55% at 50% -12%,rgba(255,255,255,.05),transparent 56%);
  --blur:blur(14px) saturate(1.4);

  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;

  --font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;

  --font-serif:ui-serif,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --fs-h1:clamp(32px,6vw,56px); --fs-h2:clamp(21px,3vw,25px); --fs-h1-doc:clamp(28px,5vw,42px);

  --fs-title-lg:clamp(20px,2.6vw,23px);
  --fs-title-cq:clamp(20px,3cqi,23px);
  --fs-title-md:clamp(18px,2.2vw,21px);
  --fs-title-sm:clamp(15px,1.6vw,18px);

  --fs-prose:.938rem;

  --fs-read:1.02rem;

  --fw-normal:400; --fw-medium:560; --fw-semi:600; --fw-bold:650; --fw-heavy:700;
  --fw-black:800;
  --lh-flat:1; --lh-tight:1.25; --lh-snug:1.35; --lh-normal:1.45; --lh-relaxed:1.5;

  --lh-read:1.62;

  --ls-normal:0; --ls-tighter:-.025em; --ls-tight:-.01em; --ls-wide:.045em; --ls-wider:.07em;

  --fs-input:1rem;
  --fs-h4:1.031rem;
  --fs-note:.813rem;
  --fs-h3:1.188rem;
  --fs-lead:clamp(15.5px,2.3vw,18px); --fs-body:.906rem; --fs-meta:.719rem;
  --fs-eyebrow:.75rem; --fs-stat:clamp(23px,3.6vw,29px); --fs-caveat:.75rem;
  --fs-micro:.625rem;

  --sp-1:2px; --sp-2:4px; --sp-3:6px; --sp-4:8px; --sp-5:10px; --sp-6:12px;
  --sp-7:16px; --sp-8:24px; --sp-9:36px; --sp-10:48px;
  --r-2xs:3px; --r-xs:8px; --r-sm:12px; --r:18px; --r-lg:24px; --r-pill:999px; --r-circle:50%;
  --maxw:1760px;

  --flow-chapter:clamp(34px,5vw,56px);
  --flow-section:28px;
  --flow-group:16px;
  --flow-tight:12px;

  --flow-weld:6px;

  --surface-pad:var(--sp-7);
  --surface-pad-roomy:var(--sp-8);
  --section-pad-block:var(--sp-8);
  --control-gap:var(--sp-4);
  --content-gap:var(--flow-group);
  --section-gap:var(--flow-section);
  --figure-gutter:var(--sp-7);
  --target-min:var(--sp-10);
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px);

  --edge:7px;
  --page-pad:clamp(14px,3.2vw,48px);
  --layout-gap:clamp(12px,1.5vw,24px);
  --card-min:min(100%,260px);

  --u:8px;
  --cols:8;

  --dur-fast:.16s; --dur:.4s; --dur-slow:.6s;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);

  --motion-enter:var(--dur-slow); --motion-exit:var(--dur-fast);
  --motion-state:var(--dur); --motion-stagger:70ms;
  --motion-distance-sm:6px; --motion-distance-md:18px;
  --rise-2:#ff6f5e;--rise-1:#ff9a73;--fall-1:#74b4ee;--fall-2:#56a3f0;
  --kind-fix:#c8861a;--ok:#30a46c;--warn:#8a5a00;--danger:#c0392b;
  --kind-data:#56a3f0;
  --ceiling-0:#6d1f34;--ceiling-100:#a84747;--ceiling-200:#c77b4d;
  --ceiling-300:#d4ae63;--ceiling-400:#69a78f;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#f3f4f7; --ink:#16181d; --ink-2:#4e5460; --ink-3:#6c707b;
    --glass:rgba(255,255,255,.62); --glass-2:rgba(255,255,255,.48); --glass-hi:rgba(255,255,255,.9);
    --stroke:rgba(20,24,33,.09); --stroke-2:rgba(20,24,33,.06);
    --control-border:rgba(20,24,33,.42);
    --btn:#16181d; --btn-ink:#fff;
    --accent:#5b616e; --accent-soft:rgba(91,97,110,.10);
    --shadow:0 18px 40px rgba(20,24,33,.10); --shadow-sm:0 6px 18px rgba(20,24,33,.06);
    --glow:radial-gradient(85% 55% at 50% -12%,#ffffff,transparent 58%);
    --rise-2:#c0330d;--rise-1:#bd5a18;--fall-1:#2c6fb5;--fall-2:#1c5b98;
    --kind-fix:#8a5200;--kind-data:#1c5b98;
}
}

:root{
  --accent:#ff7a1a;--accent-soft:rgba(255,122,26,.16);
  --brand-s0:#ff7a1a;--brand-s1:#f45a75;--brand-s2:#9e8cff;
  --route-1:#ff7a1a;--route-2:#f96949;--route-3:#f15c7a;--route-4:#c774bd;--route-5:#9e8cff;
  --brand-gradient:linear-gradient(118deg,#ff7a1a 0%,#f45a75 48%,#9e8cff 100%);
  --brand-gradient-soft:linear-gradient(118deg,rgba(255,122,26,.18),rgba(158,140,255,.14));
  --brand-gradient-ink:#0b0b0d;

  --motion-enter:.48s;--motion-stagger:48ms;--motion-distance-md:14px;

  --data-score:#7aa7ff;--data-score-soft:rgba(122,167,255,.18);
  --data-comments:#ff7a9b;--data-comments-soft:rgba(255,122,155,.16);
  --data-rank:#52cbb0;--data-rank-soft:rgba(82,203,176,.16);
  --data-duration:#e4b94e;--data-duration-soft:rgba(228,185,78,.16);
  --data-selection:#b9a1ff;--data-selection-soft:rgba(185,161,255,.18);
  --data-uncertainty:rgba(122,167,255,.18);
  --series-2:#4dabf7;--series-2-soft:rgba(77,171,247,.15);
  --series-3:#b197fc;--series-3-soft:rgba(177,151,252,.15);
  --series-4:#ff6b9a;--series-4-soft:rgba(255,107,154,.15);
  --series-5:#38d9a9;--series-5-soft:rgba(56,217,169,.15);
  --glow:radial-gradient(60% 42% at 12% -8%,rgba(255,122,26,.12),transparent 62%),radial-gradient(50% 36% at 88% -10%,rgba(177,151,252,.08),transparent 64%);
}
@media (prefers-color-scheme: light){
  :root{
    --accent:#b84200;--accent-soft:rgba(184,66,0,.10);
    --brand-s0:#b84200;--brand-s1:#a63a67;--brand-s2:#6d28d9;
    --route-1:#b84200;--route-2:#af3e34;--route-3:#a63a67;--route-4:#8a31a0;--route-5:#6d28d9;
    --brand-gradient:linear-gradient(118deg,#b84200 0%,#a63a67 50%,#6d28d9 100%);
    --brand-gradient-soft:linear-gradient(118deg,rgba(184,66,0,.11),rgba(109,40,217,.09));
    --brand-gradient-ink:#fff;
    --rise-1:#7a5600;
    --data-score:#315ca8;--data-score-soft:rgba(49,92,168,.14);
    --data-comments:#b13f62;--data-comments-soft:rgba(177,63,98,.12);
    --data-rank:#087f6b;--data-rank-soft:rgba(8,127,107,.12);
    --data-duration:#946500;--data-duration-soft:rgba(148,101,0,.12);
    --data-selection:#674fa3;--data-selection-soft:rgba(103,79,163,.12);
    --data-uncertainty:rgba(49,92,168,.14);
    --series-2:#0869a9;--series-2-soft:rgba(8,105,169,.10);
    --series-3:#6d28d9;--series-3-soft:rgba(109,40,217,.09);
    --series-4:#be185d;--series-4-soft:rgba(190,24,93,.09);
    --series-5:#087f5b;--series-5-soft:rgba(8,127,91,.09);
    --glow:radial-gradient(60% 42% at 12% -8%,rgba(255,122,26,.10),transparent 62%),radial-gradient(50% 36% at 88% -10%,rgba(109,40,217,.055),transparent 64%);
  }
}