:root{--bg-primary:#1a1a1a;--bg-secondary:#222;--bg-card:#2a2a2a;--text-primary:#e8e6e3;--text-secondary:#a09e9a;--text-muted:#6b6966;--accent:#c4a882;--accent-muted:#8a7a66;--border:#333;--success:#7a8a7a;--highlight:#c4a8821f;--font-sans:"Noto Sans SC", "Noto Sans", "SF Pro Display", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3.5rem;--leading-tight:1.25;--leading-normal:1.6;--leading-relaxed:1.8;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration-slow:.6s;--duration-normal:.4s;--duration-fast:.2s}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.scene{padding:var(--space-2xl);animation:scene-enter var(--duration-slow) var(--ease-out) both;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene--dark{background:var(--bg-primary)}@keyframes scene-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-cover{text-align:center;max-width:800px}.slide-cover__label{font-size:var(--text-sm);color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:var(--space-lg);opacity:0;animation:fade-up .6s var(--ease-out) .2s forwards}.slide-cover__series{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.2em;margin-bottom:var(--space-2xl);opacity:0;animation:fade-up .6s var(--ease-out) .1s forwards}.slide-cover__title{font-size:var(--text-3xl);font-weight:300;line-height:var(--leading-tight);margin-bottom:var(--space-md);opacity:0;animation:fade-up .6s var(--ease-out) .4s forwards}.slide-cover__subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-xl);opacity:0;animation:fade-up .6s var(--ease-out) .6s forwards;font-weight:300}.slide-cover__meta{font-size:var(--text-sm);color:var(--text-muted);opacity:0;animation:fade-up .6s var(--ease-out) .8s forwards}.slide-cover__divider{background:var(--accent-muted);width:60px;height:1px;margin:var(--space-lg) auto;opacity:0;animation:fade-up .6s var(--ease-out) .5s forwards}.slide-content{width:100%;max-width:900px}.slide-content__header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);opacity:0;animation:fade-up var(--duration-normal) var(--ease-out) .2s forwards;display:flex}.slide-content__step-indicator{font-size:var(--text-xs);color:var(--accent);font-family:var(--font-mono);letter-spacing:.1em;white-space:nowrap}.slide-content__divider{background:var(--border);flex:1;height:1px}.slide-content__title{font-size:var(--text-2xl);font-weight:300;line-height:var(--leading-tight);margin-bottom:var(--space-lg);opacity:0;animation:fade-up var(--duration-normal) var(--ease-out) .4s forwards}.slide-content__body{font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);opacity:0;animation:fade-up var(--duration-normal) var(--ease-out) .6s forwards}.slide-content__body p{margin-bottom:var(--space-md)}.code-block{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text-primary);margin:var(--space-md) 0;opacity:0;animation:fade-up var(--duration-fast) var(--ease-out) .8s forwards;border-radius:4px;overflow-x:auto}.highlight-box{background:var(--highlight);border-left:2px solid var(--accent);padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;opacity:0;animation:fade-up var(--duration-normal) var(--ease-out) .8s forwards;border-radius:0 4px 4px 0}.highlight-box__label{font-size:var(--text-xs);color:var(--accent);letter-spacing:.1em;margin-bottom:var(--space-xs)}.highlight-box__text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.slide-list{opacity:0;animation:fade-up var(--duration-normal) var(--ease-out) .7s forwards;list-style:none}.slide-list li{padding-left:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--text-lg);color:var(--text-secondary);line-height:var(--leading-relaxed);position:relative}.slide-list li:before{content:"";background:var(--accent-muted);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.stat-grid{gap:var(--space-md);opacity:0;animation:fade-up var(--duration-normal) var(--ease-out) .7s forwards;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-lg);text-align:center;border-radius:4px}.stat-card__value{font-size:var(--text-3xl);color:var(--accent);font-weight:300;font-family:var(--font-mono);margin-bottom:var(--space-xs)}.stat-card__label{font-size:var(--text-sm);color:var(--text-muted)}.diagram{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-lg);margin:var(--space-md) 0;font-family:var(--font-mono);font-size:var(--text-sm);white-space:pre;color:var(--text-secondary);opacity:0;animation:fade-up var(--duration-normal) var(--ease-out) .8s forwards;border-radius:4px;line-height:1.5;overflow-x:auto}.columns-3{gap:var(--space-md);opacity:0;animation:fade-up var(--duration-normal) var(--ease-out) .7s forwards;grid-template-columns:repeat(3,1fr);display:grid}.column-card{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-lg);text-align:center;border-radius:4px}.column-card__icon{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.column-card__title{font-size:var(--text-base);margin-bottom:var(--space-xs);font-weight:500}.column-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.progress-bar{background:var(--accent);height:2px;transition:width var(--duration-slow) var(--ease-out);z-index:100;position:fixed;bottom:0;left:0}.page-number{bottom:var(--space-lg);right:var(--space-lg);font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.1em;z-index:10;position:fixed}@media (width<=768px){.scene{padding:var(--space-lg)}.slide-cover__title{font-size:var(--text-2xl)}.slide-content__title{font-size:var(--text-xl)}.slide-content__body{font-size:var(--text-base)}.columns-3{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}}