:root{--bg:#0a0a0a;--bg-elevated:#141414;--bg-surface:#1e1e1e;--fg:#f5f5f5;--fg-muted:#a0a0a0;--fg-subtle:#606060;--accent:#ff6b00;--accent-soft:#ff9a4c;--success:#3ddc84;--danger:#ff4f4f;--border:#2a2a2a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--size-title:4.5rem;--size-heading:3rem;--size-body:1.75rem;--size-small:1rem;--size-code:1.25rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.5}code,pre{font-family:var(--font-mono)}button{font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.slide-root{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.slide-container{flex-direction:column;flex:1;justify-content:flex-start;max-width:100%;padding:6vh 8vw 12vh;display:flex;overflow-y:auto}.slide-container h1,.slide-title{font-size:var(--size-title);letter-spacing:-.02em;margin:0 0 2rem;font-weight:700;line-height:1.1}.slide-container h2{font-size:var(--size-heading);letter-spacing:-.01em;margin:0 0 1.5rem;font-weight:600;line-height:1.2}.slide-container h3{font-size:calc(var(--size-body) * 1.2);margin:1.5rem 0 .75rem;font-weight:600}.slide-container p,.slide-container li{font-size:var(--size-body);margin:0 0 1rem;line-height:1.4}.slide-container ul,.slide-container ol{margin:0 0 1.5rem;padding-left:1.5em}.slide-container strong{color:var(--accent-soft);font-weight:600}.slide-container em{color:var(--fg-muted);font-style:italic}.slide-accent{color:var(--accent)}.slide-muted{color:var(--fg-muted);font-size:var(--size-small)}.slide-footer{color:var(--fg-subtle);pointer-events:none;justify-content:space-between;align-items:center;font-size:.9rem;display:flex;position:absolute;bottom:1.5rem;left:5vw;right:5vw}.slide-footer .section-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem}.slide-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5vh 8vw;display:flex}.slide-error-title{font-size:var(--size-heading);color:var(--danger)}.slide-error-message{font-family:var(--font-mono);font-size:var(--size-small);color:var(--fg-muted);word-break:break-word;max-width:80%}.intermission-root{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.intermission-number{color:var(--accent);letter-spacing:-.05em;font-size:18rem;font-weight:800;line-height:1}.intermission-title{font-size:var(--size-title);color:var(--fg);font-weight:600}.intermission-share{font-size:var(--size-body);color:var(--fg-muted);margin-top:1rem}.code-block{background:var(--bg-surface);border:1px solid var(--border);font-size:var(--size-code);border-radius:.5rem;margin:1rem 0;padding:1.5rem 1.75rem;line-height:1.5;overflow-x:auto}.code-block pre{font-family:var(--font-mono);white-space:pre;margin:0}.code-block .line-highlight{border-left:3px solid var(--accent);background:#ff6b0026;width:100%;margin:0 -.5rem;padding:0 .5rem;display:inline-block}.code-block code{font-family:var(--font-mono);background:0 0}.qr-slide{grid-template-columns:auto 1fr;align-items:center;gap:4rem;display:grid}.qr-slide-qr{background:#fff;border-radius:1rem;justify-content:center;align-items:center;padding:1.5rem;display:flex}.qr-slide-info .display-text{font-family:var(--font-mono);font-size:calc(var(--size-heading) * 1.1);color:var(--accent);margin:0 0 1rem}.qr-slide-info .caption{font-size:var(--size-body);color:var(--fg-muted)}.presenter-root{background:var(--bg);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1rem;height:100vh;padding:1rem;display:grid}.presenter-current,.presenter-next{background:var(--bg-elevated);border:1px solid var(--border);border-radius:.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.presenter-slot-label{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle);border-bottom:1px solid var(--border);background:var(--bg-surface);padding:.5rem 1rem;font-size:.75rem}.presenter-slot-preview{transform-origin:0 0;flex:1;position:relative;overflow:hidden}.presenter-notes{background:var(--bg-elevated);border:1px solid var(--border);white-space:pre-wrap;border-radius:.5rem;grid-column:1/-1;padding:1.5rem;font-size:1.25rem;line-height:1.5;overflow-y:auto}.presenter-status{color:var(--fg-muted);grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 1rem;font-size:1rem;display:flex}.presenter-timer{font-family:var(--font-mono);color:var(--fg);font-size:2rem;font-weight:600}.presenter-progress-bar{background:var(--bg-surface);border-radius:3px;flex:1;height:6px;margin:0 1.5rem;overflow:hidden}.presenter-progress-bar-fill{background:var(--accent);height:100%;transition:width .2s}.bot-commands{flex-direction:column;gap:1rem;display:flex}.bot-commands .command{background:var(--bg-elevated);border:1px solid var(--border);border-radius:.5rem;grid-template-columns:14rem 1fr;gap:2rem;padding:1rem 1.5rem;display:grid}.bot-commands .command-name{font-family:var(--font-mono);color:var(--accent);font-size:var(--size-body)}.bot-commands .command-desc{font-size:var(--size-body);color:var(--fg-muted)}.quote{border-left:4px solid var(--accent);color:var(--fg);margin:1.5rem 0;padding:1rem 0 1rem 2rem;font-size:1.25rem;font-style:italic;line-height:1.4}.quote-author{font-style:normal;font-size:var(--size-small);color:var(--fg-muted);margin-top:.5rem;display:block}.callout{color:var(--accent);margin:1.5rem 0;font-size:1.25rem;line-height:1.5}.slide-container p.callout{font-size:1.25rem}.patterns-page{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.patterns-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;min-height:3.5rem;padding:1rem 2rem;display:flex}.patterns-title{color:var(--accent);letter-spacing:-.01em;font-size:1.5rem;font-weight:700}.patterns-close{z-index:50;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.5rem;line-height:1;transition:color .15s;display:flex;position:fixed;top:1rem;right:1rem}.patterns-close:hover{color:var(--fg)}.patterns-grid{flex:1;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;align-content:start;gap:.75rem;padding:1.5rem 2rem;display:grid;overflow-y:auto}.pattern-tile{background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;transition:border-color .15s;overflow:hidden}.pattern-tile:hover{border-color:var(--accent)}.pattern-tile--expanded{border-color:var(--accent);grid-column:span 3}.pattern-tile-header{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;display:flex}.pattern-tile-title{color:var(--fg);flex:1;font-size:1rem;font-weight:600}.pattern-tile-count{color:var(--accent);font-size:.8rem;font-family:var(--font-mono);background:#ff6b001f;border-radius:.25rem;padding:.1rem .4rem}.pattern-tile-chevron{color:var(--fg-subtle);font-size:.7rem}.pattern-tile-desc{color:var(--fg-muted);margin:0;padding:0 1rem .75rem;font-size:.85rem;line-height:1.4}.pattern-list{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.pattern-item{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.3rem;padding:.75rem 1rem;display:flex}.pattern-item:nth-child(3n){border-right:none}.pattern-item-title{color:var(--fg);font-size:.9rem;font-weight:600}.pattern-item-summary{color:var(--fg-muted);font-size:.8rem;line-height:1.4}.patterns-category-page{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.patterns-category-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:1rem;min-height:3.5rem;padding:1rem 2rem;display:flex}.patterns-back-btn{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-top:.2rem;font-size:1.5rem;transition:color .15s;display:flex}.patterns-back-btn:hover{color:var(--accent)}.patterns-category-meta{flex-direction:column;gap:.25rem;display:flex}.patterns-category-title{color:var(--accent);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700}.patterns-category-desc{color:var(--fg-muted);margin:0;font-size:.95rem}.patterns-category-grid{flex:1;grid-template-columns:repeat(2,1fr);grid-auto-rows:min-content;align-content:start;gap:1rem;padding:1.5rem 2rem;display:grid;overflow-y:auto}.pattern-card{background:var(--bg-elevated);border-radius:.5rem;grid-template-rows:auto auto;grid-template-columns:3rem 1fr;gap:.35rem 1rem;padding:1.25rem 1.5rem;display:grid}.pattern-card-number{color:var(--accent);font-size:1.75rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.03em;grid-row:1/3;padding-top:.15rem;line-height:1}.pattern-card-title{color:var(--fg);font-size:.95rem;font-weight:600;line-height:1.3}.pattern-card-summary{color:var(--fg-muted);font-size:.8rem;line-height:1.4}.patterns-btn{z-index:50;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.1rem;transition:color .15s;display:flex;position:absolute;top:1rem;right:1rem}.patterns-btn:hover,.patterns-btn--active{color:var(--accent)}.links-page{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.links-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.links-title{color:var(--accent);font-size:1.5rem;font-weight:700}.links-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.2rem;transition:color .15s;display:flex}.links-close:hover{color:var(--fg)}.links-content{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:2rem;padding:1.5rem 2rem;display:grid;overflow-y:auto}.links-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);margin:0 0 .75rem;font-size:.7rem;font-weight:700}.links-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.links-item{flex-direction:column;gap:.1rem;display:flex}.links-link{color:var(--fg);font-size:.95rem;text-decoration:none;transition:color .15s}.links-link:hover{color:var(--accent);text-decoration:none}.links-comment{color:var(--fg-subtle);font-size:.8rem}.links-btn{z-index:100;color:silver;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;transition:color .15s;display:flex;position:absolute;top:1rem;right:3.5rem}.links-btn:hover{color:var(--accent)}.github-btn{z-index:100;color:silver;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;text-decoration:none;transition:color .15s;display:flex;position:absolute;top:1rem;right:6rem}.github-btn:hover{color:var(--accent)}.pattern-card{cursor:pointer;border:1px solid #0000;transition:border-color .15s,background .15s}.pattern-card:hover{border-color:var(--accent);background:var(--bg-surface)}.pattern-detail-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pattern-detail-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:.75rem;flex-direction:column;width:92vw;max-width:1100px;max-height:88vh;display:flex;overflow:hidden}.pattern-detail-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.pattern-detail-num{color:var(--accent);font-size:2rem;font-weight:800;font-family:var(--font-mono);letter-spacing:-.03em;line-height:1}.pattern-detail-title{color:var(--fg);letter-spacing:-.01em;flex:1;font-size:1.3rem;font-weight:700}.pattern-detail-nav{align-items:center;gap:.5rem;display:flex}.pattern-detail-nav-btn{border:1px solid var(--border);color:var(--fg-muted);cursor:pointer;background:0 0;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;transition:color .15s,border-color .15s;display:flex}.pattern-detail-nav-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.pattern-detail-nav-btn:disabled{opacity:.3;cursor:default}.pattern-detail-counter{color:var(--fg-subtle);font-size:.85rem;font-family:var(--font-mono);text-align:center;min-width:3rem}.pattern-detail-close{color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:.25rem;font-size:1rem;transition:color .15s;display:flex}.pattern-detail-close:hover{color:var(--fg)}.pattern-detail-body{flex:1;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.pattern-detail-left{border-right:1px solid var(--border);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.pattern-detail-right{justify-content:center;align-items:flex-start;padding:1.5rem;display:flex;overflow-y:auto}.detail-section{flex-direction:column;gap:.4rem;display:flex}.detail-section p{color:var(--fg-muted);margin:0;font-size:.9rem;line-height:1.6}.detail-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);margin:0;font-size:.7rem;font-weight:700}.detail-label--ok{color:var(--success)}.detail-label--fail{color:var(--danger)}.detail-problem .detail-section-label{color:var(--fg-subtle)}.detail-solution .detail-section-label{color:var(--accent)}.detail-quote{border-left:3px solid var(--accent);background:#ff6b000f;border-radius:0 .25rem .25rem 0;margin:0;padding:.75rem 1rem}.detail-quote p{color:var(--fg);margin:0 0 .25rem;font-size:.88rem;font-style:italic;line-height:1.5}.detail-quote cite{color:var(--fg-subtle);font-size:.75rem;font-style:normal}.detail-conditions{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.detail-works ul,.detail-fails ul{flex-direction:column;gap:.25rem;margin:.4rem 0 0;padding-left:1rem;display:flex}.detail-works li,.detail-fails li{color:var(--fg-muted);font-size:.82rem;line-height:1.4}.detail-visual--ascii{font-family:var(--font-mono);color:var(--fg-muted);background:var(--bg-surface);border:1px solid var(--border);white-space:pre;border-radius:.5rem;width:100%;margin:0;padding:1.25rem 1.5rem;font-size:.78rem;line-height:1.6}.pattern-detail-fallback{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.pattern-detail-fallback-summary{color:var(--fg-muted);text-align:center;max-width:600px;margin:0;font-size:1.2rem;line-height:1.6}