@layer tokens{
:root{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-link:#1d4ed8;--color-link-hover:#1e40af;--heading-accent:var(--color-primary);--heading-mark-bg:var(--color-highlight, var(--color-primary));--heading-mark-fg:var(--color-highlight-text, var(--color-background));--heading-code-bg:var(--color-code-bg, var(--color-surface));--heading-code-fg:var(--color-code-text, var(--color-text));--heading-link-decoration:var(--color-primary);--heading-rule:color-mix(in srgb, var(--heading-accent) 55%, transparent);--color-text:#1f2937;--color-text-muted:#6b7280;--color-text-secondary:var(--color-text-muted);--color-background:#ffffff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-border-strong:var(--color-text);--color-border-soft:color-mix(in srgb, var(--color-border) 60%, transparent);--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--article-bg:var(--color-background);--article-bg-opacity:0.95;--article-blur:0px;--article-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--font-body:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-heading:var(--font-body);--font-mono:ui-monospace, 'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, monospace;--leading-heading-expressive:1.35;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1.125rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--leading-prose:1.7;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--content-width:66ch;--content-max-width:var(--content-width);--post-text-size:1.25rem;--page-width:1200px;--grid-max-width:1400px;--radius-sm:0.375rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--article-progress-height:3px;--article-progress-track:color-mix(in srgb, var(--color-text) 8%, transparent);--article-progress-start:var(--color-primary);--article-progress-end:var(--color-primary-light, var(--color-primary));--article-progress-glow:color-mix(in srgb, var(--color-primary) 35%, transparent);--gradient-accent:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));--gradient-vibrant:linear-gradient(135deg, #c75b39, #d4856a, #e8b4a2);--gradient-warm:linear-gradient(135deg, #b85450, #cd7b5a, #d4a574);--gradient-cool:linear-gradient(135deg, #5a7a6c, #7a9e8c, #9eb9ae);--gradient-sunset:linear-gradient(135deg, #c76b50, #d4966a, #e2c08d);--gradient-ocean:linear-gradient(135deg, #4a6b7c, #6b8fa3, #8fb3c4);--gradient-catppuccin:linear-gradient(135deg, #b8a5c8, #d4c4d9, #e8dde8);--gradient-nord:linear-gradient(135deg, #7a8fa3, #8fa3b8, #a3b8c7);--gradient-dracula:linear-gradient(135deg, #9a8ab8, #b8a8c8, #c8bcd8);--gradient-gruvbox:linear-gradient(135deg, #c4a06c, #d4b07c, #e4c89c);--gradient-rose-pine:linear-gradient(135deg, #b8a8c4, #d4c4c8, #e8dcd8);--gradient-solarized:linear-gradient(135deg, #6a8a9c, #8aa8b8, #aac4d0);--gradient-tokyo-night:linear-gradient(135deg, #7a8cb8, #9aacd8, #b8cce8);--media-border-width:3px;--media-border-style:solid;--media-border-color:var(--color-border);--media-border-gradient:none;--media-border-radius:var(--radius-lg)}
@media(prefers-color-scheme:dark){
:root{--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-background:#111827;--color-surface:#1f2937;--color-border:#374151;--color-link:#93c5fd;--color-link-hover:#bfdbfe;--article-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2)}
}
}

@layer tokens{
:root{--palette-light:"ayu-light";--palette-dark:"ayu-dark";--palette-manifest:'[{"name":"2bit-demichrome-light","displayName":"2bit Demichrome","variant":"light","baseName":"2bit demichrome","counterpart":"2bit-demichrome","derived":true},{"name":"2bit-demichrome","displayName":"2bit Demichrome","variant":"dark","baseName":"2bit demichrome","counterpart":"2bit-demichrome-light"},{"name":"ash-light","displayName":"Ash","variant":"light","baseName":"ash","counterpart":"ash","derived":true},{"name":"ash","displayName":"Ash","variant":"dark","baseName":"ash","counterpart":"ash-light"},{"name":"autumn-light","displayName":"Autumn","variant":"light","baseName":"autumn","counterpart":"autumn","derived":true},{"name":"autumn","displayName":"Autumn","variant":"dark","baseName":"autumn","counterpart":"autumn-light"},{"name":"ayu-light","displayName":"Ayu","variant":"light","baseName":"ayu light","counterpart":"ayu-dark"},{"name":"ayu-dark","displayName":"Ayu","variant":"dark","baseName":"ayu dark","counterpart":"ayu-light"},{"name":"ayu-mirage-light","displayName":"Ayu Mirage","variant":"light","baseName":"ayu mirage","counterpart":"ayu-mirage","derived":true},{"name":"ayu-mirage","displayName":"Ayu Mirage","variant":"dark","baseName":"ayu mirage","counterpart":"ayu-mirage-light"},{"name":"berry-nebula-light","displayName":"Berry Nebula","variant":"light","baseName":"berry nebula","counterpart":"berry-nebula","derived":true},{"name":"berry-nebula","displayName":"Berry Nebula","variant":"dark","baseName":"berry nebula","counterpart":"berry-nebula-light"},{"name":"black-gold-light","displayName":"Black Gold","variant":"light","baseName":"black gold","counterpart":"black-gold","derived":true},{"name":"black-gold","displayName":"Black Gold","variant":"dark","baseName":"black gold","counterpart":"black-gold-light"},{"name":"blessing","displayName":"Blessing","variant":"light","baseName":"blessing","counterpart":"blessing-dark"},{"name":"blessing-dark","displayName":"Blessing","variant":"dark","baseName":"blessing","counterpart":"blessing","derived":true},{"name":"catppuccin-frappe","displayName":"Catppuccin Frappe","variant":"dark","baseName":"catppuccin frappe","counterpart":"catppuccin-latte"},{"name":"catppuccin-latte","displayName":"Catppuccin Latte","variant":"light","baseName":"catppuccin latte","counterpart":"catppuccin-mocha"},{"name":"catppuccin-macchiato","displayName":"Catppuccin Macchiato","variant":"dark","baseName":"catppuccin macchiato","counterpart":"catppuccin-latte"},{"name":"catppuccin-mocha","displayName":"Catppuccin Mocha","variant":"dark","baseName":"catppuccin mocha","counterpart":"catppuccin-latte"},{"name":"christmas-light","displayName":"Christmas","variant":"light","baseName":"christmas","counterpart":"christmas","derived":true},{"name":"christmas","displayName":"Christmas","variant":"dark","baseName":"christmas","counterpart":"christmas-light"},{"name":"default-light","displayName":"Default","variant":"light","baseName":"default light","counterpart":"default-dark"},{"name":"default-dark","displayName":"Default","variant":"dark","baseName":"default dark","counterpart":"default-light"},{"name":"diwali-light","displayName":"Diwali","variant":"light","baseName":"diwali","counterpart":"diwali","derived":true},{"name":"diwali","displayName":"Diwali","variant":"dark","baseName":"diwali","counterpart":"diwali-light"},{"name":"dracula-light","displayName":"Dracula","variant":"light","baseName":"dracula","counterpart":"dracula","derived":true},{"name":"dracula","displayName":"Dracula","variant":"dark","baseName":"dracula","counterpart":"dracula-light"},{"name":"everforest-light","displayName":"Everforest","variant":"light","baseName":"everforest light","counterpart":"everforest-dark"},{"name":"everforest-dark","displayName":"Everforest","variant":"dark","baseName":"everforest dark","counterpart":"everforest-light"},{"name":"graphite-light","displayName":"Graphite","variant":"light","baseName":"graphite light","counterpart":"graphite-dark"},{"name":"graphite-dark","displayName":"Graphite","variant":"dark","baseName":"graphite dark","counterpart":"graphite-light"},{"name":"gruvbox-light","displayName":"Gruvbox","variant":"light","baseName":"gruvbox light","counterpart":"gruvbox-dark"},{"name":"gruvbox-dark","displayName":"Gruvbox","variant":"dark","baseName":"gruvbox dark","counterpart":"gruvbox-light"},{"name":"halloween-light","displayName":"Halloween","variant":"light","baseName":"halloween","counterpart":"halloween","derived":true},{"name":"halloween","displayName":"Halloween","variant":"dark","baseName":"halloween","counterpart":"halloween-light"},{"name":"hanukkah-light","displayName":"Hanukkah","variant":"light","baseName":"hanukkah","counterpart":"hanukkah","derived":true},{"name":"hanukkah","displayName":"Hanukkah","variant":"dark","baseName":"hanukkah","counterpart":"hanukkah-light"},{"name":"ink-light","displayName":"Ink","variant":"light","baseName":"ink","counterpart":"ink","derived":true},{"name":"ink","displayName":"Ink","variant":"dark","baseName":"ink","counterpart":"ink-light"},{"name":"inkpink-light","displayName":"INKPINK","variant":"light","baseName":"inkpink","counterpart":"inkpink","derived":true},{"name":"inkpink","displayName":"INKPINK","variant":"dark","baseName":"inkpink","counterpart":"inkpink-light"},{"name":"kanagawa-dragon","displayName":"Kanagawa Dragon","variant":"dark","baseName":"kanagawa dragon","counterpart":"kanagawa-lotus"},{"name":"kanagawa-lotus","displayName":"Kanagawa Lotus","variant":"light","baseName":"kanagawa lotus","counterpart":"kanagawa-wave"},{"name":"kanagawa-wave","displayName":"Kanagawa Wave","variant":"dark","baseName":"kanagawa wave","counterpart":"kanagawa-lotus"},{"name":"lava-gb-light","displayName":"Lava-GB","variant":"light","baseName":"lava-gb","counterpart":"lava-gb","derived":true},{"name":"lava-gb","displayName":"Lava-GB","variant":"dark","baseName":"lava-gb","counterpart":"lava-gb-light"},{"name":"lunar-new-year-light","displayName":"Lunar New Year","variant":"light","baseName":"lunar new year","counterpart":"lunar-new-year","derived":true},{"name":"lunar-new-year","displayName":"Lunar New Year","variant":"dark","baseName":"lunar new year","counterpart":"lunar-new-year-light"},{"name":"matte-black-light","displayName":"Matte Black","variant":"light","baseName":"matte black","counterpart":"matte-black","derived":true},{"name":"matte-black","displayName":"Matte Black","variant":"dark","baseName":"matte black","counterpart":"matte-black-light"},{"name":"midnight-ablaze-light","displayName":"Midnight Ablaze","variant":"light","baseName":"midnight ablaze","counterpart":"midnight-ablaze","derived":true},{"name":"midnight-ablaze","displayName":"Midnight Ablaze","variant":"dark","baseName":"midnight ablaze","counterpart":"midnight-ablaze-light"},{"name":"mist-gb-light","displayName":"Mist GB","variant":"light","baseName":"mist gb","counterpart":"mist-gb","derived":true},{"name":"mist-gb","displayName":"Mist GB","variant":"dark","baseName":"mist gb","counterpart":"mist-gb-light"},{"name":"modus-operandi","displayName":"Modus Operandi","variant":"light","baseName":"modus operandi","counterpart":"modus-operandi-dark"},{"name":"modus-operandi-dark","displayName":"Modus Operandi","variant":"dark","baseName":"modus operandi","counterpart":"modus-operandi","derived":true},{"name":"modus-vivendi-light","displayName":"Modus Vivendi","variant":"light","baseName":"modus vivendi","counterpart":"modus-vivendi","derived":true},{"name":"modus-vivendi","displayName":"Modus Vivendi","variant":"dark","baseName":"modus vivendi","counterpart":"modus-vivendi-light"},{"name":"monokai-light","displayName":"Monokai","variant":"light","baseName":"monokai","counterpart":"monokai","derived":true},{"name":"monokai","displayName":"Monokai","variant":"dark","baseName":"monokai","counterpart":"monokai-light"},{"name":"night-owl-light","displayName":"Night Owl","variant":"light","baseName":"night owl light","counterpart":"night-owl"},{"name":"night-owl","displayName":"Night Owl","variant":"dark","baseName":"night owl","counterpart":"night-owl-light"},{"name":"nintendo-gameboy-light","displayName":"Nintendo Gameboy","variant":"light","baseName":"nintendo gameboy","counterpart":"nintendo-gameboy","derived":true},{"name":"nintendo-gameboy","displayName":"Nintendo Gameboy","variant":"dark","baseName":"nintendo gameboy","counterpart":"nintendo-gameboy-light"},{"name":"nord-light","displayName":"Nord","variant":"light","baseName":"nord light","counterpart":"nord-dark"},{"name":"nord-dark","displayName":"Nord","variant":"dark","baseName":"nord dark","counterpart":"nord-light"},{"name":"oil-6","displayName":"Oil 6","variant":"light","baseName":"oil 6","counterpart":"oil-6-dark"},{"name":"oil-6-dark","displayName":"Oil 6","variant":"dark","baseName":"oil 6","counterpart":"oil-6","derived":true},{"name":"one-light","displayName":"One","variant":"light","baseName":"one light","counterpart":"one-dark"},{"name":"one-dark","displayName":"One","variant":"dark","baseName":"one dark","counterpart":"one-light"},{"name":"pico-8-light","displayName":"PICO-8","variant":"light","baseName":"pico-8","counterpart":"pico-8","derived":true},{"name":"pico-8","displayName":"PICO-8","variant":"dark","baseName":"pico-8","counterpart":"pico-8-light"},{"name":"pitch-black-light","displayName":"Pitch Black","variant":"light","baseName":"pitch black","counterpart":"pitch-black","derived":true},{"name":"pitch-black","displayName":"Pitch Black","variant":"dark","baseName":"pitch black","counterpart":"pitch-black-light"},{"name":"pollen8","displayName":"Pollen8","variant":"light","baseName":"pollen8","counterpart":"pollen8-dark"},{"name":"pollen8-dark","displayName":"Pollen8","variant":"dark","baseName":"pollen8","counterpart":"pollen8","derived":true},{"name":"rose-pine","displayName":"Rose Pine","variant":"dark","baseName":"rose pine","counterpart":"rose-pine-dawn"},{"name":"rose-pine-dawn","displayName":"Rose Pine Dawn","variant":"light","baseName":"rose pine dawn","counterpart":"rose-pine"},{"name":"rose-pine-moon","displayName":"Rose Pine Moon","variant":"dark","baseName":"rose pine moon","counterpart":"rose-pine-dawn"},{"name":"rust-gold-8-light","displayName":"Rust Gold 8","variant":"light","baseName":"rust gold 8","counterpart":"rust-gold-8","derived":true},{"name":"rust-gold-8","displayName":"Rust Gold 8","variant":"dark","baseName":"rust gold 8","counterpart":"rust-gold-8-light"},{"name":"slso8-light","displayName":"SLSO8","variant":"light","baseName":"slso8","counterpart":"slso8","derived":true},{"name":"slso8","displayName":"SLSO8","variant":"dark","baseName":"slso8","counterpart":"slso8-light"},{"name":"solarized-light","displayName":"Solarized","variant":"light","baseName":"solarized light","counterpart":"solarized-dark"},{"name":"solarized-dark","displayName":"Solarized","variant":"dark","baseName":"solarized dark","counterpart":"solarized-light"},{"name":"st.-patrick\'s-day-light","displayName":"St. Patrick\'s Day","variant":"light","baseName":"st. patrick\'s day","counterpart":"st.-patrick\'s-day","derived":true},{"name":"st.-patrick\'s-day","displayName":"St. Patrick\'s Day","variant":"dark","baseName":"st. patrick\'s day","counterpart":"st.-patrick\'s-day-light"},{"name":"summer-beach","displayName":"Summer Beach","variant":"light","baseName":"summer beach","counterpart":"summer-beach-dark"},{"name":"summer-beach-dark","displayName":"Summer Beach","variant":"dark","baseName":"summer beach","counterpart":"summer-beach","derived":true},{"name":"sweet-light","displayName":"Sweet","variant":"light","baseName":"sweet","counterpart":"sweet","derived":true},{"name":"sweet","displayName":"Sweet","variant":"dark","baseName":"sweet","counterpart":"sweet-light"},{"name":"tokyo-night","displayName":"Tokyo Night","variant":"dark","baseName":"tokyo night","counterpart":"tokyo-night-day"},{"name":"tokyo-night-day","displayName":"Tokyo Night Day","variant":"light","baseName":"tokyo night day","counterpart":"tokyo-night"},{"name":"tokyo-night-storm","displayName":"Tokyo Night Storm","variant":"dark","baseName":"tokyo night storm","counterpart":"tokyo-night-day"},{"name":"twilight-5-light","displayName":"Twilight 5","variant":"light","baseName":"twilight 5","counterpart":"twilight-5","derived":true},{"name":"twilight-5","displayName":"Twilight 5","variant":"dark","baseName":"twilight 5","counterpart":"twilight-5-light"},{"name":"valentine-light","displayName":"Valentine","variant":"light","baseName":"valentine","counterpart":"valentine","derived":true},{"name":"valentine","displayName":"Valentine","variant":"dark","baseName":"valentine","counterpart":"valentine-light"},{"name":"vinik24-light","displayName":"Vinik24","variant":"light","baseName":"vinik24","counterpart":"vinik24","derived":true},{"name":"vinik24","displayName":"Vinik24","variant":"dark","baseName":"vinik24","counterpart":"vinik24-light"},{"name":"white-gold","displayName":"White Gold","variant":"light","baseName":"white gold","counterpart":"white-gold-dark"},{"name":"white-gold-dark","displayName":"White Gold","variant":"dark","baseName":"white gold","counterpart":"white-gold","derived":true},{"name":"whitesur-light","displayName":"WhiteSur","variant":"light","baseName":"whitesur light","counterpart":"whitesur-dark"},{"name":"whitesur-dark","displayName":"WhiteSur","variant":"dark","baseName":"whitesur dark","counterpart":"whitesur-light"},{"name":"winter-frost-light","displayName":"Winter Frost","variant":"light","baseName":"winter frost","counterpart":"winter-frost","derived":true},{"name":"winter-frost","displayName":"Winter Frost","variant":"dark","baseName":"winter frost","counterpart":"winter-frost-light"}]';--palette-switcher-enabled:1}
[data-palette=ayu-light],:root[data-palette=ayu-light]{--color-primary:#9a5200;--color-primary-light:#9a5500;--color-primary-dark:#9a5500;--color-text:#5c6166;--color-text-secondary:#5c6166;--color-text-muted:#5c6166;--color-background:#fafafa;--color-surface:#f0f0f0;--color-border:#f0f0f0;--color-success:#5a8000;--color-warning:#9a5500;--color-error:#c43030;--color-info:#2a8a80;--color-link:#5c6166;--color-link-hover:#278077;--color-link-visited:#8765a9;--color-code-bg:#f0f0f0;--color-code-text:#5c6166;--color-code-comment:#696d73;--color-code-keyword:#9a5500;--color-code-string:#547800;--color-code-number:#7f5f9f;--color-code-function:#8e662b;--color-code-type:#2a6db5;--color-code-operator:#ac5151;--admonition-note-bg:#d1e4f4;--admonition-note-border:#2a6db5;--admonition-tip-bg:#d1e4f4;--admonition-tip-border:#5a8000;--admonition-warn-bg:#d1e4f4;--admonition-warn-border:#9a5500;--admonition-error-bg:#d1e4f4;--admonition-error-border:#c43030;--color-highlight:#9a5200;--color-highlight-text:#fafafa;--heading-mark-bg:var(--color-highlight);--heading-mark-fg:var(--color-highlight-text);--color-mark-bg:#e5d4bf;--color-mark-text:#595e62}
[data-palette=ayu-dark],:root[data-palette=ayu-dark]{--color-primary:#e6b450;--color-primary-light:#ff8f40;--color-primary-dark:#ff8f40;--color-text:#bfbdb6;--color-text-secondary:#bfbdb6;--color-text-muted:#bfbdb6;--color-background:#0d1017;--color-surface:#131721;--color-border:#1c232f;--color-success:#7fd962;--color-warning:#ff8f40;--color-error:#d95757;--color-info:#73b8ff;--color-link:#bfbdb6;--color-link-hover:#73b8ff;--color-link-visited:#d2a6ff;--color-code-bg:#0d1017;--color-code-text:#bfbdb6;--color-code-comment:#8f98a8;--color-code-keyword:#ff8f40;--color-code-string:#7fd962;--color-code-number:#d2a6ff;--color-code-function:#ffb454;--color-code-type:#59c2ff;--color-code-operator:#f07178;--admonition-note-bg:#131721;--admonition-note-border:#59c2ff;--admonition-tip-bg:#131721;--admonition-tip-border:#7fd962;--admonition-warn-bg:#131721;--admonition-warn-border:#ff8f40;--admonition-error-bg:#131721;--admonition-error-border:#d95757;--color-highlight:#e6b450;--color-highlight-text:#0d1017;--heading-mark-bg:var(--color-highlight);--heading-mark-fg:var(--color-highlight-text);--color-mark-bg:#663919;--color-mark-text:#bfbdb6}
:root:not([data-theme=light]):not([data-palette]),[data-theme=dark]:not([data-palette]){--color-primary:#e6b450;--color-primary-light:#ff8f40;--color-primary-dark:#ff8f40;--color-text:#bfbdb6;--color-text-secondary:#bfbdb6;--color-text-muted:#bfbdb6;--color-background:#0d1017;--color-surface:#131721;--color-border:#1c232f;--color-success:#7fd962;--color-warning:#ff8f40;--color-error:#d95757;--color-info:#73b8ff;--color-link:#bfbdb6;--color-link-hover:#73b8ff;--color-link-visited:#d2a6ff;--color-code-bg:#0d1017;--color-code-text:#bfbdb6;--color-code-comment:#8f98a8;--color-code-keyword:#ff8f40;--color-code-string:#7fd962;--color-code-number:#d2a6ff;--color-code-function:#ffb454;--color-code-type:#59c2ff;--color-code-operator:#f07178;--admonition-note-bg:#131721;--admonition-note-border:#59c2ff;--admonition-tip-bg:#131721;--admonition-tip-border:#7fd962;--admonition-warn-bg:#131721;--admonition-warn-border:#ff8f40;--admonition-error-bg:#131721;--admonition-error-border:#d95757;--color-highlight:#e6b450;--color-highlight-text:#0d1017;--heading-mark-bg:var(--color-highlight);--heading-mark-fg:var(--color-highlight-text);--color-mark-bg:#663919;--color-mark-text:#bfbdb6}
[data-theme=light]:not([data-palette]){--color-primary:#9a5200;--color-primary-light:#9a5500;--color-primary-dark:#9a5500;--color-text:#5c6166;--color-text-secondary:#5c6166;--color-text-muted:#5c6166;--color-background:#fafafa;--color-surface:#f0f0f0;--color-border:#f0f0f0;--color-success:#5a8000;--color-warning:#9a5500;--color-error:#c43030;--color-info:#2a8a80;--color-link:#5c6166;--color-link-hover:#278077;--color-link-visited:#8765a9;--color-code-bg:#f0f0f0;--color-code-text:#5c6166;--color-code-comment:#696d73;--color-code-keyword:#9a5500;--color-code-string:#547800;--color-code-number:#7f5f9f;--color-code-function:#8e662b;--color-code-type:#2a6db5;--color-code-operator:#ac5151;--admonition-note-bg:#d1e4f4;--admonition-note-border:#2a6db5;--admonition-tip-bg:#d1e4f4;--admonition-tip-border:#5a8000;--admonition-warn-bg:#d1e4f4;--admonition-warn-border:#9a5500;--admonition-error-bg:#d1e4f4;--admonition-error-border:#c43030;--color-highlight:#9a5200;--color-highlight-text:#fafafa;--heading-mark-bg:var(--color-highlight);--heading-mark-fg:var(--color-highlight-text);--color-mark-bg:#e5d4bf;--color-mark-text:#595e62}
}
@layer overrides{
:root{--content-width:clamp(56ch, 60vw, 72ch);--text-base:1.2rem}
}
@layer tokens{
:root{--aesthetic:"precision";--theme-radius:4px;--theme-shadow:0 2px 7px rgb(0 0 0 / .10);--theme-spacing:1}
:where(:root:not([data-theme=light]),[data-theme=dark]){--bg:#0d1017;--panel:#131721;--ink:#bfbdb6;--accent:#e6b450;--color-background:#0d1017;--color-surface:#131721;--color-text:#bfbdb6;--color-primary:#e6b450;--color-border-strong:#bfbdb6;--color-border:color-mix(in srgb, #bfbdb6 16%, #0d1017)}
:where([data-theme=light]){--bg:#fafafa;--panel:#f0f0f0;--ink:#5c6166;--accent:#9a5200;--color-background:#fafafa;--color-surface:#f0f0f0;--color-text:#5c6166;--color-primary:#9a5200;--color-border-strong:#5c6166;--color-border:color-mix(in srgb, #5c6166 16%, #fafafa)}
[data-palette="2bit-demichrome"],:root[data-palette="2bit-demichrome"]{--bg:#211e20;--panel:#555568;--ink:#e9efec;--accent:#a0a08b;--color-background:#211e20;--color-surface:#555568;--color-text:#e9efec;--color-primary:#a0a08b;--color-border-strong:#e9efec;--color-border:color-mix(in srgb, #e9efec 16%, #211e20)}
[data-palette=ash],:root[data-palette=ash]{--bg:#1e1e1e;--panel:#262626;--ink:#d4d4d4;--accent:#c0c0c0;--color-background:#1e1e1e;--color-surface:#262626;--color-text:#d4d4d4;--color-primary:#c0c0c0;--color-border-strong:#d4d4d4;--color-border:color-mix(in srgb, #d4d4d4 16%, #1e1e1e)}
[data-palette=autumn],:root[data-palette=autumn]{--bg:#1e1812;--panel:#2a221a;--ink:#e8dcc8;--accent:#f07700;--color-background:#1e1812;--color-surface:#2a221a;--color-text:#e8dcc8;--color-primary:#f07700;--color-border-strong:#e8dcc8;--color-border:color-mix(in srgb, #e8dcc8 16%, #1e1812)}
[data-palette=ayu-dark],:root[data-palette=ayu-dark]{--bg:#0d1017;--panel:#131721;--ink:#bfbdb6;--accent:#e6b450;--color-background:#0d1017;--color-surface:#131721;--color-text:#bfbdb6;--color-primary:#e6b450;--color-border-strong:#bfbdb6;--color-border:color-mix(in srgb, #bfbdb6 16%, #0d1017)}
[data-palette=ayu-light],:root[data-palette=ayu-light]{--bg:#fafafa;--panel:#f0f0f0;--ink:#5c6166;--accent:#9a5200;--color-background:#fafafa;--color-surface:#f0f0f0;--color-text:#5c6166;--color-primary:#9a5200;--color-border-strong:#5c6166;--color-border:color-mix(in srgb, #5c6166 16%, #fafafa)}
[data-palette=ayu-mirage],:root[data-palette=ayu-mirage]{--bg:#1f2430;--panel:#242936;--ink:#cbccc6;--accent:#ffcc66;--color-background:#1f2430;--color-surface:#242936;--color-text:#cbccc6;--color-primary:#ffcc66;--color-border-strong:#cbccc6;--color-border:color-mix(in srgb, #cbccc6 16%, #1f2430)}
[data-palette=berry-nebula],:root[data-palette=berry-nebula]{--bg:#0d001a;--panel:#4f1446;--ink:#6ceded;--accent:#6cb9c9;--color-background:#0d001a;--color-surface:#4f1446;--color-text:#6ceded;--color-primary:#6cb9c9;--color-border-strong:#6ceded;--color-border:color-mix(in srgb, #6ceded 16%, #0d001a)}
[data-palette=black-gold],:root[data-palette=black-gold]{--bg:#0d0d0d;--panel:#151515;--ink:#e8e4d8;--accent:#d4af37;--color-background:#0d0d0d;--color-surface:#151515;--color-text:#e8e4d8;--color-primary:#d4af37;--color-border-strong:#e8e4d8;--color-border:color-mix(in srgb, #e8e4d8 16%, #0d0d0d)}
[data-palette=blessing],:root[data-palette=blessing]{--bg:#f7ffae;--panel:#f7ffae;--ink:#74569b;--accent:#74569b;--color-background:#f7ffae;--color-surface:#f7ffae;--color-text:#74569b;--color-primary:#74569b;--color-border-strong:#74569b;--color-border:color-mix(in srgb, #74569b 16%, #f7ffae)}
[data-palette=catppuccin-frappe],:root[data-palette=catppuccin-frappe]{--bg:#303446;--panel:#414559;--ink:#c6d0f5;--accent:#ca9ee6;--color-background:#303446;--color-surface:#414559;--color-text:#c6d0f5;--color-primary:#ca9ee6;--color-border-strong:#c6d0f5;--color-border:color-mix(in srgb, #c6d0f5 16%, #303446)}
[data-palette=catppuccin-latte],:root[data-palette=catppuccin-latte]{--bg:#eff1f5;--panel:#ccd0da;--ink:#3c3e52;--accent:#8839ef;--color-background:#eff1f5;--color-surface:#ccd0da;--color-text:#3c3e52;--color-primary:#8839ef;--color-border-strong:#3c3e52;--color-border:color-mix(in srgb, #3c3e52 16%, #eff1f5)}
[data-palette=catppuccin-macchiato],:root[data-palette=catppuccin-macchiato]{--bg:#24273a;--panel:#363a4f;--ink:#cad3f5;--accent:#c6a0f6;--color-background:#24273a;--color-surface:#363a4f;--color-text:#cad3f5;--color-primary:#c6a0f6;--color-border-strong:#cad3f5;--color-border:color-mix(in srgb, #cad3f5 16%, #24273a)}
[data-palette=catppuccin-mocha],:root[data-palette=catppuccin-mocha]{--bg:#1e1e2e;--panel:#313244;--ink:#cdd6f4;--accent:#cba6f7;--color-background:#1e1e2e;--color-surface:#313244;--color-text:#cdd6f4;--color-primary:#cba6f7;--color-border-strong:#cdd6f4;--color-border:color-mix(in srgb, #cdd6f4 16%, #1e1e2e)}
[data-palette=christmas],:root[data-palette=christmas]{--bg:#0f1a14;--panel:#1a2a20;--ink:#f0f5f0;--accent:#ffd700;--color-background:#0f1a14;--color-surface:#1a2a20;--color-text:#f0f5f0;--color-primary:#ffd700;--color-border-strong:#f0f5f0;--color-border:color-mix(in srgb, #f0f5f0 16%, #0f1a14)}
[data-palette=default-dark],:root[data-palette=default-dark]{--bg:#111827;--panel:#1f2937;--ink:#f3f4f6;--accent:#60a5fa;--color-background:#111827;--color-surface:#1f2937;--color-text:#f3f4f6;--color-primary:#60a5fa;--color-border-strong:#f3f4f6;--color-border:color-mix(in srgb, #f3f4f6 16%, #111827)}
[data-palette=default-light],:root[data-palette=default-light]{--bg:#f9fafb;--panel:#f3f4f6;--ink:#111827;--accent:#326fd3;--color-background:#f9fafb;--color-surface:#f3f4f6;--color-text:#111827;--color-primary:#326fd3;--color-border-strong:#111827;--color-border:color-mix(in srgb, #111827 16%, #f9fafb)}
[data-palette=diwali],:root[data-palette=diwali]{--bg:#1a0f0a;--panel:#2a1a12;--ink:#fff8e8;--accent:#ffd700;--color-background:#1a0f0a;--color-surface:#2a1a12;--color-text:#fff8e8;--color-primary:#ffd700;--color-border-strong:#fff8e8;--color-border:color-mix(in srgb, #fff8e8 16%, #1a0f0a)}
[data-palette=dracula],:root[data-palette=dracula]{--bg:#282a36;--panel:#343746;--ink:#f8f8f2;--accent:#bd93f9;--color-background:#282a36;--color-surface:#343746;--color-text:#f8f8f2;--color-primary:#bd93f9;--color-border-strong:#f8f8f2;--color-border:color-mix(in srgb, #f8f8f2 16%, #282a36)}
[data-palette=everforest-dark],:root[data-palette=everforest-dark]{--bg:#2d353b;--panel:#3d484d;--ink:#d3c6aa;--accent:#a7c080;--color-background:#2d353b;--color-surface:#3d484d;--color-text:#d3c6aa;--color-primary:#a7c080;--color-border-strong:#d3c6aa;--color-border:color-mix(in srgb, #d3c6aa 16%, #2d353b)}
[data-palette=everforest-light],:root[data-palette=everforest-light]{--bg:#fdf6e3;--panel:#efebd4;--ink:#3d4a50;--accent:#5f7000;--color-background:#fdf6e3;--color-surface:#efebd4;--color-text:#3d4a50;--color-primary:#5f7000;--color-border-strong:#3d4a50;--color-border:color-mix(in srgb, #3d4a50 16%, #fdf6e3)}
[data-palette=graphite-dark],:root[data-palette=graphite-dark]{--bg:#212121;--panel:#2c2c2c;--ink:#e8e8e8;--accent:#78a9ff;--color-background:#212121;--color-surface:#2c2c2c;--color-text:#e8e8e8;--color-primary:#78a9ff;--color-border-strong:#e8e8e8;--color-border:color-mix(in srgb, #e8e8e8 16%, #212121)}
[data-palette=graphite-light],:root[data-palette=graphite-light]{--bg:#fafafa;--panel:#f2f2f2;--ink:#242424;--accent:#0f62fe;--color-background:#fafafa;--color-surface:#f2f2f2;--color-text:#242424;--color-primary:#0f62fe;--color-border-strong:#242424;--color-border:color-mix(in srgb, #242424 16%, #fafafa)}
[data-palette=gruvbox-dark],:root[data-palette=gruvbox-dark]{--bg:#282828;--panel:#3c3836;--ink:#ebdbb2;--accent:#fabd2f;--color-background:#282828;--color-surface:#3c3836;--color-text:#ebdbb2;--color-primary:#fabd2f;--color-border-strong:#ebdbb2;--color-border:color-mix(in srgb, #ebdbb2 16%, #282828)}
[data-palette=gruvbox-light],:root[data-palette=gruvbox-light]{--bg:#fbf1c7;--panel:#ebdbb2;--ink:#3c3836;--accent:#076678;--color-background:#fbf1c7;--color-surface:#ebdbb2;--color-text:#3c3836;--color-primary:#076678;--color-border-strong:#3c3836;--color-border:color-mix(in srgb, #3c3836 16%, #fbf1c7)}
[data-palette=halloween],:root[data-palette=halloween]{--bg:#0d0d0d;--panel:#1a1a1a;--ink:#e8e8e8;--accent:#ff7518;--color-background:#0d0d0d;--color-surface:#1a1a1a;--color-text:#e8e8e8;--color-primary:#ff7518;--color-border-strong:#e8e8e8;--color-border:color-mix(in srgb, #e8e8e8 16%, #0d0d0d)}
[data-palette=hanukkah],:root[data-palette=hanukkah]{--bg:#0a1628;--panel:#142438;--ink:#f0f5ff;--accent:#87ceeb;--color-background:#0a1628;--color-surface:#142438;--color-text:#f0f5ff;--color-primary:#87ceeb;--color-border-strong:#f0f5ff;--color-border:color-mix(in srgb, #f0f5ff 16%, #0a1628)}
[data-palette=ink],:root[data-palette=ink]{--bg:#1f1f29;--panel:#413a42;--ink:#eaf0d8;--accent:#96a2b3;--color-background:#1f1f29;--color-surface:#413a42;--color-text:#eaf0d8;--color-primary:#96a2b3;--color-border-strong:#eaf0d8;--color-border:color-mix(in srgb, #eaf0d8 16%, #1f1f29)}
[data-palette=inkpink],:root[data-palette=inkpink]{--bg:#260d34;--panel:#87286a;--ink:#ffffff;--accent:#fe6c90;--color-background:#260d34;--color-surface:#87286a;--color-text:#ffffff;--color-primary:#fe6c90;--color-border-strong:#ffffff;--color-border:color-mix(in srgb, #ffffff 16%, #260d34)}
[data-palette=kanagawa-dragon],:root[data-palette=kanagawa-dragon]{--bg:#181616;--panel:#282727;--ink:#c5c9c5;--accent:#8992a7;--color-background:#181616;--color-surface:#282727;--color-text:#c5c9c5;--color-primary:#8992a7;--color-border-strong:#c5c9c5;--color-border:color-mix(in srgb, #c5c9c5 16%, #181616)}
[data-palette=kanagawa-lotus],:root[data-palette=kanagawa-lotus]{--bg:#f2ecbc;--panel:#dcd5ac;--ink:#545464;--accent:#624c83;--color-background:#f2ecbc;--color-surface:#dcd5ac;--color-text:#545464;--color-primary:#624c83;--color-border-strong:#545464;--color-border:color-mix(in srgb, #545464 16%, #f2ecbc)}
[data-palette=kanagawa-wave],:root[data-palette=kanagawa-wave]{--bg:#1f1f28;--panel:#2a2a37;--ink:#dcd7ba;--accent:#957fb8;--color-background:#1f1f28;--color-surface:#2a2a37;--color-text:#dcd7ba;--color-primary:#957fb8;--color-border-strong:#dcd7ba;--color-border:color-mix(in srgb, #dcd7ba 16%, #1f1f28)}
[data-palette=lava-gb],:root[data-palette=lava-gb]{--bg:#051f39;--panel:#4a2480;--ink:#ff8e80;--accent:#ce5bad;--color-background:#051f39;--color-surface:#4a2480;--color-text:#ff8e80;--color-primary:#ce5bad;--color-border-strong:#ff8e80;--color-border:color-mix(in srgb, #ff8e80 16%, #051f39)}
[data-palette=lunar-new-year],:root[data-palette=lunar-new-year]{--bg:#1a0a0a;--panel:#2a1515;--ink:#f8f0e8;--accent:#ffd700;--color-background:#1a0a0a;--color-surface:#2a1515;--color-text:#f8f0e8;--color-primary:#ffd700;--color-border-strong:#f8f0e8;--color-border:color-mix(in srgb, #f8f0e8 16%, #1a0a0a)}
[data-palette=matte-black],:root[data-palette=matte-black]{--bg:#121212;--panel:#1a1a1a;--ink:#e8e8e8;--accent:#7090c0;--color-background:#121212;--color-surface:#1a1a1a;--color-text:#e8e8e8;--color-primary:#7090c0;--color-border-strong:#e8e8e8;--color-border:color-mix(in srgb, #e8e8e8 16%, #121212)}
[data-palette=midnight-ablaze],:root[data-palette=midnight-ablaze]{--bg:#130208;--panel:#1f0510;--ink:#ff8274;--accent:#ff8274;--color-background:#130208;--color-surface:#1f0510;--color-text:#ff8274;--color-primary:#ff8274;--color-border-strong:#ff8274;--color-border:color-mix(in srgb, #ff8274 16%, #130208)}
[data-palette=mist-gb],:root[data-palette=mist-gb]{--bg:#2d1b00;--panel:#1e606e;--ink:#c4f0c2;--accent:#5ab9a8;--color-background:#2d1b00;--color-surface:#1e606e;--color-text:#c4f0c2;--color-primary:#5ab9a8;--color-border-strong:#c4f0c2;--color-border:color-mix(in srgb, #c4f0c2 16%, #2d1b00)}
[data-palette=modus-operandi],:root[data-palette=modus-operandi]{--bg:#ffffff;--panel:#f2eff3;--ink:#000000;--accent:#0031a9;--color-background:#ffffff;--color-surface:#f2eff3;--color-text:#000000;--color-primary:#0031a9;--color-border-strong:#000000;--color-border:color-mix(in srgb, #000000 16%, #ffffff)}
[data-palette=modus-vivendi],:root[data-palette=modus-vivendi]{--bg:#000000;--panel:#1e1e1e;--ink:#ffffff;--accent:#79a8ff;--color-background:#000000;--color-surface:#1e1e1e;--color-text:#ffffff;--color-primary:#79a8ff;--color-border-strong:#ffffff;--color-border:color-mix(in srgb, #ffffff 16%, #000000)}
[data-palette=monokai],:root[data-palette=monokai]{--bg:#272822;--panel:#3e3d32;--ink:#f8f8f2;--accent:#ff4488;--color-background:#272822;--color-surface:#3e3d32;--color-text:#f8f8f2;--color-primary:#ff4488;--color-border-strong:#f8f8f2;--color-border:color-mix(in srgb, #f8f8f2 16%, #272822)}
[data-palette=night-owl-light],:root[data-palette=night-owl-light]{--bg:#fbfbfb;--panel:#f0f0f0;--ink:#403f53;--accent:#0a7a7f;--color-background:#fbfbfb;--color-surface:#f0f0f0;--color-text:#403f53;--color-primary:#0a7a7f;--color-border-strong:#403f53;--color-border:color-mix(in srgb, #403f53 16%, #fbfbfb)}
[data-palette=night-owl],:root[data-palette=night-owl]{--bg:#011627;--panel:#0b2942;--ink:#d6deeb;--accent:#7fdbca;--color-background:#011627;--color-surface:#0b2942;--color-text:#d6deeb;--color-primary:#7fdbca;--color-border-strong:#d6deeb;--color-border:color-mix(in srgb, #d6deeb 16%, #011627)}
[data-palette=nintendo-gameboy],:root[data-palette=nintendo-gameboy]{--bg:#081820;--panel:#346856;--ink:#e0f8d0;--accent:#88c070;--color-background:#081820;--color-surface:#346856;--color-text:#e0f8d0;--color-primary:#88c070;--color-border-strong:#e0f8d0;--color-border:color-mix(in srgb, #e0f8d0 16%, #081820)}
[data-palette=nord-dark],:root[data-palette=nord-dark]{--bg:#242933;--panel:#2e3440;--ink:#d8dee9;--accent:#88c0d0;--color-background:#242933;--color-surface:#2e3440;--color-text:#d8dee9;--color-primary:#88c0d0;--color-border-strong:#d8dee9;--color-border:color-mix(in srgb, #d8dee9 16%, #242933)}
[data-palette=nord-light],:root[data-palette=nord-light]{--bg:#eceff4;--panel:#e5e9f0;--ink:#2e3440;--accent:#3d5f8a;--color-background:#eceff4;--color-surface:#e5e9f0;--color-text:#2e3440;--color-primary:#3d5f8a;--color-border-strong:#2e3440;--color-border:color-mix(in srgb, #2e3440 16%, #eceff4)}
[data-palette=oil-6],:root[data-palette=oil-6]{--bg:#fbf5ef;--panel:#f2d3ab;--ink:#272744;--accent:#826692;--color-background:#fbf5ef;--color-surface:#f2d3ab;--color-text:#272744;--color-primary:#826692;--color-border-strong:#272744;--color-border:color-mix(in srgb, #272744 16%, #fbf5ef)}
[data-palette=one-dark],:root[data-palette=one-dark]{--bg:#282c34;--panel:#2c323c;--ink:#abb2bf;--accent:#61afef;--color-background:#282c34;--color-surface:#2c323c;--color-text:#abb2bf;--color-primary:#61afef;--color-border-strong:#abb2bf;--color-border:color-mix(in srgb, #abb2bf 16%, #282c34)}
[data-palette=one-light],:root[data-palette=one-light]{--bg:#fafafa;--panel:#f0f0f1;--ink:#383a42;--accent:#3060c0;--color-background:#fafafa;--color-surface:#f0f0f1;--color-text:#383a42;--color-primary:#3060c0;--color-border-strong:#383a42;--color-border:color-mix(in srgb, #383a42 16%, #fafafa)}
[data-palette=pico-8],:root[data-palette=pico-8]{--bg:#000000;--panel:#5f574f;--ink:#fff1e8;--accent:#29adff;--color-background:#000000;--color-surface:#5f574f;--color-text:#fff1e8;--color-primary:#29adff;--color-border-strong:#fff1e8;--color-border:color-mix(in srgb, #fff1e8 16%, #000000)}
[data-palette=pitch-black],:root[data-palette=pitch-black]{--bg:#000000;--panel:#0a0a0a;--ink:#ffffff;--accent:#ffffff;--color-background:#000000;--color-surface:#0a0a0a;--color-text:#ffffff;--color-primary:#ffffff;--color-border-strong:#ffffff;--color-border:color-mix(in srgb, #ffffff 16%, #000000)}
[data-palette=pollen8],:root[data-palette=pollen8]{--bg:#ffe7d6;--panel:#ffe7d6;--ink:#73464c;--accent:#a0506d;--color-background:#ffe7d6;--color-surface:#ffe7d6;--color-text:#73464c;--color-primary:#a0506d;--color-border-strong:#73464c;--color-border:color-mix(in srgb, #73464c 16%, #ffe7d6)}
[data-palette=rose-pine-dawn],:root[data-palette=rose-pine-dawn]{--bg:#faf4ed;--panel:#f2e9e1;--ink:#575279;--accent:#6a5888;--color-background:#faf4ed;--color-surface:#f2e9e1;--color-text:#575279;--color-primary:#6a5888;--color-border-strong:#575279;--color-border:color-mix(in srgb, #575279 16%, #faf4ed)}
[data-palette=rose-pine-moon],:root[data-palette=rose-pine-moon]{--bg:#232136;--panel:#393552;--ink:#e0def4;--accent:#c4a7e7;--color-background:#232136;--color-surface:#393552;--color-text:#e0def4;--color-primary:#c4a7e7;--color-border-strong:#e0def4;--color-border:color-mix(in srgb, #e0def4 16%, #232136)}
[data-palette=rose-pine],:root[data-palette=rose-pine]{--bg:#191724;--panel:#26233a;--ink:#e0def4;--accent:#c4a7e7;--color-background:#191724;--color-surface:#26233a;--color-text:#e0def4;--color-primary:#c4a7e7;--color-border-strong:#e0def4;--color-border:color-mix(in srgb, #e0def4 16%, #191724)}
[data-palette=rust-gold-8],:root[data-palette=rust-gold-8]{--bg:#202020;--panel:#393939;--ink:#f6cd26;--accent:#f6cd26;--color-background:#202020;--color-surface:#393939;--color-text:#f6cd26;--color-primary:#f6cd26;--color-border-strong:#f6cd26;--color-border:color-mix(in srgb, #f6cd26 16%, #202020)}
[data-palette=slso8],:root[data-palette=slso8]{--bg:#0d2b45;--panel:#544e68;--ink:#ffecd6;--accent:#ffaa5e;--color-background:#0d2b45;--color-surface:#544e68;--color-text:#ffecd6;--color-primary:#ffaa5e;--color-border-strong:#ffecd6;--color-border:color-mix(in srgb, #ffecd6 16%, #0d2b45)}
[data-palette=solarized-dark],:root[data-palette=solarized-dark]{--bg:#002b36;--panel:#073642;--ink:#93a1a1;--accent:#3ba3e8;--color-background:#002b36;--color-surface:#073642;--color-text:#93a1a1;--color-primary:#3ba3e8;--color-border-strong:#93a1a1;--color-border:color-mix(in srgb, #93a1a1 16%, #002b36)}
[data-palette=solarized-light],:root[data-palette=solarized-light]{--bg:#fdf6e3;--panel:#eee8d5;--ink:#002b36;--accent:#4a4f8a;--color-background:#fdf6e3;--color-surface:#eee8d5;--color-text:#002b36;--color-primary:#4a4f8a;--color-border-strong:#002b36;--color-border:color-mix(in srgb, #002b36 16%, #fdf6e3)}
[data-palette=summer-beach],:root[data-palette=summer-beach]{--bg:#faf8f5;--panel:#f0ebe5;--ink:#2c3e50;--accent:#006994;--color-background:#faf8f5;--color-surface:#f0ebe5;--color-text:#2c3e50;--color-primary:#006994;--color-border-strong:#2c3e50;--color-border:color-mix(in srgb, #2c3e50 16%, #faf8f5)}
[data-palette=sweet],:root[data-palette=sweet]{--bg:#1b1b2f;--panel:#252542;--ink:#f8f8f2;--accent:#00d3a7;--color-background:#1b1b2f;--color-surface:#252542;--color-text:#f8f8f2;--color-primary:#00d3a7;--color-border-strong:#f8f8f2;--color-border:color-mix(in srgb, #f8f8f2 16%, #1b1b2f)}
[data-palette=tokyo-night-day],:root[data-palette=tokyo-night-day]{--bg:#e1e2e7;--panel:#e9e9ec;--ink:#243a7d;--accent:#7847bd;--color-background:#e1e2e7;--color-surface:#e9e9ec;--color-text:#243a7d;--color-primary:#7847bd;--color-border-strong:#243a7d;--color-border:color-mix(in srgb, #243a7d 16%, #e1e2e7)}
[data-palette=tokyo-night-storm],:root[data-palette=tokyo-night-storm]{--bg:#24283b;--panel:#1f2335;--ink:#c0caf5;--accent:#bb9af7;--color-background:#24283b;--color-surface:#1f2335;--color-text:#c0caf5;--color-primary:#bb9af7;--color-border-strong:#c0caf5;--color-border:color-mix(in srgb, #c0caf5 16%, #24283b)}
[data-palette=tokyo-night],:root[data-palette=tokyo-night]{--bg:#1a1b26;--panel:#24283b;--ink:#c0caf5;--accent:#9d7cd8;--color-background:#1a1b26;--color-surface:#24283b;--color-text:#c0caf5;--color-primary:#9d7cd8;--color-border-strong:#c0caf5;--color-border:color-mix(in srgb, #c0caf5 16%, #1a1b26)}
[data-palette=twilight-5],:root[data-palette=twilight-5]{--bg:#292831;--panel:#333f58;--ink:#fbbbad;--accent:#ee8695;--color-background:#292831;--color-surface:#333f58;--color-text:#fbbbad;--color-primary:#ee8695;--color-border-strong:#fbbbad;--color-border:color-mix(in srgb, #fbbbad 16%, #292831)}
[data-palette=valentine],:root[data-palette=valentine]{--bg:#1a0f14;--panel:#2a1a22;--ink:#f8f0f4;--accent:#cf4f7b;--color-background:#1a0f14;--color-surface:#2a1a22;--color-text:#f8f0f4;--color-primary:#cf4f7b;--color-border-strong:#f8f0f4;--color-border:color-mix(in srgb, #f8f0f4 16%, #1a0f14)}
[data-palette=vinik24],:root[data-palette=vinik24]{--bg:#000000;--panel:#433455;--ink:#c5ccb8;--accent:#68aca9;--color-background:#000000;--color-surface:#433455;--color-text:#c5ccb8;--color-primary:#68aca9;--color-border-strong:#c5ccb8;--color-border:color-mix(in srgb, #c5ccb8 16%, #000000)}
[data-palette=white-gold],:root[data-palette=white-gold]{--bg:#fefefe;--panel:#f8f6f0;--ink:#2d2a24;--accent:#7a5f00;--color-background:#fefefe;--color-surface:#f8f6f0;--color-text:#2d2a24;--color-primary:#7a5f00;--color-border-strong:#2d2a24;--color-border:color-mix(in srgb, #2d2a24 16%, #fefefe)}
[data-palette=whitesur-dark],:root[data-palette=whitesur-dark]{--bg:#1f1f1f;--panel:#282828;--ink:#f0f0f0;--accent:#4d9eff;--color-background:#1f1f1f;--color-surface:#282828;--color-text:#f0f0f0;--color-primary:#4d9eff;--color-border-strong:#f0f0f0;--color-border:color-mix(in srgb, #f0f0f0 16%, #1f1f1f)}
[data-palette=whitesur-light],:root[data-palette=whitesur-light]{--bg:#f5f5f5;--panel:#ebebeb;--ink:#242424;--accent:#0066d6;--color-background:#f5f5f5;--color-surface:#ebebeb;--color-text:#242424;--color-primary:#0066d6;--color-border-strong:#242424;--color-border:color-mix(in srgb, #242424 16%, #f5f5f5)}
[data-palette=winter-frost],:root[data-palette=winter-frost]{--bg:#1c2128;--panel:#252c35;--ink:#e8f0f8;--accent:#a5f2f3;--color-background:#1c2128;--color-surface:#252c35;--color-text:#e8f0f8;--color-primary:#a5f2f3;--color-border-strong:#e8f0f8;--color-border:color-mix(in srgb, #e8f0f8 16%, #1c2128)}
[data-palette="2bit-demichrome-light"],:root[data-palette="2bit-demichrome-light"]{--bg:#fbfbfb;--panel:#e9e9ec;--ink:#101613;--accent:#737371;--color-background:#fbfbfb;--color-surface:#e9e9ec;--color-text:#101613;--color-primary:#737371;--color-border-strong:#101613;--color-border:color-mix(in srgb, #101613 16%, #fbfbfb)}
[data-palette=ash-light],:root[data-palette=ash-light]{--bg:#f5f5f5;--panel:#f0f0f0;--ink:#2b2b2b;--accent:#3f3f3f;--color-background:#f5f5f5;--color-surface:#f0f0f0;--color-text:#2b2b2b;--color-primary:#3f3f3f;--color-border-strong:#2b2b2b;--color-border:color-mix(in srgb, #2b2b2b 16%, #f5f5f5)}
[data-palette=autumn-light],:root[data-palette=autumn-light]{--bg:#f8f7f5;--panel:#f3f1ee;--ink:#372b17;--accent:#a95300;--color-background:#f8f7f5;--color-surface:#f3f1ee;--color-text:#372b17;--color-primary:#a95300;--color-border-strong:#372b17;--color-border:color-mix(in srgb, #372b17 16%, #f8f7f5)}
[data-palette=ayu-mirage-light],:root[data-palette=ayu-mirage-light]{--bg:#f4f5f7;--panel:#f0f1f4;--ink:#383933;--accent:#916000;--color-background:#f4f5f7;--color-surface:#f0f1f4;--color-text:#383933;--color-primary:#916000;--color-border-strong:#383933;--color-border:color-mix(in srgb, #383933 16%, #f4f5f7)}
[data-palette=berry-nebula-light],:root[data-palette=berry-nebula-light]{--bg:#fbf8fe;--panel:#f6e8f4;--ink:#0a5252;--accent:#2d6f7c;--color-background:#fbf8fe;--color-surface:#f6e8f4;--color-text:#0a5252;--color-primary:#2d6f7c;--color-border-strong:#0a5252;--color-border:color-mix(in srgb, #0a5252 16%, #fbf8fe)}
[data-palette=black-gold-light],:root[data-palette=black-gold-light]{--bg:#f6f6f6;--panel:#f2f2f2;--ink:#272317;--accent:#81691c;--color-background:#f6f6f6;--color-surface:#f2f2f2;--color-text:#272317;--color-primary:#81691c;--color-border-strong:#272317;--color-border:color-mix(in srgb, #272317 16%, #f6f6f6)}
[data-palette=blessing-dark],:root[data-palette=blessing-dark]{--bg:#2c3008;--panel:#2c3008;--ink:#c3b4d5;--accent:#c3b4d5;--color-background:#2c3008;--color-surface:#2c3008;--color-text:#c3b4d5;--color-primary:#c3b4d5;--color-border-strong:#c3b4d5;--color-border:color-mix(in srgb, #c3b4d5 16%, #2c3008)}
[data-palette=catppuccin-frappe-light],:root[data-palette=catppuccin-frappe-light]{--bg:#f0f1f4;--panel:#e5e6ea;--ink:#0a1439;--accent:#451961;--color-background:#f0f1f4;--color-surface:#e5e6ea;--color-text:#0a1439;--color-primary:#451961;--color-border-strong:#0a1439;--color-border:color-mix(in srgb, #0a1439 16%, #f0f1f4)}
[data-palette=catppuccin-latte-dark],:root[data-palette=catppuccin-latte-dark]{--bg:#181b21;--panel:#292c34;--ink:#b5b7c9;--accent:#af79f4;--color-background:#181b21;--color-surface:#292c34;--color-text:#b5b7c9;--color-primary:#af79f4;--color-border-strong:#b5b7c9;--color-border:color-mix(in srgb, #b5b7c9 16%, #181b21)}
[data-palette=catppuccin-macchiato-light],:root[data-palette=catppuccin-macchiato-light]{--bg:#f0f1f4;--panel:#e5e6eb;--ink:#0a1335;--accent:#370b70;--color-background:#f0f1f4;--color-surface:#e5e6eb;--color-text:#0a1335;--color-primary:#370b70;--color-border-strong:#0a1335;--color-border:color-mix(in srgb, #0a1335 16%, #f0f1f4)}
[data-palette=catppuccin-mocha-light],:root[data-palette=catppuccin-mocha-light]{--bg:#f1f1f4;--panel:#e5e5ea;--ink:#0b1432;--accent:#390a70;--color-background:#f1f1f4;--color-surface:#e5e5ea;--color-text:#0b1432;--color-primary:#390a70;--color-border-strong:#0b1432;--color-border:color-mix(in srgb, #0b1432 16%, #f1f1f4)}
[data-palette=christmas-light],:root[data-palette=christmas-light]{--bg:#f4f8f6;--panel:#ebf1ed;--ink:#0a0f0a;--accent:#7c6800;--color-background:#f4f8f6;--color-surface:#ebf1ed;--color-text:#0a0f0a;--color-primary:#7c6800;--color-border-strong:#0a0f0a;--color-border:color-mix(in srgb, #0a0f0a 16%, #f4f8f6)}
[data-palette=diwali-light],:root[data-palette=diwali-light]{--bg:#f9f6f4;--panel:#f4eeeb;--ink:#171000;--accent:#7a6600;--color-background:#f9f6f4;--color-surface:#f4eeeb;--color-text:#171000;--color-primary:#7a6600;--color-border-strong:#171000;--color-border:color-mix(in srgb, #171000 16%, #f9f6f4)}
[data-palette=dracula-light],:root[data-palette=dracula-light]{--bg:#f5f5f7;--panel:#ececef;--ink:#0d0d07;--accent:#340674;--color-background:#f5f5f7;--color-surface:#ececef;--color-text:#0d0d07;--color-primary:#340674;--color-border-strong:#0d0d07;--color-border:color-mix(in srgb, #0d0d07 16%, #f5f5f7)}
[data-palette=halloween-light],:root[data-palette=halloween-light]{--bg:#f3f3f3;--panel:#ececec;--ink:#171717;--accent:#ad4500;--color-background:#f3f3f3;--color-surface:#ececec;--color-text:#171717;--color-primary:#ad4500;--color-border-strong:#171717;--color-border:color-mix(in srgb, #171717 16%, #f3f3f3)}
[data-palette=hanukkah-light],:root[data-palette=hanukkah-light]{--bg:#f1f4f9;--panel:#e7ecf3;--ink:#00050f;--accent:#145b78;--color-background:#f1f4f9;--color-surface:#e7ecf3;--color-text:#00050f;--color-primary:#145b78;--color-border-strong:#00050f;--color-border:color-mix(in srgb, #00050f 16%, #f1f4f9)}
[data-palette=ink-light],:root[data-palette=ink-light]{--bg:#fbfbfc;--panel:#efeef0;--ink:#21270f;--accent:#4c5869;--color-background:#fbfbfc;--color-surface:#efeef0;--color-text:#21270f;--color-primary:#4c5869;--color-border-strong:#21270f;--color-border:color-mix(in srgb, #21270f 16%, #fbfbfc)}
[data-palette=inkpink-light],:root[data-palette=inkpink-light]{--bg:#fcfafd;--panel:#f2e2ed;--ink:#000000;--accent:#930125;--color-background:#fcfafd;--color-surface:#f2e2ed;--color-text:#000000;--color-primary:#930125;--color-border-strong:#000000;--color-border:color-mix(in srgb, #000000 16%, #fcfafd)}
[data-palette=kanagawa-dragon-light],:root[data-palette=kanagawa-dragon-light]{--bg:#f5f5f5;--panel:#ebebeb;--ink:#363a36;--accent:#586176;--color-background:#f5f5f5;--color-surface:#ebebeb;--color-text:#363a36;--color-primary:#586176;--color-border-strong:#363a36;--color-border:color-mix(in srgb, #363a36 16%, #f5f5f5)}
[data-palette=kanagawa-lotus-dark],:root[data-palette=kanagawa-lotus-dark]{--bg:#29260f;--panel:#332f1c;--ink:#c3c3cc;--accent:#a796c2;--color-background:#29260f;--color-surface:#332f1c;--color-text:#c3c3cc;--color-primary:#a796c2;--color-border-strong:#c3c3cc;--color-border:color-mix(in srgb, #c3c3cc 16%, #29260f)}
[data-palette=kanagawa-wave-light],:root[data-palette=kanagawa-wave-light]{--bg:#f4f4f6;--panel:#ececef;--ink:#454023;--accent:#5d4780;--color-background:#f4f4f6;--color-surface:#ececef;--color-text:#454023;--color-primary:#5d4780;--color-border-strong:#454023;--color-border:color-mix(in srgb, #454023 16%, #f4f4f6)}
[data-palette=lava-gb-light],:root[data-palette=lava-gb-light]{--bg:#f9fbfd;--panel:#eae3f3;--ink:#7f0e00;--accent:#7e6f7a;--color-background:#f9fbfd;--color-surface:#eae3f3;--color-text:#7f0e00;--color-primary:#7e6f7a;--color-border-strong:#7f0e00;--color-border:color-mix(in srgb, #7f0e00 16%, #f9fbfd)}
[data-palette=lunar-new-year-light],:root[data-palette=lunar-new-year-light]{--bg:#f9f4f4;--panel:#f2ebeb;--ink:#170f07;--accent:#776400;--color-background:#f9f4f4;--color-surface:#f2ebeb;--color-text:#170f07;--color-primary:#776400;--color-border-strong:#170f07;--color-border:color-mix(in srgb, #170f07 16%, #f9f4f4)}
[data-palette=matte-black-light],:root[data-palette=matte-black-light]{--bg:#f6f6f6;--panel:#f2f2f2;--ink:#171717;--accent:#3f5f8f;--color-background:#f6f6f6;--color-surface:#f2f2f2;--color-text:#171717;--color-primary:#3f5f8f;--color-border-strong:#171717;--color-border:color-mix(in srgb, #171717 16%, #f6f6f6)}
[data-palette=midnight-ablaze-light],:root[data-palette=midnight-ablaze-light]{--bg:#fdf9fb;--panel:#fbf2f6;--ink:#8b0e00;--accent:#8b0e00;--color-background:#fdf9fb;--color-surface:#fbf2f6;--color-text:#8b0e00;--color-primary:#8b0e00;--color-border-strong:#8b0e00;--color-border:color-mix(in srgb, #8b0e00 16%, #fdf9fb)}
[data-palette=mist-gb-light],:root[data-palette=mist-gb-light]{--bg:#fefcf8;--panel:#e8f3f5;--ink:#113d0f;--accent:#6d7776;--color-background:#fefcf8;--color-surface:#e8f3f5;--color-text:#113d0f;--color-primary:#6d7776;--color-border-strong:#113d0f;--color-border:color-mix(in srgb, #113d0f 16%, #fefcf8)}
[data-palette=modus-operandi-dark],:root[data-palette=modus-operandi-dark]{--bg:#1c1c1c;--panel:#252027;--ink:#ffffff;--accent:#5687ff;--color-background:#1c1c1c;--color-surface:#252027;--color-text:#ffffff;--color-primary:#5687ff;--color-border-strong:#ffffff;--color-border:color-mix(in srgb, #ffffff 16%, #1c1c1c)}
[data-palette=modus-vivendi-light],:root[data-palette=modus-vivendi-light]{--bg:#fbfbfb;--panel:#ececec;--ink:#000000;--accent:#002f86;--color-background:#fbfbfb;--color-surface:#ececec;--color-text:#000000;--color-primary:#002f86;--color-border-strong:#000000;--color-border:color-mix(in srgb, #000000 16%, #fbfbfb)}
[data-palette=monokai-light],:root[data-palette=monokai-light]{--bg:#f7f7f6;--panel:#ededea;--ink:#0d0d07;--accent:#bb0044;--color-background:#f7f7f6;--color-surface:#ededea;--color-text:#0d0d07;--color-primary:#bb0044;--color-border-strong:#0d0d07;--color-border:color-mix(in srgb, #0d0d07 16%, #f7f7f6)}
[data-palette=nintendo-gameboy-light],:root[data-palette=nintendo-gameboy-light]{--bg:#fafcfd;--panel:#eaf2ef;--ink:#172f07;--accent:#6e756b;--color-background:#fafcfd;--color-surface:#eaf2ef;--color-text:#172f07;--color-primary:#6e756b;--color-border-strong:#172f07;--color-border:color-mix(in srgb, #172f07 16%, #fafcfd)}
[data-palette=oil-6-dark],:root[data-palette=oil-6-dark]{--bg:#281c10;--panel:#453116;--ink:#c3c3dc;--accent:#ac96b8;--color-background:#281c10;--color-surface:#453116;--color-text:#c3c3dc;--color-primary:#ac96b8;--color-border-strong:#c3c3dc;--color-border:color-mix(in srgb, #c3c3dc 16%, #281c10)}
[data-palette=pico-8-light],:root[data-palette=pico-8-light]{--bg:#fbfbfb;--panel:#dfddda;--ink:#170900;--accent:#0063a0;--color-background:#fbfbfb;--color-surface:#dfddda;--color-text:#170900;--color-primary:#0063a0;--color-border-strong:#170900;--color-border:color-mix(in srgb, #170900 16%, #fbfbfb)}
[data-palette=pitch-black-light],:root[data-palette=pitch-black-light]{--bg:#fbfbfb;--panel:#f6f6f6;--ink:#000000;--accent:#3d3d3d;--color-background:#fbfbfb;--color-surface:#f6f6f6;--color-text:#000000;--color-primary:#3d3d3d;--color-border-strong:#000000;--color-border:color-mix(in srgb, #000000 16%, #fbfbfb)}
[data-palette=pollen8-dark],:root[data-palette=pollen8-dark]{--bg:#301908;--panel:#301908;--ink:#c5a0a5;--accent:#b7718a;--color-background:#301908;--color-surface:#301908;--color-text:#c5a0a5;--color-primary:#b7718a;--color-border-strong:#c5a0a5;--color-border:color-mix(in srgb, #c5a0a5 16%, #301908)}
[data-palette=rose-pine-dawn-dark],:root[data-palette=rose-pine-dawn-dark]{--bg:#2c2013;--panel:#30251b;--ink:#bab7ce;--accent:#9d8eb5;--color-background:#2c2013;--color-surface:#30251b;--color-text:#bab7ce;--color-primary:#9d8eb5;--color-border-strong:#bab7ce;--color-border:color-mix(in srgb, #bab7ce 16%, #2c2013)}
[data-palette=rose-pine-moon-light],:root[data-palette=rose-pine-moon-light]{--bg:#fbfbfc;--panel:#ebeaf0;--ink:#0d0b21;--accent:#3a1a60;--color-background:#fbfbfc;--color-surface:#ebeaf0;--color-text:#0d0b21;--color-primary:#3a1a60;--color-border-strong:#0d0b21;--color-border:color-mix(in srgb, #0d0b21 16%, #fbfbfc)}
[data-palette=rose-pine-light],:root[data-palette=rose-pine-light]{--bg:#fbfbfc;--panel:#efeff3;--ink:#0d0b21;--accent:#3a1a60;--color-background:#fbfbfc;--color-surface:#efeff3;--color-text:#0d0b21;--color-primary:#3a1a60;--color-border-strong:#0d0b21;--color-border:color-mix(in srgb, #0d0b21 16%, #fbfbfc)}
[data-palette=rust-gold-8-light],:root[data-palette=rust-gold-8-light]{--bg:#fbfbfb;--panel:#ececec;--ink:#5d4b03;--accent:#5d4b03;--color-background:#fbfbfb;--color-surface:#ececec;--color-text:#5d4b03;--color-primary:#5d4b03;--color-border-strong:#5d4b03;--color-border:color-mix(in srgb, #5d4b03 16%, #fbfbfb)}
[data-palette=slso8-light],:root[data-palette=slso8-light]{--bg:#f9fbfd;--panel:#dbdae1;--ink:#291600;--accent:#9a4800;--color-background:#f9fbfd;--color-surface:#dbdae1;--color-text:#291600;--color-primary:#9a4800;--color-border-strong:#291600;--color-border:color-mix(in srgb, #291600 16%, #f9fbfd)}
[data-palette=summer-beach-dark],:root[data-palette=summer-beach-dark]{--bg:#262017;--panel:#29231c;--ink:#afc1d3;--accent:#6bd4ff;--color-background:#262017;--color-surface:#29231c;--color-text:#afc1d3;--color-primary:#6bd4ff;--color-border-strong:#afc1d3;--color-border:color-mix(in srgb, #afc1d3 16%, #262017)}
[data-palette=sweet-light],:root[data-palette=sweet-light]{--bg:#f5f5f8;--panel:#ebebf2;--ink:#0d0d07;--accent:#00735b;--color-background:#f5f5f8;--color-surface:#ebebf2;--color-text:#0d0d07;--color-primary:#00735b;--color-border-strong:#0d0d07;--color-border:color-mix(in srgb, #0d0d07 16%, #f5f5f8)}
[data-palette=tokyo-night-day-dark],:root[data-palette=tokyo-night-day-dark]{--bg:#1d1e22;--panel:#1b1b1e;--ink:#9eafe3;--accent:#9e7bcf;--color-background:#1d1e22;--color-surface:#1b1b1e;--color-text:#9eafe3;--color-primary:#9e7bcf;--color-border-strong:#9eafe3;--color-border:color-mix(in srgb, #9eafe3 16%, #1d1e22)}
[data-palette=tokyo-night-storm-light],:root[data-palette=tokyo-night-storm-light]{--bg:#f1f2f5;--panel:#f3f4f7;--ink:#0a143f;--accent:#2e0971;--color-background:#f1f2f5;--color-surface:#f3f4f7;--color-text:#0a143f;--color-primary:#2e0971;--color-border-strong:#0a143f;--color-border:color-mix(in srgb, #0a143f 16%, #f1f2f5)}
[data-palette=tokyo-night-light],:root[data-palette=tokyo-night-light]{--bg:#f7f7f9;--panel:#edeef2;--ink:#0a143f;--accent:#482783;--color-background:#f7f7f9;--color-surface:#edeef2;--color-text:#0a143f;--color-primary:#482783;--color-border-strong:#0a143f;--color-border:color-mix(in srgb, #0a143f 16%, #f7f7f9)}
[data-palette=twilight-5-light],:root[data-palette=twilight-5-light]{--bg:#fbfbfb;--panel:#edeff3;--ink:#521204;--accent:#791120;--color-background:#fbfbfb;--color-surface:#edeff3;--color-text:#521204;--color-primary:#791120;--color-border-strong:#521204;--color-border:color-mix(in srgb, #521204 16%, #fbfbfb)}
[data-palette=valentine-light],:root[data-palette=valentine-light]{--bg:#f8f5f7;--panel:#f1ecef;--ink:#0f070b;--accent:#c41e57;--color-background:#f8f5f7;--color-surface:#f1ecef;--color-text:#0f070b;--color-primary:#c41e57;--color-border-strong:#0f070b;--color-border:color-mix(in srgb, #0f070b 16%, #f8f5f7)}
[data-palette=vinik24-light],:root[data-palette=vinik24-light]{--bg:#fbfbfb;--panel:#e8e4ec;--ink:#404733;--accent:#3d6f6d;--color-background:#fbfbfb;--color-surface:#e8e4ec;--color-text:#404733;--color-primary:#3d6f6d;--color-border-strong:#404733;--color-border:color-mix(in srgb, #404733 16%, #fbfbfb)}
[data-palette=white-gold-dark],:root[data-palette=white-gold-dark]{--bg:#1d1d1d;--panel:#2b271a;--ink:#dbd8d2;--accent:#ffe485;--color-background:#1d1d1d;--color-surface:#2b271a;--color-text:#dbd8d2;--color-primary:#ffe485;--color-border-strong:#dbd8d2;--color-border:color-mix(in srgb, #dbd8d2 16%, #1d1d1d)}
[data-palette=winter-frost-light],:root[data-palette=winter-frost-light]{--bg:#f7f7f9;--panel:#f1f2f4;--ink:#070f17;--accent:#0e6b6c;--color-background:#f7f7f9;--color-surface:#f1f2f4;--color-text:#070f17;--color-primary:#0e6b6c;--color-border-strong:#070f17;--color-border:color-mix(in srgb, #070f17 16%, #f7f7f9)}
}

@layer reset{
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
}
@layer base{
.skip-link{position:absolute;top:var(--space-4,1rem);left:var(--space-4,1rem);display:inline-block;padding:var(--space-2,.5rem)var(--space-4,1rem);background:var(--color-primary);color:#fff;border-radius:var(--radius,.375rem);text-decoration:none;z-index:9999;transform:translateY(-200%);transition:transform .15s ease}
.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}
.skip-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
@supports(color:color-mix(in srgb,#000 50%,#fff)){
.skip-link:focus-visible{outline-color:color-mix(in srgb,var(--color-primary) 30%,#fff)}
}
input,button,textarea,select{font:inherit}
:root{accent-color:var(--color-primary)}
input,textarea,[contenteditable=true]{caret-color:var(--color-primary)}
::marker{color:var(--color-text-muted)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]),select,textarea{color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-3,.75rem);transition:border-color .15s ease,box-shadow .15s ease}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}
::placeholder{color:var(--color-text-muted);opacity:.7}
button,input[type=submit],input[type=button],input[type=reset]{cursor:pointer;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-4,1rem);transition:background-color .15s ease,border-color .15s ease}
button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{background-color:var(--color-background);border-color:var(--color-primary)}
button:focus-visible,input[type=submit]:focus-visible,input[type=button]:focus-visible,input[type=reset]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
input:disabled,select:disabled,textarea:disabled,button:disabled{opacity:.5;cursor:not-allowed}
::file-selector-button{font:inherit;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius,.375rem);padding:var(--space-2,.5rem)var(--space-4,1rem);margin-right:var(--space-3,.75rem);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
::file-selector-button:hover{background-color:var(--color-background);border-color:var(--color-primary)}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;border-radius:50%;background-color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity .15s ease}
input[type=search]:focus::-webkit-search-cancel-button,input[type=search]:not(:placeholder-shown)::-webkit-search-cancel-button{opacity:.6}
input[type=search]::-webkit-search-cancel-button:hover{opacity:1}
::backdrop{background-color:rgba(0,0,0,.5)}
@media(prefers-contrast:more){
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea,button{border-width:2px}
}
html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}
body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background-color:var(--color-background);min-height:100vh;display:flex;flex-direction:column}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-text);position:relative;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:var(--text-4xl)}
h2{font-size:var(--text-3xl)}
h3{font-size:var(--text-2xl)}
h4{font-size:var(--text-xl)}
h5{font-size:var(--text-lg)}
h6{font-size:var(--text-base);font-weight:600}
@layer overrides{
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2){font-family:var(--font-display,var(--font-heading))!important;line-height:var(--leading-heading-expressive,1.35);padding:.1em 0 .35em}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2)::after{content:'';display:block;width:min(4.5rem,100%);height:2px;margin-top:.3em;border-radius:999px;background:var(--heading-rule)}
html[data-fontpack] .post-header h1::after{width:min(6rem,100%);height:3px}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) strong{color:var(--heading-accent)!important;font-weight:inherit}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) em{color:var(--heading-accent)!important;font-family:var(--font-display,var(--font-heading))!important;font-style:italic;font-weight:500}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) mark{color:var(--heading-mark-fg)!important;background:var(--heading-mark-bg)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .16em;padding-block:0;border-radius:.18em}
html[data-fontpack] body .post-content mark,html[data-fontpack] body .post-header mark{background:var(--color-highlight)!important;background-color:var(--color-highlight)!important;color:var(--color-highlight-text)!important}
html[data-fontpack] body mark{background:var(--color-highlight)!important;background-color:var(--color-highlight)!important;color:var(--color-highlight-text)!important}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) .heading-highlight{position:relative;isolation:isolate;line-height:inherit;padding-block:0}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) .heading-highlight.is-measured>mark{background:0 0!important}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) mark :is(strong,em,code,del,a){color:inherit!important}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) code{font-family:var(--font-code,var(--font-mono));font-size:.72em;font-weight:600;letter-spacing:.01em;padding:.08em .24em;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:.25em;background:var(--heading-code-bg);color:var(--heading-code-fg)}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) a{color:inherit;text-decoration:underline;text-decoration-color:var(--heading-link-decoration);text-decoration-thickness:.08em;text-underline-offset:.12em}
html[data-fontpack] :is(.post-header h1,.post-content h1,.post-content h2) del{color:color-mix(in srgb,var(--color-text) 54%,var(--color-background) 46%)!important;text-decoration-color:color-mix(in srgb,var(--heading-accent) 64%,var(--color-text) 36%)!important}
}
.heading-anchor{opacity:0;position:absolute;left:100%;top:0;margin-left:var(--space-2);color:var(--color-text-muted);text-decoration:none;font-weight:400;transition:opacity .2s,color .2s}
:is(h1,h2,h3,h4,h5,h6){position:relative}
h1:hover .heading-anchor,h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor,h5:hover .heading-anchor,h6:hover .heading-anchor,.heading-anchor:focus{opacity:1}
.heading-anchor:hover{color:var(--color-primary);text-decoration:none}
p{margin-bottom:var(--space-4)}
.post-content{line-height:var(--leading-prose,var(--leading-relaxed))}
.post-content>p,.post-content>ul,.post-content>ol,.post-content>blockquote,.post-content>table,.post-content>figure,.post-content>pre,.post-content>.highlight,.post-content>.admonition,.post-content>details{margin-block:0 1.25em}
.post-content>:is(h2,h3,h4,h5,h6){margin-block:2em .6em}
.post-content>:is(h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6){margin-top:.75em}
.post-content li{margin-bottom:.35em}
.post-content li>p{margin-bottom:.5em}
a{color:var(--color-link,var(--color-primary));text-decoration:none;transition:color .2s}
a:hover{color:var(--color-link-hover,var(--color-primary-dark));text-decoration:underline}
ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}
li{margin-bottom:var(--space-2)}
li>ul,li>ol{margin-top:var(--space-2);margin-bottom:0}
blockquote{margin:var(--space-4)0;padding:var(--space-4)var(--space-5);background:color-mix(in srgb,var(--color-surface) 70%,transparent);border-radius:var(--radius-lg);font-style:italic;color:var(--color-text-muted);border-top:none;border-left:3px solid color-mix(in srgb,var(--color-primary) 55%,transparent)}
blockquote p:last-child{margin-bottom:0}
.post-content blockquote>footer{margin:var(--space-3)calc(-1 * var(--space-5))calc(-1 * var(--space-4));padding:var(--space-2)var(--space-5);background:color-mix(in srgb,var(--color-surface),var(--color-border) 8%);border:1px solid var(--color-border-soft);border-top-color:var(--color-border-soft);border-radius:0 0 var(--radius-lg)var(--radius-lg);color:var(--color-text-muted);font-style:italic;text-align:right}
.post-content blockquote>footer cite{font-style:italic;color:var(--color-text-muted)}
img{max-width:100%;height:auto;display:block}
html:root{color-scheme:dark;scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}
html:root[data-theme=light]{color-scheme:light}
html::-webkit-scrollbar{width:10px}
html::-webkit-scrollbar-track{background:0 0}
html::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}
html::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border) 70%,var(--color-primary) 30%)}
figure{margin:var(--space-6)0}
figcaption{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-2)}
video,.md-video{max-width:100%;height:auto;display:block}
.post-content img,.post-content video,.post-content .md-video{max-width:100%;height:auto;display:block;margin-top:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-lg)}
.post-content p>img:only-child,.post-content figure img{margin-left:auto;margin-right:auto}
.post-content figure{margin:var(--space-8)0}
.post-content figure>img,.post-content figure>video{margin-top:0;margin-bottom:0}
.post-content figcaption{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted);text-align:center;margin-top:var(--space-3)}
.post-content img.inline,.post-content img[height="16"],.post-content img[height="20"],.post-content img[height="24"],.post-content img[height="32"]{display:inline;margin:0;border-radius:var(--radius);vertical-align:middle}
@keyframes gradient-rotate{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}
table{width:100%;border-collapse:collapse;margin:var(--space-4)0}
th,td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border-soft)}
.post-content :is(th,td){overflow-wrap:anywhere}
th{font-weight:600;background:color-mix(in srgb,var(--color-surface) 70%,transparent)}
hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-border) 20%,var(--color-border) 80%,transparent);margin:var(--space-10)auto;width:min(100%,32rem)}
.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--space-4)}
main{flex:1;padding:var(--space-8)var(--space-4);width:100%;max-width:var(--page-width);margin:0 auto}
.site-header{background:0 0;border-bottom:1px solid var(--color-border-soft);padding:var(--space-2)var(--space-4)}
.site-header .container{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items:center;gap:var(--space-4);max-width:var(--page-width);margin:0 auto}
.site-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);text-decoration:none;flex-shrink:0;grid-column:1;justify-self:start}
.site-title:hover{color:var(--color-primary);text-decoration:none}
.header-controls{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;grid-column:3;justify-self:end;position:relative;z-index:30}
.header-action-controls{display:flex;align-items:center;gap:var(--space-1)}
.adaptive-loading{position:relative;visibility:hidden;font-size:var(--text-sm,.875rem)}
.adaptive-loading details{position:relative}
.adaptive-loading summary{cursor:pointer;list-style:none;white-space:nowrap;border:1px solid var(--color-border);border-radius:999px;padding:.4rem .65rem;color:var(--color-text)}
.adaptive-loading summary::-webkit-details-marker{display:none}
.adaptive-loading summary:focus-visible,.adaptive-loading button:focus-visible,.adaptive-loading input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.adaptive-loading__panel{position:absolute;z-index:120;top:calc(100% + .5rem);right:0;width:min(18rem,calc(100vw - 1.5rem));padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-lg,.75rem);background:var(--color-surface,var(--color-background));color:var(--color-text);box-shadow:var(--shadow-lg,0 8px 28px rgb(0 0 0/.18))}
.adaptive-loading__panel fieldset{display:grid;gap:.6rem;margin:0;padding:0;border:0}
.adaptive-loading__panel legend{margin-bottom:.65rem;font-weight:650}
.adaptive-loading__panel label{display:flex;align-items:center;gap:.55rem;min-height:2rem;cursor:pointer}
.adaptive-loading__panel label span{color:var(--color-text-muted);font-size:.8em}
.adaptive-loading__message{margin:0 0 .75rem;line-height:1.4}
.adaptive-loading__actions{display:flex;gap:.5rem;margin-top:.9rem}
.adaptive-loading [hidden]{display:none!important}
.adaptive-loading__actions button,.adaptive-loading__status{border:1px solid var(--color-border);border-radius:999px;padding:.4rem .7rem;background:var(--color-background);color:var(--color-text);cursor:pointer}
.adaptive-loading__status{margin-left:.35rem;color:var(--color-primary)}
.site-footer{background:color-mix(in srgb,var(--color-surface) 55%,var(--color-background));border-top:1px solid var(--color-border-soft);padding:var(--space-8)var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}
.site-footer .container{max-width:var(--page-width);margin:0 auto}
.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-4)0}
.footer-links a{color:var(--color-text-muted)}
.footer-links a:hover{color:var(--color-primary)}
.post{max-width:var(--content-width);font-size:calc(var(--post-text-size,var(--text-xl)) * var(--reading-scale,1));margin:0 auto}
article.post{box-sizing:content-box;padding:var(--space-10)var(--space-10)var(--space-8);border-radius:var(--radius-xl)}
.post-header{margin-bottom:var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-soft)}
.post-header__title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap}
.post-header h1{margin-top:0;margin-bottom:0;flex:1 1 20rem;min-width:0;overflow-wrap:anywhere}
.post-header h1[data-title-size=long]{font-size:clamp(var(--text-3xl),3vw,var(--text-4xl))}
.post-header h1[data-title-size=very-long]{font-size:clamp(var(--text-2xl),2.5vw,var(--text-3xl))}
.post-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}
.post-meta time{display:flex;align-items:center;gap:var(--space-2)}
.post-byline{display:inline-grid;grid-template-columns:44px auto;grid-template-rows:auto auto;column-gap:var(--space-3);row-gap:var(--space-1);margin:0;align-items:center;justify-items:start;text-align:left;color:var(--color-text-muted);font-size:var(--text-sm)}
@media(max-width:560px){
.post-header__title-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.post-header h1{flex:initial;width:100%}
}
.post-byline__photo{grid-column:1;grid-row:1/span 2;width:44px;height:44px;border-radius:999px;object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface)}
.post-byline__name{grid-column:2;grid-row:1;color:inherit;text-decoration:none;line-height:1.2;justify-self:start}
.post-byline__name:hover{color:var(--color-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 70%,transparent)}
.post-byline__meta{grid-column:2;grid-row:2;margin-top:0;justify-self:start}
.post-byline--multi{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);grid-template-columns:unset;grid-template-rows:unset}
.post-byline__authors{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.post-byline__authors>.post-byline__author+.post-byline__author{position:relative;padding-left:var(--space-3)}
.post-byline__authors>.post-byline__author+.post-byline__author::before{content:'';position:absolute;left:0;top:15%;height:70%;width:1px;background:var(--color-border)}
.post-byline__author{display:flex;align-items:center;gap:var(--space-2)}
.post-byline__author .post-byline__photo{width:36px;height:36px;grid-column:unset;grid-row:unset;flex-shrink:0}
.post-byline__author-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.post-byline__author-info .post-byline__name{grid-column:unset;grid-row:unset;font-weight:500;line-height:1.3;white-space:nowrap}
.post-byline__role{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;line-height:1.2;opacity:.85}
.post-byline__author[data-details]{position:relative;cursor:help;z-index:1}
.post-byline__author[data-details]:hover{z-index:100}
.post-byline__details-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border);font-size:var(--text-xs);font-style:italic;font-family:Georgia,serif;color:var(--color-text-muted);opacity:.7;flex-shrink:0;transition:opacity .15s ease}
.post-byline__author[data-details]:hover .post-byline__details-icon{opacity:1;border-color:var(--color-text-muted)}
.post-byline__author[data-details]::after{content:attr(data-details);position:absolute;left:0;top:100%;margin-top:var(--space-1);padding:var(--space-2)var(--space-3);background:var(--color-surface,#f9fafb);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius,6px);font-size:var(--text-xs);font-style:normal;line-height:1.4;white-space:normal;min-width:160px;max-width:280px;width:max-content;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.15);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease}
.post-byline__author[data-details]:hover::after{opacity:1;transform:translateY(0)}
.post-byline--multi .post-byline__meta{grid-column:unset;grid-row:unset;margin-top:0}
@media(max-width:560px){
.post-byline__authors{flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.post-byline__authors>.post-byline__author+.post-byline__author{padding-left:0;padding-top:var(--space-2)}
.post-byline__authors>.post-byline__author+.post-byline__author::before{top:0;left:0;height:1px;width:100%}
}
.post-content{margin-bottom:var(--space-8);overflow-wrap:break-word;word-wrap:break-word}
.post-content>*:first-child{margin-top:0}
.post-footer{padding-top:var(--space-6);border-top:1px solid var(--color-border-soft)}
.tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.tag{display:inline-block;padding:var(--space-1)var(--space-3);background:color-mix(in srgb,var(--color-surface) 75%,transparent);color:var(--color-text-muted);border:1px solid var(--color-border-soft);border-radius:999px;font-size:var(--text-sm);line-height:1.5;transition:background-color .2s ease,color .2s ease}
.tag:hover{background:color-mix(in srgb,var(--color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);color:var(--color-text);text-decoration:none}
.post-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-soft);align-items:stretch;max-width:var(--content-width);margin-left:auto;margin-right:auto}
.post-nav a{max-width:48%;flex:1;min-height:3.5rem;padding:.875rem 1rem;text-decoration:none;line-height:1.35;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transition:color .15s ease,transform .15s ease;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}
.post-nav a:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--color-border) 30%,transparent)}
.post-nav .prev::before{content:'\2190 '}
.post-nav .next::after{content:' \2192'}
.post-nav .next{align-items:flex-end}
.post-nav-label{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.2}
.post-nav-title{font-weight:500}
.feed{max-width:var(--content-width);margin:0 auto}
section.feed,div.feed{padding:var(--space-6)var(--space-8);border-radius:var(--radius-lg)}
.feed-header{margin-bottom:var(--space-8)}
.feed-header h1{margin-top:0}
.feed-header p{color:var(--color-text-muted)}
.posts,.post-list{display:flex;flex-direction:column;gap:var(--space-6)}
.card{padding:var(--space-6);background:color-mix(in srgb,var(--color-surface) 82%,var(--color-background));border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);transition:border-color .2s,box-shadow .2s,background-color .2s}
.card:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);background:var(--color-surface);box-shadow:0 6px 20px -8px rgba(0,0,0,.25)}
.card h2{margin-top:0;margin-bottom:var(--space-2);font-size:var(--text-xl)}
.card h2 a{color:var(--color-text)}
.card h2 a:hover{color:var(--color-primary);text-decoration:none}
.card-description{color:var(--color-text-muted);margin-bottom:var(--space-3)}
.card-meta{display:flex;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}
.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border-soft);flex-wrap:wrap}
.pagination-prev,.pagination-next{padding:var(--space-2)var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-primary);text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.pagination-prev:hover,.pagination-next:hover{border-color:var(--color-primary);background:var(--color-primary);color:#fff;text-decoration:none}
.pagination-prev.disabled,.pagination-next.disabled{color:var(--color-text-muted);background:var(--color-surface);border-color:var(--color-border);cursor:not-allowed;opacity:1}
.pagination-pages{display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;justify-content:center;max-width:100%}
.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--color-text-muted);font-size:var(--text-sm);user-select:none}
.pagination-page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:var(--space-1)var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.pagination-page:hover{border-color:var(--color-primary);color:var(--color-primary);text-decoration:none}
.pagination-page.current{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}
.pagination.htmx-request{opacity:.6;pointer-events:none}
.posts-list{min-height:200px}
.posts-list.htmx-swapping{opacity:.5;transition:opacity .2s}
.infinite-scroll-loading.htmx-request{display:flex}
@keyframes spin{to{transform:rotate(360deg)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.glossary-term{color:var(--color-link,var(--color-primary));text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;cursor:help;transition:text-decoration-color .2s}
.glossary-term:hover{text-decoration-style:solid;text-decoration-color:var(--color-link-hover,var(--color-primary))}
.mermaid{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-6)0;text-align:center;overflow-x:auto}
a.wikilink{color:var(--color-link,var(--color-primary));text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:.12em;text-underline-offset:.18em;text-decoration-skip-ink:auto;border-radius:2px;transition:background-color .15s ease,box-shadow .15s ease,text-decoration-style .15s ease}
a.wikilink:hover,a.wikilink:focus-visible{text-decoration-style:solid;background:color-mix(in srgb,var(--color-link,var(--color-primary)) 12%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-link,var(--color-primary)) 18%,transparent);outline:none}
[data-hover-card],[data-hover-title],[data-hover-description]{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:color-mix(in srgb,var(--color-primary) 70%,transparent);text-underline-offset:.18em;cursor:help;border-radius:2px}
[data-hover-card]:hover,[data-hover-card]:focus-visible,[data-hover-title]:hover,[data-hover-title]:focus-visible,[data-hover-description]:hover,[data-hover-description]:focus-visible{text-decoration-style:solid;background:color-mix(in srgb,var(--color-primary) 12%,transparent);outline:none}
@keyframes tooltipFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes tooltipFadeInAbove{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.reading-time{color:var(--color-text-muted);font-size:var(--text-sm)}
.youtube-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:var(--space-6)0;border-radius:var(--radius-lg);background:var(--color-surface)}
.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius-lg)}
@media(max-width:768px){
body{overflow-x:hidden;max-width:100vw}
.container{padding:0 var(--space-3);max-width:100%}
main{padding:var(--space-4)var(--space-3);max-width:100%}
.site-header{padding:var(--space-3)var(--space-3)var(--space-2);overflow-x:hidden}
.site-header .container{display:grid;grid-template-columns:minmax(0,1fr)auto;grid-template-areas:"title controls" "search search" "nav nav";align-items:center;gap:var(--space-2)var(--space-3)}
.site-title{grid-area:title;justify-self:start;margin:0;text-align:left;font-size:var(--text-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-controls{display:contents}
.header-controls .header-action-controls{grid-area:controls;justify-self:end;gap:var(--space-1)}
.adaptive-loading__panel{position:fixed;top:auto;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));left:.75rem;width:auto;max-width:28rem;margin-inline:auto;border-radius:1rem;padding:1.1rem}
.header-controls .theme-switcher{grid-area:controls;justify-self:end}
.header-controls .search-container--navbar,.header-controls .search--navbar{grid-area:search;width:100%;margin-left:0}
.site-header .site-nav{grid-area:nav;justify-content:flex-start;flex-wrap:nowrap;gap:var(--space-1);margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3);width:auto}
.site-header .site-nav .nav-link{padding:var(--space-1)var(--space-2);font-size:var(--text-sm)}
.post-header__title-row{gap:var(--space-4)}
.site-footer{padding:var(--space-4)var(--space-3);max-width:100%}
.feed,section.feed,div.feed{max-width:100%;padding:var(--space-4)var(--space-3);border-radius:var(--radius)}
.feed-header h1{font-size:var(--text-2xl)}
.card{padding:var(--space-4);max-width:100%}
.posts,.post-list{max-width:100%;overflow-x:hidden}
.post{max-width:100%}
article.post{padding:var(--space-6)var(--space-4);border-radius:var(--radius-lg)}
.post-header{margin-bottom:var(--space-8);padding-bottom:var(--space-5)}
.post-nav{flex-direction:column}
.post-nav a{max-width:100%}
.post-nav .next{align-items:flex-start}
}
@media(max-width:480px){
.container{padding:0 var(--space-2)}
main{padding:var(--space-3)var(--space-2)}
.site-header{padding:var(--space-2)}
.site-footer{padding:var(--space-3)var(--space-2)}
.feed,section.feed,div.feed{padding:var(--space-3)var(--space-2);border-radius:0}
.card{padding:var(--space-3);border-radius:var(--radius)}
.posts,.post-list{gap:var(--space-4)}
.post{max-width:100%}
article.post{padding:var(--space-5)var(--space-3)}
}
@media(max-width:375px){
.container{padding:0 var(--space-1)}
main{padding:var(--space-2)var(--space-1)}
.site-header{padding:var(--space-2)var(--space-1)}
.site-footer{padding:var(--space-2)var(--space-1)}
.feed,section.feed,div.feed{padding:var(--space-2)var(--space-1)}
.card{padding:var(--space-2)}
.post{max-width:100%}
.feed-header h1{font-size:var(--text-xl)}
article.post{padding:var(--space-4)var(--space-3)}
}
}
@layer components{
.post-byline__authors .post-byline__photo{width:44px;height:44px}
.post-byline__authors .post-byline__name{color:var(--color-text);font-weight:600}
.post-byline__editor-stack>*+*{margin-inline-start:-10px}
.post-byline__history{border:0!important;border-radius:0!important;padding:0!important;background:0 0!important;color:var(--color-text-muted);font:inherit;font-size:.75rem!important;font-weight:400!important;line-height:1.2;cursor:pointer;text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px}
.post-byline__history:hover,.post-byline__history:focus-visible{color:var(--color-text);text-decoration-color:var(--color-primary)}
.post-byline__history span{color:inherit}
.post-byline__history[hidden]{display:none}
}

@layer components{
.page-wrapper{display:flex;flex-direction:row;min-height:calc(100vh - 200px);max-width:var(--site-width,1400px);margin:0 auto;align-self:center;padding:var(--space-6,1.5rem)var(--space-8,2rem)0;width:100%;gap:var(--space-8,2rem)}
.main-content{flex:1;min-width:0;max-width:100%}
.page-wrapper--content-only,.page-wrapper--feed-only{display:block}
.page-wrapper--content-only>.main-content,.page-wrapper--feed-only>.main-content{width:min(100%,var(--page-width,1200px));max-width:min(100%,var(--page-width,1200px));margin-left:auto;margin-right:auto}
.page-wrapper--feed-only>.main-content{width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));max-width:min(100%,calc(750px + (var(--space-4,1rem) * 2)))}
.site-nav{display:flex;gap:1rem;flex-wrap:wrap}
.site-header .site-nav{display:flex;gap:var(--space-4);flex-wrap:wrap;flex:auto;min-width:0;justify-content:center;grid-column:2;justify-self:center}
.site-nav--header,.site-nav--horizontal{flex-direction:row;align-items:center;justify-content:center}
.nav-link{color:var(--color-text);text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s,color .2s}
.site-nav a{color:var(--color-text-muted);font-weight:500;text-decoration:none}
.nav-link:hover{color:var(--color-primary);background-color:var(--color-surface)}
.site-nav a:hover{color:var(--color-link,var(--color-primary));text-decoration:none}
.nav-entry{position:relative;display:inline-flex;align-items:center}
.site-header{position:relative;z-index:var(--z-header,100)}
.nav-preview{position:absolute;z-index:40;top:calc(100% + .65rem);left:0;display:grid;gap:.65rem;width:min(20rem,calc(100vw - 2rem));padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);color:var(--color-text);box-shadow:0 18px 42px rgb(0 0 0/.16);font-size:var(--text-sm);line-height:1.45;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-.35rem);transition:opacity 160ms ease,transform 160ms ease,visibility 160ms}
.nav-entry:last-child .nav-preview{right:0;left:auto}
.nav-preview::before{content:"";position:absolute;bottom:100%;right:0;left:0;height:.65rem}
.footer-links .nav-preview::before{bottom:auto;top:100%}
.nav-entry:hover .nav-preview,.nav-entry:focus-within .nav-preview{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.nav-entry--preview:hover,.nav-entry--preview:focus-within{z-index:1}
.nav-entry--preview>.nav-link{position:relative}
.nav-entry--preview>.nav-link::after{content:"";position:absolute;right:.5rem;bottom:.08rem;left:.5rem;height:1px;background:currentColor;opacity:.4;transform:scaleX(.35);transform-origin:left;transition:transform 160ms ease,opacity 160ms ease}
.nav-entry:hover>.nav-link::after,.nav-entry:focus-within>.nav-link::after{opacity:.9;transform:scaleX(1)}
.nav-preview__eyebrow{color:color-mix(in srgb,var(--color-primary) 78%,var(--color-text));font-size:.67rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}
.nav-preview__title{font-size:1.05rem;font-weight:700;line-height:1.2}
.nav-preview__description{display:-webkit-box;overflow:hidden;color:color-mix(in srgb,var(--color-text) 78%,var(--color-surface));-webkit-box-orient:vertical;-webkit-line-clamp:3}
.nav-preview__tags,.nav-preview__stats{display:flex;flex-wrap:wrap;gap:.4rem .8rem}
.nav-preview__tag{padding:.1rem .45rem;border-radius:999px;background:var(--color-background,var(--color-surface));color:var(--color-text);font-size:.72rem}
.nav-preview__stats{padding-top:.65rem;border-top:1px solid var(--color-border);color:color-mix(in srgb,var(--color-text) 76%,var(--color-surface));font-size:.75rem}
.nav-preview__stats strong{color:var(--color-text);font-weight:700;font-variant-numeric:tabular-nums}
.nav-preview__rhythm{display:grid;gap:.25rem;color:color-mix(in srgb,var(--color-text) 76%,var(--color-surface));font-size:.67rem;letter-spacing:.04em}
.nav-preview__rhythm svg{display:block;width:100%;height:2rem;overflow:visible}
.nav-preview__rhythm polyline{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
@media(max-width:768px),(hover:none){
.nav-preview{display:none}
}
@media(prefers-reduced-motion:reduce){
.nav-preview,.nav-entry--preview>.nav-link::after{transition:none}
}
@media(max-width:768px){
.site-header .site-nav,.site-nav--header,.site-nav--horizontal{flex-wrap:nowrap;justify-content:flex-start;justify-self:stretch;grid-area:nav;gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;scrollbar-width:none;-ms-overflow-style:none}
.site-nav--header::-webkit-scrollbar,.site-nav--horizontal::-webkit-scrollbar{display:none}
.nav-link{white-space:nowrap;flex-shrink:0}
}
.site-footer{margin-top:auto;padding:var(--space-6)var(--space-4);background-color:var(--color-surface);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}
.site-footer .container{max-width:var(--page-width);margin:0 auto}
.footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:var(--space-4)0}
.footer-links a{color:var(--color-text-muted);text-decoration:none}
.footer-links a:hover{color:var(--color-link,var(--color-primary))}
.footer-links .nav-link{padding:0}
.footer-links .nav-preview{top:auto;bottom:calc(100% + .65rem);text-decoration:none}
.footer-copyright{font-size:.875rem;color:var(--color-text-muted)}
.footer-copyright a{color:var(--color-primary);text-decoration:none}
.footer-copyright a:hover{text-decoration:underline}
.content-wrapper{display:block}
.article-progress{position:fixed;top:0;left:0;z-index:1000;display:block;width:100%;height:var(--article-progress-height,4px);margin:0;background:var(--article-progress-track,color-mix(in srgb,var(--color-text) 15%,var(--color-background) 85%));border-radius:0;overflow:hidden;pointer-events:none;isolation:isolate;transition:opacity .2s ease}
.article-progress__indicator{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--article-progress-start,var(--color-primary)),var(--article-progress-end,var(--color-primary-light,var(--color-primary))));box-shadow:0 0 8px var(--article-progress-glow,color-mix(in srgb,var(--color-primary) 35%,transparent));opacity:1;will-change:transform}
:is(.post-content,.article-content,article) :is(h1,h2,h3,h4,h5,h6)[id]{scroll-margin-top:calc(var(--layout-sticky-offset,0px) + 1rem)}
@keyframes toc-target-flash{0%,25%{background-color:color-mix(in srgb,var(--color-primary) 16%,transparent);box-shadow:0 0 0 .35em color-mix(in srgb,var(--color-primary) 16%,transparent)}100%{background-color:transparent;box-shadow:0 0 0 .35em transparent}}
.feed-sidebar{width:var(--feed-sidebar-width,250px);position:sticky;top:1rem;height:fit-content;max-height:calc(100vh - 2rem);flex-shrink:0}
.feed-sidebar--left{order:-1}
.feed-nav{display:flex;flex-direction:column;max-height:inherit;background-color:var(--color-surface);border-radius:8px;border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 5%,transparent),0 4px 24px -4px rgba(0,0,0,.3)}
.feed-nav-chrome{flex-shrink:0;padding:1rem 1rem 0;background-color:var(--color-surface)}
#feed-nav-collapsible{flex:1;min-height:0;overflow-y:auto;padding:0 1rem 1rem;scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}
#feed-nav-collapsible::-webkit-scrollbar{width:6px}
#feed-nav-collapsible::-webkit-scrollbar-track{background:0 0}
#feed-nav-collapsible::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}
#feed-nav-collapsible::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}
.feed-nav-header{display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-soft)}
.feed-nav-heading{min-width:0}
.feed-nav-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0;padding-bottom:0;border-bottom:none;overflow-wrap:anywhere}
.feed-nav-controls{display:flex;align-items:center;gap:.5rem;min-width:0}
.feed-nav-counter{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-text);background:color-mix(in srgb,var(--color-info,var(--color-primary)) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-info,var(--color-primary)) 25%,transparent);padding:.125rem .5rem;border-radius:9999px;line-height:1;flex-shrink:0;letter-spacing:.05em}
.feed-nav-cycle{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0;min-width:0;max-width:100%}
.feed-nav-drawer{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,margin-bottom .25s ease,padding-bottom .25s ease}
.feed-nav-chrome:hover .feed-nav-drawer,.feed-nav-chrome:focus-within .feed-nav-drawer,.feed-sidebar.feed-sidebar--expanded .feed-nav-drawer{max-height:12rem;opacity:1}
.feed-nav-picker{display:flex;flex:auto;min-width:0;margin:0 0 .5rem}
.feed-nav-picker-input{width:100%;min-width:0;max-width:100%;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:1.2;padding:.55rem .75rem}
.feed-nav-cycle-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem;min-height:2rem;padding:0;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:4px;background:0 0;color:var(--color-text);font-size:var(--text-sm);line-height:1;cursor:pointer;transition:color .15s,background-color .15s,border-color .15s}
.feed-nav-cycle-btn:hover{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}
.feed-nav-title a{display:inline-flex;align-items:center;min-height:24px;color:inherit;text-decoration:none;transition:color .2s}
.feed-nav-title a:hover{color:var(--color-primary)}
.feed-nav-links{display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin-bottom:.5rem;margin-top:.25rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}
.feed-nav-format-link{display:inline-flex;align-items:center;min-height:24px;font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-muted);text-decoration:none;padding:.125rem .375rem;border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-radius:3px;background:0 0;transition:color .15s,background-color .15s,border-color .15s;line-height:1.2;letter-spacing:.03em}
.feed-nav-format-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}
.feed-nav-links--hidden{display:none}
.feed-nav-list{list-style:none;padding:0;margin:0}
.feed-nav-item{margin-bottom:.25rem}
.feed-nav-item--active .feed-nav-link{color:var(--color-text);font-weight:600;background-color:color-mix(in srgb,var(--color-primary) 12%,transparent);border-radius:0 4px 4px 0;border-left:3px solid var(--color-primary);padding-left:calc(.5rem - 3px);box-shadow:inset 0 0 12px -4px color-mix(in srgb,var(--color-primary) 15%,transparent)}
.feed-nav-link{color:var(--color-text-muted);text-decoration:none;display:block;padding:.3rem .5rem;font-size:var(--text-sm);line-height:1.35;transition:color .15s,background-color .15s,border-color .15s,transform .15s;border-left:3px solid transparent;border-radius:0 4px 4px 0}
.feed-nav-link:hover{color:var(--color-text);background-color:color-mix(in srgb,var(--color-text) 6%,transparent);border-left-color:color-mix(in srgb,var(--color-primary) 40%,transparent);transform:translateX(2px)}
.feed-nav-hotkeys{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}
.feed-nav-hotkey-group{display:flex;gap:.5rem;align-items:center}
.feed-nav-hotkey-group--nav{opacity:0;transition:opacity .2s ease}
.feed-nav:hover .feed-nav-hotkey-group--nav,.feed-nav:focus-within .feed-nav-hotkey-group--nav,.feed-sidebar.feed-sidebar--expanded .feed-nav-hotkey-group--nav{opacity:1}
.feed-nav-hotkey-group--cycle{margin-left:auto}
.feed-nav-hotkey{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}
.feed-nav-hotkey kbd{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;padding:.125rem .35rem;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 12%,transparent);border-bottom-width:2px;border-bottom-color:color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:4px;line-height:1;min-width:1.2em;text-align:center;display:inline-block}
.content-sidebar{position:sticky;top:1rem;width:380px;height:fit-content;flex-shrink:0}
.content-sidebar--right{order:1}
.content-sidebar-inner{font-size:var(--text-sm);padding:1rem}
.home-slashes{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,150px));gap:var(--space-2)}
.home-slash-link{display:flex;align-items:center;justify-content:center;padding:var(--space-2)var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}
.home-slash-link:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--color-bg,#000) 8%,transparent)}
@media(max-width:1400px){
.content-sidebar{width:280px}
}
@media(max-width:1200px){
.page-wrapper{flex-direction:column;gap:0}
.content-sidebar{position:static;width:600px;max-width:calc(100% - 2rem);margin-top:var(--space-8,2rem);align-self:center;order:99}
.content-sidebar>.sidebar-toggle{display:none}
.content-sidebar-inner{text-align:center}
.content-sidebar-inner .feed,.content-sidebar-inner .card{text-align:left}
.content-sidebar--left,.content-sidebar--right{margin-left:0;margin-right:0}
}
@media(max-width:768px){
.page-wrapper{padding:0;gap:0;max-width:100%;overflow-x:clip}
}
@media(max-width:480px){
.home-slashes{grid-template-columns:repeat(auto-fill,minmax(80px,130px))}
}
.sidebar-edge-target{display:none}
.feed-sidebar,.doc-sidebar{--sidebar-surface:color-mix(in srgb, var(--color-surface) 55%, var(--color-background));--sidebar-duration:0.26s;--sidebar-ease:cubic-bezier(0.2, 0.8, 0.2, 1);position:fixed;top:var(--sidebar-top,var(--layout-header-height,64px));bottom:0;z-index:var(--z-sidebar,90);display:flex;flex-direction:column;height:auto;max-height:none;margin:0;padding:0;overflow:visible;color:var(--color-text);background:var(--sidebar-surface);box-shadow:none;visibility:hidden;transition:transform var(--sidebar-duration)var(--sidebar-ease),box-shadow var(--sidebar-duration)ease,visibility 0s linear var(--sidebar-duration)}
.feed-sidebar{width:var(--feed-sidebar-width,250px)}
.feed-sidebar--left,.doc-sidebar--left{left:0;right:auto;transform:translateX(-100%);border-right:1px solid var(--color-border-soft)}
.doc-sidebar>.toc,.feed-sidebar>.feed-nav{flex:auto;min-height:0;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;background:0 0}
.feed-sidebar>.feed-nav:not(:has(#feed-nav-collapsible)){overflow-y:auto;overscroll-behavior:contain;padding:var(--space-5,1.25rem)1.25rem 1.25rem}
.feed-sidebar .feed-nav-chrome{padding:var(--space-5,1.25rem)1.25rem 0;background:0 0}
.feed-sidebar #feed-nav-collapsible{padding:0 1.25rem 1.25rem}
.feed-sidebar .feed-nav-header{gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem}
.doc-sidebar>.toc,.feed-sidebar #feed-nav-collapsible{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-text) 22%,transparent)transparent}
.doc-sidebar>.toc::-webkit-scrollbar,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar{width:8px}
.doc-sidebar>.toc::-webkit-scrollbar-track,.doc-sidebar>.toc::-webkit-scrollbar-corner,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar-track,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar-corner{background:0 0}
.doc-sidebar>.toc::-webkit-scrollbar-thumb,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-text) 22%,transparent);background-clip:padding-box;border:2px solid transparent;border-radius:999px}
.doc-sidebar>.toc::-webkit-scrollbar-thumb:hover,.feed-sidebar #feed-nav-collapsible::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-text) 38%,transparent)}
.sidebar-toggle{position:absolute;top:4.5rem;z-index:2;display:inline-flex;align-items:center;gap:.45rem;margin:0;padding:.75rem .45rem;writing-mode:vertical-rl;font-family:var(--font-ui,var(--font-body));font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface) 70%,var(--color-background));border:1px solid var(--color-border-soft);border-radius:0 var(--radius-lg,8px)var(--radius-lg,8px)0;cursor:pointer;visibility:visible;opacity:.85;transition:color .2s ease,background-color .2s ease,opacity .2s ease}
.sidebar-toggle:hover,.sidebar-toggle:focus-visible{opacity:1;color:var(--color-text);background:var(--color-surface)}
.sidebar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.sidebar-toggle__icon{width:.9em;height:.9em;flex-shrink:0;transition:transform var(--sidebar-duration,.26s)ease}
.feed-sidebar--left>.sidebar-toggle,.doc-sidebar--left>.sidebar-toggle{left:100%;border-left:none}
.sidebar-toggle__kbd{display:inline-block;writing-mode:horizontal-tb;min-width:1.4em;padding:.2em .35em;font-family:var(--font-mono);font-size:.95em;font-weight:600;letter-spacing:0;text-transform:none;text-align:center;line-height:1;color:var(--color-text);background:color-mix(in srgb,var(--color-background) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);border-bottom-width:2px;border-radius:4px;opacity:0;transform:scale(.85);transition:opacity .15s ease,transform .15s ease}
.sidebar-toggle:hover .sidebar-toggle__kbd,.sidebar-toggle:focus-visible .sidebar-toggle__kbd{opacity:1;transform:none}
@media(hover:none) and (pointer:coarse){
.sidebar-toggle__kbd{display:none}
}
@media(min-width:1201px){
.page-wrapper{--push-left:0px;--push-right:0px;display:block}
.page-wrapper>.main-content{--main-width:min(var(--page-width, 1200px), 100% - var(--push-left) - var(--push-right));width:var(--main-width);max-width:var(--main-width);margin-left:clamp(var(--push-left),(100% - var(--main-width))/2,100% - var(--main-width) - var(--push-right));margin-right:0;transition:margin-left var(--sidebar-duration,.26s)cubic-bezier(.2,.8,.2,1),width var(--sidebar-duration,.26s)cubic-bezier(.2,.8,.2,1),max-width var(--sidebar-duration,.26s)cubic-bezier(.2,.8,.2,1)}
.content-sidebar{--sidebar-duration:0.26s;position:fixed;top:var(--sidebar-top,var(--layout-header-height,64px));bottom:0;z-index:var(--z-sidebar,90);display:flex;flex-direction:column;width:var(--content-sidebar-width,340px);height:auto;max-height:none;padding:0;overflow:visible;background:color-mix(in srgb,var(--color-surface) 55%,var(--color-background));visibility:hidden;transition:transform var(--sidebar-duration)cubic-bezier(.2,.8,.2,1),visibility 0s linear var(--sidebar-duration)}
.content-sidebar>.content-sidebar-inner{flex:auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.content-sidebar--right{right:var(--page-inset-right,0px);transform:translateX(100%);border-left:1px solid var(--color-border-soft)}
.content-sidebar--right>.sidebar-toggle{right:100%;border-right:none;border-radius:var(--radius-lg,8px)0 0 var(--radius-lg,8px);transform:rotate(180deg)}
.content-sidebar--right>.sidebar-toggle .sidebar-toggle__kbd{rotate:180deg}
}
@media(max-width:1200px){
.feed-sidebar,.doc-sidebar{top:0;z-index:1100;width:min(22rem,86vw);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--color-surface) 80%,var(--color-background))}
.page-wrapper::before{content:"";position:fixed;inset:0;z-index:1090;background:color-mix(in srgb,var(--color-background) 35%,rgba(0,0,0,.5));opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sidebar-duration,.26s)ease,visibility 0s linear var(--sidebar-duration,.26s)}
.page-wrapper:has(>:is(.feed-sidebar,.doc-sidebar).sidebar--pinned)::before{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.feed-sidebar .feed-nav-drawer{max-height:none;opacity:1}
.feed-sidebar .feed-nav-hotkey-group--nav{opacity:1}
.feed-sidebar>.sidebar-toggle,.doc-sidebar>.sidebar-toggle{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom,0px));padding:.55rem .8rem;writing-mode:horizontal-tb;white-space:nowrap;border:1px solid var(--color-border-soft);border-radius:999px;box-shadow:0 6px 20px -8px rgba(0,0,0,.45);background:color-mix(in srgb,var(--color-surface) 88%,var(--color-background));opacity:.92;transform:none}
.feed-sidebar--left>.sidebar-toggle,.doc-sidebar--left>.sidebar-toggle{left:calc(100% + .75rem);right:auto}
body:has(>markata-dev-settings) .feed-sidebar--left>.sidebar-toggle,body:has(>markata-dev-settings) .doc-sidebar--left>.sidebar-toggle{left:calc(100% + 4rem)}
.doc-sidebar>.toc,.feed-sidebar #feed-nav-collapsible{padding-bottom:4.5rem}
}
@media print{
.feed-sidebar,.doc-sidebar,.sidebar-toggle,.page-wrapper::before{display:none!important}
}
@media(prefers-reduced-motion:reduce){
.feed-sidebar,.doc-sidebar,.content-sidebar,.sidebar-toggle__icon,.sidebar-toggle__kbd,.page-wrapper>.main-content,.page-wrapper::before{transition:none!important}
}
:root{--pagefind-ui-scale:0.9;--pagefind-ui-primary:var(--color-primary);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-background);--pagefind-ui-border:var(--color-border);--pagefind-ui-tag:var(--color-text-muted);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:8px;--pagefind-ui-font:var(--font-body)}
.search--navbar .pagefind-ui__search-input{width:200px;transition:width .2s ease}
.search--navbar .pagefind-ui__search-input:focus{width:300px}
.search--sidebar .pagefind-ui__search-input,.search--footer .pagefind-ui__search-input{width:100%}
.pagefind-ui__search-clear{opacity:0;transition:opacity .2s}
.pagefind-ui__search-input:not(:placeholder-shown)~.pagefind-ui__search-clear{opacity:1}
.pagefind-ui__search-input{background:var(--pagefind-ui-background);color:var(--pagefind-ui-text);border:1px solid var(--pagefind-ui-border);border-radius:var(--pagefind-ui-border-radius)}
.pagefind-ui__search-input:focus{border-color:var(--pagefind-ui-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent);outline:none}
.pagefind-ui__result{padding:1rem;margin:.5rem 0;background:var(--color-surface);border:1px solid var(--pagefind-ui-border);border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease}
.pagefind-ui__result:hover{border-color:var(--pagefind-ui-primary);box-shadow:0 2px 8px color-mix(in srgb,var(--color-text) 10%,transparent)}
.pagefind-ui__result:first-child{margin-top:.25rem}
.pagefind-ui__result:last-child{margin-bottom:.25rem}
.pagefind-ui__result-link{color:var(--pagefind-ui-primary);text-decoration:none;font-weight:600;font-size:1rem;line-height:1.4;display:block;margin-bottom:.375rem}
.pagefind-ui__result-link:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}
.pagefind-ui__result-link:focus{outline:2px solid var(--pagefind-ui-primary);outline-offset:2px;border-radius:2px}
.pagefind-ui__result-excerpt{color:var(--pagefind-ui-text);font-size:.875rem;line-height:1.6;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pagefind-ui__result-excerpt mark{background-color:var(--color-warning);color:var(--color-background);padding:.125em .25em;border-radius:3px;font-weight:500}
.pagefind-ui__result-thumb{border-radius:6px;border:1px solid var(--pagefind-ui-border)}
.pagefind-ui__result-tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.375rem}
.pagefind-ui__result-tag[data-pagefind-ui-meta]{display:none}
.pagefind-ui__result-tag{font-size:.75rem;padding:.125rem .5rem;background:var(--color-surface);color:var(--pagefind-ui-tag);border-radius:9999px;border:1px solid var(--pagefind-ui-border)}
.pagefind-ui__message{padding:1.5rem 1rem;text-align:center;color:var(--pagefind-ui-text)}
.pagefind-ui__loading{padding:1.5rem 1rem;text-align:center;color:var(--pagefind-ui-tag)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:768px){
.search--navbar .pagefind-ui__search-input{width:100%}
.search--navbar .pagefind-ui__search-input:focus{width:100%}
.pagefind-ui__result{padding:.75rem;margin:.375rem 0}
.pagefind-ui__result-excerpt{-webkit-line-clamp:2}
}
.format-links{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.125rem;margin:.5rem 0;font-size:.8125rem;color:var(--color-text-muted)}
.format-links-label{color:var(--color-text-muted);font-weight:400;margin-right:.25rem}
.format-link{color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}
.format-link:hover,.format-link:focus{color:var(--color-primary);text-decoration:underline}
.format-link:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}
.format-link:not(:last-child)::after{content:"|";margin:0 .375rem;color:var(--color-border);text-decoration:none;display:inline-block}
.post-copy{margin-top:.9rem;display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.post-copy__details{position:relative}
.post-copy__summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;padding:.45rem .8rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-text);font-size:.85rem;line-height:1;transition:border-color .2s ease,color .2s ease,background-color .2s ease}
.post-copy__summary::-webkit-details-marker{display:none}
.post-copy__summary-icon{width:.95rem;height:.95rem;flex:none}
.post-copy__summary::after{content:"+";font-size:1rem;line-height:1}
.post-copy__details[open] .post-copy__summary,.post-copy__summary:hover,.post-copy__summary:focus-visible{color:var(--color-text);border-color:var(--color-link-hover,var(--color-primary));background:color-mix(in srgb,var(--color-background) 88%,var(--color-link-hover,var(--color-primary)) 12%)}
.post-copy__details[open] .post-copy__summary::after{content:"-"}
.post-copy__menu{position:absolute;top:calc(100% + .45rem);left:0;z-index:100;min-width:12rem;display:grid;gap:.35rem;padding:.45rem;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-background);box-shadow:0 18px 38px rgba(0,0,0,.12)}
.post-copy__option{appearance:none;border:0;border-radius:.75rem;padding:.65rem .8rem;text-align:left;font:inherit;background:0 0;color:var(--color-text);cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.post-copy__option:hover,.post-copy__option:focus-visible{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-primary);transform:translateX(2px)}
.post-copy__status{min-height:1.2em;font-size:.8rem;color:var(--color-text-muted)}
@media(max-width:480px){
.format-links{font-size:.75rem}
.post-copy{width:100%;align-items:stretch}
.post-copy__details,.post-copy__summary{width:100%}
.post-copy__menu{min-width:100%}
}
.embed-card{margin:1.5rem 0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.embed-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,0,0,8%)}
.embed-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.embed-card-link:hover{text-decoration:none}
.embed-gist{display:flex;flex-direction:column;gap:.5rem}
.embed-gist-header{font-size:.875rem;color:var(--color-text-muted);display:flex;gap:.5rem;align-items:center;justify-content:space-between}
.embed-gist-header a{color:inherit;text-decoration:none}
.embed-gist-header a:hover{color:var(--color-primary);text-decoration:underline}
.embed-gist-language{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}
.embed-card-rich .embed-gist pre{margin:0}
.embed-card-external .embed-card-link{flex-direction:row}
.embed-card-image{flex-shrink:0;width:200px;height:150px;max-height:150px;overflow:hidden}
.embed-card-image img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform .2s ease}
.embed-card:hover .embed-card-image img{transform:scale(1.02)}
.embed-card-content{flex:1;padding:1rem 1.25rem;min-width:0}
.embed-card-title{font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--color-text);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.embed-card:hover .embed-card-title{color:var(--color-primary)}
.embed-card-description{font-size:.875rem;line-height:1.5;color:var(--color-text-muted);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.embed-card-meta{font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}
.embed-card-source{margin-top:.35rem;font-size:.75rem;color:var(--color-text-muted)}
.embed-card-source a{color:inherit;font-weight:600}
.embed-card:not(.embed-card-external){border-left:4px solid var(--color-primary)}
.embed-card:not(.embed-card-external) .embed-card-content{padding:1rem 1.25rem 1rem 1rem}
@media(max-width:640px){
.embed-card-external .embed-card-link{flex-direction:column}
.embed-card-image{width:100%;max-height:180px}
.embed-card-content{padding:1rem}
.embed-card-title{font-size:1rem;-webkit-line-clamp:2}
.embed-card-description{-webkit-line-clamp:2}
}
.embed-card-link:focus{outline:none}
.embed-card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:inherit}
@media print{
.embed-card{page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}
.embed-card-image{display:none}
.embed-card-link::after{content:" (" attr(href)")";font-size:.75rem;color:#666}
}
.blogroll-page{max-width:1120px;margin:0 auto;padding:2rem 1rem 3.5rem}
.blogroll-header{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:1.5rem;align-items:end;margin-bottom:1.4rem;padding:1.8rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1.5rem;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 46%),color-mix(in srgb,var(--color-surface) 76%,transparent)}
.blogroll-header-copy{display:grid;gap:.65rem}
.blogroll-header h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.94;letter-spacing:-.045em;color:var(--color-text)}
.blogroll-subtitle{margin:0;max-width:50ch;color:var(--color-text-muted);font-size:1.08rem;line-height:1.62}
.blogroll-header-stats{display:grid;grid-auto-flow:column;gap:.75rem}
.blogroll-header-stats>div{display:grid;gap:.1rem;min-width:7rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--color-background) 86%,transparent)}
.blogroll-header-stats strong{font-size:1.5rem;line-height:1;color:var(--color-text)}
.blogroll-header-stats span{color:var(--color-text-muted);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.blogroll-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:3rem}
.blogroll-nav a{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-primary);text-decoration:none;padding:.6rem 1rem;border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--color-background) 82%,transparent);transition:transform .2s ease,background-color .2s ease,color .2s ease}
.blogroll-nav a:hover{transform:translateY(-1px);background-color:var(--color-primary);color:var(--color-background)}
.blogroll-sections{display:grid;gap:4rem}
.blogroll-category{display:grid;gap:1.5rem}
.blogroll-category-heading{display:grid;gap:.45rem;padding-top:.7rem;border-top:1px solid color-mix(in srgb,var(--color-border) 82%,transparent)}
.blogroll-category h2{margin:0;font-size:clamp(1.6rem,3vw,2.4rem);line-height:.95;letter-spacing:-.03em;color:var(--color-text);text-transform:lowercase}
.blogroll-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.35rem 1.5rem}
.blogroll-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:1.05rem;align-items:start;min-width:0;padding:1.1rem 0 0;border-top:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);transition:border-color .2s ease,transform .2s ease}
.blogroll-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border))}
.blogroll-card-avatar,.blogroll-card-avatar-placeholder{width:64px;height:64px;border-radius:1rem;flex-shrink:0}
.blogroll-card-avatar{object-fit:cover;background:color-mix(in srgb,var(--color-border) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}
.blogroll-card-content{display:grid;gap:.55rem;min-width:0}
.blogroll-card-site{width:fit-content;color:var(--color-text-muted);text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.blogroll-card-site:hover{color:var(--color-primary)}
.blogroll-card-title{margin:0;font-size:1.08rem;line-height:1.24;font-weight:700;text-wrap:balance}
.blogroll-card-title a{color:var(--color-text);text-decoration:none}
.blogroll-card-title a:hover{color:var(--color-primary)}
.blogroll-card-description{margin:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.64;max-width:34ch}
.blogroll-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .85rem;padding-top:.18rem;color:var(--color-text-muted);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.blogroll-card-count{display:inline-flex;align-items:center;gap:.3rem}
.blogroll-card-feed{display:inline-flex;align-items:center;color:var(--color-primary);text-decoration:none;padding:.2rem 0;border-bottom:1px solid color-mix(in srgb,var(--color-primary) 32%,transparent);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.blogroll-card-feed:hover{border-color:var(--color-primary);color:var(--color-primary)}
@media(max-width:840px){
.blogroll-header{grid-template-columns:1fr}
.blogroll-header-stats{grid-auto-flow:row;justify-content:start}
}
@media(max-width:640px){
.blogroll-page{padding:1.5rem 1rem 2.5rem}
.blogroll-sections{gap:3rem}
.blogroll-card{grid-template-columns:56px minmax(0,1fr);gap:.85rem;padding:1rem 0 0}
.blogroll-card-avatar,.blogroll-card-avatar-placeholder{width:56px;height:56px;border-radius:.9rem}
}
.reader-page{max-width:1180px;margin:0 auto;padding:2rem 1rem 3rem}
.reader-header{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:1.5rem;align-items:end;margin-bottom:1.25rem;padding:1.5rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1.25rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 45%),color-mix(in srgb,var(--color-surface) 72%,transparent)}
.reader-header h1{margin:0;font-size:clamp(2.25rem,4vw,4rem);line-height:.95;color:var(--color-text)}
.reader-header-copy{display:grid;gap:.55rem}
.reader-subtitle{margin:0;color:var(--color-text-muted);font-size:1.05rem;max-width:52ch}
.reader-header-stats{display:grid;grid-auto-flow:column;gap:.75rem}
.reader-header-stats>div{display:grid;gap:.1rem;min-width:6.5rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--color-background) 86%,transparent)}
.reader-header-stats strong{font-size:1.4rem;line-height:1}
.reader-header-stats span{color:var(--color-text-muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.reader-nav{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}
.reader-nav a{color:var(--color-primary);text-decoration:none;padding:.6rem 1rem;border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--color-background) 82%,transparent);transition:transform .2s ease,background-color .2s ease,color .2s ease}
.reader-nav a:hover{transform:translateY(-1px);background-color:var(--color-primary);color:var(--color-background)}
.reader-stream{display:grid;gap:2rem}
.reader-day{display:grid;grid-template-columns:minmax(140px,180px)minmax(0,1fr);gap:1.25rem;align-items:start;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}
.reader-day-rail{position:sticky;top:1rem;display:grid;gap:.85rem;align-self:start}
.reader-day-rail time{display:grid;gap:.2rem}
.reader-day-weekday{color:var(--color-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.reader-day-title{font-size:clamp(2rem,4vw,3.5rem);line-height:.9;letter-spacing:-.04em;color:var(--color-text)}
.reader-day-year{color:var(--color-text-muted);font-size:.95rem;font-weight:600}
.reader-day-count{display:inline-flex;width:fit-content;align-items:center;gap:.35rem;padding:.4rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.reader-day-entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}
.reader-day-entries>*{min-width:0}
.reader-entry{display:grid;gap:.8rem;align-content:start;min-width:0;padding:1rem;border:1px solid transparent;border-radius:1rem;background:color-mix(in srgb,var(--color-background) 88%,transparent);overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 82%,transparent),0 1px color-mix(in srgb,var(--color-border) 55%,transparent)}
.reader-entry-meta-row{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items:start;gap:.5rem .75rem;min-width:0}
.reader-entry-source-link{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.45rem;min-width:0;max-width:100%;color:var(--color-text-muted);text-decoration:none}
.reader-entry-source-link:hover .reader-entry-source{color:var(--color-primary)}
.reader-entry-source-icon,.reader-entry-source-icon--fallback{flex:none;width:.95rem;height:.95rem;border-radius:.25rem}
.reader-entry-source{min-width:0;font-size:.82rem;font-weight:700;line-height:1.35;letter-spacing:.02em;overflow-wrap:anywhere;word-break:break-word}
.reader-entry-meta-row time{display:block;flex:none;color:var(--color-text-muted);font-size:.78rem;font-weight:600;white-space:nowrap;text-align:right}
.reader-entry-found-on{margin-top:.35rem;color:var(--color-text-muted);font-size:.8rem}
.reader-entry-found-on a{color:inherit;font-weight:600}
.reader-entry-title{margin:0;min-width:0;font-size:1.15rem;font-weight:700;line-height:1.25}
.reader-entry-title a{display:block;min-width:0;color:var(--color-text);text-decoration:none;overflow-wrap:anywhere;word-break:break-word}
.reader-entry-title a:hover{color:var(--color-primary);text-decoration:underline}
.reader-entry-description{margin:0;min-width:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.65;overflow-wrap:anywhere;word-break:break-word}
.reader-entry-image-link{display:block;min-width:0;max-width:100%}
.reader-entry-image-link--source-image,.reader-entry-image-link--screenshot,.reader-entry-image-link--source-tile{border-radius:.85rem;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 60%),color-mix(in srgb,var(--color-surface) 88%,transparent)}
.reader-entry-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.85rem;background:var(--color-surface)}
.reader-entry-image--source-image{object-fit:contain;padding:.85rem;background:radial-gradient(circle at top left,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 45%),color-mix(in srgb,var(--color-background) 94%,var(--color-surface))}
@media(max-width:640px){
.reader-page{padding:1.5rem .75rem 2rem}
.reader-header{grid-template-columns:1fr;padding:1.1rem}
.reader-header-stats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
.reader-day{grid-template-columns:1fr}
.reader-day-rail{position:static}
.reader-day-entries{grid-template-columns:1fr}
.reader-entry{padding:.9rem}
.reader-day-title{font-size:clamp(1.75rem,10vw,2.5rem)}
.reader-entry-title{font-size:1.05rem}
.reader-entry-meta-row{align-items:flex-start;flex-direction:column}
.reader-entry-meta-row time{padding-left:1.4rem}
.reader-entry-image{aspect-ratio:3/2}
}
.shortcuts-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;z-index:10001;transition:opacity .2s ease,visibility .2s ease}
.shortcuts-modal:not([aria-hidden=true]),.shortcuts-modal.shortcuts-modal--open{opacity:1;visibility:visible}
.shortcuts-modal-content{background-color:var(--color-background);border:1px solid color-mix(in srgb,var(--color-primary) 25%,var(--color-border));border-radius:12px;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent),0 24px 80px -12px rgba(0,0,0,.5);max-width:700px;width:100%;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;animation:modal-fade-in .2s ease}
.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}
.shortcuts-modal-header h2{margin:0;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em}
.shortcuts-modal-close{background:0 0;border:none;font-size:1.75rem;color:var(--color-text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .2s,background-color .2s}
.shortcuts-modal-close:hover{color:var(--color-text);background-color:var(--color-surface)}
.shortcuts-modal-close:focus{outline:2px solid var(--color-primary);outline-offset:2px}
.shortcuts-modal-body{flex:1;padding:1.5rem;overflow-y:auto;columns:2;column-gap:2rem}
.shortcuts-section{margin-bottom:1.5rem;break-inside:avoid}
.shortcuts-section:last-child{margin-bottom:0}
.shortcuts-section-title{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}
.shortcuts-table{width:100%;border-collapse:collapse;margin:0 0 1rem}
.shortcuts-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);transition:background-color .12s ease}
.shortcuts-table tbody tr:hover{background-color:color-mix(in srgb,var(--color-primary) 6%,transparent)}
.shortcuts-table tbody tr:last-child{border-bottom:none}
.shortcuts-table td{padding:.5rem .75rem;text-align:left;font-size:.875rem;color:var(--color-text)}
.shortcuts-table td:first-child{width:160px;padding-left:0;font-weight:500;color:var(--color-text);white-space:nowrap}
.shortcuts-table td:last-child{color:var(--color-text-muted);padding-right:0}
.shortcuts-table kbd,kbd.kbd{display:inline-block;padding:.2em .45em;font-family:var(--font-mono,ui-monospace,monospace);font-size:.8em;font-weight:600;line-height:1.3;color:var(--color-text);background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-text) 15%,transparent);border-bottom-width:2px;border-bottom-color:color-mix(in srgb,var(--color-text) 22%,transparent);border-radius:4px;white-space:nowrap;margin-right:.2em;min-width:1.4em;text-align:center}
.shortcuts-table kbd.kbd-mac,.shortcuts-table kbd.kbd-win{font-weight:600;font-size:.75em}
.shortcuts-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background-color:var(--color-surface);border-bottom-left-radius:11px;border-bottom-right-radius:11px}
.shortcuts-toggle-btn{padding:.5rem 1rem;background-color:var(--color-primary);color:var(--color-background);border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s,opacity .2s}
.shortcuts-toggle-btn:hover{opacity:.9}
.shortcuts-toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}
.shortcuts-toggle-btn[aria-pressed=false]{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}
.shortcuts-hint{margin:0;font-size:.75rem;color:var(--color-text-muted);font-style:italic}
@keyframes modal-fade-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
.shortcuts-modal-content{animation:none}
.shortcuts-modal{transition:none}
}
::view-transition-old(root){animation:fade-out 80ms ease both}
::view-transition-new(root){animation:fade-in 100ms ease both}
::view-transition{pointer-events:none}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){overflow:visible}
@keyframes fade-out{to{opacity:0}}
@keyframes fade-in{from{opacity:0}}
@keyframes slide-up{from{transform:translateY(8px)}}
@keyframes slide-down{from{transform:translateY(-8px)}}
::view-transition-old(main-content){animation:fade-out 70ms ease both}
::view-transition-new(main-content){animation:fade-in 110ms ease both,slide-up 120ms cubic-bezier(.2,.8,.2,1)both}
::view-transition-group(main-content),::view-transition-old(main-content),::view-transition-new(main-content){z-index:1}
.share-panel{margin:var(--space-8)0 var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);position:relative}
.share-panel__header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.75rem}
.share-panel__title{font-size:var(--text-sm);font-weight:600;margin:0 0 .75rem}
.share-panel__grid{display:flex;flex-wrap:wrap;gap:.5rem}
.share-button{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;background:0 0;border-radius:999px;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease}
.share-button__icon{width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center}
.share-button__icon svg{width:100%;height:100%;display:block}
.share-button__icon[style*=--share-icon]{-webkit-mask-image:var(--share-icon);mask-image:var(--share-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor}
.share-button__label,.share-button__name{display:none}
.share-button__hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.share-button:hover,.share-button:focus-visible{color:var(--color-primary);border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface))}
.share-toast{display:none}
@media(min-width:769px){
.share-toast{display:inline-flex;position:absolute;right:0;top:0;transform:translateY(-120%);padding:.35rem .7rem;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,.18);font-size:.75rem;letter-spacing:.01em;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none;white-space:nowrap;z-index:2}
}
@media(max-width:768px){
.share-panel{padding-top:var(--space-3);margin-bottom:var(--space-5)}
.share-button{width:2rem;height:2rem}
}
::view-transition-old(site-nav),::view-transition-new(site-nav),::view-transition-old(site-footer),::view-transition-new(site-footer),::view-transition-old(breadcrumbs),::view-transition-new(breadcrumbs),::view-transition-old(pagination),::view-transition-new(pagination),::view-transition-old(feed-sidebar),::view-transition-new(feed-sidebar),::view-transition-old(post-nav),::view-transition-new(post-nav){animation:none}
@media(prefers-reduced-motion:reduce){
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media(max-width:640px){
.shortcuts-modal{align-items:flex-end}
.shortcuts-modal-content{border-radius:12px 12px 0 0;max-height:90vh}
.shortcuts-modal-header{padding:1rem 1.25rem}
.shortcuts-modal-header h2{font-size:1.25rem}
.shortcuts-modal-body{padding:1rem 1.25rem;columns:1}
.shortcuts-modal-footer{padding:.75rem 1.25rem;flex-direction:column;gap:.75rem;align-items:stretch}
.shortcuts-toggle-btn{width:100%}
.shortcuts-table td{padding:.375rem .5rem;font-size:.8125rem}
.shortcuts-table td:first-child{width:140px}
.shortcuts-hint{text-align:center}
}
@media(max-width:1024px) and (min-width:640px){
.shortcuts-modal-content{max-width:90%}
}
@media(prefers-color-scheme:dark){
.shortcuts-modal{background-color:rgba(0,0,0,.7)}
.shortcuts-modal-content{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent),0 24px 80px -12px rgba(0,0,0,.6)}
.shortcuts-table kbd,kbd.kbd{background:var(--color-surface);border-color:color-mix(in srgb,var(--color-text) 15%,transparent);border-bottom-color:color-mix(in srgb,var(--color-text) 22%,transparent)}
}
@media(prefers-contrast:more){
.shortcuts-modal-header{border-bottom-width:2px}
.shortcuts-modal-footer{border-top-width:2px}
.shortcuts-modal-close{border:2px solid transparent}
.shortcuts-modal-close:focus{border-color:var(--color-primary)}
.shortcuts-table tbody tr{border-bottom-width:2px}
.shortcuts-table kbd,kbd.kbd{border-width:2px}
}
mark{background:var(--color-highlight)!important;color:var(--color-highlight-text)!important;padding:.125em .25em;border-radius:.125em}
html mark,html[data-fontpack] mark,html[data-palette] mark{background-color:var(--color-highlight)!important;color:var(--color-highlight-text)!important}
::selection{background-color:var(--color-selection-bg,var(--color-mark-bg));color:var(--color-selection-text,var(--color-mark-text))}
::-moz-selection{background-color:var(--color-selection-bg,var(--color-mark-bg));color:var(--color-selection-text,var(--color-mark-text))}
@media(prefers-contrast:more){
mark{outline:1px solid currentColor}
::selection,::-moz-selection{background-color:Highlight;color:HighlightText}
}
.keys{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.125em}
.key-separator{color:var(--color-text-muted);font-size:.875em;margin:0 .125em}
kbd,kbd.kbd{display:inline-block;padding:.15em .4em;font-family:var(--font-mono,ui-monospace,monospace);font-size:.875em;line-height:1.4;color:var(--color-text);background-color:var(--color-surface,#f5f5f5);border:1px solid var(--color-border,#ccc);border-radius:.25em;box-shadow:0 1px 1px rgba(0,0,0,.1),0 2px 0 0 var(--color-background,#fff)inset;white-space:nowrap}
kbd.key-ctrl,kbd.key-alt,kbd.key-shift,kbd.key-meta,kbd.key-win{font-weight:600;background-color:var(--color-kbd-modifier-bg,#e8e8e8)}
@media(prefers-color-scheme:dark){
kbd,kbd.kbd{background-color:var(--color-surface,#2d2d2d);border-color:var(--color-border,#555);box-shadow:0 1px 1px rgba(0,0,0,.3),0 2px 0 0 var(--color-background,#1a1a1a)inset}
kbd.key-ctrl,kbd.key-alt,kbd.key-shift,kbd.key-meta,kbd.key-win{background-color:var(--color-kbd-modifier-bg,#3d3d3d)}
}
@media(prefers-contrast:more){
kbd,kbd.kbd{border-width:2px;border-color:var(--color-text)}
}
main .container{padding:1rem;margin:1rem 0}
.warning{padding:1rem;margin:1rem 0;background-color:var(--color-warning-bg,#fff3cd);border-left:4px solid var(--color-warning-border,#ffc107);border-radius:.25rem}
.info{padding:1rem;margin:1rem 0;background-color:var(--color-info-bg,#cff4fc);border-left:4px solid var(--color-info-border,#0dcaf0);border-radius:.25rem}
.success{padding:1rem;margin:1rem 0;background-color:var(--color-success-bg,#d1e7dd);border-left:4px solid var(--color-success-border,#198754);border-radius:.25rem}
.error,.danger{padding:1rem;margin:1rem 0;background-color:var(--color-danger-bg,#f8d7da);border-left:4px solid var(--color-danger-border,#dc3545);border-radius:.25rem}
.note{padding:1rem;margin:1rem 0;background-color:var(--color-note-bg,#e7e9eb);border-left:4px solid var(--color-note-border,#6c757d);border-radius:.25rem}
@media(prefers-color-scheme:dark){
.warning{background-color:var(--color-warning-bg,#332d1a)}
.info{background-color:var(--color-info-bg,#1a2e33)}
.success{background-color:var(--color-success-bg,#1a2e22)}
.error,.danger{background-color:var(--color-danger-bg,#331a1d)}
.note{background-color:var(--color-note-bg,#2d2d2d)}
}
.columns>*{flex:1;min-width:200px}
@media(max-width:640px){
.columns>*{min-width:auto}
}
.hidden{display:none}
figure{margin:1.5rem 0;padding:0}
figure img{max-width:100%;height:auto;border-radius:4px}
figcaption{margin-top:.5rem;font-size:.875rem;color:var(--color-text-muted);text-align:center;font-style:italic;line-height:1.5}
}

@layer utilities{
html[data-text-size=small]{--text-base:1rem;--post-text-size:1.125rem;--content-width:68ch}
html[data-text-size=medium]{--text-base:1.0625rem;--post-text-size:1.25rem;--content-width:66ch}
html[data-text-size=large]{--text-base:1.125rem;--post-text-size:1.375rem;--content-width:64ch}
html[data-text-size=x-large]{--text-base:1.1875rem;--post-text-size:1.5rem;--content-width:62ch}
:root{--reading-scale:1}
@media(min-width:1800px){
:root{--reading-scale:1.08}
}
@media(min-width:2200px){
:root{--reading-scale:1.16}
}
@media(min-width:3000px){
:root{--reading-scale:1.25}
}
}

@font-face {
  font-family: "Caveat Brush";
  src: url('/assets/fonts/caveat-brush-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "DM Mono";
  src: url('/assets/fonts/dm-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Kalam";
  src: url('/assets/fonts/kalam-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Source Sans 3";
  src: url('/assets/fonts/source-sans-3-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Knewave";
  src: url('/assets/fonts/knewave-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Space Grotesk";
  src: url('/assets/fonts/space-grotesk-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Bungee";
  src: url('/assets/fonts/bungee-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url('/assets/fonts/ibm-plex-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url('/assets/fonts/jetbrains-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 800;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Literata";
  src: url('/assets/fonts/literata-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Sedgwick Ave Display";
  src: url('/assets/fonts/sedgwick-ave-display-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Water Brush";
  src: url('/assets/fonts/water-brush-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('/assets/fonts/cormorant-garamond-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url('/assets/fonts/cormorant-garamond-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 300 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Fraunces";
  src: url('/assets/fonts/fraunces-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url('/assets/fonts/ibm-plex-sans-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "IBM Plex Sans Condensed";
  src: url('/assets/fonts/ibm-plex-sans-condensed-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Source Serif 4";
  src: url('/assets/fonts/source-serif-4-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Covered By Your Grace";
  src: url('/assets/fonts/covered-by-your-grace-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Trade Winds";
  src: url('/assets/fonts/trade-winds-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Rubik Dirt";
  src: url('/assets/fonts/rubik-dirt-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Victor Mono";
  src: url('/assets/fonts/victor-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Fraunces";
  src: url('/assets/fonts/fraunces-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Permanent Marker";
  src: url('/assets/fonts/permanent-marker-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Geist Mono";
  src: url('/assets/fonts/geist-mono-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Instrument Serif";
  src: url('/assets/fonts/instrument-serif-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Manrope";
  src: url('/assets/fonts/manrope-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 800;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Syne";
  src: url('/assets/fonts/syne-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 800;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Finger Paint";
  src: url('/assets/fonts/finger-paint-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Rock Salt";
  src: url('/assets/fonts/rock-salt-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "Inter";
  src: url('/assets/fonts/inter-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Inter Tight";
  src: url('/assets/fonts/inter-tight-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url('/assets/fonts/ibm-plex-sans-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 700;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
@font-face {
  font-family: "IBM Plex Serif";
  src: url('/assets/fonts/ibm-plex-serif-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Bitter";
  src: url('/assets/fonts/bitter-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Courier Prime";
  src: url('/assets/fonts/courier-prime-code-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00AC, U+00B0, U+00B1, U+00B7, U+00D7, U+00F7, U+2010-2027, U+2190-21FF, U+2200-22FF, U+2300-23FF, U+2500-259F, U+25A0-25FF;
}
@font-face {
  font-family: "Crimson Pro";
  src: url('/assets/fonts/crimson-pro-prose-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
  unicode-range: U+0020-007E, U+00A0-00FF, U+0100-017F, U+0180-024F, U+1E00-1EFF, U+2000-206F, U+20A0-20CF, U+2100-214F, U+2190-21FF, U+2150-218F;
}
@font-face {
  font-family: "Special Elite";
  src: url('/assets/fonts/special-elite-display-core.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400 400;
  unicode-range: U+0020-007E, U+00A0, U+00A2-00A5, U+00A9, U+00AE, U+00B0, U+00D7, U+00F7, U+2010-2027, U+2030, U+2032-2033, U+2044, U+20AC, U+2122, U+2190-2199;
}
[data-fontpack="brush"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Knewave", cursive;
  --font-display-weight: 400;
  --font-heading: "Knewave", cursive;
  --font-heading-weight: 400;
  --font-label: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 700;
  --font-lead: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.18rem;
  --font-metadata: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="brutalist"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Bungee", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-quote-weight: 500;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="code-editorial"] {
  --font-body: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 700;
  --font-heading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="dry-brush"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Water Brush", cursive;
  --font-display-weight: 400;
  --font-heading: "Sedgwick Ave Display", cursive;
  --font-heading-weight: 400;
  --font-quote: "Sedgwick Ave Display", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="editorial"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-body-variation: "opsz" 18;
  --font-caption: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-heading-variation: "opsz" 72;
  --font-label: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 400;
  --font-lead: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 450;
  --font-lead-size: 1.22rem;
  --font-lead-variation: "opsz" 24;
  --font-metadata: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 400;
  --font-numbers: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 600;
  --font-quote-size: 1.35rem;
  --font-subheading: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-subheading-variation: "opsz" 36;
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="field-notebook"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Knewave", cursive;
  --font-display-weight: 400;
  --font-heading: "Kalam", cursive;
  --font-heading-weight: 400;
  --font-label: "Kalam", cursive;
  --font-label-weight: 400;
  --font-lead: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.17rem;
  --font-metadata: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Covered By Your Grace", cursive;
  --font-quote-weight: 400;
  --font-quote-size: 1.35rem;
  --font-subheading: "Kalam", cursive;
  --font-subheading-weight: 400;
  --font-ui: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="garage"] {
  --font-body: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Trade Winds", cursive;
  --font-display-weight: 400;
  --font-heading: "Sedgwick Ave Display", cursive;
  --font-heading-weight: 400;
  --font-quote: "Sedgwick Ave Display", cursive;
  --font-quote-weight: 400;
  --font-subheading: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="handwritten"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Kalam", cursive;
  --font-display-weight: 400;
  --font-heading: "Caveat Brush", cursive;
  --font-heading-weight: 400;
  --font-quote: "Caveat Brush", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Kalam", cursive;
  --font-subheading-weight: 400;
  --font-mono: var(--font-code);
}
[data-fontpack="humanist"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 700;
  --font-heading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-quote: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="indie-zine"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "Victor Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Rubik Dirt", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "Knewave", cursive;
  --font-heading-weight: 400;
  --font-quote: "Knewave", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="literary"] {
  --font-body: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Literata", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-quote: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 600;
  --font-subheading: "Cormorant Garamond", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="marker-note"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Permanent Marker", cursive;
  --font-display-weight: 400;
  --font-heading: "Kalam", cursive;
  --font-heading-weight: 400;
  --font-quote: "Kalam", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
[data-fontpack="modern-editorial"] {
  --font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Fraunces", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 800;
  --font-quote: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="modern-soft"] {
  --font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Syne", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 750;
  --font-heading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 800;
  --font-label: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 750;
  --font-lead: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.18rem;
  --font-metadata: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "Geist Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: "Instrument Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-quote-size: 1.35rem;
  --font-subheading: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="painted-sign"] {
  --font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Finger Paint", cursive;
  --font-display-weight: 400;
  --font-heading: "Rock Salt", cursive;
  --font-heading-weight: 400;
  --font-label: "Rock Salt", cursive;
  --font-label-weight: 400;
  --font-lead: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 550;
  --font-lead-size: 1.17rem;
  --font-metadata: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 550;
  --font-numbers: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "Rock Salt", cursive;
  --font-quote-weight: 400;
  --font-quote-size: 1.25rem;
  --font-subheading: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-ui: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 550;
  --font-mono: var(--font-code);
}
[data-fontpack="plain"] {
  --font-body: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 450;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Inter Tight", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 750;
  --font-heading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-label: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 450;
  --font-lead-size: 1.18rem;
  --font-metadata: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: "Source Serif 4", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 450;
  --font-subheading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 650;
  --font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="poster-grit"] {
  --font-body: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-code: "DM Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Sedgwick Ave Display", cursive;
  --font-display-weight: 400;
  --font-heading: "Permanent Marker", cursive;
  --font-heading-weight: 400;
  --font-quote: "Permanent Marker", cursive;
  --font-quote-weight: 400;
  --font-subheading: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 700;
  --font-mono: var(--font-code);
}
[data-fontpack="system"] {
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 800;
  --font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.16rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.2rem;
  --font-subheading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-newspaper"] {
  --font-body: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-caption-weight: 500;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 800;
  --font-heading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-label: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-label-weight: 700;
  --font-lead: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.22rem;
  --font-metadata: "Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-metadata-weight: 600;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.28rem;
  --font-subheading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-reader"] {
  --font-body: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-display-weight: 700;
  --font-heading: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.2rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.26rem;
  --font-subheading: Charter, "Bitstream Charter", "Sitka Text", Cambria, Georgia, ui-serif, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-serif"] {
  --font-body: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 700;
  --font-heading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-label: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 650;
  --font-lead: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-lead-weight: 500;
  --font-lead-size: 1.2rem;
  --font-metadata: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-style: italic;
  --font-quote-size: 1.26rem;
  --font-subheading: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="system-terminal"] {
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-display-weight: 700;
  --font-heading: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-heading-weight: 700;
  --font-label: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-label-weight: 700;
  --font-lead: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-lead-weight: 500;
  --font-lead-size: 1.1rem;
  --font-metadata: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-metadata-weight: 500;
  --font-numbers: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 450;
  --font-quote: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-quote-style: italic;
  --font-quote-size: 1.05rem;
  --font-subheading: ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-subheading-weight: 650;
  --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 500;
  --font-mono: var(--font-code);
}
[data-fontpack="technical"] {
  --font-body: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body-weight: 400;
  --font-caption: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-caption-weight: 400;
  --font-code: "JetBrains Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display-weight: 400;
  --font-heading: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading-weight: 400;
  --font-label: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-label-weight: 400;
  --font-lead: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-lead-weight: 400;
  --font-lead-size: 1.15rem;
  --font-metadata: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-metadata-weight: 400;
  --font-numbers: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-numbers-weight: 400;
  --font-quote: "IBM Plex Serif", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "IBM Plex Sans Condensed", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-subheading-weight: 400;
  --font-ui: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui-weight: 400;
  --font-mono: var(--font-code);
}
[data-fontpack="typewriter"] {
  --font-body: "Crimson Pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-body-weight: 400;
  --font-code: "Courier Prime", ui-monospace, "SFMono-Regular", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;
  --font-code-weight: 400;
  --font-display: "Special Elite", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-display-weight: 400;
  --font-heading: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-heading-weight: 700;
  --font-quote: "Bitter", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-quote-weight: 400;
  --font-subheading: "Crimson Pro", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-subheading-weight: 600;
  --font-mono: var(--font-code);
}
@layer base {
[data-fontpack="brush"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="brush"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="brush"] h2, [data-fontpack="brush"] h3, [data-fontpack="brush"] h4, [data-fontpack="brush"] h5, [data-fontpack="brush"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="brush"] code, [data-fontpack="brush"] pre, [data-fontpack="brush"] kbd, [data-fontpack="brush"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="brush"] blockquote, [data-fontpack="brush"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="brush"] .caption, [data-fontpack="brush"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="brutalist"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="brutalist"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="brutalist"] h2, [data-fontpack="brutalist"] h3, [data-fontpack="brutalist"] h4, [data-fontpack="brutalist"] h5, [data-fontpack="brutalist"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="brutalist"] code, [data-fontpack="brutalist"] pre, [data-fontpack="brutalist"] kbd, [data-fontpack="brutalist"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="brutalist"] blockquote, [data-fontpack="brutalist"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="brutalist"] .caption, [data-fontpack="brutalist"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="code-editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="code-editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="code-editorial"] h2, [data-fontpack="code-editorial"] h3, [data-fontpack="code-editorial"] h4, [data-fontpack="code-editorial"] h5, [data-fontpack="code-editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="code-editorial"] code, [data-fontpack="code-editorial"] pre, [data-fontpack="code-editorial"] kbd, [data-fontpack="code-editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="code-editorial"] blockquote, [data-fontpack="code-editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="code-editorial"] .caption, [data-fontpack="code-editorial"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="dry-brush"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="dry-brush"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="dry-brush"] h2, [data-fontpack="dry-brush"] h3, [data-fontpack="dry-brush"] h4, [data-fontpack="dry-brush"] h5, [data-fontpack="dry-brush"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="dry-brush"] code, [data-fontpack="dry-brush"] pre, [data-fontpack="dry-brush"] kbd, [data-fontpack="dry-brush"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="dry-brush"] blockquote, [data-fontpack="dry-brush"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="dry-brush"] .caption, [data-fontpack="dry-brush"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
  font-variation-settings: var(--font-body-variation);
}
[data-fontpack="editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="editorial"] h2, [data-fontpack="editorial"] h3, [data-fontpack="editorial"] h4, [data-fontpack="editorial"] h5, [data-fontpack="editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
  font-variation-settings: var(--font-heading-variation);
}
[data-fontpack="editorial"] code, [data-fontpack="editorial"] pre, [data-fontpack="editorial"] kbd, [data-fontpack="editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="editorial"] blockquote, [data-fontpack="editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="editorial"] .caption, [data-fontpack="editorial"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="field-notebook"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="field-notebook"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="field-notebook"] h2, [data-fontpack="field-notebook"] h3, [data-fontpack="field-notebook"] h4, [data-fontpack="field-notebook"] h5, [data-fontpack="field-notebook"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="field-notebook"] code, [data-fontpack="field-notebook"] pre, [data-fontpack="field-notebook"] kbd, [data-fontpack="field-notebook"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="field-notebook"] blockquote, [data-fontpack="field-notebook"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="field-notebook"] .caption, [data-fontpack="field-notebook"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="garage"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="garage"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="garage"] h2, [data-fontpack="garage"] h3, [data-fontpack="garage"] h4, [data-fontpack="garage"] h5, [data-fontpack="garage"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="garage"] code, [data-fontpack="garage"] pre, [data-fontpack="garage"] kbd, [data-fontpack="garage"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="garage"] blockquote, [data-fontpack="garage"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="garage"] .caption, [data-fontpack="garage"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="handwritten"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="handwritten"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="handwritten"] h2, [data-fontpack="handwritten"] h3, [data-fontpack="handwritten"] h4, [data-fontpack="handwritten"] h5, [data-fontpack="handwritten"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="handwritten"] code, [data-fontpack="handwritten"] pre, [data-fontpack="handwritten"] kbd, [data-fontpack="handwritten"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="handwritten"] blockquote, [data-fontpack="handwritten"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="handwritten"] .caption, [data-fontpack="handwritten"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="humanist"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="humanist"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="humanist"] h2, [data-fontpack="humanist"] h3, [data-fontpack="humanist"] h4, [data-fontpack="humanist"] h5, [data-fontpack="humanist"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="humanist"] code, [data-fontpack="humanist"] pre, [data-fontpack="humanist"] kbd, [data-fontpack="humanist"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="humanist"] blockquote, [data-fontpack="humanist"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="humanist"] .caption, [data-fontpack="humanist"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="indie-zine"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="indie-zine"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="indie-zine"] h2, [data-fontpack="indie-zine"] h3, [data-fontpack="indie-zine"] h4, [data-fontpack="indie-zine"] h5, [data-fontpack="indie-zine"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="indie-zine"] code, [data-fontpack="indie-zine"] pre, [data-fontpack="indie-zine"] kbd, [data-fontpack="indie-zine"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="indie-zine"] blockquote, [data-fontpack="indie-zine"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="indie-zine"] .caption, [data-fontpack="indie-zine"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="literary"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="literary"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="literary"] h2, [data-fontpack="literary"] h3, [data-fontpack="literary"] h4, [data-fontpack="literary"] h5, [data-fontpack="literary"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="literary"] code, [data-fontpack="literary"] pre, [data-fontpack="literary"] kbd, [data-fontpack="literary"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="literary"] blockquote, [data-fontpack="literary"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="literary"] .caption, [data-fontpack="literary"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="marker-note"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="marker-note"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="marker-note"] h2, [data-fontpack="marker-note"] h3, [data-fontpack="marker-note"] h4, [data-fontpack="marker-note"] h5, [data-fontpack="marker-note"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="marker-note"] code, [data-fontpack="marker-note"] pre, [data-fontpack="marker-note"] kbd, [data-fontpack="marker-note"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="marker-note"] blockquote, [data-fontpack="marker-note"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="marker-note"] .caption, [data-fontpack="marker-note"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-editorial"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-editorial"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="modern-editorial"] h2, [data-fontpack="modern-editorial"] h3, [data-fontpack="modern-editorial"] h4, [data-fontpack="modern-editorial"] h5, [data-fontpack="modern-editorial"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="modern-editorial"] code, [data-fontpack="modern-editorial"] pre, [data-fontpack="modern-editorial"] kbd, [data-fontpack="modern-editorial"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="modern-editorial"] blockquote, [data-fontpack="modern-editorial"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="modern-editorial"] .caption, [data-fontpack="modern-editorial"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-soft"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="modern-soft"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="modern-soft"] h2, [data-fontpack="modern-soft"] h3, [data-fontpack="modern-soft"] h4, [data-fontpack="modern-soft"] h5, [data-fontpack="modern-soft"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="modern-soft"] code, [data-fontpack="modern-soft"] pre, [data-fontpack="modern-soft"] kbd, [data-fontpack="modern-soft"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="modern-soft"] blockquote, [data-fontpack="modern-soft"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="modern-soft"] .caption, [data-fontpack="modern-soft"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="painted-sign"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="painted-sign"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="painted-sign"] h2, [data-fontpack="painted-sign"] h3, [data-fontpack="painted-sign"] h4, [data-fontpack="painted-sign"] h5, [data-fontpack="painted-sign"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="painted-sign"] code, [data-fontpack="painted-sign"] pre, [data-fontpack="painted-sign"] kbd, [data-fontpack="painted-sign"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="painted-sign"] blockquote, [data-fontpack="painted-sign"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
  font-size: var(--font-quote-size);
}
[data-fontpack="painted-sign"] .caption, [data-fontpack="painted-sign"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="plain"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="plain"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="plain"] h2, [data-fontpack="plain"] h3, [data-fontpack="plain"] h4, [data-fontpack="plain"] h5, [data-fontpack="plain"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="plain"] code, [data-fontpack="plain"] pre, [data-fontpack="plain"] kbd, [data-fontpack="plain"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="plain"] blockquote, [data-fontpack="plain"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="plain"] .caption, [data-fontpack="plain"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="poster-grit"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="poster-grit"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="poster-grit"] h2, [data-fontpack="poster-grit"] h3, [data-fontpack="poster-grit"] h4, [data-fontpack="poster-grit"] h5, [data-fontpack="poster-grit"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="poster-grit"] code, [data-fontpack="poster-grit"] pre, [data-fontpack="poster-grit"] kbd, [data-fontpack="poster-grit"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="poster-grit"] blockquote, [data-fontpack="poster-grit"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="poster-grit"] .caption, [data-fontpack="poster-grit"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system"] h2, [data-fontpack="system"] h3, [data-fontpack="system"] h4, [data-fontpack="system"] h5, [data-fontpack="system"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system"] code, [data-fontpack="system"] pre, [data-fontpack="system"] kbd, [data-fontpack="system"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system"] blockquote, [data-fontpack="system"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system"] .caption, [data-fontpack="system"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-newspaper"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-newspaper"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-newspaper"] h2, [data-fontpack="system-newspaper"] h3, [data-fontpack="system-newspaper"] h4, [data-fontpack="system-newspaper"] h5, [data-fontpack="system-newspaper"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-newspaper"] code, [data-fontpack="system-newspaper"] pre, [data-fontpack="system-newspaper"] kbd, [data-fontpack="system-newspaper"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-newspaper"] blockquote, [data-fontpack="system-newspaper"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-newspaper"] .caption, [data-fontpack="system-newspaper"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-reader"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-reader"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-reader"] h2, [data-fontpack="system-reader"] h3, [data-fontpack="system-reader"] h4, [data-fontpack="system-reader"] h5, [data-fontpack="system-reader"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-reader"] code, [data-fontpack="system-reader"] pre, [data-fontpack="system-reader"] kbd, [data-fontpack="system-reader"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-reader"] blockquote, [data-fontpack="system-reader"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-reader"] .caption, [data-fontpack="system-reader"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-serif"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-serif"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-serif"] h2, [data-fontpack="system-serif"] h3, [data-fontpack="system-serif"] h4, [data-fontpack="system-serif"] h5, [data-fontpack="system-serif"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-serif"] code, [data-fontpack="system-serif"] pre, [data-fontpack="system-serif"] kbd, [data-fontpack="system-serif"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-serif"] blockquote, [data-fontpack="system-serif"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-serif"] .caption, [data-fontpack="system-serif"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="system-terminal"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="system-terminal"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="system-terminal"] h2, [data-fontpack="system-terminal"] h3, [data-fontpack="system-terminal"] h4, [data-fontpack="system-terminal"] h5, [data-fontpack="system-terminal"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="system-terminal"] code, [data-fontpack="system-terminal"] pre, [data-fontpack="system-terminal"] kbd, [data-fontpack="system-terminal"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="system-terminal"] blockquote, [data-fontpack="system-terminal"] .quote {
  font-family: var(--font-quote);
  font-style: var(--font-quote-style);
  font-size: var(--font-quote-size);
}
[data-fontpack="system-terminal"] .caption, [data-fontpack="system-terminal"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="technical"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="technical"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="technical"] h2, [data-fontpack="technical"] h3, [data-fontpack="technical"] h4, [data-fontpack="technical"] h5, [data-fontpack="technical"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="technical"] code, [data-fontpack="technical"] pre, [data-fontpack="technical"] kbd, [data-fontpack="technical"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="technical"] blockquote, [data-fontpack="technical"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="technical"] .caption, [data-fontpack="technical"] figcaption {
  font-family: var(--font-caption);
  font-weight: var(--font-caption-weight);
}
[data-fontpack="typewriter"] body {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
[data-fontpack="typewriter"] h1 {
  font-family: var(--font-display);
  font-weight: var(--font-display-weight);
}
[data-fontpack="typewriter"] h2, [data-fontpack="typewriter"] h3, [data-fontpack="typewriter"] h4, [data-fontpack="typewriter"] h5, [data-fontpack="typewriter"] h6 {
  font-family: var(--font-heading);
  font-weight: var(--font-heading-weight);
}
[data-fontpack="typewriter"] code, [data-fontpack="typewriter"] pre, [data-fontpack="typewriter"] kbd, [data-fontpack="typewriter"] samp {
  font-family: var(--font-code);
  font-weight: var(--font-code-weight);
}
[data-fontpack="typewriter"] blockquote, [data-fontpack="typewriter"] .quote {
  font-family: var(--font-quote);
  font-weight: var(--font-quote-weight);
}
[data-fontpack="typewriter"] .caption, [data-fontpack="typewriter"] figcaption {
  font-family: var(--font-body);
  font-weight: var(--font-body-weight);
}
}
:root{--fontpack-default:"handwritten";--fontpack-manifest:'[{"name":"brush","displayName":"Brush","heading":"Knewave","body":"Space Grotesk","code":"DM Mono","headingFont":"\'Knewave\', cursive","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"brutalist","displayName":"Brutalist","heading":"Bungee","body":"Space Grotesk","code":"IBM Plex Mono","headingFont":"\'Bungee\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"code-editorial","displayName":"Code Editorial","heading":"Space Grotesk","body":"Literata","code":"JetBrains Mono","headingFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":700,"bodyFont":"\'Literata\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"dry-brush","displayName":"Dry Brush","heading":"Water Brush","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Water Brush\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"editorial","displayName":"Editorial","heading":"Cormorant Garamond","body":"Source Serif 4","code":"IBM Plex Mono","headingFont":"\'Cormorant Garamond\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"field-notebook","displayName":"Field Notebook","heading":"Knewave","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Knewave\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"garage","displayName":"Garage","heading":"Trade Winds","body":"IBM Plex Sans","code":"JetBrains Mono","headingFont":"\'Trade Winds\', cursive","headingWeight":400,"bodyFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"handwritten","displayName":"Handwritten","heading":"Kalam","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Kalam\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"humanist","displayName":"Humanist","heading":"Source Sans 3","body":"Source Serif 4","code":"IBM Plex Mono","headingFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":700,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"indie-zine","displayName":"Indie Zine","heading":"Rubik Dirt","body":"Space Grotesk","code":"Victor Mono","headingFont":"\'Rubik Dirt\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Victor Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"literary","displayName":"Literary","heading":"Fraunces","body":"Literata","code":"IBM Plex Mono","headingFont":"\'Fraunces\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Literata\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'IBM Plex Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"marker-note","displayName":"Marker Note","heading":"Permanent Marker","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Permanent Marker\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"modern-editorial","displayName":"Modern Editorial","heading":"Fraunces","body":"Manrope","code":"Geist Mono","headingFont":"\'Fraunces\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"\'Manrope\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Geist Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"modern-soft","displayName":"Modern Soft","heading":"Syne","body":"Manrope","code":"Geist Mono","headingFont":"\'Syne\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":750,"bodyFont":"\'Manrope\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'Geist Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"painted-sign","displayName":"Painted Sign","heading":"Finger Paint","body":"Source Sans 3","code":"DM Mono","headingFont":"\'Finger Paint\', cursive","headingWeight":400,"bodyFont":"\'Source Sans 3\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"plain","displayName":"Plain","heading":"Inter Tight","body":"Source Serif 4","code":"JetBrains Mono","headingFont":"\'Inter Tight\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":750,"bodyFont":"\'Source Serif 4\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"poster-grit","displayName":"Poster Grit","heading":"Sedgwick Ave Display","body":"Space Grotesk","code":"DM Mono","headingFont":"\'Sedgwick Ave Display\', cursive","headingWeight":400,"bodyFont":"\'Space Grotesk\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'DM Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system","displayName":"System","heading":"System sans","body":"System sans","code":"System mono","headingFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":800,"bodyFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-newspaper","displayName":"System Newspaper","heading":"System serif","body":"System serif","code":"System mono","headingFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":800,"bodyFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-reader","displayName":"System Reader","heading":"System book","body":"System book","code":"System mono","headingFont":"Charter, \'Bitstream Charter\', \'Sitka Text\', Cambria, Georgia, ui-serif, serif","headingWeight":700,"bodyFont":"Charter, \'Bitstream Charter\', \'Sitka Text\', Cambria, Georgia, ui-serif, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-serif","displayName":"System Serif","heading":"System serif","body":"System serif","code":"System mono","headingFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":700,"bodyFont":"ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"system-terminal","displayName":"System Terminal","heading":"System mono","body":"System sans","code":"System mono","headingFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace","headingWeight":700,"bodyFont":"system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"technical","displayName":"Technical","heading":"IBM Plex Sans","body":"IBM Plex Sans","code":"JetBrains Mono","headingFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","headingWeight":400,"bodyFont":"\'IBM Plex Sans\', system-ui, -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif","codeFont":"\'JetBrains Mono\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"},{"name":"typewriter","displayName":"Typewriter","heading":"Special Elite","body":"Crimson Pro","code":"Courier Prime","headingFont":"\'Special Elite\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","headingWeight":400,"bodyFont":"\'Crimson Pro\', ui-serif, Georgia, Cambria, \'Times New Roman\', Times, serif","codeFont":"\'Courier Prime\', ui-monospace, \'SFMono-Regular\', \'Cascadia Mono\', \'Segoe UI Mono\', Menlo, Consolas, monospace"}]'}

@layer components{
.feed .posts,.feed .posts-list{max-width:750px;margin:0 auto}
@supports(grid-template-rows:subgrid){
.card .card-header{grid-row:1}
.card .card-body,.card .card-content,.card .card-excerpt{grid-row:2}
.card .card-meta,.card footer{grid-row:3}
}
.card{width:100%;min-width:0;max-width:100%}
.card pre{max-width:100%;overflow-x:auto}
.card .card-header,.card .card-body,.card .card-content,.card .card-excerpt,.card .card-meta,.card footer{background:0 0!important;background-color:transparent!important;background-image:none!important}
.card .card-title{margin:0 0 var(--space-2);font-size:var(--text-xl);line-height:var(--leading-tight);color:var(--color-text)}
.card .card-title a{color:inherit;text-decoration:none}
.card .card-title:hover,.card .card-title a:hover,.card .card-title a:focus-visible{color:inherit;text-decoration:underline}
.card .card-description,.card .card-excerpt,.card .card-link-snippet,.card-note .card-text{color:var(--color-text-muted)}
.card .card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-3)}
.card .card-meta time{display:inline}
.card .card-tags{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin:0}
.card .card-tags .tag{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);line-height:1;vertical-align:baseline}
.card-article{padding:var(--space-6)}
.card-article.has-cover{display:flex;padding:0;overflow:hidden}
.card-article .card-cover{flex-shrink:0;width:220px;min-height:160px;overflow:hidden;background:var(--color-surface)}
.card-article .card-cover-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.card-article.has-cover:hover .card-cover-img{transform:scale(1.03)}
.card-article.has-cover .card-content{flex:1;min-width:0;padding:var(--space-5);display:flex;flex-direction:column}
.card-article.has-cover .card-body{flex:1}
.card-article .card-header{margin-bottom:var(--space-3)}
.card-article .card-title{font-size:var(--text-2xl);margin-bottom:var(--space-3)}
.card-article.has-cover .card-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}
.card-article .card-excerpt{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}
.card-article.has-cover .card-excerpt{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.card-article .reading-time::before{content:"\2022";margin-right:var(--space-2)}
.card-note{padding:var(--space-5);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:none;max-width:550px;margin-left:auto;margin-right:auto}
.card-note:hover{box-shadow:0 2px 8px rgba(0,0,0,6%)}
.card-note .card-content{margin-bottom:var(--space-3)}
.card-note .card-title{font-size:var(--text-lg);font-weight:500;margin-bottom:var(--space-2)}
.card-note .card-title a{color:var(--color-text)}
.card-note .card-text{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}
.card-note .card-meta{justify-content:space-between;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs)}
.card-note .card-link{color:var(--color-text-muted);font-size:var(--text-xs);text-decoration:none}
.card-note .card-link:hover{color:var(--color-primary);text-decoration:underline}
.feed .posts-list .photo-figure{width:min(100%,600px);max-width:100%;display:grid;justify-items:center;align-self:center;margin-left:auto;margin-right:auto;text-align:center}
.feed .posts-list .photo-figure>a{display:grid;place-items:center;width:100%;max-width:100%}
.feed .posts-list .photo-figure picture{display:block;width:100%;max-width:100%;margin-left:auto;margin-right:auto}
.feed .posts-list .photo-figure img,.feed .posts-list .photo-figure video{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;margin-left:auto;margin-right:auto}
.card-link{display:flex;flex-direction:column;padding:0;overflow:hidden;container-type:inline-size}
@container(max-width:360px){.card-link .card-link-wrapper {
    flex-direction: column;
  }

  .card-link .card-link-image {
    width: 100%;
    height: 120px;
  }

  .card-link .card-link-image img {
    height: 120px;
  }
}
.card-link .card-link-wrapper{display:flex;align-items:flex-start;text-decoration:none;color:inherit}
.card-link .card-body{padding:var(--space-3)var(--space-4)}
.card-link .card-link-image{flex-shrink:0;width:120px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}
.card-link .card-link-image img{width:100%;height:100%;object-fit:cover}
.card-link .card-link-content{flex:1;padding:var(--space-3)var(--space-4);min-width:0}
.card-link .card-link-content p,.card-link .card-meta p{margin:0;display:inline}
.card-link .card-domain{display:inline-flex;align-items:center;font-size:var(--text-xs);color:var(--color-text);margin-top:var(--space-1);max-width:100%;min-width:2rem;min-height:2rem;padding-right:.35rem;text-decoration:none;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-link .card-domain:hover{color:inherit;text-decoration:underline}
.card-link .card-link-content a.has-avatar,.card-link .card-excerpt a.has-avatar{display:inline-flex;align-items:center;min-width:2rem;min-height:2rem}
.card-link .card-title{font-size:var(--text-base);font-weight:600;margin-bottom:0;min-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-link .card-description,.card-link .card-excerpt{color:var(--color-text-muted);font-size:var(--text-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-link .card-excerpt p{display:inline}
.card-link .card-excerpt p+p::before{content:" "}
.card-link .card-meta{margin-top:auto;padding:var(--space-2)var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface)}
aside .card-link .card-title{font-size:var(--text-sm);font-weight:500;min-height:0;-webkit-line-clamp:2}
aside .card-link .card-excerpt{-webkit-line-clamp:6;font-size:var(--text-sm)}
.card-inline{padding:var(--space-4);background:0 0;border:none;border-bottom:1px solid var(--color-border);border-radius:0}
.card-inline:hover{border-color:var(--color-border);box-shadow:none}
.card-inline .card-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}
.card-inline .card-content h1,.card-inline .card-content h2,.card-inline .card-content h3,.card-inline .card-content h4,.card-inline .card-content h5,.card-inline .card-content h6{margin-top:var(--space-4);margin-bottom:var(--space-2)}
.card-inline .card-content h1:first-child,.card-inline .card-content h2:first-child,.card-inline .card-content h3:first-child,.card-inline .card-content h4:first-child{margin-top:0}
.card-inline .card-content p{margin-bottom:var(--space-3)}
.card-inline .card-content p:last-child{margin-bottom:0}
.card-inline .card-content img{max-width:100%;border-radius:var(--radius);margin:var(--space-3)0}
.card-inline .card-content blockquote{margin:var(--space-3)0;padding:var(--space-3)var(--space-4);border-top:2px solid color-mix(in srgb,var(--color-primary) 40%,transparent);border-left:none;background:var(--color-surface);border-radius:var(--radius)}
.card-inline .card-meta{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between}
.card-inline .card-permalink{color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none}
.card-inline .card-permalink:hover{color:var(--color-primary);text-decoration:underline}
.card-default{padding:var(--space-5)}
.card-default .card-thumbnail{width:100%;aspect-ratio:12/5;object-fit:cover}
.card-default .card-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}
.card-default .card-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}
.feed-simple{max-width:750px;margin:0 auto}
.feed-simple-header{margin-bottom:var(--space-4)}
.feed-simple-header h1{margin-bottom:var(--space-2)}
.feed-simple-header .p-summary{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}
.feed-simple-nav{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}
.feed-simple-nav a{color:var(--color-primary);text-decoration:none}
.feed-simple-nav a:hover{text-decoration:underline}
.feed-simple-nav-current{font-weight:600;color:var(--color-text)}
.simple-list{list-style:none;padding:0;margin:0}
.simple-item{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2)0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);line-height:var(--leading-normal)}
.simple-item:last-child{border-bottom:none}
.simple-item-title{flex:1;min-width:0;color:var(--color-text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.simple-item-title:hover{color:var(--color-primary)}
.simple-item-date{flex-shrink:0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}
.simple-item-reading-time{flex-shrink:0;color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}
.simple-item-reading-time::before{content:"\00B7";margin-right:var(--space-2)}
@media(max-width:768px){
.feed-simple{max-width:100%}
}
@media(max-width:480px){
.simple-item{flex-wrap:wrap;gap:var(--space-1)var(--space-2)}
.simple-item-title{flex-basis:100%;white-space:normal;overflow:visible;text-overflow:clip}
.simple-item-reading-time::before{content:"\00B7"}
}
@media print{
.simple-item{border-bottom-color:#ccc}
.feed-simple-nav{display:none}
}
@media(max-width:768px){
.feed .posts,.feed .posts-list{max-width:100%}
.card-article{padding:var(--space-4)}
.card-article.has-cover{flex-direction:column}
.card-article .card-cover{width:100%;min-height:0;height:180px}
.card-article.has-cover .card-content{padding:var(--space-4)}
.card-article .card-title{font-size:var(--text-xl)}
.card-article.has-cover .card-title{font-size:var(--text-lg)}
.card-note{padding:var(--space-3);max-width:100%}
.card-link .card-link-wrapper{flex-direction:column}
.card-link .card-link-image{width:100%;height:120px}
.card-inline{padding:var(--space-3)}
.card-default{padding:var(--space-4)}
}
@media(max-width:480px){
.card-article .card-title{font-size:var(--text-lg)}
.card-article.has-cover .card-title{font-size:var(--text-base)}
.card-article .card-cover{height:140px}
.card-note .card-text{-webkit-line-clamp:2}
}
@media print{
.card{break-inside:avoid;page-break-inside:avoid;border:1px solid #ccc;box-shadow:none}
.card-inline .card-content img{max-height:150px}
}
.col-span-2{grid-column:span 2}
.row-span-2{grid-row:span 2}
[class*=col-span-]>.card,[class*=col-span-]>.photo-figure,[class*=row-span-]>.card,[class*=row-span-]>.photo-figure{height:100%}
[class*=row-span-]>.photo-figure{display:flex;flex-direction:column}
[class*=row-span-]>.photo-figure>a{flex:1;display:block;min-height:0}
[class*=row-span-]>.photo-figure img,[class*=row-span-]>.photo-figure video{height:100%;width:100%;object-fit:cover}
@media(max-width:600px){
.col-span-2,.col-span-3,.col-span-4{grid-column:span 1}
.row-span-2,.row-span-3{grid-row:span 1}
}
}

.page-wrapper:has(>.main-content>.feed.h-feed):not(:has(.feed-sidebar,.content-sidebar,.doc-sidebar)){display:block}
.page-wrapper.page-wrapper--feed-only:has(>.main-content>.feed.h-feed.feed--photo-grid){max-width:100%;width:100%;padding-left:clamp(.75rem,1.4vw,1.5rem);padding-right:clamp(.75rem,1.4vw,1.5rem)}
.page-wrapper:has(>.main-content>.feed.h-feed):not(:has(.feed-sidebar,.content-sidebar,.doc-sidebar))>.main-content{width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));max-width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));margin-left:auto;margin-right:auto}
.main-content>.feed.h-feed{width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));max-width:min(100%,calc(750px + (var(--space-4,1rem) * 2)));margin-left:auto;margin-right:auto}
article.post>.post-content>.feed.h-feed{width:min(calc(100vw - (var(--space-8,2rem) * 2)),calc(750px + (var(--space-4,1rem) * 2)));max-width:calc(750px + (var(--space-4,1rem) * 2));margin-left:50%;transform:translateX(-50%)}
.feed.h-feed{--feed-content-width:min(100%, 750px);width:100%;max-width:min(100%,var(--page-width));margin:0 auto;display:block}
.page-wrapper.page-wrapper--feed-only:has(>.main-content>.feed.h-feed.feed--photo-grid)>.main-content{width:max(0px,calc(100% - var(--push-left,0px) - var(--push-right,0px)));max-width:max(0px,calc(100% - var(--push-left,0px) - var(--push-right,0px)));margin-left:var(--push-left,0px);margin-right:0}
.main-content>.feed.h-feed.feed--photo-grid{width:100%;max-width:100%}
.feed.h-feed.feed--photo-grid{--feed-content-width:100%;container-name:shots-feed;container-type:inline-size}
.feed.h-feed.feed--photo-grid>.feed-header,.feed.h-feed.feed--photo-grid>.pagination,.feed.h-feed.feed--photo-grid>.pagination-infinite{width:100%;max-width:100%;margin-left:auto;margin-right:auto}
.feed.h-feed.feed--photo-grid>.posts-list,.feed.h-feed.feed--photo-grid>.posts.posts-list,.feed--photo-grid .posts-list--photo-grid{--photo-grid-columns:2;--photo-grid-gap:0.35rem;width:100%;max-width:none;margin:0;display:grid;container-type:inline-size;grid-template-columns:repeat(var(--photo-grid-columns),minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:calc((100cqi - ((var(--photo-grid-columns) - 1) * var(--photo-grid-gap)))/var(--photo-grid-columns));gap:var(--photo-grid-gap)}
.feed--photo-grid .shot-card{position:relative;grid-column:span 1;grid-row:span 1;min-width:0;min-height:100%;overflow:hidden;border:0;border-radius:0;background:color-mix(in srgb,var(--color-surface,#111827) 88%,black);box-shadow:none}
.feed--photo-grid .shot-card-link,.feed--photo-grid .shot-card-frame{display:block;width:100%;height:100%}
.feed--photo-grid .shot-card-frame{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-link,#c084fc) 35%,transparent),transparent 42%),color-mix(in srgb,var(--color-surface,#111827) 88%,black)}
.feed--photo-grid .shot-card-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,color-mix(in srgb,black 68%,transparent));opacity:.12;transition:opacity .22s ease;pointer-events:none}
.feed--photo-grid .shot-card-media,.feed--photo-grid .shot-card-fallback{width:100%;height:100%;display:block}
.feed--photo-grid .shot-card-media{object-fit:cover;transition:transform .35s ease,filter .35s ease}
.feed--photo-grid .shot-card-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem;padding:1rem;color:#fff;background:linear-gradient(180deg,transparent 24%,color-mix(in srgb,black 84%,transparent) 100%);opacity:0;transition:opacity .22s ease,background .22s ease}
.feed--photo-grid .shot-card-copy{display:grid;gap:.28rem}
.feed--photo-grid .shot-card-title,.feed--photo-grid .shot-card-description,.feed--photo-grid .shot-card-date{margin:0;color:inherit;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.feed--photo-grid .shot-card-title{font-size:clamp(1rem,1vw + .72rem,1.2rem);line-height:1.1}
.feed--photo-grid .shot-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;font-size:.88rem;line-height:1.35;opacity:.95}
.feed--photo-grid .shot-card-date{font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;opacity:.8}
.feed--photo-grid .shot-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.feed--photo-grid .shot-card-word-count{color:inherit;font-size:.78rem;opacity:.8}
.feed--photo-grid .shot-card-date+.shot-card-word-count::before{content:"·";margin-right:.5rem}
.feed--photo-grid .shot-card:hover .shot-card-media,.feed--photo-grid .shot-card:focus-within .shot-card-media{transform:scale(1.04);filter:saturate(1.04)brightness(.86)}
.feed--photo-grid .shot-card:hover .shot-card-frame::after,.feed--photo-grid .shot-card:focus-within .shot-card-frame::after{opacity:.92}
.feed--photo-grid .shot-card:hover .shot-card-overlay,.feed--photo-grid .shot-card:focus-within .shot-card-overlay,.feed--photo-grid .shot-card:active .shot-card-overlay{background:linear-gradient(180deg,color-mix(in srgb,black 6%,transparent) 0%,color-mix(in srgb,black 90%,transparent) 100%)}
.feed--photo-grid .shot-card:hover .shot-card-overlay,.feed--photo-grid .shot-card:focus-within .shot-card-overlay,.feed--photo-grid .shot-card:active .shot-card-overlay{opacity:1}
.feed--photo-grid .shot-card-link:focus-visible{outline:3px solid color-mix(in srgb,var(--color-link,#c084fc) 78%,white);outline-offset:-3px}
.feed--photo-grid .shot-card.has-video .shot-card-frame::before{content:"";position:absolute;top:.7rem;right:.7rem;z-index:2;width:.95rem;height:.95rem;background:color-mix(in srgb,white 92%,transparent);clip-path:polygon(18% 12%,88% 50%,18% 88%);opacity:.88;filter:drop-shadow(0 0 10px rgba(0,0,0,.4));pointer-events:none}
@container shots-feed (min-width:700px){.feed.h-feed.feed--photo-grid > .posts-list,
  .feed.h-feed.feed--photo-grid > .posts.posts-list,
  .feed--photo-grid .posts-list--photo-grid {
    --photo-grid-columns: 4;
  }

  .feed--photo-grid .shot-card.col-span-2 {
    grid-column: span 2;
  }

  .feed--photo-grid .shot-card.col-span-3 {
    grid-column: span 3;
  }

  .feed--photo-grid .shot-card.col-span-4 {
    grid-column: span 4;
  }

  .feed--photo-grid .shot-card.row-span-2 {
    grid-row: span 2;
  }

  .feed--photo-grid .shot-card.row-span-3 {
    grid-row: span 3;
  }
}
@container shots-feed (min-width:1200px){.feed.h-feed.feed--photo-grid > .posts-list,
  .feed.h-feed.feed--photo-grid > .posts.posts-list,
  .feed--photo-grid .posts-list--photo-grid {
    --photo-grid-columns: 5;
  }
}
@container shots-feed (min-width:1500px){.feed.h-feed.feed--photo-grid > .posts-list,
  .feed.h-feed.feed--photo-grid > .posts.posts-list,
  .feed--photo-grid .posts-list--photo-grid {
    --photo-grid-columns: 6;
  }
}
@container shots-feed (min-width:1800px){.feed.h-feed.feed--photo-grid > .posts-list,
  .feed.h-feed.feed--photo-grid > .posts.posts-list,
  .feed--photo-grid .posts-list--photo-grid {
    --photo-grid-columns: 7;
  }
}
.feeds-page{max-width:var(--content-width);margin:0 auto}
.feeds-listing{padding:0 0 3rem}
.page-header{margin-bottom:2rem;text-align:center}
.page-header h1{margin-bottom:.45rem}
.page-description,.feeds-count{color:var(--color-text-muted,#666)}
.feeds-count{font-size:.98rem}
.feed-sections{display:grid;gap:1.7rem}
.feed-section{display:grid;gap:1rem}
.feed-section-header{padding:0 0 .75rem;border-bottom:1px solid var(--color-border,#ddd)}
.feed-section-header h2{margin-bottom:.2rem;font-size:clamp(1.45rem,2vw,1.8rem)}
.feed-section-header p{margin:0;color:var(--color-text-muted,#666)}
.feed-section-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.88rem;color:var(--color-text-muted,#666)}
.feed-list{display:grid;gap:.8rem}
.feeds-page .feed-row{content-visibility:auto;contain-intrinsic-size:auto 22rem}
.feed-row{display:grid;gap:.8rem;align-items:start;padding:1rem 1.15rem;border:1px solid var(--color-border,#ddd);border-radius:var(--radius-lg,.75rem);background:var(--article-bg,color-mix(in srgb,var(--color-background,#111) 94%,transparent));box-shadow:0 2px 12px color-mix(in srgb,black 6%,transparent)}
.feed-main{display:grid;gap:.75rem}
.feed-row-header,.feed-header-top{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:.65rem 1rem;align-items:start}
.feed-row-header-main,.feed-header-copy,.feed-header{display:grid;gap:.3rem}
.feed-header{margin-bottom:1.5rem;gap:.9rem}
.feed-row-titleline{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}
.feed-row-header h3,.feed-header-copy h1{margin:0}
.feed-row-header h3{font-size:1.35rem;line-height:1.15}
.feed-row-header a{color:inherit;text-decoration:none}
.feed-row-header a:hover{text-decoration:underline}
.feed-badge{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:999px;background:#2f2b43;border:1px solid #4a5b8d;color:#c7d2ff;font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}
.feed-summary,.feed-header-copy p{margin:0;color:var(--color-text-muted,#666);font-size:1rem;line-height:1.45}
.feed-meta,.feed-stats{display:flex;flex-wrap:wrap;gap:.55rem .9rem;color:var(--color-text-muted,#666);font-size:.88rem}
.feed-view-link{color:inherit;text-decoration-color:color-mix(in srgb,var(--color-text-muted,#666) 60%,transparent);text-underline-offset:.14em}
.feed-view-link:hover{color:var(--color-primary,#007bff)}
.feed-links-display{gap:.35rem .9rem;padding-top:.15rem}
.feed-links-row{display:grid;gap:.3rem;padding-top:.2rem}
.feed-links-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#666)}
.feed-links-count{margin-left:.35rem;font-size:.92em}
.feed-links{display:flex;flex-wrap:wrap;gap:.35rem .8rem}
.feed-link{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem 0;color:inherit;text-decoration:none;font-size:.92rem;font-weight:500}
.feed-link:hover{color:var(--color-primary,#007bff);text-decoration:underline}
.feed-links-utility{margin-top:-.05rem;padding-top:.1rem}
.feed-sparkline-wrap,.feed-header-sparkline{display:grid;gap:.25rem;justify-items:end;min-width:180px;align-self:center}
.feed-sparkline-label,.feed-header-sparkline-label{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#666)}
.feed-sparkline-meta,.feed-header-sparkline-meta{width:180px;min-height:1rem;font-size:.76rem;color:var(--color-text-muted,#666);text-align:right}
.feed-sparkline-value,.feed-header-sparkline-value{display:inline-block;font-weight:500}
.feed-sparkline,.feed-header-sparkline-chart{width:180px;height:28px;overflow:visible;outline:none}
.feed-sparkline-axis,.feed-header-sparkline-axis{display:flex;justify-content:space-between;gap:.5rem;width:180px;font-size:.68rem;color:var(--color-text-muted,#666);opacity:0;transition:opacity 120ms ease}
.feed-sparkline-wrap:hover .feed-sparkline-axis,.feed-sparkline-wrap:focus-within .feed-sparkline-axis,.feed-header-sparkline:hover .feed-header-sparkline-axis,.feed-header-sparkline:focus-within .feed-header-sparkline-axis{opacity:1}
.feed-sparkline polyline,.feed-header-sparkline-chart polyline{fill:none;stroke:var(--color-primary,#007bff);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feed-sparkline-hit,.feed-header-sparkline-hit{fill:transparent;pointer-events:all}
.feed-sparkline,.feed-header-sparkline-chart{cursor:crosshair}
.feed-sparkline-guide,.feed-sparkline-dot,.feed-header-sparkline-guide,.feed-header-sparkline-dot{opacity:0;transition:opacity 120ms ease}
.feed-sparkline-guide,.feed-header-sparkline-guide{stroke:color-mix(in srgb,var(--color-text-muted,#666) 80%,transparent);stroke-width:1;stroke-dasharray:2 2}
.feed-sparkline-dot,.feed-header-sparkline-dot{fill:var(--color-primary,#007bff)}
.feed-sparkline:focus-visible,.feed-header-sparkline-chart:focus-visible{outline:2px solid var(--color-primary,#007bff);outline-offset:3px}
@media(max-width:720px){
.feed-row-header,.feed-header-top{grid-template-columns:1fr}
.feed-sparkline-wrap,.feed-header-sparkline{justify-items:start;min-width:0;align-self:start}
.feed-sparkline-meta,.feed-sparkline,.feed-sparkline-axis,.feed-header-sparkline-meta,.feed-header-sparkline-chart,.feed-header-sparkline-axis{width:min(220px,100%);text-align:left}
}
.feed--editorial .editorial-feed{width:min(100%,750px);max-width:100%;margin-inline:auto}
.feed--editorial .editorial-week{padding-block:clamp(1.3rem,3vw,2.5rem);border-bottom:1px solid var(--color-border-soft)}
.feed--editorial .editorial-week-heading{display:flex;flex-direction:column;gap:.3rem;margin:0 0 1.25rem;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.25;font-family:var(--font-heading,var(--font-serif,Georgia,serif))}
.feed--editorial .editorial-week-eyebrow{color:var(--color-text-muted);font:600 .68rem/1.5 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.11em}
.feed--editorial .editorial-week-entries{display:flex;flex-direction:column;gap:clamp(.9rem,2vw,1.5rem)}
.feed--editorial .editorial-entry>.card,.feed--editorial .editorial-entry>.photo-figure{width:100%;max-width:100%;margin:0}
.feed--editorial .editorial-entry>.card{background:0 0;border:0;border-bottom:1px solid var(--color-border-soft);border-radius:0;padding:0 0 1rem;box-shadow:none}
.feed--editorial .editorial-entry>.card:hover{background:0 0;box-shadow:none}
.feed--editorial .editorial-entry .card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.feed--editorial .editorial-entry--quiet .card-title{font-size:var(--text-lg)}
.feed--editorial .editorial-entry--featured .card-title{font-size:clamp(1.45rem,3vw,1.9rem)}
.feed--editorial .editorial-shot-collection{min-width:0}
.feed--editorial .editorial-collection-header h3{margin:0 0 .8rem;font-size:var(--text-lg)}
.feed--editorial .editorial-collection-header h3 span{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:400}
.feed--editorial .editorial-shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;align-items:start}
.feed--editorial .editorial-shot-grid>*,.feed--editorial .editorial-shot-grid .photo-figure{width:100%;max-width:100%;min-width:0;margin:0}
.feed--editorial .editorial-shot-grid .photo-figure>a{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-md,8px);background:var(--color-surface)}
.feed--editorial .editorial-shot-grid .card img,.feed--editorial .editorial-shot-grid .photo-figure img,.feed--editorial .editorial-shot-grid .photo-figure video{display:block;width:100%;height:100%;object-fit:cover}
.feed--editorial .editorial-shot-grid figcaption{margin-top:.35rem;font-size:var(--text-xs);line-height:1.4;text-align:start;color:var(--color-text-muted)}
@media(max-width:520px){
.feed--editorial .editorial-shot-grid{gap:.35rem}
.feed--editorial .editorial-shot-grid figcaption{font-size:.7rem}
.feed--editorial .editorial-week{padding-block:1.2rem}
}

@layer components{
:root[data-theme=dark]{color-scheme:dark}
:root[data-theme=light]{color-scheme:light}
.theme-switching,.theme-switching *,.theme-switching *::before,.theme-switching *::after{transition:none!important}
.theme-switcher{display:inline-flex;align-items:center;gap:.375rem}
.palette-mode-toggle,.theme-picker-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.25rem;height:2.25rem;padding:0;margin:0;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:999px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.palette-mode-toggle:hover,.theme-picker-toggle:hover,.theme-picker.is-open .theme-picker-toggle{border-color:var(--color-primary,#6366f1)}
.palette-mode-toggle:active,.theme-picker-toggle:active{transform:scale(.94)}
.palette-mode-toggle:focus-visible,.theme-picker-toggle:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}
.mode-icon{display:inline-flex;line-height:1}
.mode-icon svg{display:block}
.mode-icon-sun{display:none!important}
[data-theme=light] .mode-icon-sun{display:block!important}
[data-theme=light] .mode-icon-moon{display:none!important}
.theme-picker-icon{display:block}
.theme-picker-dot--a{fill:var(--color-primary,#6366f1)}
.theme-picker-dot--b{fill:var(--color-code-string,var(--color-success,#16a34a))}
.theme-picker-dot--c{fill:var(--color-warning,var(--color-code-keyword,#f59e0b))}
.text-size-control{display:inline-flex;align-items:center}
.text-size-select,.theme-picker-field select{appearance:none;-webkit-appearance:none;min-height:2.25rem;max-width:7.5rem;padding:.375rem 1.75rem .375rem .625rem;background-color:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:var(--radius,.375rem);font:inherit;font-size:var(--text-sm,.875rem);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .375rem center;background-repeat:no-repeat;background-size:1.125rem 1.125rem}
.text-size-select:hover,.theme-picker-field select:hover{border-color:var(--color-primary,#6366f1)}
.text-size-select:focus-visible,.theme-picker-field select:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:2px}
@media(max-width:480px){
.text-size-control .text-size-select{max-width:5.75rem;padding-left:.5rem;padding-right:1.5rem}
}
.site-header .theme-switcher--combined:has(.theme-picker:not([hidden]))>.palette-mode-toggle{display:none}
.site-header .theme-picker-toggle,.site-header .palette-mode-toggle{width:2.125rem;height:2.125rem;border-color:transparent;border-radius:.5rem;background:0 0;color:var(--color-text-muted,var(--color-text));transition:background-color .15s ease,color .15s ease}
.site-header .theme-picker-toggle:hover,.site-header .palette-mode-toggle:hover,.site-header .theme-picker.is-open .theme-picker-toggle{background:var(--color-surface);border-color:transparent;color:var(--color-text)}
.theme-picker-panel .adaptive-loading{flex:none;visibility:visible;padding:.25rem .75rem;border-top:1px solid var(--color-border-soft,var(--color-border));font:inherit}
.theme-picker-panel .adaptive-loading summary{display:flex;align-items:center;min-height:2rem;padding:.25rem .125rem;border:0;border-radius:.375rem;color:var(--color-text-muted);font-size:var(--text-sm,.875rem)}
.theme-picker-panel .adaptive-loading summary:hover{color:var(--color-text)}
.theme-picker-panel .adaptive-loading summary::before{content:'▸';margin-right:.5rem}
.theme-picker-panel .adaptive-loading details[open] summary::before{content:'▾'}
.theme-picker-panel .adaptive-loading__panel{position:static;width:auto;max-width:none;margin:0;padding:.25rem .25rem .75rem;border:0;border-radius:0;background:0 0;box-shadow:none}
.theme-picker-panel .adaptive-loading__status{margin:0 0 .25rem;padding:.25rem .5rem;font-size:.75rem}
.site-header .theme-picker:has([data-loading-status]:not([hidden])) .theme-picker-toggle::after{content:'';position:absolute;top:.15rem;right:.15rem;width:.375rem;height:.375rem;border-radius:50%;background:var(--color-primary)}
.theme-picker{position:relative;display:inline-flex}
.theme-picker[hidden]{display:none}
header:has(.theme-picker.is-open),.site-header:has(.theme-picker.is-open){z-index:1000}
.theme-picker-panel{position:absolute;top:calc(100% + .625rem);right:0;z-index:1100;display:flex;flex-direction:column;width:min(30rem,calc(100vw - 1.5rem));height:min(36rem,calc(100vh - 6rem));font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;background:var(--color-background,#fff);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:.875rem;box-shadow:0 24px 60px -16px rgb(0 0 0/.45),0 2px 8px rgb(0 0 0/.12);overflow:hidden;text-align:left;font-size:var(--text-sm,.875rem);line-height:1.4;transform-origin:top right;animation:theme-picker-in .14s ease-out}
.theme-picker-panel[hidden]{display:none!important}
.theme-picker-panel:focus{outline:none}
.theme-picker-top{display:flex;align-items:center;gap:.5rem;padding:.625rem .625rem .625rem .75rem;border-bottom:1px solid var(--color-border,#ddd)}
.theme-picker-tabs{display:inline-flex;flex:none;padding:3px;gap:2px;background:var(--color-surface,#f5f5f5);border-radius:.625rem}
.theme-picker-tabs [role=tab]{min-height:2rem;padding:0 .75rem;margin:0;background:0 0;color:var(--color-text-muted,#888);border:0;border-radius:.5rem;font:inherit;font-weight:600;cursor:pointer}
.theme-picker-tabs [role=tab][hidden]{display:none}
.theme-picker-tabs [role=tab]:hover{color:var(--color-text,#333)}
.theme-picker-tabs [role=tab][aria-selected=true]{background:var(--color-background,#fff);color:var(--color-text,#333);box-shadow:0 1px 3px rgb(0 0 0/.2)}
.theme-picker-steps{display:flex;flex:auto;align-items:center;justify-content:flex-end;min-width:0;gap:.25rem}
.theme-picker-current{flex:initial;min-width:0;overflow:hidden;color:var(--color-text-muted,#888);font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.theme-picker-step{display:inline-flex;flex:none;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;margin:0;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.theme-picker-step:hover{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}
.theme-picker-step:active{transform:scale(.94)}
.theme-picker-tabs [role=tab]:focus-visible,.theme-picker-step:focus-visible,.theme-picker-sizes button:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:1px}
.theme-picker-pane{display:flex;flex:auto;flex-direction:column;min-height:0}
.theme-picker-pane[hidden]{display:none}
.theme-picker-head{display:flex;align-items:center;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--color-border,#ddd)}
.theme-picker-search{flex:auto;min-width:0;height:2.25rem;padding:0 .75rem;margin:0;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid transparent;border-radius:.5rem;font:inherit;font-size:var(--text-sm,.875rem)}
.theme-picker-search::placeholder{color:var(--color-text-muted,#888);opacity:1}
.theme-picker-search:focus{outline:none;border-color:var(--color-primary,#6366f1)}
.theme-picker-search::-webkit-search-cancel-button{cursor:pointer}
.theme-picker-modes{display:inline-flex;flex:none;padding:2px;gap:2px;background:var(--color-surface,#f5f5f5);border-radius:.5rem}
.theme-picker-modes button,.theme-picker-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;background:0 0;color:var(--color-text-muted,#888);border:0;border-radius:.375rem;cursor:pointer}
.theme-picker-modes button:hover,.theme-picker-icon-btn:hover{color:var(--color-text,#333)}
.theme-picker-modes button[aria-pressed=true]{background:var(--color-background,#fff);color:var(--color-primary,#6366f1);box-shadow:0 1px 3px rgb(0 0 0/.18)}
.theme-picker-icon-btn{flex:none;width:2.25rem;height:2.25rem;border:1px solid var(--color-border,#ddd);border-radius:.5rem}
.theme-picker-modes button:focus-visible,.theme-picker-icon-btn:focus-visible,.theme-picker-reset:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:1px}
.theme-picker-grid{--picker-ring:var(--color-primary, #6366f1);--picker-edge:color-mix(in srgb, var(--color-text, #333) 14%, transparent);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:.625rem;flex:auto;min-height:0;padding:.75rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.theme-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;margin:0;background:var(--color-background);color:var(--color-text);border:0;border-radius:.625rem;box-shadow:0 0 0 1px var(--picker-edge);overflow:hidden;font:inherit;text-align:left;cursor:pointer;transition:box-shadow .12s ease}
.theme-card[hidden]{display:none}
.theme-card:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--picker-ring) 55%,transparent),0 8px 18px -10px rgb(0 0 0/.55)}
.theme-card:focus{outline:none}
.theme-card:focus-visible,.theme-card.is-current{box-shadow:0 0 0 2px var(--picker-ring)}
.theme-card.is-current::after{content:"";position:absolute;top:.375rem;right:.375rem;width:1rem;height:1rem;border-radius:999px;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M4.5 8.5l2.2 2.2 4.8-5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")50%/100% no-repeat,var(--picker-ring)}
.theme-card-preview{flex:none;display:flex;flex-direction:column;gap:4px;padding:.5rem .625rem;aspect-ratio:2/1;background:var(--color-background)}
.theme-card-preview>span,.theme-card-preview i{display:block}
.theme-card-name{display:block;padding:.375rem .5rem;background:var(--color-surface);color:var(--color-text);font-size:.75rem;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-card-name .tc-label,.theme-card-name .tc-note{display:block;overflow:hidden;text-overflow:ellipsis}
.theme-card-name .tc-note{color:var(--color-text-muted,var(--color-text));font-size:.6875rem;font-weight:500}
.theme-picker-grid--style{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-picker-grid--font{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-picker-sizes{gap:.375rem}
.theme-picker-label{margin-right:auto;color:var(--color-text-muted,#888);font-size:.75rem;font-weight:600}
.theme-picker-sizes button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.25rem;padding:0;margin:0;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid transparent;border-radius:.5rem;font:inherit;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation}
.theme-picker-sizes button[aria-checked=true]{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}
.theme-picker-sizes [data-picker-size=small] span{font-size:.75rem}
.theme-picker-sizes [data-picker-size=medium] span{font-size:.9375rem}
.theme-picker-sizes [data-picker-size=large] span{font-size:1.125rem}
.theme-picker-sizes [data-picker-size=x-large] span{font-size:1.375rem}
.theme-picker-empty{margin:0;padding:1.5rem .75rem;text-align:center;color:var(--color-text-muted,#888)}
.theme-picker-empty[hidden]{display:none}
.theme-picker-icon-btn[hidden],.theme-picker-grid[hidden],.theme-picker-schedule[hidden]{display:none}
.theme-picker-icon-btn[aria-pressed=true]{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}
.theme-picker-schedule{flex:auto;min-height:0;padding:.75rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:var(--text-sm,.875rem)}
.theme-picker-current.is-previewing{color:var(--color-primary,#6366f1);font-style:italic}
.theme-picker-bar{display:flex;flex:none;align-items:center;gap:.25rem;padding:.5rem .5rem .5rem .75rem;border-top:1px solid var(--color-border,#ddd)}
.theme-picker-bar .theme-picker-hint{flex:auto;min-width:0;padding:0}
.theme-picker-bar-btn[hidden]{display:none}
.theme-picker-bar-btn{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:.375rem;min-width:2rem;height:2rem;margin:0;padding:0 .5rem;background:0 0;color:var(--color-text-muted,#888);border:1px solid transparent;border-radius:999px;font:inherit;font-size:.75rem;line-height:1;white-space:nowrap;cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease}
.theme-picker-bar-btn svg{flex:none}
.theme-picker-bar-btn:hover{color:var(--color-text,#333);background:color-mix(in srgb,var(--color-text,#333) 8%,transparent)}
.theme-picker-bar-btn:focus-visible{outline:2px solid var(--color-primary,#6366f1);outline-offset:1px}
.theme-picker-reset{margin-left:auto;border-color:var(--color-border,#ddd);color:var(--color-text,#333)}
.theme-picker-bake__label:empty{display:none}
.theme-picker-bake.has-label{max-width:14rem;border-color:var(--color-border,#ddd)}
.theme-picker-bake__label{overflow:hidden;text-overflow:ellipsis}
.theme-picker-bake.is-armed{border-color:var(--color-primary,#6366f1);color:var(--color-primary,#6366f1)}
.theme-picker-bake.is-done{border-color:var(--color-success,#16a34a);color:var(--color-success,#16a34a)}
.theme-picker-bake.is-error{border-color:var(--color-error,#dc2626);color:var(--color-error,#dc2626)}
.theme-picker-hint{margin:0;padding:0 .75rem .625rem;color:var(--color-text-muted,#888);font-size:.6875rem}
.theme-picker-hint span{margin:0 .125rem}
.theme-picker-hint kbd{display:inline-block;min-width:1.25em;margin-right:1px;padding:0 .25em;background:var(--color-surface,#f5f5f5);color:var(--color-text,#333);border:1px solid var(--color-border,#ddd);border-radius:.25rem;font:inherit;font-size:.625rem;line-height:1.5;text-align:center}
@media(hover:none){
.theme-picker-hint{display:none}
}
@media(max-width:640px){
.theme-picker-panel{position:fixed;top:auto;right:0;bottom:0;left:0;width:auto;height:min(62vh,32rem);height:min(62dvh,32rem);border-width:1px 0 0;border-radius:1rem 1rem 0 0;padding-bottom:env(safe-area-inset-bottom,0px);font-size:.9375rem;transform-origin:bottom center;animation-name:theme-picker-sheet-in}
.theme-picker-top{gap:.375rem;padding:.5rem}
.theme-picker-tabs [role=tab]{min-height:2.5rem;padding:0 .625rem}
.theme-picker-step{width:2.75rem;height:2.75rem}
.theme-picker-head{padding:.5rem}
.theme-picker-search,.theme-picker-icon-btn,.theme-picker-sizes button{height:2.75rem}
.theme-picker-search{font-size:1rem}
.theme-picker-icon-btn{width:2.75rem}
.theme-picker-modes button{width:2.5rem;height:2.5rem}
.theme-picker-sizes button{width:3rem}
.theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:.5rem;gap:.5rem}
.theme-picker-bar{padding:.375rem .5rem;border-top:1px solid var(--color-border,#ddd)}
.theme-picker-bar-btn{min-width:2.5rem;height:2.5rem;font-size:.8125rem}
}
@media(max-width:360px){
.theme-picker-current{display:none}
}
@media(prefers-reduced-motion:reduce){
.theme-picker-panel{animation:none}
.theme-card{transition:none}
}
@keyframes theme-picker-sheet-in{from{transform:translateY(1.5rem);opacity:0}to{transform:none;opacity:1}}
@keyframes theme-picker-in{from{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}
.palette-notification{position:fixed;bottom:2rem;left:50%;z-index:10000;padding:.625rem 1.25rem;background:var(--color-surface,#333);color:var(--color-text,#fff);border:1px solid var(--color-border,#444);border-radius:999px;font-size:var(--text-sm,.875rem);font-weight:600;box-shadow:0 8px 28px rgb(0 0 0/.3);opacity:0;pointer-events:none;transform:translateX(-50%)translateY(.5rem);transition:opacity .18s ease,transform .18s ease}
.palette-notification.visible{opacity:1;transform:translateX(-50%)translateY(0)}
}

@layer components{
#pagefind-search:empty{height:2.125rem;min-width:0;width:100%;position:relative;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-background);cursor:text}
.search-container{position:relative}
.search-container--navbar,.search--navbar{margin-left:auto;flex-shrink:0}
.header-controls .search-container--navbar,.header-controls .search--navbar{width:clamp(10rem,18vw,16rem);max-width:100%;margin-left:0;position:relative;z-index:40}
.header-controls .search-container--navbar #pagefind-search,.header-controls .search-container--navbar .pagefind-ui{width:100%;position:relative}
.search-container--navbar .pagefind-ui__search-input,.search--navbar .pagefind-ui__search-input{width:100%!important;max-width:100%!important;color:var(--color-text)!important;background:var(--color-background)!important}
.search-container--navbar .pagefind-ui__form,.search--navbar .pagefind-ui__form{position:relative}
.search-container--navbar .pagefind-ui__search-input,.search--navbar .pagefind-ui__search-input,.search-container--navbar .pagefind-ui__search-input[class*=svelte-],.search--navbar .pagefind-ui__search-input[class*=svelte-],.search--navbar .bleve-search__input,.search-container--navbar .bleve-search__input{box-sizing:border-box;height:2.125rem;min-height:2.125rem;padding:.375rem 2rem .375rem 2.125rem!important;background:var(--color-surface,var(--color-background))!important;border:1px solid var(--color-border-soft,var(--color-border))!important;border-radius:.5rem;box-shadow:none}
.search-container--navbar .pagefind-ui__search-input:focus,.search--navbar .pagefind-ui__search-input:focus,.search-container--navbar .bleve-search__input:focus,.search--navbar .bleve-search__input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}
.search-container--navbar #pagefind-search:empty::before,.search--navbar #pagefind-search:empty::before,.search-container--navbar .pagefind-ui__form::after,.search--navbar .pagefind-ui__form::after,.search-container--navbar .bleve-search::before,.search--navbar .bleve-search::before{content:'';position:absolute;top:50%;left:.725rem;z-index:1;width:.875rem;height:.875rem;transform:translateY(-50%);background:var(--color-text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")center/contain no-repeat;pointer-events:none}
.search-container--navbar #pagefind-search:empty,.search--navbar #pagefind-search:empty{background:var(--color-surface,var(--color-background));border-color:var(--color-border-soft,var(--color-border))}
.site-header{position:relative;z-index:var(--z-header,100);overflow:visible!important}
.pagefind-ui__form::before,.pagefind-ui__form[class*=svelte-]::before{display:none!important;content:none!important}
.pagefind-ui__search-input,.pagefind-ui__search-input[class*=svelte-]{padding-left:.75rem!important;padding-right:2.5rem!important}
.pagefind-ui{--pagefind-ui-scale:0.9;--pagefind-ui-primary:var(--color-primary);--pagefind-ui-text:var(--color-text);--pagefind-ui-background:var(--color-background);--pagefind-ui-border:var(--color-border);--pagefind-ui-tag:var(--color-border);--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:0.5rem;--pagefind-ui-image-border-radius:0.375rem;--pagefind-ui-image-box-ratio:3 / 2;--pagefind-ui-font:inherit}
.pagefind-ui__search-input{font-size:.875rem;padding:.5rem .75rem;background:var(--color-background)!important;color:var(--color-text)!important;transition:border-color .15s ease,box-shadow .15s ease}
.pagefind-ui__search-input::placeholder{color:var(--color-text-muted)}
.pagefind-ui__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}
.pagefind-ui__search-clear{color:var(--color-text-muted)}
.search-container--navbar .pagefind-ui__search-clear.pagefind-ui__suppressed,.search-container--navbar .pagefind-ui__search-clear[class*=svelte-].pagefind-ui__suppressed,.search--navbar .pagefind-ui__search-clear.pagefind-ui__suppressed,.search--navbar .pagefind-ui__search-clear[class*=svelte-].pagefind-ui__suppressed{display:none!important}
.pagefind-ui__search-clear:hover{color:var(--color-text)}
.pagefind-ui__results-area{margin-top:0}
.search-container--navbar .pagefind-ui__drawer,.search--navbar .pagefind-ui__drawer{position:absolute!important;top:calc(100% + .5rem)!important;right:0!important;left:auto!important;width:min(36rem,90vw)!important;max-width:90vw!important;background:var(--color-background)!important;border:1px solid var(--color-border)!important;border-radius:.5rem!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.2),0 8px 10px -6px rgba(0,0,0,.15)!important;z-index:200!important;max-height:70vh!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;padding:.75rem;scrollbar-width:thin;scrollbar-color:var(--color-border)var(--color-background)}
.search-container--navbar .pagefind-ui__drawer.pagefind-ui__hidden,.search--navbar .pagefind-ui__drawer.pagefind-ui__hidden,.search-container--navbar .pagefind-ui__drawer[class*=svelte-].pagefind-ui__hidden,.search--navbar .pagefind-ui__drawer[class*=svelte-].pagefind-ui__hidden{display:none!important}
.search-container--navbar .pagefind-ui__drawer::-webkit-scrollbar,.search--navbar .pagefind-ui__drawer::-webkit-scrollbar{width:8px}
.search-container--navbar .pagefind-ui__drawer::-webkit-scrollbar-track,.search--navbar .pagefind-ui__drawer::-webkit-scrollbar-track{background:var(--color-background);border-radius:0 .5rem .5rem 0}
.search-container--navbar .pagefind-ui__drawer::-webkit-scrollbar-thumb,.search--navbar .pagefind-ui__drawer::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;border:2px solid var(--color-background)}
.search-container--navbar .pagefind-ui__drawer::-webkit-scrollbar-thumb:hover,.search--navbar .pagefind-ui__drawer::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}
.search-container--navbar .pagefind-ui__drawer>*,.search--navbar .pagefind-ui__drawer>*{margin:0}
.search-container--navbar .pagefind-ui__drawer .pagefind-ui__filter-panel,.search--navbar .pagefind-ui__drawer .pagefind-ui__filter-panel,.search-container--navbar .pagefind-ui__drawer .pagefind-ui__results-area,.search--navbar .pagefind-ui__drawer .pagefind-ui__results-area{margin-top:0}
.search-container--navbar #pagefind-search:empty::after,.search--navbar #pagefind-search:empty::after,.search-container--navbar .pagefind-ui::after,.search--navbar .pagefind-ui::after{content:'/';position:absolute;right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem;padding:.125rem .375rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.25rem;color:var(--color-text-muted);pointer-events:none;opacity:.7}
.search-container--navbar:focus-within #pagefind-search:empty::after,.search--navbar:focus-within #pagefind-search:empty::after,.search-container--navbar:focus-within .pagefind-ui::after,.search--navbar:focus-within .pagefind-ui::after{display:none}
@media(max-width:768px){
.header-controls .search-container--navbar{width:100%}
.header-controls .search-container--navbar,.header-controls .search--navbar{flex:auto;width:auto;min-width:0}
.search-container--navbar,.search--navbar{width:100%;margin-top:.5rem}
.search-container--navbar #pagefind-search,.search--navbar #pagefind-search,.search-container--navbar .pagefind-ui,.search--navbar .pagefind-ui{width:100%}
.search-container--navbar .pagefind-ui__drawer,.search--navbar .pagefind-ui__drawer{position:absolute!important;top:calc(100% + .5rem)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:60vh!important;border-radius:.5rem!important;bottom:auto!important}
.search-container--navbar #pagefind-search:empty::after,.search--navbar #pagefind-search:empty::after,.search-container--navbar .pagefind-ui::after,.search--navbar .pagefind-ui::after{display:none}
.pagefind-ui__result,.pagefind-ui__result[class*=svelte-]{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:var(--space-2)!important}
.pagefind-ui__result-thumb,.pagefind-ui__result-thumb[class*=svelte-]{width:48px;height:48px;margin:0;flex:none}
.pagefind-ui__result-image,.pagefind-ui__result-image[class*=svelte-]{width:48px;height:48px;object-fit:cover;border-radius:999px}
.pagefind-ui__result-inner,.pagefind-ui__result-inner[class*=svelte-]{width:100%}
}
.site-header .site-title{flex-shrink:0}
.site-header .site-nav{flex-grow:1}
}

:root {  }
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
.container{width:100%}
@media(min-width:640px){
.container{max-width:640px}
}
@media(min-width:768px){
.container{max-width:768px}
}
@media(min-width:1024px){
.container{max-width:1024px}
}
@media(min-width:1280px){
.container{max-width:1280px}
}
@media(min-width:1536px){
.container{max-width:1536px}
}
.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}
.absolute{position:absolute}
.mx-auto{margin-left:auto;margin-right:auto}
.ml-auto{margin-left:auto}
.mr-0{margin-right:0}
.mt-8{margin-top:2rem}
.flex{display:flex}
.hidden{display:none}
.max-h-96{max-height:24rem}
.w-6{width:1.5rem}
.w-full{width:100%}
.max-w-xl{max-width:36rem}
@keyframes pulse{50%{opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-center{justify-content:center}
.gap-4{gap:1rem}
.overflow-hidden{overflow:hidden}
.overflow-y-scroll{overflow-y:scroll}
.rounded{border-radius:.25rem}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.border{border-width:1px}
.border-2{border-width:2px}
.border-l-8{border-left-width:8px}
.border-r-8{border-right-width:8px}
.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}
.border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity,1))}
.border-pink-900{--tw-border-opacity:1;border-color:rgb(131 24 67/var(--tw-border-opacity,1))}
.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}
.bg-blue-900{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}
.bg-green-900{--tw-bg-opacity:1;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}
.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}
.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}
.p-6{padding:1.5rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.text-center{text-align:center}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.font-bold{font-weight:700}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}
.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}
.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}
.text-pink-400{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity,1))}
.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}
.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
.underline{text-decoration-line:underline}
.line-through{text-decoration-line:line-through}
.decoration-teal-500{text-decoration-color:#14b8a6}
.decoration-white{text-decoration-color:#fff}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-neutral-900{--tw-shadow-color:#171717;--tw-shadow:var(--tw-shadow-colored)}
.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}


    /* Native controls and scrollbars follow the site's resolved mode, not the OS. */
    html:root { color-scheme: dark; }
    html:root[data-theme="light"] { color-scheme: light; }