:root{--ivory: #f0eee6;--paper: #faf9f5;--ink: #262624;--ink-soft: #3d3a34;--clay: #d97757;--clay-deep: #c4633f;--muted: #7a776e;--line: #dad5c9;--dark: #262624;--cream-on-dark: #f0eee6;--muted-on-dark: #a8a49a;--serif: "Source Serif 4", Georgia, serif;--sans: "Inter", -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ivory)}body{font-family:var(--sans);color:var(--ink)}#app,.deck-root{height:100%}button{font:inherit;color:inherit;background:none;border:none}.slide{position:absolute;inset:0;display:none;background:var(--ivory);padding:clamp(1.6rem,5vh,3.6rem) clamp(2.5rem,7vw,6.5rem);flex-direction:column}.slide.active{display:flex;z-index:2;animation:slideIn .5s ease both}.slide.leaving{display:flex;z-index:1}.slide.dark{background:var(--dark);color:var(--cream-on-dark)}@keyframes slideIn{0%{opacity:0}}.slide:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.05;mix-blend-mode:multiply}.slide.dark:after{opacity:.09;mix-blend-mode:soft-light}.slide>*{position:relative;z-index:1}.fx{animation:fadeUp .7s cubic-bezier(.22,.9,.3,1) both;animation-delay:var(--d, 0s)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}}.pop{animation:pop .55s cubic-bezier(.3,1.4,.5,1) both;animation-delay:var(--d, 0s)}@keyframes pop{0%{opacity:0;transform:scale(.8)}}.spin{animation:spin 80s linear infinite;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}svg .fx,svg .pop{transform-box:fill-box;transform-origin:center}.leaving .fx,.leaving .pop{animation:none}@keyframes dash{to{stroke-dashoffset:-26}}.flow-line{stroke-dasharray:13 13;animation:dash 1.1s linear infinite}@media(prefers-reduced-motion:reduce){.fx,.pop,.spin,.slide.active,.flow-line{animation:none!important}}.eyebrow{font-family:var(--mono);font-size:clamp(.62rem,1.05vw,.78rem);letter-spacing:.22em;text-transform:uppercase;color:var(--clay);margin-bottom:clamp(.6rem,1.6vh,1.1rem)}h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,6.2vw,4.6rem);line-height:1.06;letter-spacing:-.015em}h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3.5vw,2.6rem);line-height:1.1;letter-spacing:-.01em;margin-bottom:clamp(.9rem,2.4vh,1.6rem)}.sub{font-size:clamp(.95rem,1.5vw,1.15rem);color:var(--muted);line-height:1.55;max-width:40em}.dark .sub{color:var(--muted-on-dark)}em{font-family:var(--serif);font-style:italic}.accent{color:var(--clay)}.icon{width:1.15em;height:1.15em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex:0 0 auto}.spark path{fill:var(--clay)}.title-wrap{margin:auto 0;max-width:58rem}.title-wrap .spark{margin-bottom:clamp(1.4rem,3.5vh,2.2rem)}.byline{margin-top:clamp(2rem,6vh,3.5rem);display:flex;align-items:baseline;gap:1.2rem;font-family:var(--mono);font-size:clamp(.7rem,1.15vw,.85rem);color:var(--muted-on-dark)}.byline b{color:var(--cream-on-dark);font-weight:500}.quote-wrap{margin:auto 0;max-width:60rem}.bigquote{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,4.4vw,3.4rem);line-height:1.22;letter-spacing:-.01em}.bigquote .accent{font-style:italic}.quote-kicker{margin-top:clamp(1.5rem,4vh,2.6rem);font-size:clamp(1rem,1.7vw,1.3rem);color:var(--muted)}.quote-kicker b{color:var(--ink);font-weight:600}.links{margin-top:clamp(2rem,6vh,3.2rem);display:flex;flex-direction:column;gap:.7rem;font-family:var(--mono);font-size:clamp(.72rem,1.2vw,.9rem)}.links span{color:var(--muted-on-dark);display:flex;align-items:center;gap:.6em}.links b{color:var(--cream-on-dark);font-weight:400}.links .icon{color:var(--clay)}.salamat{margin-top:clamp(1.8rem,5vh,2.8rem);font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,2vw,1.5rem);color:var(--clay)}.diagram-area{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.diagram-area svg{width:100%;height:100%;max-height:100%}.footline{font-size:clamp(.85rem,1.35vw,1.05rem);color:var(--muted);padding-top:clamp(.4rem,1.2vh,.8rem)}.footline b{color:var(--ink);font-weight:600}.hud{position:fixed;bottom:1.1rem;right:1.4rem;z-index:10;font-family:var(--mono);font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:1rem;-webkit-user-select:none;user-select:none}.hud .keys{opacity:.55}.progress{position:fixed;bottom:0;left:0;height:3px;z-index:10;background:var(--clay);transition:width .3s ease}.notes{position:fixed;left:1.4rem;bottom:1.1rem;z-index:10;max-width:34rem;background:var(--ink);color:var(--cream-on-dark);border-radius:.8rem;padding:.9rem 1.1rem;font-size:.8rem;line-height:1.55;box-shadow:0 8px 30px #00000040;display:none}.notes.show{display:block}.notes .nt{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--clay);text-transform:uppercase;margin-bottom:.4rem}@media print{html,body{overflow:visible;background:#fff}.slide{display:flex;position:relative;height:100vh;page-break-after:always}.hud,.progress,.notes{display:none!important}.fx,.pop{animation:none!important}}