jekyll-slides 0.3.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a92cf3ca8f9bd4ae944f5059db0bb304736b2771a872ab4d5d79a79303512361
-  data.tar.gz: b673bdfebebcdb512f823b2086be1844db79acc98f45ad3a8414f1319515be1a
+  metadata.gz: c8b78cbc44332f15e07e9b252aeb1eaa893dddb1f0c3e2d8451364b7bf8ff46f
+  data.tar.gz: a43c9d8e27d33bec97218df063934db76f91116d0242469bff2f8b55d1b94ce4
 SHA512:
-  metadata.gz: 614fd49ac985bcf2c5d37f89dc3f396825ca2a308847dc0eb44706087d04d45acf60a24eb5cec3e527d5fa60fdcc45c6c078d818f5257a0cb5debc9a15189128
-  data.tar.gz: 845bb91e87fb783a0a467b9d7329f4c9f7d226e0d273c308170df806e9db47e491b19da6c0b3adfe0f217ed124e7f579f1b318d2bd2d1f0c1baa926522af9ff4
+  metadata.gz: d14288986c7287b79e375968cf9b51fc3fca3f0582e881defae243d271e454c4e4896a66e5146df6387b7faa2ffcccb7d35fa359ed7458e3574da6546eba7a6b
+  data.tar.gz: 658e23fbc212bb70428226f8b389cdeddc3443a54b8fd4f59f4439ed9b2ced005ca566e8aad0aa12519bd89f83bace534fb7042ceda4f9d96300997987f24c55

data/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 All notable changes to Jekyll Slides are documented here.
 
+## 0.5.0 — 2026-09-10
+
+- Fix Safari rendering slides too small or too large, including overview thumbnails. Prefer direct CSS length division when supported; the earlier absolute-value workaround corrected the sign but not the scale's magnitude. Older browsers retain the existing fallback.
+
+## 0.4.0 — 2026-09-10
+
+- Add opt-in paragraph reveals: mark a paragraph `{: .fragment}` and it is held back until the next step. Forward steps (`ArrowRight`, `PageDown`, `Space`, the next button, or a click on the slide) reveal one paragraph before moving to the next slide; backward steps hide the most recent reveal first. Slide numbers, the progress bar, the URL hash, and browser history keep counting slides, not reveals. Hidden paragraphs keep their space, cannot be focused or reached by assistive technology, and fade in over 180ms unless the reader prefers reduced motion. The overview, print, no-JavaScript output, and browsers without the slide canvas show every paragraph.
+- Add `macos-light`, a flat light code-window palette. It is component-only: a block selects it with `theme="macos-light"`, a deck cannot, and it repaints that window alone so it can sit inside a deck of any color.
+- Give slides more usable space. Content insets drop from `108px 132px 100px`, and from the `180px` title and statement overrides, to one shared 72px/80px pair used by both the presented slide and the overview preview.
+- Repaint `minimal-light` as a flat neutral near-white deck instead of a warm paper tint, including its plain, gradient, and code surfaces.
+- Keep 28px between a block and the prose after it. Plain fenced code, Rouge output, and figures previously carried no bottom margin, so following prose sat flush against them. A plain fence also now uses the deck's monospace face rather than the browser default.
+- Stop capping `content` slides at a 920px column. Headings, paragraphs, lists, and quotes each carry their own measure, so the column cap only ever clipped the code blocks and tables that have none.
+- Flatten the window chrome to match macOS: a solid title-bar fill with no gradient, a 1px border, a restrained shadow, and traffic lights with a rim but no gloss.
+- Move the editor and terminal title from the center of the title bar to just after the traffic lights, offset by a control run derived from the bar height so `sm`, `md`, and `lg` stay aligned. A long filename truncates before the language label.
+- Remove `--slide-surface-shine`, `--slide-code-inset`, and `--slide-dot-gloss`. The flat chrome reads none of them. Sites that forked the stylesheet and set these tokens should drop them.
+
 ## 0.3.0 — 2026-09-10
 
 - Add the four Catppuccin flavors as presentation themes: `catppuccin-latte`, `catppuccin-frappe`, `catppuccin-macchiato`, and `catppuccin-mocha`, ported from the palette shared by [catppuccin/ghostty](https://github.com/catppuccin/ghostty). Hues are the published values; lightness is adjusted only where a token cannot otherwise clear the 4.5:1 contrast checked on every code surface.

data/README.md

@@ -33,7 +33,7 @@ title: A short talk
 
 <!--
 layout: title
-background: gradient
+background: plain
 -->
 # A short talk
 
@@ -144,6 +144,26 @@ Liquid runs before slide rendering, just as it does on ordinary Jekyll pages. Wr
 
 Code remains selectable and copyable with normal browser controls; version 0.1 does not add a copy button.
 
+## Paragraph reveals
+
+Mark a paragraph `.fragment` to hold it back until the next step. Everything else on the slide is visible from the start.
+
+```markdown
+This paragraph is visible immediately.
+
+This explanation appears on the next click.
+{: .fragment}
+
+This conclusion appears on the following click.
+{: .fragment}
+```
+
+Each forward step — `ArrowRight`, `PageDown`, `Space`, the next button, or a click on the slide — reveals one more marked paragraph. Once the slide has none left, the same step moves to the next slide. Backward steps hide the most recent reveal first, and stepping onto an earlier slide arrives with it fully revealed. Slide numbers, the progress bar, the URL hash, and browser history keep counting slides, not reveals.
+
+A hidden paragraph keeps its space, so revealing one moves nothing else on the slide. It cannot be focused or read by assistive technology until it is revealed, and it fades in over 180ms unless the reader prefers reduced motion. The overview, print output, no-JavaScript output, and browsers without the slide canvas show every paragraph, because none of them can reveal one; leaving the overview or the print dialog restores the reveals for the session.
+
+Reveals are opt-in per paragraph, and version 0.1 marks paragraphs only. The [presentation polish example](https://github.com/lucianghinda/jekyll-slides/blob/main/examples/presentation-polish.md) shows them on a flat light deck.
+
 ## Themes and configuration
 
 Presentation themes are `minimal-light`, `minimal-dark`, `midnight` (the default), `ruby`, and the four Catppuccin flavors `catppuccin-latte`, `catppuccin-frappe`, `catppuccin-macchiato`, and `catppuccin-mocha`. These style the slides without replacing the site's Jekyll theme. Configure defaults under `slides:`:
@@ -178,21 +198,36 @@ ghostty 1.0.1
 
 The override repaints that window completely: surface, title bar, syntax colors, prompt, and body text. Everything outside it keeps the deck theme. An unknown name warns during the build and falls back to the deck theme. The [terminal themes example](https://github.com/lucianghinda/jekyll-slides/blob/main/examples/terminal-themes.md) shows a deck-wide flavor next to per-window overrides.
 
+### The macOS light window
+
+`macos-light` is a component-only palette: a flat near-white code window with a pale title bar, purple keywords, green strings, and blue functions. It is meant to sit inside a deck of any color, so it defines no slide background and no type scale, and a deck cannot select it.
+
+````markdown
+```ruby
+class Invoice
+  def total = items.sum(&:price)
+end
+```
+{: .editor title="app/models/invoice.rb" theme="macos-light" line_numbers="true"}
+````
+
+Because `theme` is one shared attribute, `macos-light` works on a terminal too. Omitting `theme` continues to inherit the deck palette, and naming it in front matter or `_config.yml` is not a deck theme — that warns and falls back like any other unknown deck name. The [editor themes example](https://github.com/lucianghinda/jekyll-slides/blob/main/examples/editor-themes.md) shows it on a dark deck across all three sizes.
+
 ### Window chrome
 
-Editors and terminals render the same macOS-style title bar: traffic lights on the left, the `title` centered in the bar, and for editors the language on the right. The traffic lights keep the macOS red, amber, and green in every theme, the way a real title bar does; only the window surface follows the theme. Bar height, control size, and spacing scale with the component `size`.
+Editors and terminals render the same macOS-style title bar: traffic lights on the left, then the `title`, and for editors the language on the right. The bar is a single flat fill from the palette with a hairline under it; the window has a 1px border and a restrained shadow. The traffic lights keep the macOS red, amber, and green in every theme, the way a real title bar does; only the window surface follows the theme. Bar height, control size, and the title's offset all scale with the component `size`, so `sm`, `md`, and `lg` stay aligned. A long filename truncates before it reaches the language label.
 
 ## Typography and readability
 
 The gem bundles Atkinson Hyperlegible Next for text and Atkinson Hyperlegible Mono for code, including variable upright and italic faces. Fonts load from the site's own assets and work offline. The font files retain their SIL Open Font License; source revisions, checksums, and notices are in [assets/fonts](https://github.com/lucianghinda/jekyll-slides/blob/main/assets/fonts/README.md).
 
-On the 1920×1080 slide canvas, body text is 44px, section headings are 72px, and code sizes `sm`, `md`, and `lg` are 32px, 38px, and 42px. These sizes scale with the slide. Filenames and line numbers remain readable, and focused lines use borders and background color while keeping surrounding code fully visible. All eight themes check syntax-token contrast against normal, highlighted, and focused code surfaces, both deck-wide and as a single-window override.
+On the 1920×1080 slide canvas, body text is 44px, section headings are 72px, and code sizes `sm`, `md`, and `lg` are 32px, 38px, and 42px. These sizes scale with the slide. Filenames and line numbers remain readable, and focused lines use borders and background color while keeping surrounding code fully visible. All eight deck themes, plus the component-only `macos-light`, check syntax-token contrast against normal, highlighted, and focused code surfaces, both deck-wide and as a single-window override, and check the filename and language against the title bar.
 
 Prefer medium or large code and short examples for projection. Long blocks can scroll, but an audience cannot reveal hidden lines independently; split examples when presenting or printing. Screen contrast tests do not replace checking the actual projector and viewing distance.
 
 ## Navigation and accessibility
 
-Use `ArrowLeft`/`ArrowRight`, `PageUp`/`PageDown`, `Home`, and `End` to navigate. `Space` advances, `O` toggles overview, and `F` toggles fullscreen. The current slide is synchronized in the URL hash (`#3` for slide three), so links and browser history work. The controls include accessible labels and focus states; reduced-motion preferences are respected. Print the deck with the browser print dialog (slides are paginated and chrome is hidden). If JavaScript is disabled, all slides remain in document order as complete aspect-ratio frames with readable content.
+Use `ArrowLeft`/`ArrowRight`, `PageUp`/`PageDown`, `Home`, and `End` to navigate. `Space` advances, `O` toggles overview, and `F` toggles fullscreen. A click on the slide advances too; links, buttons, modified clicks, and text selection keep their own behavior. On a slide with [paragraph reveals](#paragraph-reveals), a forward step reveals the next paragraph before it changes slide. `Home` and `End` always jump to a slide. The current slide is synchronized in the URL hash (`#3` for slide three), so links and browser history work. The controls include accessible labels and focus states; reduced-motion preferences are respected. Print the deck with the browser print dialog (slides are paginated and chrome is hidden). If JavaScript is disabled, all slides remain in document order as complete aspect-ratio frames with readable content.
 
 ## Demo and development
 
@@ -249,7 +284,7 @@ Maintainers can follow the [release instructions](https://github.com/lucianghind
 
 ## 0.1 limitations and extension
 
-Version 0.1 intentionally supports Markdown/Kramdown, a fixed 16:9 canvas, the curated layouts/themes above, and a small dependency-free browser runtime. It does not provide speaker notes, transitions, nested slide sections, a theme editor, or an authoring UI. JavaScript is enhancement-only; server-side HTML is the source of truth.
+Version 0.1 intentionally supports Markdown/Kramdown, a fixed 16:9 canvas, the curated layouts/themes above, and a small dependency-free browser runtime. It does not provide speaker notes, slide transitions, nested slide sections, a theme editor, or an authoring UI. Reveals mark paragraphs only; other blocks and grouped sequences are not covered. JavaScript is enhancement-only; server-side HTML is the source of truth.
 
 The plugin injects its `_layouts`, `_includes`, and `assets` into Jekyll without participating in theme resolution. A site can override the `presentation` layout, any `slides/*` include, or either compiled asset by placing a file with the same path in its own source tree. Copy the stylesheet only when you need a complete CSS fork; otherwise add a custom slide class and site CSS after the gem stylesheet. Keep `plugins: [jekyll-slides]` enabled even when overriding the layout so Markdown rendering and normalized slide settings remain active.
 

data/assets/css/presentation.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
-@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-slide-sans:"Atkinson Hyperlegible Next", "Avenir Next", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-slide-mono:"Atkinson Hyperlegible Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--slide-canvas-width:1920px;--slide-canvas-height:1080px;--slide-radius:28px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.hidden{display:none}}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/atkinson-hyperlegible-next.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:italic;font-weight:200 800;font-display:swap;src:url(../fonts/atkinson-hyperlegible-next-italic.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/atkinson-hyperlegible-mono.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:italic;font-weight:200 800;font-display:swap;src:url(../fonts/atkinson-hyperlegible-mono-italic.woff2)format("woff2")}:root{--slide-dot-close:#ff5f57;--slide-dot-minimize:#febc2e;--slide-dot-maximize:#28c840;--slide-dot-rim:#00000029;--slide-dot-gloss:#ffffff42}:root,[data-theme=midnight],[data-code-theme=midnight]{--slide-fg:#f3f5f8;--slide-muted:#b4bdca;--slide-accent:#ff6b4a;--slide-accent-strong:#ff8a65;--slide-code-surface:#151b26;--slide-code-header:#1c2532;--slide-code-border:#364354;--slide-code-shadow:#0000006b;--slide-syntax-comment:#aab5c5;--slide-syntax-keyword:#ff9e7a;--slide-syntax-string:#b8d98e;--slide-syntax-number:#c6a9ff;--slide-syntax-function:#75c9db;--slide-syntax-operator:#f3f5f8;--slide-syntax-punctuation:#b9c4d2;--slide-syntax-name:#f3f5f8;--slide-syntax-variable:#f3f5f8;--slide-syntax-symbol:#75c9db;--slide-syntax-builtin:#75c9db;--slide-syntax-constant:#c6a9ff;--slide-syntax-error:#ff8675;--slide-highlight:#ff6b4a2b;--slide-focus:#ff9e7a;--slide-link:#9edbea;--slide-code-font-size:38px;--slide-code-highlight-surface:#ff6b4a1a;--slide-code-highlight-border:#ff6b4a;--slide-code-focus-surface:#ff9e7a1a;--slide-code-inset:#ffffff0f;--slide-surface-shine:#ffffff0f}:root,[data-theme=midnight]{--slide-bg:#10141d;--slide-selection:#ff6b4a47;--slide-grid-line:#ffffff0e;--slide-spotlight:#ff6b4a26;--slide-gradient-start:#191d2c;--slide-gradient-end:#10141d;--slide-quote:#c8d1dc;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=minimal-light],[data-code-theme=minimal-light]{--slide-fg:#1c2027;--slide-muted:#4d5660;--slide-accent:#bc3e27;--slide-accent-strong:#8d2919;--slide-code-surface:#e9e6df;--slide-code-header:#dedbd4;--slide-code-border:#c8c4bb;--slide-code-shadow:#302c242e;--slide-syntax-comment:#50564f;--slide-syntax-keyword:#9d3e28;--slide-syntax-string:#325c35;--slide-syntax-number:#6b4ca0;--slide-syntax-function:#12586a;--slide-syntax-operator:#343b45;--slide-syntax-punctuation:#4d5863;--slide-syntax-name:#1c2027;--slide-syntax-variable:#1c2027;--slide-syntax-symbol:#12586a;--slide-syntax-builtin:#12586a;--slide-syntax-constant:#6b4ca0;--slide-syntax-error:#a52121;--slide-highlight:#bc3e2721;--slide-focus:#9d3e28;--slide-link:#176d82;--slide-code-font-size:38px;--slide-code-highlight-surface:#bc3e2712;--slide-code-highlight-border:#bc3e27;--slide-code-focus-surface:#9d3e2812;--slide-code-inset:#1c202714;--slide-surface-shine:#ffffff0f}[data-theme=minimal-light]{--slide-bg:#f4f1eb;--slide-selection:#bc3e2733;--slide-grid-line:#1c202714;--slide-spotlight:#bc3e271f;--slide-gradient-start:#fffdf8;--slide-gradient-end:#e9e5dc;--slide-quote:#424a54;--slide-heading-font-size:72px;--slide-title-font-size:96px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=minimal-dark],[data-code-theme=minimal-dark]{--slide-fg:#f4f1ea;--slide-muted:#bcb8b0;--slide-accent:#e6b566;--slide-accent-strong:#f2c57a;--slide-code-surface:#202020;--slide-code-header:#2b2b2a;--slide-code-border:#454441;--slide-code-shadow:#00000080;--slide-syntax-comment:#b2afa9;--slide-syntax-keyword:#f0bd75;--slide-syntax-string:#b8d094;--slide-syntax-number:#d1a9e8;--slide-syntax-function:#83ced1;--slide-syntax-operator:#f4f1ea;--slide-syntax-punctuation:#c5c1b9;--slide-syntax-name:#f4f1ea;--slide-syntax-variable:#f4f1ea;--slide-syntax-symbol:#83ced1;--slide-syntax-builtin:#83ced1;--slide-syntax-constant:#d1a9e8;--slide-syntax-error:#f28272;--slide-highlight:#e6b56629;--slide-focus:#f0bd75;--slide-link:#83ced1;--slide-code-font-size:38px;--slide-code-highlight-surface:#e6b5661a;--slide-code-highlight-border:#e6b566;--slide-code-focus-surface:#f0bd751a;--slide-code-inset:#ffffff0f;--slide-surface-shine:#ffffff0f}[data-theme=minimal-dark]{--slide-bg:#171717;--slide-selection:#e6b56640;--slide-grid-line:#ffffff0f;--slide-spotlight:#e6b56621;--slide-gradient-start:#25221e;--slide-gradient-end:#171717;--slide-quote:#d3cec4;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=ruby],[data-code-theme=ruby]{--slide-fg:#fff4ed;--slide-muted:#dfbcc3;--slide-accent:#ff7a68;--slide-accent-strong:#ffb09a;--slide-code-surface:#2a1520;--slide-code-header:#3a1c2a;--slide-code-border:#613348;--slide-code-shadow:#0a020780;--slide-syntax-comment:#cba8b0;--slide-syntax-keyword:#ff9f80;--slide-syntax-string:#c6e19c;--slide-syntax-number:#d9afff;--slide-syntax-function:#8ed9e0;--slide-syntax-operator:#fff4ed;--slide-syntax-punctuation:#e0bdc3;--slide-syntax-name:#fff4ed;--slide-syntax-variable:#fff4ed;--slide-syntax-symbol:#8ed9e0;--slide-syntax-builtin:#8ed9e0;--slide-syntax-constant:#d9afff;--slide-syntax-error:#ff8176;--slide-highlight:#ff7a682e;--slide-focus:#ffb09a;--slide-link:#8ed9e0;--slide-code-font-size:38px;--slide-code-highlight-surface:#ff7a681a;--slide-code-highlight-border:#ff7a68;--slide-code-focus-surface:#ffb09a1a;--slide-code-inset:#ffffff0f;--slide-surface-shine:#ffffff0f}[data-theme=ruby]{--slide-bg:#210f18;--slide-selection:#ff7a6847;--slide-grid-line:#ffe5dc11;--slide-spotlight:#ff7a6829;--slide-gradient-start:#3a1828;--slide-gradient-end:#210f18;--slide-quote:#f1c7c9;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=catppuccin-latte],[data-code-theme=catppuccin-latte]{--slide-fg:#4c4f69;--slide-muted:#5b5e70;--slide-accent:#8839ef;--slide-accent-strong:#7d34dc;--slide-code-surface:#e6e9ef;--slide-code-header:#dce0e8;--slide-code-border:#bcc0cc;--slide-code-shadow:#4c4f6938;--slide-syntax-comment:#5b5e67;--slide-syntax-keyword:#7832d3;--slide-syntax-string:#2a6a1c;--slide-syntax-number:#a23f07;--slide-syntax-function:#1956d0;--slide-syntax-operator:#02658c;--slide-syntax-punctuation:#5b5e67;--slide-syntax-name:#4c4f69;--slide-syntax-variable:#4c4f69;--slide-syntax-symbol:#10696e;--slide-syntax-builtin:#b90d32;--slide-syntax-constant:#835311;--slide-syntax-error:#b90d32;--slide-highlight:#8839ef21;--slide-focus:#7d34dc;--slide-link:#1b5ee1;--slide-code-font-size:38px;--slide-code-highlight-surface:#8839ef12;--slide-code-highlight-border:#8839ef;--slide-code-focus-surface:#1e66f512;--slide-code-inset:#4c4f6914;--slide-surface-shine:#ffffff8c}[data-theme=catppuccin-latte]{--slide-bg:#eff1f5;--slide-selection:#8839ef33;--slide-grid-line:#4c4f6914;--slide-spotlight:#8839ef1f;--slide-gradient-start:#fbfcfe;--slide-gradient-end:#eff1f5;--slide-quote:#5c5f77;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=catppuccin-frappe],[data-code-theme=catppuccin-frappe]{--slide-fg:#c6d0f5;--slide-muted:#acb3d1;--slide-accent:#ca9ee6;--slide-accent-strong:#babbf1;--slide-code-surface:#303446;--slide-code-header:#414559;--slide-code-border:#51576d;--slide-code-shadow:#2326348c;--slide-syntax-comment:#aeb4cb;--slide-syntax-keyword:#cea5e7;--slide-syntax-string:#a6d189;--slide-syntax-number:#efa27b;--slide-syntax-function:#99b3ef;--slide-syntax-operator:#99d1db;--slide-syntax-punctuation:#acb3d1;--slide-syntax-name:#c6d0f5;--slide-syntax-variable:#c6d0f5;--slide-syntax-symbol:#81c8be;--slide-syntax-builtin:#eba0a3;--slide-syntax-constant:#e5c890;--slide-syntax-error:#eca1a2;--slide-highlight:#ca9ee62b;--slide-focus:#babbf1;--slide-link:#99d1db;--slide-code-font-size:38px;--slide-code-highlight-surface:#ca9ee61f;--slide-code-highlight-border:#ca9ee6;--slide-code-focus-surface:#babbf11f;--slide-code-inset:#ffffff0f;--slide-surface-shine:#ffffff0f}[data-theme=catppuccin-frappe]{--slide-bg:#292c3c;--slide-selection:#ca9ee647;--slide-grid-line:#c6d0f50f;--slide-spotlight:#ca9ee626;--slide-gradient-start:#414559;--slide-gradient-end:#292c3c;--slide-quote:#b5bfe2;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=catppuccin-macchiato],[data-code-theme=catppuccin-macchiato]{--slide-fg:#cad3f5;--slide-muted:#a5adcb;--slide-accent:#c6a0f6;--slide-accent-strong:#b7bdf8;--slide-code-surface:#24273a;--slide-code-header:#363a4f;--slide-code-border:#494d64;--slide-code-shadow:#1819268c;--slide-syntax-comment:#9fa5bf;--slide-syntax-keyword:#c6a0f6;--slide-syntax-string:#a6da95;--slide-syntax-number:#f5a97f;--slide-syntax-function:#8aadf4;--slide-syntax-operator:#91d7e3;--slide-syntax-punctuation:#a5adcb;--slide-syntax-name:#cad3f5;--slide-syntax-variable:#cad3f5;--slide-syntax-symbol:#8bd5ca;--slide-syntax-builtin:#ee99a0;--slide-syntax-constant:#eed49f;--slide-syntax-error:#ed8b9a;--slide-highlight:#c6a0f62b;--slide-focus:#b7bdf8;--slide-link:#91d7e3;--slide-code-font-size:38px;--slide-code-highlight-surface:#c6a0f61f;--slide-code-highlight-border:#c6a0f6;--slide-code-focus-surface:#b7bdf81f;--slide-code-inset:#ffffff0f;--slide-surface-shine:#ffffff0f}[data-theme=catppuccin-macchiato]{--slide-bg:#1e2030;--slide-selection:#c6a0f647;--slide-grid-line:#cad3f50f;--slide-spotlight:#c6a0f626;--slide-gradient-start:#363a4f;--slide-gradient-end:#1e2030;--slide-quote:#b8c0e0;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=catppuccin-mocha],[data-code-theme=catppuccin-mocha]{--slide-fg:#cdd6f4;--slide-muted:#a6adc8;--slide-accent:#cba6f7;--slide-accent-strong:#b4befe;--slide-code-surface:#1e1e2e;--slide-code-header:#313244;--slide-code-border:#45475a;--slide-code-shadow:#11111b8c;--slide-syntax-comment:#979db5;--slide-syntax-keyword:#cba6f7;--slide-syntax-string:#a6e3a1;--slide-syntax-number:#fab387;--slide-syntax-function:#89b4fa;--slide-syntax-operator:#89dceb;--slide-syntax-punctuation:#a6adc8;--slide-syntax-name:#cdd6f4;--slide-syntax-variable:#cdd6f4;--slide-syntax-symbol:#94e2d5;--slide-syntax-builtin:#eba0ac;--slide-syntax-constant:#f9e2af;--slide-syntax-error:#f38ba8;--slide-highlight:#cba6f72b;--slide-focus:#b4befe;--slide-link:#89dceb;--slide-code-font-size:38px;--slide-code-highlight-surface:#cba6f71f;--slide-code-highlight-border:#cba6f7;--slide-code-focus-surface:#b4befe1f;--slide-code-inset:#ffffff0f;--slide-surface-shine:#ffffff0f}[data-theme=catppuccin-mocha]{--slide-bg:#181825;--slide-selection:#cba6f747;--slide-grid-line:#cdd6f40f;--slide-spotlight:#cba6f726;--slide-gradient-start:#313244;--slide-gradient-end:#181825;--slide-quote:#bac2de;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}*{box-sizing:border-box}::selection{background:var(--slide-selection);color:var(--slide-fg)}html,body{min-height:100%;margin:0}body{background:var(--slide-bg);color:var(--slide-fg);font-family:var(--font-slide-sans);font-synthesis:none;text-rendering:optimizelegibility;font-weight:400}.presentation-root{background:var(--slide-bg);min-height:100dvh;color:var(--slide-fg)}.presentation-root:not(.js) .slide-deck{flex-direction:column;align-items:center;gap:2rem;width:100%;height:auto;min-height:0;padding:2rem;display:flex;overflow:visible}.presentation-root:not(.js) .slide{width:min(100%, var(--slide-canvas-width));aspect-ratio:16/9;height:auto;position:relative;overflow:visible}.presentation-root:not(.js) .slide-content{height:auto;min-height:0}.presentation-root.js .slide-deck{flex-direction:column;align-items:center;gap:2rem;width:100%;height:auto;min-height:0;padding:2rem;display:flex;overflow:visible}.presentation-root.js .slide{width:min(100%, var(--slide-canvas-width));aspect-ratio:16/9;height:auto;position:relative;overflow:visible}.presentation-root.js .slide-content{height:auto;min-height:0}.slide-deck{isolation:isolate;width:100vw;height:100dvh;min-height:0;position:relative;container-type:size}.slide{width:var(--slide-canvas-width);height:var(--slide-canvas-height);aspect-ratio:16/9;color:var(--slide-fg);background:var(--slide-bg);position:relative;overflow:hidden}@supports (width:1cqw) and (height:1cqh) and (transform:scale(tan(atan2(1px, 1px)))){.presentation-root.js{width:100vw;height:100dvh;min-height:0;overflow:hidden}.presentation-root.js .slide-deck{place-items:center;gap:0;width:100%;height:100%;min-height:0;padding:0;display:grid;overflow:hidden;container-type:size}.presentation-root.js .slide{--slide-scale:min(tan(atan2(100cqw, 1920px)), tan(atan2(100cqh, 1080px)));width:var(--slide-canvas-width);height:var(--slide-canvas-height);transform:translate(-50%, -50%) scale(var(--slide-scale,1));transform-origin:50%;margin:0;position:absolute;inset:50% auto auto 50%;overflow:hidden}.presentation-root.js .slide-content{height:100%}.presentation-root.js:not(.is-overview) .slide:not(.is-active),.presentation-root.js[data-overview-active=false] .slide:not(.is-active){visibility:hidden;pointer-events:none}}@supports (transform:scale(abs(-1))){.presentation-root.js .slide{--slide-scale:min(abs(tan(atan2(100cqw, 1920px))), abs(tan(atan2(100cqh, 1080px))))}}.slide-content{z-index:1;flex-direction:column;width:100%;height:100%;padding:108px 132px 100px;display:flex;position:relative}:where(.prose,.layout-split-code .pane){max-width:100%;font-size:var(--slide-body-font-size);letter-spacing:0;line-height:1.4}:where(.prose,.layout-split-code .pane) :where(h1,h2,h3,h4){letter-spacing:-.012em;text-wrap:balance;max-width:16ch;margin:0 0 32px;line-height:1.12}:where(.prose,.layout-split-code .pane) :where(h1,h2){font-size:var(--slide-heading-font-size);font-weight:600}:where(.prose,.layout-split-code .pane) h3{font-size:56px;font-weight:600}:where(.prose,.layout-split-code .pane) h4{font-size:44px;font-weight:600}:where(.prose,.layout-split-code .pane) p{max-width:40ch;margin:0 0 28px}:where(.prose,.layout-split-code .pane) strong{color:var(--slide-accent-strong);font-weight:700}:where(.prose,.layout-split-code .pane) em{color:var(--slide-quote)}:where(.prose,.layout-split-code .pane) a{color:var(--slide-link);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px}:where(.prose,.layout-split-code .pane) :where(ul,ol){max-width:34ch;margin:0 0 28px;padding-inline-start:1.25em}:where(.prose,.layout-split-code .pane) ul{list-style-type:disc}:where(.prose,.layout-split-code .pane) ol{list-style-type:decimal}:where(.prose,.layout-split-code .pane) ul ul{list-style-type:circle}:where(.prose,.layout-split-code .pane) ol ol{list-style-type:lower-alpha}:where(.prose,.layout-split-code .pane) li{margin-block:.25em;padding-inline-start:.2em}:where(.prose,.layout-split-code .pane) li::marker{color:var(--slide-accent)}:where(.prose,.layout-split-code .pane) code:not(pre code){border:1px solid var(--slide-code-border);background:var(--slide-code-surface);color:var(--slide-accent-strong);font-family:var(--font-slide-mono);font-variant-ligatures:none;border-radius:8px;padding:.12em .28em;font-size:.95em}:where(.prose,.layout-split-code .pane) blockquote{border-inline-start:6px solid var(--slide-accent);max-width:34ch;color:var(--slide-quote);margin:0 0 28px;padding:12px 28px;font-style:italic}:where(.prose,.layout-split-code .pane) img{object-fit:contain;border-radius:20px;max-width:100%;max-height:520px;display:block}:where(.prose,.layout-split-code .pane) table{border-collapse:collapse;margin-block:16px 28px;font-size:1em}:where(.prose,.layout-split-code .pane) th,:where(.prose,.layout-split-code .pane) td{border-bottom:2px solid var(--slide-code-border);text-align:start;padding:12px 20px}:where(.prose,.layout-split-code .pane) th{color:var(--slide-accent-strong);font-weight:700}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slide{isolation:isolate}.slide:before,.slide:after{content:none;pointer-events:none;position:absolute}.slide:before{z-index:0;background:var(--slide-bg);inset:0}.bg-plain:before{content:"";background:var(--slide-bg)}.bg-gradient:before{content:"";background:linear-gradient(135deg, var(--slide-gradient-start), var(--slide-gradient-end) 64%)}.bg-grid:before{content:"";background-color:var(--slide-bg);background-image:linear-gradient(var(--slide-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--slide-grid-line) 1px, transparent 1px);background-size:72px 72px}.bg-spotlight:before{content:"";background:radial-gradient(circle at 70% 18%, var(--slide-spotlight), transparent 42%), var(--slide-bg)}.bg-gradient:after,.bg-grid:after,.bg-spotlight:after{content:"";z-index:0;background:var(--slide-spotlight);filter:blur(90px);opacity:.5;border-radius:50%;width:70%;height:70%;top:-28%;right:-12%}.layout-title .slide-content{justify-content:center;padding-inline:180px}.layout-title .prose h1{max-width:12ch;font-size:var(--slide-title-font-size)}.layout-title .prose p{max-width:28ch;color:var(--slide-muted)}.layout-statement .slide-content{justify-content:center;padding-inline:180px}.layout-statement .prose{font-size:var(--slide-statement-font-size);letter-spacing:-.012em;line-height:1.12}.layout-statement .prose :where(h1,h2){font-size:var(--slide-statement-font-size);margin-block-end:36px;line-height:1.12}.layout-statement .prose p{font-size:var(--slide-body-font-size);letter-spacing:0;max-width:20ch;line-height:1.4}.layout-content .slide-content{justify-content:center}.layout-content .prose{max-width:920px}.layout-code .slide-content{justify-content:center;gap:50px}.layout-code .prose{flex:none}.visual,.stack{flex-direction:column;min-height:0;display:flex}.layout-code .visual{width:100%;max-width:none;min-height:0;margin-inline:auto}.layout-code-left .slide-content,.layout-code-right .slide-content,.layout-split-code .slide-content{justify-content:center}.panes{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;width:100%;min-height:0;display:grid}.layout-code-left .panes{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.layout-code-right .panes{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}.pane{min-width:0;min-height:0;max-height:100%}.pane.prose{max-width:640px}.layout-split-code .panes{align-items:stretch}.layout-split-code .pane{flex-direction:column;min-width:0;display:flex}.layout-split-code .pane>ul>li::marker{color:var(--slide-accent)}.layout-split-code .pane>ol>li::marker{color:var(--slide-accent)}.layout-code-result .slide-content{justify-content:center;gap:24px}.layout-code-result .prose{flex:none}.layout-code-result .prose :where(h1,h2){max-width:24ch}.layout-code-result .prose p{margin-bottom:16px}.layout-code-result .stack{flex-direction:column;gap:24px;min-height:0;display:flex}.stack{min-width:0}@media (max-width:900px){.presentation-root:not(.js) .slide-content{padding:clamp(24px,6vw,56px)}.presentation-root:not(.js) :is(.prose,.pane) :where(h1,h2){font-size:clamp(32px,7vw,64px)}.presentation-root:not(.js) :is(.prose,.pane) :where(h3,h4){font-size:clamp(26px,5vw,44px)}.presentation-root:not(.js) .prose{font-size:clamp(22px,4vw,40px)}.presentation-root:not(.js) .layout-code-left .panes,.presentation-root:not(.js) .layout-code-right .panes,.presentation-root:not(.js) .layout-split-code .panes{grid-template-columns:1fr;gap:40px}}@supports not ((width:1cqw) and (height:1cqh) and (transform:scale(tan(atan2(1px, 1px))))){@media (max-width:900px){.presentation-root.js .slide-content{padding:56px}.presentation-root.js .prose h1{font-size:clamp(48px,9vw,88px)}.presentation-root.js .prose{font-size:clamp(22px,4vw,40px)}.presentation-root.js .layout-code-left .panes,.presentation-root.js .layout-code-right .panes,.presentation-root.js .layout-split-code .panes{grid-template-columns:1fr;gap:40px}}}@supports (width:1cqw) and (height:1cqh) and (transform:scale(tan(atan2(1px, 1px)))){.presentation-root.js.is-overview .slide-deck,.presentation-root.js[data-overview-active=true] .slide-deck{grid-template-columns:repeat(auto-fit,minmax(min(360px,42vw),1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:32px;padding:112px 48px 56px;display:grid;overflow:auto}.presentation-root.js.is-overview .slide,.presentation-root.js[data-overview-active=true] .slide{aspect-ratio:16/9;visibility:visible;border:2px solid var(--slide-code-border);width:100%;min-width:0;height:auto;box-shadow:0 12px 28px var(--slide-code-shadow);cursor:pointer;border-radius:16px;margin:0;position:relative;inset:auto;overflow:hidden;transform:none;container-type:inline-size}.presentation-root.js.is-overview .slide.is-active,.presentation-root.js[data-overview-active=true] .slide.is-active{border-color:var(--slide-accent);box-shadow:0 0 0 4px var(--slide-highlight), 0 12px 28px var(--slide-code-shadow)}.presentation-root.js.is-overview .slide-content,.presentation-root.js[data-overview-active=true] .slide-content{--overview-slide-scale:tan(atan2(100cqw, 1920px));width:1920px;height:1080px;transform:scale(var(--overview-slide-scale,1));transform-origin:0 0;padding:108px 132px 100px}.presentation-root.js.is-overview .slide:focus-visible,.presentation-root.js[data-overview-active=true] .slide:focus-visible{outline:5px solid var(--slide-focus);outline-offset:6px}}@supports (transform:scale(abs(-1))){.presentation-root.js.is-overview .slide-content,.presentation-root.js[data-overview-active=true] .slide-content{--overview-slide-scale:abs(tan(atan2(100cqw, 1920px)))}}.code-window,.terminal-window{--slide-window-bar:72px;border:2px solid var(--slide-code-border);min-width:0;min-height:0;max-height:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.code-window,.terminal-window{border:2px solid color-mix(in srgb, var(--slide-code-border), transparent 15%)}}.code-window,.terminal-window{border-radius:var(--slide-radius);background:var(--slide-code-surface);box-shadow:0 24px 60px var(--slide-code-shadow), inset 0 1px 0 var(--slide-code-inset);font-family:var(--font-slide-mono);font-size:var(--slide-code-font-size);font-variant-ligatures:none;flex-direction:column;font-weight:450;line-height:1.45;display:flex}.code-window figcaption,.terminal-window figcaption{z-index:2;max-width:min(50%,max(0px,100% - 224px));height:var(--slide-window-bar);color:var(--slide-muted);font-family:var(--font-slide-sans);letter-spacing:.015em;font-size:28px;font-weight:500;line-height:var(--slide-window-bar);text-overflow:ellipsis;white-space:nowrap;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.code-window-header{height:var(--slide-window-bar);flex:0 0 var(--slide-window-bar);border-bottom:2px solid var(--slide-code-border);background:linear-gradient(var(--slide-surface-shine), transparent 62%), var(--slide-code-header);align-items:center;padding:0 28px;display:flex}.code-window-controls{gap:calc(var(--slide-window-bar) * .19);display:flex}.code-window-controls i{width:calc(var(--slide-window-bar) * .3);height:calc(var(--slide-window-bar) * .3);box-shadow:inset 0 0 0 1px var(--slide-dot-rim), inset 0 calc(var(--slide-window-bar) * .04) calc(var(--slide-window-bar) * .05) var(--slide-dot-gloss);border-radius:50%;display:block}.code-window-controls i:first-child{background:var(--slide-dot-close)}.code-window-controls i:nth-child(2){background:var(--slide-dot-minimize)}.code-window-controls i:last-child{background:var(--slide-dot-maximize)}.code-window-language{max-width:max(0px,25% - 40px);color:var(--slide-muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-inline-start:auto;font-size:24px;overflow:hidden}.code-window pre,.terminal-window pre{tab-size:2;scrollbar-width:thin;scrollbar-color:var(--slide-muted) transparent;min-height:0;margin:0;padding:32px 34px 36px;font-family:inherit;overflow:auto}.code-window code,.terminal-window code{color:var(--slide-fg);font:inherit;display:block}.code-window .line{white-space:pre;border-inline-start:4px solid #0000;min-height:1.45em;padding-inline:16px 20px;display:block}.code-window .line:before{content:attr(data-line-number);width:2.2em;color:var(--slide-muted);text-align:end;-webkit-user-select:none;user-select:none;margin-inline-end:.8em;font-size:.8em;display:inline-block}.code-window .line:not([data-line-number]):before{content:none}.code-window .line.is-highlighted{border-inline-start-color:var(--slide-code-highlight-border);background:var(--slide-code-highlight-surface)}.code-window.has-focus .line.is-focused{border-inline-start-color:var(--slide-focus);background:var(--slide-code-focus-surface);opacity:1}.code-window .hll,.code-window .highlight{background:var(--slide-code-highlight-surface)}.code-window .c,.code-window .ch,.code-window .cm,.code-window .c1,.code-window .cs{color:var(--slide-syntax-comment)}.code-window .k,.code-window .kd,.code-window .kn,.code-window .kp,.code-window .kr,.code-window .kt{color:var(--slide-syntax-keyword)}.code-window .s,.code-window .sa,.code-window .sb,.code-window .sc,.code-window .dl,.code-window .sd,.code-window .s1,.code-window .s2{color:var(--slide-syntax-string)}.code-window .m,.code-window .mb,.code-window .mf,.code-window .mh,.code-window .mi,.code-window .mo{color:var(--slide-syntax-number)}.code-window .nf,.code-window .fm,.code-window .nd{color:var(--slide-syntax-function)}:is(.highlighter-rouge,figure.highlight) .c,:is(.highlighter-rouge,figure.highlight) .ch,:is(.highlighter-rouge,figure.highlight) .cm,:is(.highlighter-rouge,figure.highlight) .c1,:is(.highlighter-rouge,figure.highlight) .cs{color:var(--slide-syntax-comment)}:is(.highlighter-rouge,figure.highlight) .k,:is(.highlighter-rouge,figure.highlight) .kd,:is(.highlighter-rouge,figure.highlight) .kn,:is(.highlighter-rouge,figure.highlight) .kp,:is(.highlighter-rouge,figure.highlight) .kr,:is(.highlighter-rouge,figure.highlight) .kt{color:var(--slide-syntax-keyword)}:is(.highlighter-rouge,figure.highlight) .s,:is(.highlighter-rouge,figure.highlight) .sa,:is(.highlighter-rouge,figure.highlight) .sb,:is(.highlighter-rouge,figure.highlight) .sc,:is(.highlighter-rouge,figure.highlight) .dl,:is(.highlighter-rouge,figure.highlight) .sd,:is(.highlighter-rouge,figure.highlight) .s1,:is(.highlighter-rouge,figure.highlight) .s2{color:var(--slide-syntax-string)}:is(.highlighter-rouge,figure.highlight) .m,:is(.highlighter-rouge,figure.highlight) .mb,:is(.highlighter-rouge,figure.highlight) .mf,:is(.highlighter-rouge,figure.highlight) .mh,:is(.highlighter-rouge,figure.highlight) .mi,:is(.highlighter-rouge,figure.highlight) .mo{color:var(--slide-syntax-number)}:is(.highlighter-rouge,figure.highlight) .nf,:is(.highlighter-rouge,figure.highlight) .fm,:is(.highlighter-rouge,figure.highlight) .nd{color:var(--slide-syntax-function)}.code-window .o,.code-window .ow,:is(.highlighter-rouge,figure.highlight) .o,:is(.highlighter-rouge,figure.highlight) .ow{color:var(--slide-syntax-operator)}.code-window .p,:is(.highlighter-rouge,figure.highlight) .p{color:var(--slide-syntax-punctuation)}.code-window .n,.code-window .na,.code-window .nv,.code-window .vc,.code-window .vg,.code-window .vi,.code-window .py,:is(.highlighter-rouge,figure.highlight) .n,:is(.highlighter-rouge,figure.highlight) .na,:is(.highlighter-rouge,figure.highlight) .nv,:is(.highlighter-rouge,figure.highlight) .vc,:is(.highlighter-rouge,figure.highlight) .vg,:is(.highlighter-rouge,figure.highlight) .vi,:is(.highlighter-rouge,figure.highlight) .py{color:var(--slide-syntax-name)}.code-window .nv,.code-window .vc,.code-window .vg,.code-window .vi,:is(.highlighter-rouge,figure.highlight) .nv,:is(.highlighter-rouge,figure.highlight) .vc,:is(.highlighter-rouge,figure.highlight) .vg,:is(.highlighter-rouge,figure.highlight) .vi{color:var(--slide-syntax-variable)}.code-window .x,.code-window .sx,.code-window .ni,.code-window .nl,.code-window .nt,:is(.highlighter-rouge,figure.highlight) .x,:is(.highlighter-rouge,figure.highlight) .sx,:is(.highlighter-rouge,figure.highlight) .ni,:is(.highlighter-rouge,figure.highlight) .nl,:is(.highlighter-rouge,figure.highlight) .nt,.code-window .ss,.code-window .sh,.code-window .si,.code-window .sr,:is(.highlighter-rouge,figure.highlight) .ss,:is(.highlighter-rouge,figure.highlight) .sh,:is(.highlighter-rouge,figure.highlight) .si,:is(.highlighter-rouge,figure.highlight) .sr{color:var(--slide-syntax-symbol)}.code-window .kv,.code-window .kc,.code-window .cp,.code-window .cd,.code-window .pi,:is(.highlighter-rouge,figure.highlight) .kv,:is(.highlighter-rouge,figure.highlight) .kc,:is(.highlighter-rouge,figure.highlight) .cp,:is(.highlighter-rouge,figure.highlight) .cd,:is(.highlighter-rouge,figure.highlight) .pi{color:var(--slide-syntax-keyword)}.code-window .il,:is(.highlighter-rouge,figure.highlight) .il{color:var(--slide-syntax-number)}.code-window .nb,.code-window .bp,:is(.highlighter-rouge,figure.highlight) .nb,:is(.highlighter-rouge,figure.highlight) .bp{color:var(--slide-syntax-builtin)}.code-window .nc,.code-window .no,.code-window .ne,.code-window .nn,.code-window .nx,:is(.highlighter-rouge,figure.highlight) .nc,:is(.highlighter-rouge,figure.highlight) .no,:is(.highlighter-rouge,figure.highlight) .ne,:is(.highlighter-rouge,figure.highlight) .nn,:is(.highlighter-rouge,figure.highlight) .nx{color:var(--slide-syntax-constant)}.code-window .err,:is(.highlighter-rouge,figure.highlight) .err{color:var(--slide-syntax-error);-webkit-text-decoration:wavy underline var(--slide-syntax-error);-webkit-text-decoration:wavy underline var(--slide-syntax-error);text-decoration:wavy underline var(--slide-syntax-error);text-underline-offset:4px}.highlighter-rouge,figure.highlight{min-width:0;font-family:var(--font-slide-mono)}.highlighter-rouge .highlight,figure.highlight{border:1px solid var(--slide-code-border);background:var(--slide-code-surface);box-shadow:inset 0 1px 0 var(--slide-code-inset);font-size:var(--slide-code-font-size);font-variant-ligatures:none;scrollbar-width:thin;scrollbar-color:var(--slide-muted) transparent;border-radius:16px;font-weight:450;line-height:1.45;overflow:auto}.highlighter-rouge pre,figure.highlight pre{margin:0;padding:28px 32px}.highlighter-rouge code,figure.highlight code{color:var(--slide-fg);font:inherit}.code-window.size-sm,.terminal-window.size-sm{--slide-window-bar:62px;font-size:32px}.code-window.size-md,.terminal-window.size-md{--slide-window-bar:72px;font-size:38px}.code-window.size-lg,.terminal-window.size-lg{--slide-window-bar:82px;font-size:42px}.terminal-window{background:var(--slide-code-surface)}.terminal-window pre{padding-top:28px}.terminal-window .tline{white-space:pre-wrap;min-height:1.45em;display:block}.terminal-window .prompt{color:var(--slide-accent-strong);font-weight:700}.terminal-window .cmd{color:var(--slide-link)}.terminal-window .tline:not(:has(.prompt)):not(:has(.cmd)){color:var(--slide-fg)}.presentation-chrome{z-index:20;color:var(--slide-muted);pointer-events:none;position:fixed;inset:0}.presentation-root:not(.js) .presentation-chrome{visibility:hidden;pointer-events:none}.slide-controls{pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px;transition:background .2s,border-color .2s;display:flex;position:absolute;bottom:16px;right:24px}.slide-controls:hover,.slide-controls:focus-within{border-color:var(--slide-code-border);background:var(--slide-bg)}@supports (color:color-mix(in lab, red, red)){.slide-controls:hover,.slide-controls:focus-within{background:color-mix(in srgb, var(--slide-bg), transparent 12%)}}.slide-controls:hover,.slide-controls:focus-within{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.slide-control{border:1px solid var(--slide-code-border);width:46px;height:38px;color:var(--slide-fg);cursor:pointer;font:inherit;opacity:0;pointer-events:none;background:0 0;border-radius:9px;place-items:center;line-height:1;transition:background .2s,color .2s,border-color .2s,opacity .2s,transform .2s;display:inline-grid;transform:translateY(4px)}.slide-controls:hover .slide-control,.slide-controls:focus-within .slide-control{opacity:1;pointer-events:auto;transform:none}.slide-control:hover{border-color:var(--slide-accent);background:var(--slide-highlight);color:var(--slide-accent-strong)}.slide-controls:hover .slide-control:disabled,.slide-controls:focus-within .slide-control:disabled{opacity:.35;cursor:default}.slide-counter{font-family:var(--font-slide-mono);letter-spacing:.04em;margin:0;font-size:17px}.slide-progress{width:100%;height:4px;accent-color:var(--slide-accent);opacity:.58;pointer-events:auto;position:absolute;bottom:0;left:0;right:0}.slide-progress::-webkit-progress-bar{background:var(--slide-code-border);border-radius:99px}.slide-progress::-webkit-progress-value{background:var(--slide-accent);border-radius:99px}.overview-hint{z-index:25;border:1px solid var(--slide-code-border);background:var(--slide-code-surface);color:var(--slide-muted);font-family:var(--font-slide-mono);border-radius:999px;margin:0;padding:10px 18px;font-size:14px;position:fixed;top:82px;left:50%;transform:translate(-50%)}.overview-hint[hidden]{display:none}.presentation-root.js.is-fullscreen .presentation-chrome,.presentation-root.js[data-fullscreen-active=true] .presentation-chrome{opacity:0;transition:opacity .35s}.presentation-root.js.is-fullscreen .presentation-chrome:hover,.presentation-root.js.is-fullscreen .presentation-chrome:focus-within,.presentation-root.js[data-fullscreen-active=true] .presentation-chrome:hover,.presentation-root.js[data-fullscreen-active=true] .presentation-chrome:focus-within{opacity:1}.slide-control:focus-visible,.slide-progress:focus-visible{outline:4px solid var(--slide-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}.presentation-root.is-reduced-motion .presentation-chrome,.presentation-root[data-reduced-motion=true] .presentation-chrome{transition:none}@page{size:13.333in 7.5in;margin:0}@media print{*,:before,:after{transition:none!important;animation:none!important}html,body{width:13.333in;min-width:13.333in;background:var(--slide-bg)!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.presentation-root,.presentation-root.js{width:13.333in!important;height:auto!important;min-height:0!important;overflow:visible!important}.presentation-chrome,.slide-progress,.overview-hint{display:none!important}.slide-deck,.presentation-root.js .slide-deck,.presentation-root.js.is-overview .slide-deck{width:13.333in!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.slide,.presentation-root.js .slide,.presentation-root.js.is-overview .slide{break-after:page;page-break-after:always;min-height:0;visibility:visible!important;width:13.333in!important;height:7.5in!important;box-shadow:none!important;cursor:default!important;border:0!important;border-radius:0!important;margin:0!important;display:block!important;position:relative!important;inset:auto!important;overflow:hidden!important;transform:none!important}.slide:last-child{break-after:auto;page-break-after:auto}.slide-content,.presentation-root.js.is-overview .slide-content{transform-origin:0 0;width:1920px!important;height:1080px!important;transform:scale(.66665)!important}.code-window .line,.terminal-window .tline{opacity:1!important}}
+@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-slide-sans:"Atkinson Hyperlegible Next", "Avenir Next", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-slide-mono:"Atkinson Hyperlegible Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--slide-canvas-width:1920px;--slide-canvas-height:1080px;--slide-pad-block:72px;--slide-pad-inline:80px;--slide-radius:28px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.hidden{display:none}}@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/atkinson-hyperlegible-next.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible Next;font-style:italic;font-weight:200 800;font-display:swap;src:url(../fonts/atkinson-hyperlegible-next-italic.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/atkinson-hyperlegible-mono.woff2)format("woff2")}@font-face{font-family:Atkinson Hyperlegible Mono;font-style:italic;font-weight:200 800;font-display:swap;src:url(../fonts/atkinson-hyperlegible-mono-italic.woff2)format("woff2")}:root{--slide-dot-close:#ff5f57;--slide-dot-minimize:#febc2e;--slide-dot-maximize:#28c840;--slide-dot-rim:#00000029}:root,[data-theme=midnight],[data-code-theme=midnight]{--slide-fg:#f3f5f8;--slide-muted:#b4bdca;--slide-accent:#ff6b4a;--slide-accent-strong:#ff8a65;--slide-code-surface:#151b26;--slide-code-header:#1c2532;--slide-code-border:#364354;--slide-code-shadow:#0000006b;--slide-syntax-comment:#aab5c5;--slide-syntax-keyword:#ff9e7a;--slide-syntax-string:#b8d98e;--slide-syntax-number:#c6a9ff;--slide-syntax-function:#75c9db;--slide-syntax-operator:#f3f5f8;--slide-syntax-punctuation:#b9c4d2;--slide-syntax-name:#f3f5f8;--slide-syntax-variable:#f3f5f8;--slide-syntax-symbol:#75c9db;--slide-syntax-builtin:#75c9db;--slide-syntax-constant:#c6a9ff;--slide-syntax-error:#ff8675;--slide-highlight:#ff6b4a2b;--slide-focus:#ff9e7a;--slide-link:#9edbea;--slide-code-font-size:38px;--slide-code-highlight-surface:#ff6b4a1a;--slide-code-highlight-border:#ff6b4a;--slide-code-focus-surface:#ff9e7a1a}:root,[data-theme=midnight]{--slide-bg:#10141d;--slide-selection:#ff6b4a47;--slide-grid-line:#ffffff0e;--slide-spotlight:#ff6b4a26;--slide-gradient-start:#191d2c;--slide-gradient-end:#10141d;--slide-quote:#c8d1dc;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=minimal-light],[data-code-theme=minimal-light]{--slide-fg:#1c2027;--slide-muted:#4d5660;--slide-accent:#bc3e27;--slide-accent-strong:#8d2919;--slide-code-surface:#f0f0f0;--slide-code-header:#e6e6e6;--slide-code-border:#d2d2d2;--slide-code-shadow:#18181a29;--slide-syntax-comment:#50564f;--slide-syntax-keyword:#9d3e28;--slide-syntax-string:#325c35;--slide-syntax-number:#6b4ca0;--slide-syntax-function:#12586a;--slide-syntax-operator:#343b45;--slide-syntax-punctuation:#4d5863;--slide-syntax-name:#1c2027;--slide-syntax-variable:#1c2027;--slide-syntax-symbol:#12586a;--slide-syntax-builtin:#12586a;--slide-syntax-constant:#6b4ca0;--slide-syntax-error:#a52121;--slide-highlight:#bc3e2721;--slide-focus:#9d3e28;--slide-link:#176d82;--slide-code-font-size:38px;--slide-code-highlight-surface:#bc3e2712;--slide-code-highlight-border:#bc3e27;--slide-code-focus-surface:#9d3e2812}[data-theme=minimal-light]{--slide-bg:#fafafa;--slide-selection:#bc3e2733;--slide-grid-line:#1c202714;--slide-spotlight:#bc3e271f;--slide-gradient-start:#fff;--slide-gradient-end:#efefef;--slide-quote:#424a54;--slide-heading-font-size:72px;--slide-title-font-size:96px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=minimal-dark],[data-code-theme=minimal-dark]{--slide-fg:#f4f1ea;--slide-muted:#bcb8b0;--slide-accent:#e6b566;--slide-accent-strong:#f2c57a;--slide-code-surface:#202020;--slide-code-header:#2b2b2a;--slide-code-border:#454441;--slide-code-shadow:#00000080;--slide-syntax-comment:#b2afa9;--slide-syntax-keyword:#f0bd75;--slide-syntax-string:#b8d094;--slide-syntax-number:#d1a9e8;--slide-syntax-function:#83ced1;--slide-syntax-operator:#f4f1ea;--slide-syntax-punctuation:#c5c1b9;--slide-syntax-name:#f4f1ea;--slide-syntax-variable:#f4f1ea;--slide-syntax-symbol:#83ced1;--slide-syntax-builtin:#83ced1;--slide-syntax-constant:#d1a9e8;--slide-syntax-error:#f28272;--slide-highlight:#e6b56629;--slide-focus:#f0bd75;--slide-link:#83ced1;--slide-code-font-size:38px;--slide-code-highlight-surface:#e6b5661a;--slide-code-highlight-border:#e6b566;--slide-code-focus-surface:#f0bd751a}[data-theme=minimal-dark]{--slide-bg:#171717;--slide-selection:#e6b56640;--slide-grid-line:#ffffff0f;--slide-spotlight:#e6b56621;--slide-gradient-start:#25221e;--slide-gradient-end:#171717;--slide-quote:#d3cec4;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=ruby],[data-code-theme=ruby]{--slide-fg:#fff4ed;--slide-muted:#dfbcc3;--slide-accent:#ff7a68;--slide-accent-strong:#ffb09a;--slide-code-surface:#2a1520;--slide-code-header:#3a1c2a;--slide-code-border:#613348;--slide-code-shadow:#0a020780;--slide-syntax-comment:#cba8b0;--slide-syntax-keyword:#ff9f80;--slide-syntax-string:#c6e19c;--slide-syntax-number:#d9afff;--slide-syntax-function:#8ed9e0;--slide-syntax-operator:#fff4ed;--slide-syntax-punctuation:#e0bdc3;--slide-syntax-name:#fff4ed;--slide-syntax-variable:#fff4ed;--slide-syntax-symbol:#8ed9e0;--slide-syntax-builtin:#8ed9e0;--slide-syntax-constant:#d9afff;--slide-syntax-error:#ff8176;--slide-highlight:#ff7a682e;--slide-focus:#ffb09a;--slide-link:#8ed9e0;--slide-code-font-size:38px;--slide-code-highlight-surface:#ff7a681a;--slide-code-highlight-border:#ff7a68;--slide-code-focus-surface:#ffb09a1a}[data-theme=ruby]{--slide-bg:#210f18;--slide-selection:#ff7a6847;--slide-grid-line:#ffe5dc11;--slide-spotlight:#ff7a6829;--slide-gradient-start:#3a1828;--slide-gradient-end:#210f18;--slide-quote:#f1c7c9;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=catppuccin-latte],[data-code-theme=catppuccin-latte]{--slide-fg:#4c4f69;--slide-muted:#5b5e70;--slide-accent:#8839ef;--slide-accent-strong:#7d34dc;--slide-code-surface:#e6e9ef;--slide-code-header:#dce0e8;--slide-code-border:#bcc0cc;--slide-code-shadow:#4c4f6938;--slide-syntax-comment:#5b5e67;--slide-syntax-keyword:#7832d3;--slide-syntax-string:#2a6a1c;--slide-syntax-number:#a23f07;--slide-syntax-function:#1956d0;--slide-syntax-operator:#02658c;--slide-syntax-punctuation:#5b5e67;--slide-syntax-name:#4c4f69;--slide-syntax-variable:#4c4f69;--slide-syntax-symbol:#10696e;--slide-syntax-builtin:#b90d32;--slide-syntax-constant:#835311;--slide-syntax-error:#b90d32;--slide-highlight:#8839ef21;--slide-focus:#7d34dc;--slide-link:#1b5ee1;--slide-code-font-size:38px;--slide-code-highlight-surface:#8839ef12;--slide-code-highlight-border:#8839ef;--slide-code-focus-surface:#1e66f512}[data-theme=catppuccin-latte]{--slide-bg:#eff1f5;--slide-selection:#8839ef33;--slide-grid-line:#4c4f6914;--slide-spotlight:#8839ef1f;--slide-gradient-start:#fbfcfe;--slide-gradient-end:#eff1f5;--slide-quote:#5c5f77;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=catppuccin-frappe],[data-code-theme=catppuccin-frappe]{--slide-fg:#c6d0f5;--slide-muted:#acb3d1;--slide-accent:#ca9ee6;--slide-accent-strong:#babbf1;--slide-code-surface:#303446;--slide-code-header:#414559;--slide-code-border:#51576d;--slide-code-shadow:#2326348c;--slide-syntax-comment:#aeb4cb;--slide-syntax-keyword:#cea5e7;--slide-syntax-string:#a6d189;--slide-syntax-number:#efa27b;--slide-syntax-function:#99b3ef;--slide-syntax-operator:#99d1db;--slide-syntax-punctuation:#acb3d1;--slide-syntax-name:#c6d0f5;--slide-syntax-variable:#c6d0f5;--slide-syntax-symbol:#81c8be;--slide-syntax-builtin:#eba0a3;--slide-syntax-constant:#e5c890;--slide-syntax-error:#eca1a2;--slide-highlight:#ca9ee62b;--slide-focus:#babbf1;--slide-link:#99d1db;--slide-code-font-size:38px;--slide-code-highlight-surface:#ca9ee61f;--slide-code-highlight-border:#ca9ee6;--slide-code-focus-surface:#babbf11f}[data-theme=catppuccin-frappe]{--slide-bg:#292c3c;--slide-selection:#ca9ee647;--slide-grid-line:#c6d0f50f;--slide-spotlight:#ca9ee626;--slide-gradient-start:#414559;--slide-gradient-end:#292c3c;--slide-quote:#b5bfe2;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=catppuccin-macchiato],[data-code-theme=catppuccin-macchiato]{--slide-fg:#cad3f5;--slide-muted:#a5adcb;--slide-accent:#c6a0f6;--slide-accent-strong:#b7bdf8;--slide-code-surface:#24273a;--slide-code-header:#363a4f;--slide-code-border:#494d64;--slide-code-shadow:#1819268c;--slide-syntax-comment:#9fa5bf;--slide-syntax-keyword:#c6a0f6;--slide-syntax-string:#a6da95;--slide-syntax-number:#f5a97f;--slide-syntax-function:#8aadf4;--slide-syntax-operator:#91d7e3;--slide-syntax-punctuation:#a5adcb;--slide-syntax-name:#cad3f5;--slide-syntax-variable:#cad3f5;--slide-syntax-symbol:#8bd5ca;--slide-syntax-builtin:#ee99a0;--slide-syntax-constant:#eed49f;--slide-syntax-error:#ed8b9a;--slide-highlight:#c6a0f62b;--slide-focus:#b7bdf8;--slide-link:#91d7e3;--slide-code-font-size:38px;--slide-code-highlight-surface:#c6a0f61f;--slide-code-highlight-border:#c6a0f6;--slide-code-focus-surface:#b7bdf81f}[data-theme=catppuccin-macchiato]{--slide-bg:#1e2030;--slide-selection:#c6a0f647;--slide-grid-line:#cad3f50f;--slide-spotlight:#c6a0f626;--slide-gradient-start:#363a4f;--slide-gradient-end:#1e2030;--slide-quote:#b8c0e0;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-theme=catppuccin-mocha],[data-code-theme=catppuccin-mocha]{--slide-fg:#cdd6f4;--slide-muted:#a6adc8;--slide-accent:#cba6f7;--slide-accent-strong:#b4befe;--slide-code-surface:#1e1e2e;--slide-code-header:#313244;--slide-code-border:#45475a;--slide-code-shadow:#11111b8c;--slide-syntax-comment:#979db5;--slide-syntax-keyword:#cba6f7;--slide-syntax-string:#a6e3a1;--slide-syntax-number:#fab387;--slide-syntax-function:#89b4fa;--slide-syntax-operator:#89dceb;--slide-syntax-punctuation:#a6adc8;--slide-syntax-name:#cdd6f4;--slide-syntax-variable:#cdd6f4;--slide-syntax-symbol:#94e2d5;--slide-syntax-builtin:#eba0ac;--slide-syntax-constant:#f9e2af;--slide-syntax-error:#f38ba8;--slide-highlight:#cba6f72b;--slide-focus:#b4befe;--slide-link:#89dceb;--slide-code-font-size:38px;--slide-code-highlight-surface:#cba6f71f;--slide-code-highlight-border:#cba6f7;--slide-code-focus-surface:#b4befe1f}[data-theme=catppuccin-mocha]{--slide-bg:#181825;--slide-selection:#cba6f747;--slide-grid-line:#cdd6f40f;--slide-spotlight:#cba6f726;--slide-gradient-start:#313244;--slide-gradient-end:#181825;--slide-quote:#bac2de;--slide-heading-font-size:72px;--slide-title-font-size:108px;--slide-body-font-size:44px;--slide-statement-font-size:88px}[data-code-theme=macos-light]{--slide-fg:#1d2025;--slide-muted:#565d66;--slide-accent:#2f6feb;--slide-accent-strong:#1f4fbf;--slide-link:#1f5fd0;--slide-code-surface:#fafafa;--slide-code-header:#eeeeef;--slide-code-border:#dcdcde;--slide-code-shadow:#14161a1f;--slide-syntax-comment:#5f6672;--slide-syntax-keyword:#7a3ec8;--slide-syntax-string:#216b32;--slide-syntax-number:#a5451c;--slide-syntax-function:#1f5fd0;--slide-syntax-operator:#2c3138;--slide-syntax-punctuation:#565d66;--slide-syntax-name:#1d2025;--slide-syntax-variable:#1d2025;--slide-syntax-symbol:#0a6a72;--slide-syntax-builtin:#0a6a72;--slide-syntax-constant:#8a4b12;--slide-syntax-error:#b3261e;--slide-highlight:#2f6feb1a;--slide-focus:#1f4fbf;--slide-code-font-size:38px;--slide-code-highlight-surface:#2f6feb12;--slide-code-highlight-border:#2f6feb;--slide-code-focus-surface:#1f4fbf1f}*{box-sizing:border-box}::selection{background:var(--slide-selection);color:var(--slide-fg)}html,body{min-height:100%;margin:0}body{background:var(--slide-bg);color:var(--slide-fg);font-family:var(--font-slide-sans);font-synthesis:none;text-rendering:optimizelegibility;font-weight:400}.presentation-root{background:var(--slide-bg);min-height:100dvh;color:var(--slide-fg)}.presentation-root:not(.js) .slide-deck{flex-direction:column;align-items:center;gap:2rem;width:100%;height:auto;min-height:0;padding:2rem;display:flex;overflow:visible}.presentation-root:not(.js) .slide{width:min(100%, var(--slide-canvas-width));aspect-ratio:16/9;height:auto;position:relative;overflow:visible}.presentation-root:not(.js) .slide-content{height:auto;min-height:0}.presentation-root.js .slide-deck{flex-direction:column;align-items:center;gap:2rem;width:100%;height:auto;min-height:0;padding:2rem;display:flex;overflow:visible}.presentation-root.js .slide{width:min(100%, var(--slide-canvas-width));aspect-ratio:16/9;height:auto;position:relative;overflow:visible}.presentation-root.js .slide-content{height:auto;min-height:0}.slide-deck{isolation:isolate;width:100vw;height:100dvh;min-height:0;position:relative;container-type:size}.slide{width:var(--slide-canvas-width);height:var(--slide-canvas-height);aspect-ratio:16/9;color:var(--slide-fg);background:var(--slide-bg);position:relative;overflow:hidden}@supports (width:1cqw) and (height:1cqh) and (transform:scale(tan(atan2(1px, 1px)))){.presentation-root.js{width:100vw;height:100dvh;min-height:0;overflow:hidden}.presentation-root.js .slide-deck{place-items:center;gap:0;width:100%;height:100%;min-height:0;padding:0;display:grid;overflow:hidden;container-type:size}.presentation-root.js .slide{--slide-scale:min(tan(atan2(100cqw, 1920px)), tan(atan2(100cqh, 1080px)));width:var(--slide-canvas-width);height:var(--slide-canvas-height);transform:translate(-50%, -50%) scale(var(--slide-scale,1));transform-origin:50%;margin:0;position:absolute;inset:50% auto auto 50%;overflow:hidden}.presentation-root.js .slide-content{height:100%}.presentation-root.js:not(.is-overview) .slide:not(.is-active),.presentation-root.js[data-overview-active=false] .slide:not(.is-active){visibility:hidden;pointer-events:none}}@supports (transform:scale(abs(-1))){.presentation-root.js .slide{--slide-scale:min(abs(tan(atan2(100cqw, 1920px))), abs(tan(atan2(100cqh, 1080px))))}}@supports (transform:scale(calc(1px / 1px))){.presentation-root.js .slide{--slide-scale:min(calc(100cqw / 1920px), calc(100cqh / 1080px))}}.slide-content{width:100%;height:100%;padding:var(--slide-pad-block) var(--slide-pad-inline);z-index:1;flex-direction:column;display:flex;position:relative}:where(.prose,.layout-split-code .pane){max-width:100%;font-size:var(--slide-body-font-size);letter-spacing:0;line-height:1.4}:where(.prose,.layout-split-code .pane) :where(h1,h2,h3,h4){letter-spacing:-.012em;text-wrap:balance;max-width:16ch;margin:0 0 32px;line-height:1.12}:where(.prose,.layout-split-code .pane) :where(h1,h2){font-size:var(--slide-heading-font-size);font-weight:600}:where(.prose,.layout-split-code .pane) h3{font-size:56px;font-weight:600}:where(.prose,.layout-split-code .pane) h4{font-size:44px;font-weight:600}:where(.prose,.layout-split-code .pane) p{max-width:40ch;margin:0 0 28px}:where(.prose,.layout-split-code .pane) strong{color:var(--slide-accent-strong);font-weight:700}:where(.prose,.layout-split-code .pane) em{color:var(--slide-quote)}:where(.prose,.layout-split-code .pane) a{color:var(--slide-link);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px}:where(.prose,.layout-split-code .pane) :where(ul,ol){max-width:34ch;margin:0 0 28px;padding-inline-start:1.25em}:where(.prose,.layout-split-code .pane) ul{list-style-type:disc}:where(.prose,.layout-split-code .pane) ol{list-style-type:decimal}:where(.prose,.layout-split-code .pane) ul ul{list-style-type:circle}:where(.prose,.layout-split-code .pane) ol ol{list-style-type:lower-alpha}:where(.prose,.layout-split-code .pane) li{margin-block:.25em;padding-inline-start:.2em}:where(.prose,.layout-split-code .pane) li::marker{color:var(--slide-accent)}:where(.prose,.layout-split-code .pane) code:not(pre code){border:1px solid var(--slide-code-border);background:var(--slide-code-surface);color:var(--slide-accent-strong);font-family:var(--font-slide-mono);font-variant-ligatures:none;border-radius:8px;padding:.12em .28em;font-size:.95em}:where(.prose,.layout-split-code .pane) blockquote{border-inline-start:6px solid var(--slide-accent);max-width:34ch;color:var(--slide-quote);margin:0 0 28px;padding:12px 28px;font-style:italic}:where(.prose,.layout-split-code .pane) img{object-fit:contain;border-radius:20px;max-width:100%;max-height:520px;display:block}:where(.prose,.layout-split-code .pane) table{border-collapse:collapse;margin-block:16px 28px;font-size:1em}:where(.prose,.layout-split-code .pane) th,:where(.prose,.layout-split-code .pane) td{border-bottom:2px solid var(--slide-code-border);text-align:start;padding:12px 20px}:where(.prose,.layout-split-code .pane) th{color:var(--slide-accent-strong);font-weight:700}:where(.prose,.layout-split-code .pane)>:is(pre,div.highlighter-rouge,figure)+*{margin-block-start:28px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slide{isolation:isolate}.slide:before,.slide:after{content:none;pointer-events:none;position:absolute}.slide:before{z-index:0;background:var(--slide-bg);inset:0}.bg-plain:before{content:"";background:var(--slide-bg)}.bg-gradient:before{content:"";background:linear-gradient(135deg, var(--slide-gradient-start), var(--slide-gradient-end) 64%)}.bg-grid:before{content:"";background-color:var(--slide-bg);background-image:linear-gradient(var(--slide-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--slide-grid-line) 1px, transparent 1px);background-size:72px 72px}.bg-spotlight:before{content:"";background:radial-gradient(circle at 70% 18%, var(--slide-spotlight), transparent 42%), var(--slide-bg)}.bg-gradient:after,.bg-grid:after,.bg-spotlight:after{content:"";z-index:0;background:var(--slide-spotlight);filter:blur(90px);opacity:.5;border-radius:50%;width:70%;height:70%;top:-28%;right:-12%}.layout-title .slide-content{justify-content:center}.layout-title .prose h1{max-width:12ch;font-size:var(--slide-title-font-size)}.layout-title .prose p{max-width:28ch;color:var(--slide-muted)}.layout-statement .slide-content{justify-content:center}.layout-statement .prose{font-size:var(--slide-statement-font-size);letter-spacing:-.012em;line-height:1.12}.layout-statement .prose :where(h1,h2){font-size:var(--slide-statement-font-size);margin-block-end:36px;line-height:1.12}.layout-statement .prose p{font-size:var(--slide-body-font-size);letter-spacing:0;max-width:20ch;line-height:1.4}.layout-content .slide-content{justify-content:center}.layout-content .prose{max-width:100%}.layout-code .slide-content{justify-content:center;gap:50px}.layout-code .prose{flex:none}.visual,.stack{flex-direction:column;min-height:0;display:flex}.layout-code .visual{width:100%;max-width:none;min-height:0;margin-inline:auto}.layout-code-left .slide-content,.layout-code-right .slide-content,.layout-split-code .slide-content{justify-content:center}.panes{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;width:100%;min-height:0;display:grid}.layout-code-left .panes{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.layout-code-right .panes{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}.pane{min-width:0;min-height:0;max-height:100%}.pane.prose{max-width:640px}.layout-split-code .panes{align-items:stretch}.layout-split-code .pane{flex-direction:column;min-width:0;display:flex}.layout-split-code .pane>ul>li::marker{color:var(--slide-accent)}.layout-split-code .pane>ol>li::marker{color:var(--slide-accent)}.layout-code-result .slide-content{justify-content:center;gap:24px}.layout-code-result .prose{flex:none}.layout-code-result .prose :where(h1,h2){max-width:24ch}.layout-code-result .prose p{margin-bottom:16px}.layout-code-result .stack{flex-direction:column;gap:24px;min-height:0;display:flex}.stack{min-width:0}@media (max-width:900px){.presentation-root:not(.js) .slide-content{padding:clamp(24px,6vw,56px)}.presentation-root:not(.js) :is(.prose,.pane) :where(h1,h2){font-size:clamp(32px,7vw,64px)}.presentation-root:not(.js) :is(.prose,.pane) :where(h3,h4){font-size:clamp(26px,5vw,44px)}.presentation-root:not(.js) .prose{font-size:clamp(22px,4vw,40px)}.presentation-root:not(.js) .layout-code-left .panes,.presentation-root:not(.js) .layout-code-right .panes,.presentation-root:not(.js) .layout-split-code .panes{grid-template-columns:1fr;gap:40px}}@supports not ((width:1cqw) and (height:1cqh) and (transform:scale(tan(atan2(1px, 1px))))){@media (max-width:900px){.presentation-root.js .slide-content{padding:56px}.presentation-root.js .prose h1{font-size:clamp(48px,9vw,88px)}.presentation-root.js .prose{font-size:clamp(22px,4vw,40px)}.presentation-root.js .layout-code-left .panes,.presentation-root.js .layout-code-right .panes,.presentation-root.js .layout-split-code .panes{grid-template-columns:1fr;gap:40px}}}@supports (width:1cqw) and (height:1cqh) and (transform:scale(tan(atan2(1px, 1px)))){.presentation-root.js.is-overview .slide-deck,.presentation-root.js[data-overview-active=true] .slide-deck{grid-template-columns:repeat(auto-fit,minmax(min(360px,42vw),1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:32px;padding:112px 48px 56px;display:grid;overflow:auto}.presentation-root.js.is-overview .slide,.presentation-root.js[data-overview-active=true] .slide{aspect-ratio:16/9;visibility:visible;border:2px solid var(--slide-code-border);width:100%;min-width:0;height:auto;box-shadow:0 12px 28px var(--slide-code-shadow);cursor:pointer;border-radius:16px;margin:0;position:relative;inset:auto;overflow:hidden;transform:none;container-type:inline-size}.presentation-root.js.is-overview .slide.is-active,.presentation-root.js[data-overview-active=true] .slide.is-active{border-color:var(--slide-accent);box-shadow:0 0 0 4px var(--slide-highlight), 0 12px 28px var(--slide-code-shadow)}.presentation-root.js.is-overview .slide-content,.presentation-root.js[data-overview-active=true] .slide-content{--overview-slide-scale:tan(atan2(100cqw, 1920px));width:1920px;height:1080px;padding:var(--slide-pad-block) var(--slide-pad-inline);transform:scale(var(--overview-slide-scale,1));transform-origin:0 0}.presentation-root.js.is-overview .slide:focus-visible,.presentation-root.js[data-overview-active=true] .slide:focus-visible{outline:5px solid var(--slide-focus);outline-offset:6px}.presentation-root.js .fragment{transition:opacity .18s ease-out,transform .18s ease-out}.presentation-root.js .fragment:not(.is-revealed){visibility:hidden;opacity:0;transform:translateY(6px)}}@supports (transform:scale(abs(-1))){.presentation-root.js.is-overview .slide-content,.presentation-root.js[data-overview-active=true] .slide-content{--overview-slide-scale:abs(tan(atan2(100cqw, 1920px)))}}@supports (transform:scale(calc(1px / 1px))){.presentation-root.js.is-overview .slide-content,.presentation-root.js[data-overview-active=true] .slide-content{--overview-slide-scale:calc(100cqw / 1920px)}}.code-window,.terminal-window{--slide-window-bar:72px;--slide-window-pad:28px;--slide-window-controls:calc(var(--slide-window-bar) * 1.28);border:1px solid var(--slide-code-border);border-radius:var(--slide-radius);background:var(--slide-code-surface);min-width:0;min-height:0;max-height:100%;box-shadow:0 12px 32px var(--slide-code-shadow);font-family:var(--font-slide-mono);font-size:var(--slide-code-font-size);font-variant-ligatures:none;flex-direction:column;font-weight:450;line-height:1.45;display:flex;position:relative;overflow:hidden}.code-window figcaption,.terminal-window figcaption{z-index:2;max-width:max(0px, calc(75% - var(--slide-window-pad) - var(--slide-window-controls) - 36px));height:var(--slide-window-bar);color:var(--slide-muted);font-family:var(--font-slide-sans);letter-spacing:.015em;font-size:28px;font-weight:500;line-height:var(--slide-window-bar);text-overflow:ellipsis;white-space:nowrap;top:0;position:absolute;inset-inline-start:calc(var(--slide-window-pad) + var(--slide-window-controls) + 24px);overflow:hidden}.code-window-header{height:var(--slide-window-bar);flex:0 0 var(--slide-window-bar);padding:0 var(--slide-window-pad);border-bottom:1px solid var(--slide-code-border);background:var(--slide-code-header);align-items:center;display:flex}.code-window-controls{gap:calc(var(--slide-window-bar) * .19);display:flex}.code-window-controls i{width:calc(var(--slide-window-bar) * .3);height:calc(var(--slide-window-bar) * .3);box-shadow:inset 0 0 0 1px var(--slide-dot-rim);border-radius:50%;display:block}.code-window-controls i:first-child{background:var(--slide-dot-close)}.code-window-controls i:nth-child(2){background:var(--slide-dot-minimize)}.code-window-controls i:last-child{background:var(--slide-dot-maximize)}.code-window-language{max-width:max(0px,25% - 40px);color:var(--slide-muted);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-inline-start:auto;font-size:24px;overflow:hidden}.code-window pre,.terminal-window pre{tab-size:2;scrollbar-width:thin;scrollbar-color:var(--slide-muted) transparent;min-height:0;margin:0;padding:32px 34px 36px;font-family:inherit;overflow:auto}.code-window code,.terminal-window code{color:var(--slide-fg);font:inherit;display:block}.code-window .line{white-space:pre;border-inline-start:4px solid #0000;min-height:1.45em;padding-inline:16px 20px;display:block}.code-window .line:before{content:attr(data-line-number);width:2.2em;color:var(--slide-muted);text-align:end;-webkit-user-select:none;user-select:none;margin-inline-end:.8em;font-size:.8em;display:inline-block}.code-window .line:not([data-line-number]):before{content:none}.code-window .line.is-highlighted{border-inline-start-color:var(--slide-code-highlight-border);background:var(--slide-code-highlight-surface)}.code-window.has-focus .line.is-focused{border-inline-start-color:var(--slide-focus);background:var(--slide-code-focus-surface);opacity:1}.code-window .hll,.code-window .highlight{background:var(--slide-code-highlight-surface)}.code-window .c,.code-window .ch,.code-window .cm,.code-window .c1,.code-window .cs{color:var(--slide-syntax-comment)}.code-window .k,.code-window .kd,.code-window .kn,.code-window .kp,.code-window .kr,.code-window .kt{color:var(--slide-syntax-keyword)}.code-window .s,.code-window .sa,.code-window .sb,.code-window .sc,.code-window .dl,.code-window .sd,.code-window .s1,.code-window .s2{color:var(--slide-syntax-string)}.code-window .m,.code-window .mb,.code-window .mf,.code-window .mh,.code-window .mi,.code-window .mo{color:var(--slide-syntax-number)}.code-window .nf,.code-window .fm,.code-window .nd{color:var(--slide-syntax-function)}:is(.highlighter-rouge,figure.highlight) .c,:is(.highlighter-rouge,figure.highlight) .ch,:is(.highlighter-rouge,figure.highlight) .cm,:is(.highlighter-rouge,figure.highlight) .c1,:is(.highlighter-rouge,figure.highlight) .cs{color:var(--slide-syntax-comment)}:is(.highlighter-rouge,figure.highlight) .k,:is(.highlighter-rouge,figure.highlight) .kd,:is(.highlighter-rouge,figure.highlight) .kn,:is(.highlighter-rouge,figure.highlight) .kp,:is(.highlighter-rouge,figure.highlight) .kr,:is(.highlighter-rouge,figure.highlight) .kt{color:var(--slide-syntax-keyword)}:is(.highlighter-rouge,figure.highlight) .s,:is(.highlighter-rouge,figure.highlight) .sa,:is(.highlighter-rouge,figure.highlight) .sb,:is(.highlighter-rouge,figure.highlight) .sc,:is(.highlighter-rouge,figure.highlight) .dl,:is(.highlighter-rouge,figure.highlight) .sd,:is(.highlighter-rouge,figure.highlight) .s1,:is(.highlighter-rouge,figure.highlight) .s2{color:var(--slide-syntax-string)}:is(.highlighter-rouge,figure.highlight) .m,:is(.highlighter-rouge,figure.highlight) .mb,:is(.highlighter-rouge,figure.highlight) .mf,:is(.highlighter-rouge,figure.highlight) .mh,:is(.highlighter-rouge,figure.highlight) .mi,:is(.highlighter-rouge,figure.highlight) .mo{color:var(--slide-syntax-number)}:is(.highlighter-rouge,figure.highlight) .nf,:is(.highlighter-rouge,figure.highlight) .fm,:is(.highlighter-rouge,figure.highlight) .nd{color:var(--slide-syntax-function)}.code-window .o,.code-window .ow,:is(.highlighter-rouge,figure.highlight) .o,:is(.highlighter-rouge,figure.highlight) .ow{color:var(--slide-syntax-operator)}.code-window .p,:is(.highlighter-rouge,figure.highlight) .p{color:var(--slide-syntax-punctuation)}.code-window .n,.code-window .na,.code-window .nv,.code-window .vc,.code-window .vg,.code-window .vi,.code-window .py,:is(.highlighter-rouge,figure.highlight) .n,:is(.highlighter-rouge,figure.highlight) .na,:is(.highlighter-rouge,figure.highlight) .nv,:is(.highlighter-rouge,figure.highlight) .vc,:is(.highlighter-rouge,figure.highlight) .vg,:is(.highlighter-rouge,figure.highlight) .vi,:is(.highlighter-rouge,figure.highlight) .py{color:var(--slide-syntax-name)}.code-window .nv,.code-window .vc,.code-window .vg,.code-window .vi,:is(.highlighter-rouge,figure.highlight) .nv,:is(.highlighter-rouge,figure.highlight) .vc,:is(.highlighter-rouge,figure.highlight) .vg,:is(.highlighter-rouge,figure.highlight) .vi{color:var(--slide-syntax-variable)}.code-window .x,.code-window .sx,.code-window .ni,.code-window .nl,.code-window .nt,:is(.highlighter-rouge,figure.highlight) .x,:is(.highlighter-rouge,figure.highlight) .sx,:is(.highlighter-rouge,figure.highlight) .ni,:is(.highlighter-rouge,figure.highlight) .nl,:is(.highlighter-rouge,figure.highlight) .nt,.code-window .ss,.code-window .sh,.code-window .si,.code-window .sr,:is(.highlighter-rouge,figure.highlight) .ss,:is(.highlighter-rouge,figure.highlight) .sh,:is(.highlighter-rouge,figure.highlight) .si,:is(.highlighter-rouge,figure.highlight) .sr{color:var(--slide-syntax-symbol)}.code-window .kv,.code-window .kc,.code-window .cp,.code-window .cd,.code-window .pi,:is(.highlighter-rouge,figure.highlight) .kv,:is(.highlighter-rouge,figure.highlight) .kc,:is(.highlighter-rouge,figure.highlight) .cp,:is(.highlighter-rouge,figure.highlight) .cd,:is(.highlighter-rouge,figure.highlight) .pi{color:var(--slide-syntax-keyword)}.code-window .il,:is(.highlighter-rouge,figure.highlight) .il{color:var(--slide-syntax-number)}.code-window .nb,.code-window .bp,:is(.highlighter-rouge,figure.highlight) .nb,:is(.highlighter-rouge,figure.highlight) .bp{color:var(--slide-syntax-builtin)}.code-window .nc,.code-window .no,.code-window .ne,.code-window .nn,.code-window .nx,:is(.highlighter-rouge,figure.highlight) .nc,:is(.highlighter-rouge,figure.highlight) .no,:is(.highlighter-rouge,figure.highlight) .ne,:is(.highlighter-rouge,figure.highlight) .nn,:is(.highlighter-rouge,figure.highlight) .nx{color:var(--slide-syntax-constant)}.code-window .err,:is(.highlighter-rouge,figure.highlight) .err{color:var(--slide-syntax-error);-webkit-text-decoration:wavy underline var(--slide-syntax-error);-webkit-text-decoration:wavy underline var(--slide-syntax-error);text-decoration:wavy underline var(--slide-syntax-error);text-underline-offset:4px}.highlighter-rouge,figure.highlight{min-width:0;font-family:var(--font-slide-mono)}:where(.prose,.layout-split-code .pane)>pre{min-width:0;font-family:var(--font-slide-mono);font-variant-ligatures:none;scrollbar-width:thin;scrollbar-color:var(--slide-muted) transparent;overflow:auto}.highlighter-rouge .highlight,figure.highlight{border:1px solid var(--slide-code-border);background:var(--slide-code-surface);font-size:var(--slide-code-font-size);font-variant-ligatures:none;scrollbar-width:thin;scrollbar-color:var(--slide-muted) transparent;border-radius:16px;font-weight:450;line-height:1.45;overflow:auto}.highlighter-rouge pre,figure.highlight pre{margin:0;padding:28px 32px}.highlighter-rouge code,figure.highlight code{color:var(--slide-fg);font:inherit}.code-window.size-sm,.terminal-window.size-sm{--slide-window-bar:62px;font-size:32px}.code-window.size-md,.terminal-window.size-md{--slide-window-bar:72px;font-size:38px}.code-window.size-lg,.terminal-window.size-lg{--slide-window-bar:82px;font-size:42px}.terminal-window{background:var(--slide-code-surface)}.terminal-window pre{padding-top:28px}.terminal-window .tline{white-space:pre-wrap;min-height:1.45em;display:block}.terminal-window .prompt{color:var(--slide-accent-strong);font-weight:700}.terminal-window .cmd{color:var(--slide-link)}.terminal-window .tline:not(:has(.prompt)):not(:has(.cmd)){color:var(--slide-fg)}.presentation-chrome{z-index:20;color:var(--slide-muted);pointer-events:none;position:fixed;inset:0}.presentation-root:not(.js) .presentation-chrome{visibility:hidden;pointer-events:none}.slide-controls{pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px;transition:background .2s,border-color .2s;display:flex;position:absolute;bottom:16px;right:24px}.slide-controls:hover,.slide-controls:focus-within{border-color:var(--slide-code-border);background:var(--slide-bg)}@supports (color:color-mix(in lab, red, red)){.slide-controls:hover,.slide-controls:focus-within{background:color-mix(in srgb, var(--slide-bg), transparent 12%)}}.slide-controls:hover,.slide-controls:focus-within{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.slide-control{border:1px solid var(--slide-code-border);width:46px;height:38px;color:var(--slide-fg);cursor:pointer;font:inherit;opacity:0;pointer-events:none;background:0 0;border-radius:9px;place-items:center;line-height:1;transition:background .2s,color .2s,border-color .2s,opacity .2s,transform .2s;display:inline-grid;transform:translateY(4px)}.slide-controls:hover .slide-control,.slide-controls:focus-within .slide-control{opacity:1;pointer-events:auto;transform:none}.slide-control:hover{border-color:var(--slide-accent);background:var(--slide-highlight);color:var(--slide-accent-strong)}.slide-controls:hover .slide-control:disabled,.slide-controls:focus-within .slide-control:disabled{opacity:.35;cursor:default}.slide-counter{font-family:var(--font-slide-mono);letter-spacing:.04em;margin:0;font-size:17px}.slide-progress{width:100%;height:4px;accent-color:var(--slide-accent);opacity:.58;pointer-events:auto;position:absolute;bottom:0;left:0;right:0}.slide-progress::-webkit-progress-bar{background:var(--slide-code-border);border-radius:99px}.slide-progress::-webkit-progress-value{background:var(--slide-accent);border-radius:99px}.overview-hint{z-index:25;border:1px solid var(--slide-code-border);background:var(--slide-code-surface);color:var(--slide-muted);font-family:var(--font-slide-mono);border-radius:999px;margin:0;padding:10px 18px;font-size:14px;position:fixed;top:82px;left:50%;transform:translate(-50%)}.overview-hint[hidden]{display:none}.presentation-root.js.is-fullscreen .presentation-chrome,.presentation-root.js[data-fullscreen-active=true] .presentation-chrome{opacity:0;transition:opacity .35s}.presentation-root.js.is-fullscreen .presentation-chrome:hover,.presentation-root.js.is-fullscreen .presentation-chrome:focus-within,.presentation-root.js[data-fullscreen-active=true] .presentation-chrome:hover,.presentation-root.js[data-fullscreen-active=true] .presentation-chrome:focus-within{opacity:1}.slide-control:focus-visible,.slide-progress:focus-visible{outline:4px solid var(--slide-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}.presentation-root.is-reduced-motion .presentation-chrome,.presentation-root[data-reduced-motion=true] .presentation-chrome,.presentation-root.is-reduced-motion .fragment,.presentation-root[data-reduced-motion=true] .fragment{transition:none}@page{size:13.333in 7.5in;margin:0}@media print{*,:before,:after{transition:none!important;animation:none!important}html,body{width:13.333in;min-width:13.333in;background:var(--slide-bg)!important}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.presentation-root,.presentation-root.js{width:13.333in!important;height:auto!important;min-height:0!important;overflow:visible!important}.presentation-chrome,.slide-progress,.overview-hint{display:none!important}.slide-deck,.presentation-root.js .slide-deck,.presentation-root.js.is-overview .slide-deck{width:13.333in!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.slide,.presentation-root.js .slide,.presentation-root.js.is-overview .slide{break-after:page;page-break-after:always;min-height:0;visibility:visible!important;width:13.333in!important;height:7.5in!important;box-shadow:none!important;cursor:default!important;border:0!important;border-radius:0!important;margin:0!important;display:block!important;position:relative!important;inset:auto!important;overflow:hidden!important;transform:none!important}.slide:last-child{break-after:auto;page-break-after:auto}.slide-content,.presentation-root.js.is-overview .slide-content{transform-origin:0 0;width:1920px!important;height:1080px!important;transform:scale(.66665)!important}.code-window .line,.terminal-window .tline{opacity:1!important}.fragment{visibility:visible!important;opacity:1!important;transform:none!important}}

data/assets/js/presentation.js

@@ -106,6 +106,11 @@
         tabindex: slide.getAttribute && slide.getAttribute("tabindex")
       };
     });
+    // Paragraphs only for now: a wider block vocabulary would need its own
+    // grouping rules, and one marked paragraph is the whole feature.
+    var slideFragments = slides.map(function (slide) {
+      return asArray(slide.querySelectorAll ? slide.querySelectorAll("p.fragment") : []);
+    });
     var total = slides.length || Number(dataValue(root, "slide-count")) || 1;
     var counter = root.querySelector("[data-slide-counter]");
     var progress = root.querySelector("[data-slide-progress]");
@@ -116,7 +121,12 @@
     var overviewHint = root.querySelector("[data-overview-hint]");
     var overviewEnabled = enabled(root, "overview");
     var fullscreenEnabled = enabled(root, "fullscreen");
-    var state = { current: 1, overview: false, printing: false };
+    // How many paragraphs of each slide the audience has already seen. Kept for
+    // the session, so leaving a slide and coming back does not replay it.
+    var state = {
+      current: 1, overview: false, printing: false,
+      revealed: slides.map(function () { return 0; })
+    };
     var listeners = [];
 
     function on(element, eventName, handler, options) {
@@ -198,6 +208,42 @@
         if (slide.removeAttribute) slide.removeAttribute("hidden");
       });
     }
+    function fragmentsOf(number) { return slideFragments[number - 1] || []; }
+    function fragmentCount(number) { return fragmentsOf(number).length; }
+    function revealedCount(number) { return state.revealed[number - 1] || 0; }
+    function setRevealed(number, count) {
+      if (number < 1 || number > total) return;
+      state.revealed[number - 1] = clamp(count, 0, fragmentCount(number));
+    }
+    // Overview, print, and a torn-down runtime all show the whole slide: a
+    // paragraph nobody can reveal must never be a paragraph nobody can read.
+    function updateFragments() {
+      var showEverything = state.overview || state.printing || state.finished;
+      slideFragments.forEach(function (fragments, index) {
+        var visible = showEverything ? fragments.length : (state.revealed[index] || 0);
+        fragments.forEach(function (fragment, position) {
+          if (position < visible) {
+            addClass(fragment, "is-revealed");
+            if (fragment.removeAttribute) { fragment.removeAttribute("inert"); fragment.removeAttribute("aria-hidden"); }
+          } else {
+            removeClass(fragment, "is-revealed");
+            setAttribute(fragment, "inert", "");
+            setAttribute(fragment, "aria-hidden", "true");
+          }
+        });
+      });
+    }
+    // Reveals the paragraphs up to and including the one holding +element+, so
+    // an anchor into a slide lands on visible text.
+    function revealThrough(number, element) {
+      var fragments = fragmentsOf(number);
+      for (var index = fragments.length - 1; index >= 0; index -= 1) {
+        if (contains(fragments[index], element)) {
+          setRevealed(number, Math.max(revealedCount(number), index + 1));
+          return;
+        }
+      }
+    }
     function setPrinting(value) {
       state.printing = Boolean(value);
       if (state.printing) {
@@ -210,12 +256,14 @@
       render();
     }
     function updateIndicators() {
+      // A reveal is a step too, so the deck ends only once the last slide has
+      // nothing left to show, and the first slide can still undo a reveal.
       if (previousButton) {
-        previousButton.disabled = state.current === 1;
+        previousButton.disabled = state.current === 1 && revealedCount(1) === 0;
         setAttribute(previousButton, "aria-disabled", previousButton.disabled ? "true" : "false");
       }
       if (nextButton) {
-        nextButton.disabled = state.current === total;
+        nextButton.disabled = state.current === total && revealedCount(total) === fragmentCount(total);
         setAttribute(nextButton, "aria-disabled", nextButton.disabled ? "true" : "false");
       }
       if (counter) counter.textContent = state.current + " / " + total;
@@ -227,7 +275,30 @@
         progress.style.setProperty("--progress-percent", (state.current / total * 100) + "%");
       }
     }
-    function render() { updateSlideVisibility(); updateIndicators(); updateOverviewButton(); updateOverviewHint(); updateOverviewDescription(); updateFullscreenButton(); }
+    function render() { updateSlideVisibility(); updateFragments(); updateIndicators(); updateOverviewButton(); updateOverviewHint(); updateOverviewDescription(); updateFullscreenButton(); }
+    // One step forward: reveal the next paragraph, or leave the slide once the
+    // slide has nothing left. A reveal is not a location, so it writes no
+    // history entry and does not move the slide counter.
+    function advance() {
+      if (revealedCount(state.current) < fragmentCount(state.current)) {
+        setRevealed(state.current, revealedCount(state.current) + 1);
+        render();
+        return state.current;
+      }
+      return goTo(state.current + 1);
+    }
+    // One step back, undoing the latest reveal first. Stepping onto an earlier
+    // slide arrives with it fully revealed, the way the audience left it.
+    function retreat() {
+      if (revealedCount(state.current) > 0) {
+        setRevealed(state.current, revealedCount(state.current) - 1);
+        render();
+        return state.current;
+      }
+      var destination = state.current - 1;
+      setRevealed(destination, fragmentCount(destination));
+      return goTo(destination);
+    }
     function goTo(number, options) {
       var previous = state.current;
       var validNumber = typeof number === "number" && Number.isFinite(number) && Number.isInteger(number);
@@ -243,7 +314,10 @@
         var target = fragmentTarget(hash);
         if (target) {
           var containingSlide = containingSlideNumber(target);
-          if (containingSlide !== null) state.current = containingSlide;
+          if (containingSlide !== null) {
+            state.current = containingSlide;
+            revealThrough(containingSlide, target);
+          }
           render();
           return state.current;
         }
@@ -303,19 +377,40 @@
       if (key === "Escape" && state.overview) { setOverview(false); if (event.preventDefault) event.preventDefault(); return; }
       if ((key === "o" || key === "O") && overviewEnabled) { toggleOverview(); return; }
       if ((key === "f" || key === "F") && fullscreenEnabled) { toggleFullscreen(); return; }
+      if (key === "ArrowRight" || key === " " || key === "PageDown") {
+        advance();
+        if (event.preventDefault) event.preventDefault();
+        return;
+      }
+      if (key === "ArrowLeft" || key === "PageUp") {
+        retreat();
+        if (event.preventDefault) event.preventDefault();
+        return;
+      }
       var destination;
-      if (key === "ArrowRight" || key === " " || key === "PageDown") destination = state.current + 1;
-      else if (key === "ArrowLeft" || key === "PageUp") destination = state.current - 1;
-      else if (key === "Home") destination = 1;
+      if (key === "Home") destination = 1;
       else if (key === "End") destination = total;
       if (destination === undefined) return;
       goTo(destination);
       if (event.preventDefault) event.preventDefault();
     }
     function selectOverviewSlide(number) { goTo(number); setOverview(false); }
+    // A primary click on the slide itself is the same step as ArrowRight. It
+    // must never steal a link, a selection, or a click something else handled.
+    function contentClickAdvances(event, slide, index) {
+      if (state.printing || index + 1 !== state.current) return false;
+      if (event.defaultPrevented || hasModifier(event)) return false;
+      if (typeof event.button === "number" && event.button !== 0) return false;
+      if (interactiveDescendant(event.target, slide)) return false;
+      return !hasNonCollapsedSelection(document);
+    }
     function bindSlide(slide, index) {
       on(slide, "click", function (event) {
-        if (state.overview && !interactiveDescendant(event.target, slide)) selectOverviewSlide(index + 1);
+        if (state.overview) {
+          if (!interactiveDescendant(event.target, slide)) selectOverviewSlide(index + 1);
+          return;
+        }
+        if (contentClickAdvances(event, slide, index)) advance();
       });
       on(slide, "keydown", function (event) {
         if (!state.overview || event.target !== slide || (keyName(event) !== "Enter" && keyName(event) !== " ")) return;
@@ -335,15 +430,15 @@
     on(window, "beforeprint", function () { setPrinting(true); });
     on(window, "afterprint", function () { setPrinting(false); });
     on(document, "fullscreenchange", updateFullscreenButton);
-    on(previousButton, "click", function () { goTo(state.current - 1); });
-    on(nextButton, "click", function () { goTo(state.current + 1); });
+    on(previousButton, "click", retreat);
+    on(nextButton, "click", advance);
     on(overviewButton, "click", toggleOverview);
     on(fullscreenButton, "click", toggleFullscreen);
     syncFromLocation(true);
     var controller = {
       goTo: goTo,
-      next: function () { return goTo(state.current + 1); },
-      previous: function () { return goTo(state.current - 1); },
+      next: advance,
+      previous: retreat,
       toggleOverview: toggleOverview,
       toggleFullscreen: toggleFullscreen,
       get current() { return state.current; },
@@ -351,6 +446,7 @@
       destroy: function () {
         state.overview = false;
         state.printing = false;
+        state.finished = true;
         removeClass(root, "is-overview");
         removeClass(root, "is-printing");
         if (root.removeAttribute) root.removeAttribute("data-overview-active");

data/doc/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 All notable changes to Jekyll Slides are documented here.
 
+## 0.5.0 — 2026-09-10
+
+- Fix Safari rendering slides too small or too large, including overview thumbnails. Prefer direct CSS length division when supported; the earlier absolute-value workaround corrected the sign but not the scale's magnitude. Older browsers retain the existing fallback.
+
+## 0.4.0 — 2026-09-10
+
+- Add opt-in paragraph reveals: mark a paragraph `{: .fragment}` and it is held back until the next step. Forward steps (`ArrowRight`, `PageDown`, `Space`, the next button, or a click on the slide) reveal one paragraph before moving to the next slide; backward steps hide the most recent reveal first. Slide numbers, the progress bar, the URL hash, and browser history keep counting slides, not reveals. Hidden paragraphs keep their space, cannot be focused or reached by assistive technology, and fade in over 180ms unless the reader prefers reduced motion. The overview, print, no-JavaScript output, and browsers without the slide canvas show every paragraph.
+- Add `macos-light`, a flat light code-window palette. It is component-only: a block selects it with `theme="macos-light"`, a deck cannot, and it repaints that window alone so it can sit inside a deck of any color.
+- Give slides more usable space. Content insets drop from `108px 132px 100px`, and from the `180px` title and statement overrides, to one shared 72px/80px pair used by both the presented slide and the overview preview.
+- Repaint `minimal-light` as a flat neutral near-white deck instead of a warm paper tint, including its plain, gradient, and code surfaces.
+- Keep 28px between a block and the prose after it. Plain fenced code, Rouge output, and figures previously carried no bottom margin, so following prose sat flush against them. A plain fence also now uses the deck's monospace face rather than the browser default.
+- Stop capping `content` slides at a 920px column. Headings, paragraphs, lists, and quotes each carry their own measure, so the column cap only ever clipped the code blocks and tables that have none.
+- Flatten the window chrome to match macOS: a solid title-bar fill with no gradient, a 1px border, a restrained shadow, and traffic lights with a rim but no gloss.
+- Move the editor and terminal title from the center of the title bar to just after the traffic lights, offset by a control run derived from the bar height so `sm`, `md`, and `lg` stay aligned. A long filename truncates before the language label.
+- Remove `--slide-surface-shine`, `--slide-code-inset`, and `--slide-dot-gloss`. The flat chrome reads none of them. Sites that forked the stylesheet and set these tokens should drop them.
+
 ## 0.3.0 — 2026-09-10
 
 - Add the four Catppuccin flavors as presentation themes: `catppuccin-latte`, `catppuccin-frappe`, `catppuccin-macchiato`, and `catppuccin-mocha`, ported from the palette shared by [catppuccin/ghostty](https://github.com/catppuccin/ghostty). Hues are the published values; lightness is adjusted only where a token cannot otherwise clear the 4.5:1 contrast checked on every code surface.

data/doc/Jekyll/Slides.md

@@ -22,6 +22,12 @@ integration is not needed; it does not evaluate Liquid or wrap the
 presentation layout.
 
 ## Constants
+### `COMPONENT_THEMES` <a id="constant-COMPONENT_THEMES"></a> <a id="COMPONENT_THEMES-constant"></a>
+Every palette a single editor or terminal block may carry: the deck palettes
+plus the ones that exist only at window scale. <code>macos-light</code> is a
+flat light code window meant to sit inside a deck of any color, so it defines
+no slide background or type scale and cannot be a deck theme.
+
 ### `DEFAULT_THEME` <a id="constant-DEFAULT_THEME"></a> <a id="DEFAULT_THEME-constant"></a>
 Not documented.
 
@@ -32,7 +38,7 @@ Not documented.
 Not documented.
 
 ### `THEMES` <a id="constant-THEMES"></a> <a id="THEMES-constant"></a>
-Every theme name the plugin ships. A theme sets the whole deck through front
+Every deck palette the plugin ships. A theme sets the whole deck through front
 matter, and any one of them also restyles a single editor or terminal block
 through that block's `theme` attribute.
 

data/doc/README.md

@@ -33,7 +33,7 @@ title: A short talk
 
 <!--
 layout: title
-background: gradient
+background: plain
 -->
 # A short talk
 
@@ -144,6 +144,26 @@ Liquid runs before slide rendering, just as it does on ordinary Jekyll pages. Wr
 
 Code remains selectable and copyable with normal browser controls; version 0.1 does not add a copy button.
 
+## Paragraph reveals
+
+Mark a paragraph `.fragment` to hold it back until the next step. Everything else on the slide is visible from the start.
+
+```markdown
+This paragraph is visible immediately.
+
+This explanation appears on the next click.
+{: .fragment}
+
+This conclusion appears on the following click.
+{: .fragment}
+```
+
+Each forward step — `ArrowRight`, `PageDown`, `Space`, the next button, or a click on the slide — reveals one more marked paragraph. Once the slide has none left, the same step moves to the next slide. Backward steps hide the most recent reveal first, and stepping onto an earlier slide arrives with it fully revealed. Slide numbers, the progress bar, the URL hash, and browser history keep counting slides, not reveals.
+
+A hidden paragraph keeps its space, so revealing one moves nothing else on the slide. It cannot be focused or read by assistive technology until it is revealed, and it fades in over 180ms unless the reader prefers reduced motion. The overview, print output, no-JavaScript output, and browsers without the slide canvas show every paragraph, because none of them can reveal one; leaving the overview or the print dialog restores the reveals for the session.
+
+Reveals are opt-in per paragraph, and version 0.1 marks paragraphs only. The [presentation polish example](https://github.com/lucianghinda/jekyll-slides/blob/main/examples/presentation-polish.md) shows them on a flat light deck.
+
 ## Themes and configuration
 
 Presentation themes are `minimal-light`, `minimal-dark`, `midnight` (the default), `ruby`, and the four Catppuccin flavors `catppuccin-latte`, `catppuccin-frappe`, `catppuccin-macchiato`, and `catppuccin-mocha`. These style the slides without replacing the site's Jekyll theme. Configure defaults under `slides:`:
@@ -178,21 +198,36 @@ ghostty 1.0.1
 
 The override repaints that window completely: surface, title bar, syntax colors, prompt, and body text. Everything outside it keeps the deck theme. An unknown name warns during the build and falls back to the deck theme. The [terminal themes example](https://github.com/lucianghinda/jekyll-slides/blob/main/examples/terminal-themes.md) shows a deck-wide flavor next to per-window overrides.
 
+### The macOS light window
+
+`macos-light` is a component-only palette: a flat near-white code window with a pale title bar, purple keywords, green strings, and blue functions. It is meant to sit inside a deck of any color, so it defines no slide background and no type scale, and a deck cannot select it.
+
+````markdown
+```ruby
+class Invoice
+  def total = items.sum(&:price)
+end
+```
+{: .editor title="app/models/invoice.rb" theme="macos-light" line_numbers="true"}
+````
+
+Because `theme` is one shared attribute, `macos-light` works on a terminal too. Omitting `theme` continues to inherit the deck palette, and naming it in front matter or `_config.yml` is not a deck theme — that warns and falls back like any other unknown deck name. The [editor themes example](https://github.com/lucianghinda/jekyll-slides/blob/main/examples/editor-themes.md) shows it on a dark deck across all three sizes.
+
 ### Window chrome
 
-Editors and terminals render the same macOS-style title bar: traffic lights on the left, the `title` centered in the bar, and for editors the language on the right. The traffic lights keep the macOS red, amber, and green in every theme, the way a real title bar does; only the window surface follows the theme. Bar height, control size, and spacing scale with the component `size`.
+Editors and terminals render the same macOS-style title bar: traffic lights on the left, then the `title`, and for editors the language on the right. The bar is a single flat fill from the palette with a hairline under it; the window has a 1px border and a restrained shadow. The traffic lights keep the macOS red, amber, and green in every theme, the way a real title bar does; only the window surface follows the theme. Bar height, control size, and the title's offset all scale with the component `size`, so `sm`, `md`, and `lg` stay aligned. A long filename truncates before it reaches the language label.
 
 ## Typography and readability
 
 The gem bundles Atkinson Hyperlegible Next for text and Atkinson Hyperlegible Mono for code, including variable upright and italic faces. Fonts load from the site's own assets and work offline. The font files retain their SIL Open Font License; source revisions, checksums, and notices are in [assets/fonts](https://github.com/lucianghinda/jekyll-slides/blob/main/assets/fonts/README.md).
 
-On the 1920×1080 slide canvas, body text is 44px, section headings are 72px, and code sizes `sm`, `md`, and `lg` are 32px, 38px, and 42px. These sizes scale with the slide. Filenames and line numbers remain readable, and focused lines use borders and background color while keeping surrounding code fully visible. All eight themes check syntax-token contrast against normal, highlighted, and focused code surfaces, both deck-wide and as a single-window override.
+On the 1920×1080 slide canvas, body text is 44px, section headings are 72px, and code sizes `sm`, `md`, and `lg` are 32px, 38px, and 42px. These sizes scale with the slide. Filenames and line numbers remain readable, and focused lines use borders and background color while keeping surrounding code fully visible. All eight deck themes, plus the component-only `macos-light`, check syntax-token contrast against normal, highlighted, and focused code surfaces, both deck-wide and as a single-window override, and check the filename and language against the title bar.
 
 Prefer medium or large code and short examples for projection. Long blocks can scroll, but an audience cannot reveal hidden lines independently; split examples when presenting or printing. Screen contrast tests do not replace checking the actual projector and viewing distance.
 
 ## Navigation and accessibility
 
-Use `ArrowLeft`/`ArrowRight`, `PageUp`/`PageDown`, `Home`, and `End` to navigate. `Space` advances, `O` toggles overview, and `F` toggles fullscreen. The current slide is synchronized in the URL hash (`#3` for slide three), so links and browser history work. The controls include accessible labels and focus states; reduced-motion preferences are respected. Print the deck with the browser print dialog (slides are paginated and chrome is hidden). If JavaScript is disabled, all slides remain in document order as complete aspect-ratio frames with readable content.
+Use `ArrowLeft`/`ArrowRight`, `PageUp`/`PageDown`, `Home`, and `End` to navigate. `Space` advances, `O` toggles overview, and `F` toggles fullscreen. A click on the slide advances too; links, buttons, modified clicks, and text selection keep their own behavior. On a slide with [paragraph reveals](#paragraph-reveals), a forward step reveals the next paragraph before it changes slide. `Home` and `End` always jump to a slide. The current slide is synchronized in the URL hash (`#3` for slide three), so links and browser history work. The controls include accessible labels and focus states; reduced-motion preferences are respected. Print the deck with the browser print dialog (slides are paginated and chrome is hidden). If JavaScript is disabled, all slides remain in document order as complete aspect-ratio frames with readable content.
 
 ## Demo and development
 
@@ -249,7 +284,7 @@ Maintainers can follow the [release instructions](https://github.com/lucianghind
 
 ## 0.1 limitations and extension
 
-Version 0.1 intentionally supports Markdown/Kramdown, a fixed 16:9 canvas, the curated layouts/themes above, and a small dependency-free browser runtime. It does not provide speaker notes, transitions, nested slide sections, a theme editor, or an authoring UI. JavaScript is enhancement-only; server-side HTML is the source of truth.
+Version 0.1 intentionally supports Markdown/Kramdown, a fixed 16:9 canvas, the curated layouts/themes above, and a small dependency-free browser runtime. It does not provide speaker notes, slide transitions, nested slide sections, a theme editor, or an authoring UI. Reveals mark paragraphs only; other blocks and grouped sequences are not covered. JavaScript is enhancement-only; server-side HTML is the source of truth.
 
 The plugin injects its `_layouts`, `_includes`, and `assets` into Jekyll without participating in theme resolution. A site can override the `presentation` layout, any `slides/*` include, or either compiled asset by placing a file with the same path in its own source tree. Copy the stylesheet only when you need a complete CSS fork; otherwise add a custom slide class and site CSS after the gem stylesheet. Keep `plugins: [jekyll-slides]` enabled even when overriding the layout so Markdown rendering and normalized slide settings remain active.
 

data/doc/index.csv

@@ -6,6 +6,7 @@ Jekyll::Slides,Module,Jekyll/Slides.md
 Jekyll::Slides.ROOT,Constant,Jekyll/Slides.md#constant-ROOT
 Jekyll::Slides.LAYOUT_NAME,Constant,Jekyll/Slides.md#constant-LAYOUT_NAME
 Jekyll::Slides.THEMES,Constant,Jekyll/Slides.md#constant-THEMES
+Jekyll::Slides.COMPONENT_THEMES,Constant,Jekyll/Slides.md#constant-COMPONENT_THEMES
 Jekyll::Slides.DEFAULT_THEME,Constant,Jekyll/Slides.md#constant-DEFAULT_THEME
 Jekyll::Slides.VERSION,Constant,Jekyll/Slides.md#constant-VERSION
 Jekyll::Slides::Assets,Module,Jekyll/Slides/Assets.md

data/lib/jekyll/slides/component_renderer.rb

@@ -219,13 +219,15 @@ module Jekyll
       end
 
       # A component may carry any deck theme, so one window can show a light
-      # terminal inside a dark deck. Returns nil to inherit the deck theme.
+      # terminal inside a dark deck, plus the palettes that exist only at window
+      # scale. Returns nil to inherit the deck theme.
       def component_theme(value)
         return nil if value.nil? || value.to_s.empty?
-        return value.to_s if THEMES.include?(value.to_s)
+        return value.to_s if COMPONENT_THEMES.include?(value.to_s)
 
-        Support.warn(@warning, "Unsupported component theme #{value.inspect}; expected one of #{THEMES.join(', ')}; " \
-                               "using the deck theme")
+        Support.warn(@warning,
+                     "Unsupported component theme #{value.inspect}; expected one of #{COMPONENT_THEMES.join(', ')}; " \
+                     "using the deck theme")
         nil
       end
 

data/lib/jekyll/slides/version.rb

@@ -2,6 +2,6 @@
 
 module Jekyll
   module Slides
-    VERSION = "0.3.0"
+    VERSION = "0.5.0"
   end
 end

data/lib/jekyll/slides.rb

@@ -21,13 +21,19 @@ module Jekyll
     ROOT = File.expand_path("../..", __dir__)
     LAYOUT_NAME = "presentation"
 
-    # Every theme name the plugin ships. A theme sets the whole deck through
+    # Every deck palette the plugin ships. A theme sets the whole deck through
     # front matter, and any one of them also restyles a single editor or
     # terminal block through that block's +theme+ attribute.
     THEMES = %w[
       minimal-light minimal-dark midnight ruby
       catppuccin-latte catppuccin-frappe catppuccin-macchiato catppuccin-mocha
     ].freeze
+
+    # Every palette a single editor or terminal block may carry: the deck
+    # palettes plus the ones that exist only at window scale. +macos-light+ is
+    # a flat light code window meant to sit inside a deck of any color, so it
+    # defines no slide background or type scale and cannot be a deck theme.
+    COMPONENT_THEMES = (THEMES + %w[macos-light]).freeze
     DEFAULT_THEME = "midnight"
   end
 end

data/llms.txt

@@ -22,6 +22,12 @@ integration is not needed; it does not evaluate Liquid or wrap the
 presentation layout.
 
 ## Constants
+### `COMPONENT_THEMES` <a id="constant-COMPONENT_THEMES"></a> <a id="COMPONENT_THEMES-constant"></a>
+Every palette a single editor or terminal block may carry: the deck palettes
+plus the ones that exist only at window scale. <code>macos-light</code> is a
+flat light code window meant to sit inside a deck of any color, so it defines
+no slide background or type scale and cannot be a deck theme.
+
 ### `DEFAULT_THEME` <a id="constant-DEFAULT_THEME"></a> <a id="DEFAULT_THEME-constant"></a>
 Not documented.
 
@@ -32,7 +38,7 @@ Not documented.
 Not documented.
 
 ### `THEMES` <a id="constant-THEMES"></a> <a id="THEMES-constant"></a>
-Every theme name the plugin ships. A theme sets the whole deck through front
+Every deck palette the plugin ships. A theme sets the whole deck through front
 matter, and any one of them also restyles a single editor or terminal block
 through that block's `theme` attribute.
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-slides
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.5.0
 platform: ruby
 authors:
 - Lucian Ghinda