@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&display=swap";@font-face{font-family:GeistSans;src:url(https://www.holypoly.ca/_next/static/media/Geist_Variable-s.p.92592eb2.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistMono;src:url(https://www.holypoly.ca/_next/static/media/GeistMono_Variable.p.2f937313.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistPixelSquare;src:url(https://www.holypoly.ca/_next/static/media/GeistPixel_Square.p.31e87829.woff2) format("woff2");font-display:swap;font-weight:500}:root{--bg: #000000;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #9f9fa9;--zinc-500: #71717b;--zinc-600: #52525c;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--pearl: #c9b99a;--pearl-dim: #a09078;--pearl-bright: #ddd0b8;--glow: rgba(201, 185, 154, .06);--selection: rgba(201, 185, 154, .2);--font-sans: "GeistSans", system-ui, sans-serif;--font-mono: "GeistMono", ui-monospace, monospace;--font-copy-mono: "IBM Plex Mono", "GeistMono", ui-monospace, monospace;--font-pixel: "GeistPixelSquare", "IBM Plex Mono", "GeistMono", ui-monospace, monospace;--shell-width: min(100vw - 24px, 1400px)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--zinc-800) var(--bg)}body{margin:0;min-height:100vh;color:var(--zinc-400);font-family:var(--font-sans);background:radial-gradient(560px circle at 50% 8%,rgba(201,185,154,.04),transparent 55%),linear-gradient(rgba(201,185,154,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(201,185,154,.03) 1px,transparent 1px),var(--bg);background-size:auto,60px 60px,60px 60px,auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible{outline:1px solid var(--pearl);outline-offset:2px}::selection{background:var(--selection);color:var(--pearl-bright)}#app{min-height:100vh;min-height:100dvh}.app-shell{width:var(--shell-width);min-height:100vh;min-height:100dvh;margin:0 auto;padding:10px 0 48px}.topic-shell,.slide-shell{display:grid;gap:16px}.slide-shell{grid-template-rows:minmax(0,1fr) auto}.topic-grid-frame,.topic-module,.slide-stage{position:relative;border:1px solid var(--zinc-800);background:transparent}.topic-grid-frame{overflow:hidden;padding:28px 20px 22px}.grid-divider{position:absolute;left:24px;right:24px;top:50%;height:1px;background:var(--zinc-800)}.topic-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.corner-brackets:before,.corner-brackets:after,.topic-module:before,.topic-module:after,.slide-stage:before,.slide-stage:after{content:"";pointer-events:none;position:absolute;width:10px;height:10px;transition:border-color .2s ease}.topic-module:before,.slide-stage:before{top:-1px;left:-1px;border-top:1px solid var(--zinc-700);border-left:1px solid var(--zinc-700)}.topic-module:after,.slide-stage:after{right:-1px;bottom:-1px;border-right:1px solid var(--zinc-700);border-bottom:1px solid var(--zinc-700)}.bracket-inner:before,.bracket-inner:after{content:"";pointer-events:none;position:absolute;width:10px;height:10px;transition:border-color .2s ease}.bracket-inner:before{top:-1px;right:-1px;border-top:1px solid var(--zinc-700);border-right:1px solid var(--zinc-700)}.bracket-inner:after{left:-1px;bottom:-1px;border-left:1px solid var(--zinc-700);border-bottom:1px solid var(--zinc-700)}.topic-module:hover,.system-control:hover,.nav-button:hover:not(:disabled){border-color:var(--zinc-700)}.topic-module:hover:before,.topic-module:hover:after,.topic-module:hover .bracket-inner:before,.topic-module:hover .bracket-inner:after,.slide-stage:hover:before,.slide-stage:hover:after,.slide-stage:hover .bracket-inner:before,.slide-stage:hover .bracket-inner:after{border-color:var(--pearl)}.topic-module{text-align:left;padding:0;color:inherit;min-height:260px;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.module-topline,.module-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:0 16px;border-bottom:1px solid var(--zinc-900);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.module-footer{margin-top:auto;border-top:1px solid var(--zinc-900);border-bottom:0;color:var(--zinc-700)}.module-code,.module-state{color:var(--pearl)}.module-state:before{content:"";display:inline-block;width:4px;height:4px;margin-right:6px;background:var(--pearl);vertical-align:middle}.module-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px 16px 16px}.topic-module h2,.stage-heading h1,.slide-body h2{margin:0;font-family:var(--font-pixel);color:var(--zinc-100);font-weight:700;letter-spacing:.02em}.topic-module h2{font-size:18px;line-height:1.2}.topic-module p,.stage-summary,.slide-body p,.slide-body li{font-family:var(--font-copy-mono);font-size:14px;line-height:1.8;color:var(--zinc-300)}.slide-stage{overflow:hidden;padding:18px}.stage-rails span{position:absolute;display:block;background:var(--zinc-900)}.stage-rails span:nth-child(1),.stage-rails span:nth-child(2){left:16px;right:16px;height:1px}.stage-rails span:nth-child(1){top:16px}.stage-rails span:nth-child(2){bottom:16px}.stage-rails span:nth-child(3),.stage-rails span:nth-child(4){top:16px;bottom:16px;width:1px}.stage-rails span:nth-child(3){left:16px}.stage-rails span:nth-child(4){right:16px}.stage-header{position:relative;z-index:1;max-width:1040px;margin:0 auto 18px;padding:14px 8px 0}.stage-header-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.slide-kicker{display:flex;justify-content:space-between;gap:12px;flex:1;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--zinc-700)}.stage-heading h1{font-size:clamp(27px,5.1vw,48px);line-height:1.05}.stage-summary{max-width:860px;margin:12px 0 0}.system-control,.nav-button{border:1px solid var(--zinc-800);background:var(--zinc-950);padding:12px 16px;font-family:var(--font-mono);font-size:16px;font-weight:700;line-height:1;letter-spacing:.15em;text-transform:uppercase;color:var(--pearl);transition:border-color .15s ease,color .15s ease,background-color .15s ease}.system-control:hover,.nav-button:hover:not(:disabled){color:var(--pearl-bright);border-color:var(--pearl-dim);background:#09090b}.slide-body{position:relative;z-index:1;max-width:1040px;margin:0 auto;padding:10px 8px 28px}.slide-body>:first-child{margin-top:0}.slide-body h2{font-size:clamp(24px,4vw,34px);line-height:1.1;padding-top:18px;margin:34px 0 12px;border-top:1px dashed var(--zinc-800);color:inherit}.slide-body h2:before{content:"*";width:100%;height:1px;margin-bottom:12px}.slide-body ul{margin:12px 0 0;padding-left:1.2rem}.slide-body blockquote{position:relative;margin:20px 0;padding:16px 18px 16px 22px;border-left:3px solid var(--pearl);background:linear-gradient(90deg,rgba(201,185,154,.09),rgba(201,185,154,.02) 28%,transparent 72%),#18181bb3;box-shadow:inset 0 0 0 1px #c9b99a14,0 0 24px #c9b99a0d}.slide-body blockquote>:first-child{margin-top:0}.slide-body blockquote>:last-child{margin-bottom:0}.slide-body blockquote p,.slide-body blockquote li{color:var(--zinc-200)}.slide-body blockquote p{position:relative;padding-left:30px;font-size:15px;line-height:1.85}.slide-body blockquote p:before{content:">_";position:absolute;left:0;color:var(--pearl-dim)}.slide-body blockquote ul,.slide-body blockquote ol{margin-top:10px}.slide-body blockquote strong{color:var(--pearl-bright)}.slide-body blockquote em{color:var(--zinc-100)}.slide-body a{color:var(--pearl)}.slide-body img{display:block;width:min(100%,860px);max-width:100%;height:auto;margin:18px auto;border:1px solid rgba(201,185,154,.16);border-radius:4px;background:linear-gradient(180deg,#c9b99a0a,#c9b99a05),#09090bb8;padding:10px;box-shadow:0 0 40px #c9b99a14}.slide-ascii{--ascii-rows: 3;--ascii-row-scale: calc(3 / var(--ascii-rows));--ascii-font-size: clamp(8px, 1.15vw, 11px);position:relative;margin:0 auto 30px;max-width:1040px;padding:12px 8px 0}.slide-ascii-panel{position:relative;overflow:hidden;background:#c9b99a05;padding:0;box-shadow:0 0 40px #c9b99a0f}.slide-ascii pre,.slide-ascii-measure{position:relative;z-index:1;margin:0;font-family:var(--font-mono);font-size:calc(var(--ascii-font-size) * var(--ascii-row-scale));line-height:1;text-align:left;white-space:pre;color:#c9b99acc;text-shadow:0 0 6px rgba(201,185,154,.25)}.slide-ascii pre{display:block;width:100%;overflow:hidden;min-height:calc(var(--ascii-rows) * 1.55em)}.slide-ascii-overlay{pointer-events:none;position:absolute;inset:0;border-radius:4px;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px)}.slide-ascii-measure{position:absolute;visibility:hidden}.slide-body .mermaid-block,.slide-body pre{margin:18px 0;border:1px solid var(--zinc-800);background:linear-gradient(180deg,#c9b99a09,#c9b99a04),#c9b99a05;padding:14px 16px}.slide-body .mermaid-block{position:relative;overflow:auto;cursor:zoom-in;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.slide-body .mermaid-block:hover,.slide-body .mermaid-block:focus-visible{border-color:var(--pearl-dim);background:linear-gradient(180deg,#c9b99a0d,#c9b99a05),#c9b99a08;box-shadow:0 0 28px #c9b99a12}.slide-body .mermaid-block:focus-visible{outline:none}.slide-body .mermaid-block .mermaid{min-width:max-content}.slide-body .mermaid-block svg{display:block;height:auto}.slide-body pre code{display:block;font-family:var(--font-copy-mono);font-size:.95rem;line-height:1.65;color:var(--zinc-200)}.slide-body pre.code-block-wrap{overflow-x:hidden}.slide-body pre.code-block-wrap code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.slide-body pre.hljs,.slide-body code.hljs{color:var(--zinc-200)}.slide-body .hljs-comment,.slide-body .hljs-quote{color:var(--zinc-500);font-style:italic}.slide-body .hljs-keyword,.slide-body .hljs-selector-tag,.slide-body .hljs-literal,.slide-body .hljs-section,.slide-body .hljs-link{color:#f2c38a}.slide-body .hljs-title,.slide-body .hljs-title.class_,.slide-body .hljs-title.function_{color:#f6dfb5}.slide-body .hljs-string,.slide-body .hljs-attr,.slide-body .hljs-template-tag,.slide-body .hljs-template-variable{color:#b8d7a3}.slide-body .hljs-number,.slide-body .hljs-symbol,.slide-body .hljs-bullet,.slide-body .hljs-variable,.slide-body .hljs-variable.language_{color:#8ccfd1}.slide-body .hljs-params,.slide-body .hljs-subst,.slide-body .hljs-type{color:#d8d8de}.mermaid-overlay-open{overflow:hidden}.mermaid-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#000000e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mermaid-overlay-panel{width:min(96vw,1800px);max-height:min(94vh,1400px);display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--zinc-700);background:radial-gradient(circle at top,rgba(201,185,154,.08),transparent 40%),#09090bfa;box-shadow:0 24px 100px #0000008c}.mermaid-overlay-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--zinc-800)}.mermaid-overlay-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--pearl)}.mermaid-overlay-close{border:1px solid var(--zinc-700);background:transparent;padding:10px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--zinc-200)}.mermaid-overlay-canvas{overflow:auto;padding:20px}.mermaid-overlay-canvas svg{display:block;width:auto;min-width:100%;max-width:none;max-height:calc(94vh - 120px);height:auto;margin:0 auto}.slide-controls{position:sticky;bottom:16px;display:flex;justify-content:center;gap:10px}.nav-button.primary{color:var(--pearl-bright);border-color:var(--pearl-dim)}.nav-button:disabled{cursor:not-allowed;opacity:.3}.topic-module,.slide-stage{animation:fade-in .5s ease-out both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.topic-grid{gap:18px}.stage-header-top{flex-direction:column;align-items:flex-start}.slide-kicker{width:100%}}@media(max-width:720px){.app-shell{width:min(100vw - 12px,1400px);padding-top:6px}.topic-grid-frame{padding:12px 10px 10px}.grid-divider{left:10px;right:10px}.topic-grid{grid-template-columns:1fr}.slide-stage{padding:12px}.stage-header,.slide-ascii,.slide-body{padding-left:4px;padding-right:4px}.slide-controls{gap:8px}.nav-button{flex:1;min-width:0}.slide-ascii{--ascii-font-size: 9px}.mermaid-overlay{padding:10px}.mermaid-overlay-panel{width:100%;max-height:96vh}.mermaid-overlay-header,.mermaid-overlay-canvas{padding-left:12px;padding-right:12px}.mermaid-overlay-canvas svg{max-height:calc(96vh - 104px)}}