/* Copied from the dotfiles repo by tools/tokens.py; do not edit here.
 * Source: celyrian-tokens.css. Changes: --pat-equalizer dropped, light scheme appended. */
/* Celyrian Wonder — web design tokens.
 * Generated by `celyrian gen web-tokens` from config/celyrian/palette.toml (dotfiles repo).
 * Do not edit by hand; change the palette and regenerate. Dark is the primary scheme. */
:root {
  color-scheme: dark;

  /* neutrals */
  --field: #1e1b22;          /* page / window background, text colour ON accents */
  --paper: #191720;          /* deepest background, below panels */
  --plaque: #241f2a;        /* panels, cards, popovers, drawers */
  --tile: #2a2630;            /* raised surfaces, inactive tiles, inputs */
  --tile-hi: #332e3a;      /* hover on raised surfaces, keycaps */
  --rule: #3b3542;            /* thin separators, inactive borders */
  --edge: #6e6478;            /* the 2–3 px edge on chips / buttons / small cards */
  --drop: #120f16;            /* hard offset shadow colour */
  --ink: #efe8e6;              /* main text */
  --ink-2: #aa9fa8;          /* secondary text */
  --plaque-ink-2: #bdb2ba;
  --trail: #5a515f;          /* scenery: dotted trails, disabled, placeholders */

  /* accents — a set of things cycles a1 → a5 in this order */
  --a1: #fcd5b5;                /* peach — primary accent, links, selection */
  --a2: #f9c08f;                /* apricot — warning, hover of peach, visited */
  --a3: #f5a58c;                /* coral — focus ring, live, progress */
  --a4: #f3b3c1;                /* rose — ERRORS ONLY (never decoration, never neutral info) */
  --a5: #b8e0c2;                /* mint — ok / success / connected */
  --on-accent: #1e1b22;      /* text on any accent fill is charcoal, never white */

  /* states */
  --ok: #b8e0c2;  --warning: #f9c08f;  --error: #f3b3c1;  --busy: #f5a58c;  --focus: #f5a58c;

  /* post-it papers (dark notes use them as the strip/fold hue on a charcoal face) */
  --note-lemon: #fbf0a6; --note-pink: #fbcad4; --note-green: #cfeab8; --note-sky: #c3e2f8;
  --note-face: color-mix(in srgb, #241f2a 93%, var(--note-lemon));

  /* extra hues used by remapped third-party UIs */
  --blue: #a9c8ec; --cyan: #a8dcd6;

  /* shape */
  --r-tile: 10px;  --r-card: 14px;  --r-panel: 20px;
  --r-pill: 999px;  --r-note: 8px;
  --edge-chip: 2px;  --edge-panel: 3px;
  --drop-chip: 0 3px 0 #120f16;
  --drop-hover: 0 5px 0 #120f16;
  --drop-press: 0 1px 0 #120f16;
  --soft-shadow: 0 4px 28px rgba(0, 0, 0, 0.55);   /* big surfaces (rim, drawers, cards): soft, no edge line */
  --ring: 0 0 0 3px var(--field), 0 0 0 6px var(--a1);
  --select-scale: 1.08;  --press-scale: 0.96;  --hover-lift: -2px;

  /* motion */
  --pop: cubic-bezier(0.34, 1.56, 0.64, 1);    /* appear / grow / press — slight overshoot */
  --out: cubic-bezier(0.22, 1, 0.36, 1);    /* travel */
  --t-fast: 110ms;  --t: 200ms;  --t-breathe: 1700ms;  --t-flash: 600ms;

  /* type (self-host the fonts; OFL / Apache-2.0) */
  --f-display: "Fredoka", "Zen Kaku Gothic New", ui-rounded, system-ui, sans-serif;
  --f-ui: "Zen Kaku Gothic New", ui-sans-serif, system-ui, sans-serif;
  --f-mono: "JetBrains Mono", "JetBrainsMono Nerd Font", ui-monospace, monospace;
  --f-glyph: "Material Symbols Rounded";      /* Material Symbols Rounded, FILL 1 — filled rounded glyphs only */

  /* background patterns — BACKGROUNDS ONLY, never on panels/cards; even density, no gradients */
  --pat-sprinkle: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22312%22 height=%22312%22%3E%3Ccircle cx=%2221.1%22 cy=%2212.7%22 r=%220.9%22 fill=%22%23b8e0c2%22 fill-opacity=%220.40%22/%3E%3Ccircle cx=%2236.2%22 cy=%225.1%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%2260.8%22 cy=%223.1%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22100.2%22 cy=%2215.3%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22125.0%22 cy=%224.4%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22141.5%22 cy=%224.1%22 r=%221.4%22 fill=%22%23b8e0c2%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22177.0%22 cy=%228.2%22 r=%221.1%22 fill=%22%23b8e0c2%22 fill-opacity=%220.36%22/%3E%3Ccircle cx=%22187.6%22 cy=%225.1%22 r=%220.9%22 fill=%22%23fcd5b5%22 fill-opacity=%220.35%22/%3E%3Ccircle cx=%22228.6%22 cy=%224.7%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22255.9%22 cy=%2212.3%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.10%22/%3E%3Ccircle cx=%22278.3%22 cy=%2222.4%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22305.9%22 cy=%227.3%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%2222.8%22 cy=%2232.0%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%2236.8%22 cy=%2244.3%22 r=%221.2%22 fill=%22%23fcd5b5%22 fill-opacity=%220.49%22/%3E%3Ccircle cx=%2269.2%22 cy=%2241.8%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%2298.4%22 cy=%2240.0%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22117.7%22 cy=%2244.2%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22135.6%22 cy=%2236.2%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.10%22/%3E%3Ccircle cx=%22166.7%22 cy=%2237.0%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22199.1%22 cy=%2243.1%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22228.0%22 cy=%2238.6%22 r=%221.2%22 fill=%22%23f5a58c%22 fill-opacity=%220.36%22/%3E%3Ccircle cx=%22242.2%22 cy=%2229.2%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22267.9%22 cy=%2239.2%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22307.7%22 cy=%2244.8%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%2216.2%22 cy=%2262.2%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%2231.6%22 cy=%2268.6%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%2270.1%22 cy=%2262.4%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%2286.3%22 cy=%2268.4%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22111.9%22 cy=%2267.1%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22142.3%22 cy=%2273.4%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22163.0%22 cy=%2257.2%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22194.5%22 cy=%2259.2%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22211.0%22 cy=%2257.6%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22244.0%22 cy=%2257.9%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22280.7%22 cy=%2264.0%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22292.2%22 cy=%2265.4%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%2221.6%22 cy=%2283.2%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%2248.9%22 cy=%2287.4%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%2268.8%22 cy=%2297.7%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%2285.6%22 cy=%2282.1%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22110.4%22 cy=%2292.2%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22138.8%22 cy=%2286.8%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22160.1%22 cy=%2281.4%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.10%22/%3E%3Ccircle cx=%22186.0%22 cy=%2291.0%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22220.3%22 cy=%2281.6%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22240.8%22 cy=%22101.0%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22264.3%22 cy=%2285.9%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22298.8%22 cy=%2287.1%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%2219.6%22 cy=%22119.1%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%2246.4%22 cy=%22120.9%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%2258.9%22 cy=%22123.4%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%2297.6%22 cy=%22111.2%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22112.0%22 cy=%22110.8%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.10%22/%3E%3Ccircle cx=%22148.7%22 cy=%22118.5%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22165.3%22 cy=%22113.1%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22202.3%22 cy=%22118.1%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22224.9%22 cy=%22123.0%22 r=%221.2%22 fill=%22%23fcd5b5%22 fill-opacity=%220.39%22/%3E%3Ccircle cx=%22254.8%22 cy=%22110.0%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22266.6%22 cy=%22108.3%22 r=%220.9%22 fill=%22%23b8e0c2%22 fill-opacity=%220.39%22/%3E%3Ccircle cx=%22307.8%22 cy=%22113.8%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%2221.3%22 cy=%22151.6%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%2231.1%22 cy=%22139.7%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%2268.8%22 cy=%22139.3%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%2295.2%22 cy=%22134.9%22 r=%221.2%22 fill=%22%23f9c08f%22 fill-opacity=%220.45%22/%3E%3Ccircle cx=%22116.0%22 cy=%22138.3%22 r=%220.9%22 fill=%22%23f9c08f%22 fill-opacity=%220.42%22/%3E%3Ccircle cx=%22149.8%22 cy=%22139.0%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22171.9%22 cy=%22134.2%22 r=%220.9%22 fill=%22%23f9c08f%22 fill-opacity=%220.38%22/%3E%3Ccircle cx=%22193.9%22 cy=%22148.7%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22224.2%22 cy=%22137.4%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22250.6%22 cy=%22149.7%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22274.9%22 cy=%22146.5%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22300.3%22 cy=%22140.5%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%223.6%22 cy=%22159.3%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%2246.2%22 cy=%22171.6%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%2260.1%22 cy=%22164.7%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%2288.1%22 cy=%22171.0%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22118.9%22 cy=%22171.9%22 r=%221.1%22 fill=%22%23b8e0c2%22 fill-opacity=%220.34%22/%3E%3Ccircle cx=%22151.1%22 cy=%22159.6%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22162.5%22 cy=%22175.8%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22202.8%22 cy=%22160.8%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22224.0%22 cy=%22164.3%22 r=%221.1%22 fill=%22%23b8e0c2%22 fill-opacity=%220.34%22/%3E%3Ccircle cx=%22250.3%22 cy=%22167.4%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22267.1%22 cy=%22165.6%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22302.2%22 cy=%22178.6%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%2211.7%22 cy=%22186.1%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%2238.9%22 cy=%22186.9%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%2271.8%22 cy=%22200.1%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%2287.8%22 cy=%22196.4%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22121.3%22 cy=%22202.3%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22151.0%22 cy=%22188.8%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22165.6%22 cy=%22191.8%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22185.6%22 cy=%22192.3%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22216.6%22 cy=%22190.5%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22238.2%22 cy=%22195.0%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22282.6%22 cy=%22203.9%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22307.3%22 cy=%22200.7%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%2210.6%22 cy=%22217.7%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%2234.5%22 cy=%22216.5%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%2265.9%22 cy=%22225.0%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%2294.9%22 cy=%22226.7%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22126.4%22 cy=%22216.8%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22143.2%22 cy=%22230.0%22 r=%221.4%22 fill=%22%23f5a58c%22 fill-opacity=%220.34%22/%3E%3Ccircle cx=%22177.7%22 cy=%22219.4%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22198.8%22 cy=%22230.2%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22212.0%22 cy=%22221.7%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22244.5%22 cy=%22224.0%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22270.4%22 cy=%22225.9%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22296.2%22 cy=%22212.6%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%2214.0%22 cy=%22242.4%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%2235.2%22 cy=%22256.6%22 r=%221.1%22 fill=%22%23f9c08f%22 fill-opacity=%220.41%22/%3E%3Ccircle cx=%2274.3%22 cy=%22253.9%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%2294.5%22 cy=%22242.0%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22118.3%22 cy=%22251.3%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22147.1%22 cy=%22255.1%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22165.7%22 cy=%22249.5%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22198.7%22 cy=%22246.6%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22216.7%22 cy=%22250.3%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22242.7%22 cy=%22240.8%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22264.7%22 cy=%22246.9%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.10%22/%3E%3Ccircle cx=%22294.1%22 cy=%22239.9%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%2211.9%22 cy=%22281.2%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%2231.7%22 cy=%22274.5%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%2260.3%22 cy=%22281.6%22 r=%221.1%22 fill=%22%23fcd5b5%22 fill-opacity=%220.42%22/%3E%3Ccircle cx=%2289.9%22 cy=%22264.0%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22114.4%22 cy=%22276.2%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22149.4%22 cy=%22278.7%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.10%22/%3E%3Ccircle cx=%22163.2%22 cy=%22273.7%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%22197.4%22 cy=%22280.9%22 r=%221.1%22 fill=%22%23f5a58c%22 fill-opacity=%220.40%22/%3E%3Ccircle cx=%22230.1%22 cy=%22269.0%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22237.7%22 cy=%22271.2%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22264.2%22 cy=%22267.4%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%22296.6%22 cy=%22280.6%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%224.8%22 cy=%22290.9%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%2231.3%22 cy=%22301.1%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%2261.0%22 cy=%22300.3%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.18%22/%3E%3Ccircle cx=%2296.7%22 cy=%22298.8%22 r=%221.4%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22123.6%22 cy=%22299.2%22 r=%221.1%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22144.0%22 cy=%22298.1%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%22170.4%22 cy=%22304.1%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22204.3%22 cy=%22291.5%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22211.5%22 cy=%22290.2%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22249.3%22 cy=%22289.5%22 r=%220.9%22 fill=%22%23b8e0c2%22 fill-opacity=%220.41%22/%3E%3Ccircle cx=%22281.5%22 cy=%22303.9%22 r=%220.9%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22297.1%22 cy=%22307.0%22 r=%221.0%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3C/svg%3E");    /* random even dots (Steam, YouTube, DuckDuckGo) */
  --pat-confetti: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22336%22 height=%22336%22%3E%3Ccircle cx=%2223.2%22 cy=%2228.4%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%2252.5%22 cy=%229.5%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.14%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22114.3%22 cy=%2213.2%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.16%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22147.2%22 cy=%2213.2%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.15%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M194.5 17.5h5.2M197.1 14.9v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.14%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2828 197.1 17.5%29%22/%3E%3Ccircle cx=%22232.6%22 cy=%2213.4%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.11%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22285.9%22 cy=%2215.7%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.11%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22323.0%22 cy=%2231.9%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.12%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M17.2 69.6h5.2M19.8 67.0v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.16%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%285 19.8 69.6%29%22/%3E%3Ccircle cx=%2252.9%22 cy=%2251.3%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22107.9%22 cy=%2252.4%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Cpath d=%22M144.6 51.0h5.2M147.2 48.4v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.16%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2831 147.2 51.0%29%22/%3E%3Ccircle cx=%22198.9%22 cy=%2268.8%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Cpath d=%22M231.3 57.4h5.2M233.9 54.8v5.2%22 stroke=%22%23f5a58c%22 stroke-opacity=%220.41%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2812 233.9 57.4%29%22/%3E%3Ccircle cx=%22280.0%22 cy=%2276.0%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.11%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M300.1 74.3h5.2M302.7 71.7v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.13%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2842 302.7 74.3%29%22/%3E%3Ccircle cx=%227.2%22 cy=%22117.6%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.11%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M68.6 100.9h5.2M71.2 98.3v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.15%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2810 71.2 100.9%29%22/%3E%3Ccircle cx=%2290.5%22 cy=%2298.4%22 r=%221.2%22 fill=%22%23f9c08f%22 fill-opacity=%220.44%22/%3E%3Ccircle cx=%22134.1%22 cy=%22109.2%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.12%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22188.6%22 cy=%2294.0%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22226.8%22 cy=%22109.7%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.15%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22279.1%22 cy=%2293.1%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.11%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M301.7 94.6h5.2M304.3 92.0v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.14%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2815 304.3 94.6%29%22/%3E%3Ccircle cx=%2232.3%22 cy=%22139.6%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.14%22/%3E%3Ccircle cx=%2262.2%22 cy=%22147.4%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.15%22/%3E%3Ccircle cx=%22119.6%22 cy=%22144.2%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.10%22/%3E%3Cpath d=%22M156.5 150.5h5.2M159.1 147.9v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.16%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2814 159.1 150.5%29%22/%3E%3Ccircle cx=%22195.8%22 cy=%22138.6%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.17%22/%3E%3Ccircle cx=%22244.5%22 cy=%22149.9%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.12%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22279.6%22 cy=%22155.6%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.12%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M299.7 134.5h5.2M302.3 131.9v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.14%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2835 302.3 134.5%29%22/%3E%3Ccircle cx=%2223.5%22 cy=%22175.1%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.14%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%2258.5%22 cy=%22174.9%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Cpath d=%22M97.6 186.1h5.2M100.2 183.5v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.17%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%287 100.2 186.1%29%22/%3E%3Ccircle cx=%22139.8%22 cy=%22178.4%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.10%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22189.6%22 cy=%22176.7%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.13%22/%3E%3Ccircle cx=%22227.2%22 cy=%22184.1%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Ccircle cx=%22272.0%22 cy=%22180.8%22 r=%222.3%22 fill=%22none%22 stroke=%22%23f9c08f%22 stroke-opacity=%220.49%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M300.3 201.6h5.2M302.9 199.0v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.15%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2829 302.9 201.6%29%22/%3E%3Ccircle cx=%2235.3%22 cy=%22236.0%22 r=%222.3%22 fill=%22none%22 stroke=%22%23f5a58c%22 stroke-opacity=%220.41%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%2253.6%22 cy=%22234.1%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.12%22/%3E%3Ccircle cx=%2297.3%22 cy=%22238.3%22 r=%222.3%22 fill=%22none%22 stroke=%22%23b8e0c2%22 stroke-opacity=%220.43%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M157.3 226.3h5.2M159.9 223.7v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.17%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2834 159.9 226.3%29%22/%3E%3Cpath d=%22M172.0 235.5h5.2M174.6 232.9v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.14%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%286 174.6 235.5%29%22/%3E%3Ccircle cx=%22239.6%22 cy=%22221.2%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.16%22/%3E%3Cpath d=%22M279.4 227.8h5.2M282.0 225.2v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.11%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2840 282.0 227.8%29%22/%3E%3Cpath d=%22M320.8 240.0h5.2M323.4 237.4v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.12%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2816 323.4 240.0%29%22/%3E%3Cpath d=%22M28.1 283.8h5.2M30.7 281.2v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.16%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%284 30.7 283.8%29%22/%3E%3Ccircle cx=%2253.6%22 cy=%22284.1%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.17%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M113.3 274.9h5.2M115.9 272.3v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.16%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%285 115.9 274.9%29%22/%3E%3Ccircle cx=%22149.9%22 cy=%22275.7%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.11%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M179.3 267.0h5.2M181.9 264.4v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.17%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2824 181.9 267.0%29%22/%3E%3Ccircle cx=%22216.2%22 cy=%22285.3%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Cpath d=%22M273.0 280.8h5.2M275.6 278.2v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.15%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%282 275.6 280.8%29%22/%3E%3Ccircle cx=%22308.8%22 cy=%22263.7%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Cpath d=%22M23.9 307.1h5.2M26.5 304.5v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.11%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2822 26.5 307.1%29%22/%3E%3Ccircle cx=%2252.3%22 cy=%22316.7%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.13%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22108.7%22 cy=%22304.7%22 r=%222.3%22 fill=%22none%22 stroke=%22%23b8e0c2%22 stroke-opacity=%220.48%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22132.3%22 cy=%22329.5%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.15%22 stroke-width=%221.1%22/%3E%3Ccircle cx=%22194.4%22 cy=%22308.8%22 r=%221.2%22 fill=%22%23efe8e6%22 fill-opacity=%220.11%22/%3E%3Ccircle cx=%22225.9%22 cy=%22327.8%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.14%22 stroke-width=%221.1%22/%3E%3Cpath d=%22M256.0 328.0h5.2M258.6 325.4v5.2%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.14%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 transform=%22rotate%2824 258.6 328.0%29%22/%3E%3Ccircle cx=%22300.8%22 cy=%22326.1%22 r=%222.3%22 fill=%22none%22 stroke=%22%23efe8e6%22 stroke-opacity=%220.12%22 stroke-width=%221.1%22/%3E%3C/svg%3E");    /* rings + plus marks + dots (TIDAL, Twitch) */
}

@keyframes celyrian-breathe {
  0%, 100% { box-shadow: 0 0 0 3px var(--field), 0 0 0 6px var(--ink); }
  50%      { box-shadow: 0 0 0 3px var(--field), 0 0 0 6px var(--a1), 0 0 14px 6px rgba(252, 213, 181, 0.34); }
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t: 0ms; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Light, derived from the palette above by tools/tokens.py (the palette itself
   is dark only). Dark stays the default; light is the option. */
[data-theme="light"] {
  color-scheme: light;
  --paper: #efe8e6;
  --field: #f6f2f1;
  --plaque: #faf8f8;
  --tile: #ffffff;
  --tile-hi: #fdfcfb;
  --rule: #d6cfce;
  --edge: #9b929e;
  --drop: #c5bfbf;
  --ink: #1e1b22;
  --ink-2: #6b646c;
  --plaque-ink-2: #6e666e;
  --trail: #aca4a9;
  --a1: #fac9ab;
  --a2: #f8b98e;
  --a3: #f5a58c;
  --a4: #f4b0b4;
  --a5: #a0ceac;
  --on-accent: #1e1b22;
  --drop-chip: 0 3px 0 var(--drop);
  --drop-hover: 0 5px 0 var(--drop);
  --drop-press: 0 1px 0 var(--drop);
  --soft-shadow: 0 4px 24px rgba(60, 40, 50, 0.16);
  --note-face: color-mix(in srgb, var(--plaque) 88%, var(--note-lemon));
}