:root{--font-body:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", system-ui, sans-serif;--font-heading:var(--font-body);--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--dur:.7s;--ease:cubic-bezier(.22, 1, .36, 1);--stagger:90ms;--delay:.15s;--radius:1.2cqw}*,:before,:after{box-sizing:border-box}html,body{background:var(--outer);height:100%;color:var(--fg);font-family:var(--font-body);margin:0;overflow:hidden}.deck{place-items:center;display:grid;position:fixed;inset:0;container-type:size}.slide{aspect-ratio:16/9;background:var(--bg);inline-size:min(100cqi,177.778cqb);color:var(--fg);visibility:hidden;grid-area:1/1;overflow:clip;container-type:size}.slide.is-active,html:not(.is-ready) .slide:first-child{visibility:visible}.slide-inner{height:100%;font-size:calc(2.3cqw * var(--fit,1));flex-direction:column;gap:2.2cqh;padding:7cqh 7cqw;line-height:1.6;display:flex;position:relative}.kicker,.eyebrow{font-size:calc(1.5cqw * var(--fit,1));letter-spacing:.04em;color:var(--muted);margin:0;font-weight:700}.heading{font-family:var(--font-heading);font-size:calc(4cqw * var(--fit,1));text-wrap:balance;margin:0;font-weight:700;line-height:1.3}.body{flex-direction:column;flex:1;justify-content:safe center;gap:2.5cqh;min-height:0;display:flex}.block{min-height:0}.body a{color:var(--fg);text-underline-offset:.2em;text-decoration:underline}.body ul,.body ol{margin:0;padding-left:1.4em}.body li+li{margin-top:.5em}.body li::marker{color:var(--muted)}.body code{font-family:var(--font-mono);font-size:.9em}.body :not(pre)>code{background:var(--code-inline-bg);color:var(--code-inline-fg);border-radius:.3em;padding:.1em .35em}.block-code{flex:1;min-height:0;display:flex}.body pre.shiki{border-radius:var(--radius);font-size:calc(1.45cqw * var(--fit,1));flex:1;margin:0;padding:2.5cqh 2.5cqw;line-height:1.55;overflow:auto;background:var(--code-bg)!important}.block-image{flex:1;justify-content:center;min-height:0;display:flex}.body figure{flex-direction:column;align-items:center;gap:1.5cqh;height:100%;margin:0;display:flex}.body figure img{object-fit:contain;border-radius:var(--radius);max-width:100%;min-height:0;box-shadow:var(--shadow)}.body figcaption{font-size:calc(1.4cqw * var(--fit,1));color:var(--muted)}.body table{border:1px solid var(--line);border-radius:var(--radius);border-collapse:separate;border-spacing:0;width:100%;font-size:calc(1.8cqw * var(--fit,1));overflow:hidden}.body thead{background:var(--surface)}.body tbody tr:nth-child(2n){background:var(--surface-subtle)}.body th,.body td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.6em .8em}.body tbody tr:last-child>*{border-bottom:0}.body blockquote{border-left:.4cqw solid var(--line-strong);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface-subtle);font-size:calc(2.8cqw * var(--fit,1));margin:0;padding:.6em 1em}.body blockquote p{margin:0}.body .card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-solid);color:var(--fg);word-break:break-all;padding:2cqh 2cqw;text-decoration:none;display:block}.cite{font-size:.6em;line-height:0}.cite a{color:var(--accent);text-decoration:none}.slide-inner:has(>.sources)>:first-child{margin-top:auto}.sources{border-top:1px solid var(--line);font-size:calc(1.2cqw * var(--fit,1));color:var(--muted);flex-wrap:wrap;gap:.2em 1.6em;margin-top:auto;margin-bottom:0;padding:1cqh 0 0;line-height:1.5;list-style:none;display:flex}.sources a{color:inherit;overflow-wrap:anywhere;text-decoration:none}.sources-n{color:var(--accent)}.reference-list{font-size:calc(1.9cqw * var(--fit,1))}.reference-list li::marker{font-weight:700}.reference-list a{color:var(--fg);font-weight:700;text-decoration:none}.reference-url,.reference-description{color:var(--muted);overflow-wrap:anywhere;font-size:.75em;display:block}.reference-url{font-family:var(--font-mono);color:var(--accent)}.block-embed{flex:1;min-height:0;container-type:size}.embed{width:min(100cqw, 100cqh * var(--ratio));aspect-ratio:var(--ratio);border-radius:var(--radius);background:color-mix(in srgb, var(--fg) 8%, transparent);box-shadow:var(--shadow);margin:0 auto;position:relative;overflow:hidden}.embed-fixed{aspect-ratio:auto;width:min(100cqw,70cqh);height:100cqh}.embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.embed:has(iframe:not([src])):before{color:var(--muted);content:"▶";place-items:center;font-size:4cqh;display:grid;position:absolute;inset:0}.block-tweet{justify-content:center;min-height:0;display:flex}.slide .body blockquote.twitter-tweet{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--fg) 4%, transparent);width:min(100%,44em);max-height:100%;font-size:calc(1.4cqw * var(--fit,1));color:var(--muted);margin:0;padding:1.2em 1.5em;overflow:auto}.body blockquote.twitter-tweet:before{font-size:calc(1.6cqw * var(--fit,1));color:var(--fg);content:"𝕏";margin-bottom:.4em;font-weight:700;display:block}.body blockquote.twitter-tweet p{font-size:calc(1.8cqw * var(--fit,1));color:var(--fg);margin:0 0 .8em;line-height:1.5}.block-html{overflow:auto}.layout-title .slide-inner,.layout-section .slide-inner,.layout-statement .slide-inner,.layout-end .slide-inner{justify-content:safe center}.layout-title .heading{font-size:calc(5.6cqw * var(--fit,1))}.subtitle{font-size:calc(2.2cqw * var(--fit,1));color:var(--muted);margin:0}.byline{font-size:calc(1.6cqw * var(--fit,1));color:var(--muted);margin:2cqh 0 0}.profile{border:1px solid var(--line);background:color-mix(in srgb, var(--fg) 4%, transparent);border-radius:999px;align-items:center;gap:1.6cqw;padding:1.6cqh 2cqw 1.6cqh 1.6cqh;font-size:1.2cqw;line-height:1.4;display:flex;position:absolute;bottom:6cqh;right:5cqw}.profile-icon{object-fit:cover;width:7cqw;height:7cqw;box-shadow:0 0 0 .25cqw var(--line-strong);background:#fff;border-radius:50%}.profile-name{margin:0 0 .3em;font-size:1.8cqw;font-weight:700}.profile-links{grid-template-columns:auto auto;gap:.25em 1.4em;margin:0;padding:0;list-style:none;display:grid}.profile-links a{color:var(--muted);align-items:center;gap:.45em;text-decoration:none;display:inline-flex}.profile-links a:hover{color:var(--accent)}.profile-links svg{flex-shrink:0;width:1.1em;height:1.1em}.layout-section .heading{font-size:calc(6cqw * var(--fit,1))}.layout-statement .heading{font-size:calc(5cqw * var(--fit,1))}.layout-statement:has(.key) .heading{font-size:calc(2.4cqw * var(--fit,1));color:var(--muted)}.key{font-size:calc(4.6cqw * var(--fit,1));margin:0;font-weight:700;line-height:1.35}.layout-statement .body{flex:none}.layout-quote .body blockquote{font-size:calc(3.4cqw * var(--fit,1))}.layout-end .slide-inner{text-align:center;align-items:center}.layout-end .heading{font-size:calc(5cqw * var(--fit,1))}.end-link{font-size:calc(1.8cqw * var(--fit,1));color:var(--muted);margin:0}html.is-ready .slide{transform:var(--slide-from);opacity:var(--slide-from-opacity,0);transition:transform var(--dur) var(--ease), opacity var(--dur) var(--ease), visibility 0s linear var(--dur)}html.is-ready .slide.is-past{transform:var(--slide-to)}html.is-ready .slide.is-active{opacity:1;transition-delay:0s;transform:none}.slide.is-active .anim,.slide.is-active .block-list li{animation:var(--enter) var(--dur) var(--ease) backwards;animation-delay:calc(var(--delay) + var(--i,0) * var(--stagger))}.slide [data-step]{transition:opacity .35s var(--ease), transform .35s var(--ease);animation:none!important}.slide [data-step]:not(.is-shown){opacity:0;transform:translateY(.6em)}.is-static,.is-static *{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}@keyframes fade-up{0%{opacity:0;filter:blur(6px);transform:translateY(.8em)}}@keyframes wipe{0%{clip-path:inset(0 calc(100% + 2em) 0 -2em)}to{clip-path:inset(0 0 0 -2em)}}@keyframes draw-line{0%{transform:scaleX(0)}}@keyframes type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes blink-in{0%,40%{opacity:0}50%{opacity:1}60%{opacity:.2}}@keyframes caret{50%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)rotate(-4deg)}60%{opacity:1;transform:scale(1.06)rotate(1deg)}}:root{--outer:oklch(92.2% 0 0);--bg:oklch(100% 0 0);--bg-solid:var(--bg);--fg:oklch(28% 0 0);--muted:oklch(43.9% 0 0);--accent:oklch(50% .134 242.749);--line:oklch(92.2% 0 0);--line-strong:oklch(87% 0 0);--surface:oklch(97% 0 0);--surface-subtle:oklch(98.5% 0 0);--code-bg:#0d1117;--code-inline-bg:oklch(37.3% .034 259.733);--code-inline-fg:oklch(100% 0 0);--shadow:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root.dark{--outer:oklch(20.5% 0 0);--bg:oklch(26.9% 0 0);--fg:oklch(98.5% .002 247.839);--muted:oklch(70.8% 0 0);--accent:oklch(74.6% .16 232.661);--line:oklch(37.1% 0 0);--line-strong:oklch(43.9% 0 0);--surface:oklch(31% 0 0);--surface-subtle:oklch(29% 0 0);--code-inline-bg:oklch(37.1% 0 0);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.dark .body pre.shiki{border:1px solid var(--line)}[data-theme=simple]{--slide-from:none;--slide-to:none;--slide-from-opacity:0;--enter:none}html.is-ready[data-theme=simple] .slide,[data-theme=simple] .slide [data-step]{transition:none}[data-theme=keynote]{--slide-from:scale(1.04);--slide-to:scale(.96);--enter:fade-up}[data-theme=paper]{--slide-from:translateX(100%);--slide-to:translateX(-100%);--slide-from-opacity:1;--enter:wipe;--dur:.8s;--ease:cubic-bezier(.65, 0, .35, 1)}[data-theme=paper] .heading{padding-bottom:.3em;position:relative}[data-theme=paper] .heading:after{background:var(--fg);transform-origin:0;content:"";width:3em;height:.5cqh;position:absolute;bottom:0;left:0}[data-theme=paper] .layout-end .heading:after{margin:0 auto;right:0}[data-theme=paper] .slide.is-active .heading:after{animation:draw-line .9s var(--ease) .5s both}[data-theme=pop]{--slide-from:translateY(110%) rotate(4deg);--slide-to:translateY(-110%) rotate(-4deg);--enter:pop-in;--ease:cubic-bezier(.34, 1.56, .64, 1);--dur:.65s}:root[data-theme=terminal]{--outer:#000;--bg:radial-gradient(ellipse at center, #0c140e 0%, #050805 80%);--bg-solid:#0c140e;--fg:#d7fbe0;--muted:#8fd6a4;--accent:#4cff95;--line:#2f6b43;--line-strong:#3f8a58;--surface:#0f1f15;--surface-subtle:#0a150e;--code-bg:#0d1117;--code-inline-bg:#13301e;--code-inline-fg:var(--fg);--font-body:var(--font-mono), "Hiragino Sans", "BIZ UDPGothic", Meiryo, "Noto Sans CJK JP", monospace;--slide-from:none;--slide-to:none;--enter:blink-in;--dur:.5s;--ease:steps(6, end);--stagger:.18s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.is-ready[data-theme=terminal] .slide{transition:visibility}[data-theme=terminal] .body pre.shiki{border:1px solid var(--line)}[data-theme=terminal] :is(.kicker,.eyebrow){color:var(--accent)}[data-theme=terminal] .kicker:before{content:"$ cd ";color:var(--muted)}[data-theme=terminal] .heading:before{content:"> ";color:var(--accent)}[data-theme=terminal] .heading:after{content:"▋";color:var(--accent);margin-left:.15em}[data-theme=terminal] .slide.is-active .heading:after{animation:1s step-end 3 caret}[data-theme=terminal] .slide.is-active .heading{animation:.9s steps(18,end) both type}[data-theme=terminal] .body li::marker{content:"- ";color:var(--accent)}[data-theme=terminal] .body a,[data-theme=terminal] .body .card,[data-theme=terminal] .body th{color:var(--accent)}[data-theme=terminal] .body blockquote{border-left-color:var(--accent)}.progress{background:color-mix(in srgb, var(--accent) 20%, transparent);height:4px;position:fixed;bottom:0;left:0;right:0}.progress>span{background:var(--accent);transform-origin:0;height:100%;transition:transform .5s var(--ease);display:block;transform:scaleX(0)}.controls{z-index:10;background:color-mix(in srgb, var(--outer) 85%, transparent);color:var(--fg);font:13px/1 var(--font-body);opacity:0;border-radius:999px;align-items:center;gap:4px;padding:4px 6px;transition:opacity .3s;display:flex;position:fixed;bottom:14px;right:12px}.controls:hover,.controls:focus-within,html.show-ui .controls{opacity:1}@media (hover:none){.controls{opacity:1}}.controls button,.controls a{min-width:32px;height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;text-decoration:none;display:inline-flex}.controls button:hover,.controls a:hover,.controls [aria-pressed=true]{background:color-mix(in srgb, var(--fg) 15%, transparent)}.theme-select{border:1px solid color-mix(in srgb, var(--fg) 25%, transparent);height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 8px}.theme-select option{background:var(--bg-solid);color:var(--fg)}.controls :focus-visible{outline:2px solid var(--accent);outline-offset:1px}.counter{font-variant-numeric:tabular-nums;padding:0 6px}.notes-panel{z-index:9;color:#f2f2f2;background:#000000d1;border-radius:12px;max-width:900px;max-height:32vh;margin:0 auto;padding:12px 20px;font-size:15px;line-height:1.8;position:fixed;bottom:60px;left:12px;right:12px;overflow:auto}.notes-panel a,.presenter a{color:inherit}.notes-empty{opacity:.6}html.is-presenter{--stage-w:min(58vw - 24px, (100vh - 76px) * 1.185);--stage-h:calc(var(--stage-w) * 9 / 16);--next-top:calc(16px + var(--stage-h) + 24px)}html.is-presenter body{color:#eee;background:#111}html.is-presenter .deck{width:var(--stage-w);height:var(--stage-h);place-items:start;inset:16px auto auto 16px}html.is-presenter .controls{opacity:1;color:#eee;background:#222}html.is-presenter .progress{display:none}.presenter{pointer-events:none;color:#eee;font-family:var(--font-body);position:fixed;inset:0}.presenter>*{pointer-events:auto}.presenter-label{letter-spacing:.08em;opacity:.6;margin:0 0 8px;font-size:12px;line-height:1}.presenter-next{top:var(--next-top);width:calc(var(--stage-w) / 2);position:absolute;left:16px}.presenter-next-stage{aspect-ratio:16/9;border:1px solid #333;place-items:center;display:grid;container-type:size}.presenter-next-stage .slide{visibility:visible}.presenter-notes{top:16px;bottom:64px;right:16px;left:calc(16px + var(--stage-w) + 24px);flex-direction:column;display:flex;position:absolute}.presenter-notes-body{flex:1;min-height:0;padding-right:8px;font-size:18px;line-height:1.8;overflow:auto}.presenter-notes-body>:first-child{margin-top:0}.presenter-meta{top:calc(var(--next-top) + 20px);left:calc(16px + var(--stage-w) / 2 + 24px);flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute}.presenter-timer{font:700 40px/1 var(--font-mono);font-variant-numeric:tabular-nums}.presenter-meta button{color:inherit;cursor:pointer;background:#222;border:1px solid #444;border-radius:6px;padding:6px 12px}@media (prefers-reduced-motion:reduce){html.is-ready .slide,html.is-ready .slide.is-past{transition:opacity .2s,visibility 0s linear .2s!important;transform:none!important}.slide.is-active,.slide.is-active *,.slide.is-active :before,.slide.is-active :after{animation:none!important}}@media print{@page{size:1280px 720px;margin:0}html,body{height:auto;overflow:visible}.deck{display:block;position:static;container-type:normal}.slide,html.is-ready .slide{visibility:visible;opacity:1;break-after:page;width:1280px;height:720px;transform:none}.slide *,.slide :before,.slide :after{animation:none!important}.slide [data-step]{opacity:1;transform:none}.controls,.chrome,.notes-panel,.presenter{display:none!important}}