:root{--bg:#fff;--text:#000;--text-h:#000;--accent:#686869;--mono:ui-monospace, Consolas, monospace;--sans:system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{font-size:2.4vmin}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.5;overflow:hidden}.slide{flex-direction:column;align-items:center;height:100svh;padding:4rem;display:flex}.slide-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(70rem,100%);animation:.25s ease-out fade-in;display:flex}.slide-top{text-align:center;width:100%;margin-bottom:2rem}.slide-body{width:100%}.slide-footer{width:100%;color:var(--accent);justify-content:space-between;gap:2rem;padding-top:1.5rem;font-size:.7rem;display:flex}@keyframes fade-in{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:none}}.reveal{opacity:0;transition:opacity .4s ease-out}.reveal.on{opacity:1}.counter{font-family:var(--mono);font-size:.5rem;position:fixed;bottom:.8rem;right:1rem}.diagram{width:100%;max-width:45rem;height:auto}.media{border-radius:.3rem;max-width:100%;max-height:60svh;margin-top:1rem}.slide-content h1{color:var(--text-h);letter-spacing:-.02em;margin:0 0 .2em;font-size:2.4em;font-weight:600}.slide-content h2{color:var(--text-h);margin:0 0 .6em;font-size:1.7em;font-weight:600}.slide-content p{margin:0 0 .7em}.slide-content ul{margin:0 0 .7em;padding-left:1.2em}.slide-content li{margin-bottom:.3em}.slide-content strong{color:var(--text-h)}.slide-content em,.slide-content a{color:var(--accent)}.slide-content code{font-family:var(--mono);background:#ffffff14;border-radius:.15rem;padding:.1em .4em;font-size:.85em}.slide-content blockquote{border-left:.15rem solid var(--accent);opacity:.8;margin:0 0 .7em;padding-left:1em}.content-center{display:"flex";justify-content:"center";gap:"1rem";width:"100%";max-width:"100%";margin:"0 auto";box-sizing:"border-box";overflow:"hidden"}.row-half{flex:"0 1 calc((100% - 1rem) / 2)";width:"calc((100% - 1rem) / 2)";min-width:0;max-width:"calc((100% - 1rem) / 2)"}
