:root{--spring-bounce:cubic-bezier(.34,1.56,.64,1);--spring-smooth:cubic-bezier(.22,1,.36,1);--spring-snappy:cubic-bezier(.17,.89,.32,1.28);--ease-out-expo:cubic-bezier(.16,1,.3,1)}.wal-animation:where(.astro-ba7k2ujl){width:100%;height:100%;font-family:SF Mono,Fira Code,monospace}.wal-animation:where(.astro-ba7k2ujl)>:where(.astro-ba7k2ujl)[data-step]{opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out-expo)}.wal-animation:where(.astro-ba7k2ujl)>:where(.astro-ba7k2ujl)[data-step].visible{opacity:1;visibility:visible}.memory-box:where(.astro-ba7k2ujl){fill:#a5d8ff;stroke:#1971c2;stroke-width:2px;transition:all .4s var(--spring-smooth)}.memory-box:where(.astro-ba7k2ujl).updated{fill:#b2f2bb;stroke:#2f9e44}.memory-box:where(.astro-ba7k2ujl).crashed{fill:#ffc9c9;stroke:#dc2626;animation:shake .5s var(--spring-bounce)}.memory-box:where(.astro-ba7k2ujl).rebuilding{fill:#b2f2bb;stroke:#2f9e44;animation:fadeInUp .6s var(--spring-smooth)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wal-box:where(.astro-ba7k2ujl){fill:#ffec99;stroke:#f08c00;stroke-width:2px}.wal-box:where(.astro-ba7k2ujl).safe{fill:#b2f2bb;stroke:#2f9e44;animation:safeGlow 1.5s var(--spring-smooth)infinite}@keyframes safeGlow{0%,to{filter:drop-shadow(0 0 4px #2f9e444d)}50%{filter:drop-shadow(0 0 12px #2f9e4499)}}.client-box:where(.astro-ba7k2ujl){fill:#b2f2bb;stroke:#2f9e44;stroke-width:2px}.box-label:where(.astro-ba7k2ujl){fill:rgb(var(--color-text-muted));text-anchor:middle;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.box-label:where(.astro-ba7k2ujl).crashed{fill:#dc2626}.box-label:where(.astro-ba7k2ujl).safe{fill:#2f9e44;font-weight:700}.data-text:where(.astro-ba7k2ujl){fill:rgb(var(--color-text-base));text-anchor:middle;font-size:14px;font-weight:500}.data-text:where(.astro-ba7k2ujl).updated{fill:#2f9e44;animation:popIn .4s var(--spring-bounce)}.data-text:where(.astro-ba7k2ujl).muted{fill:rgb(var(--color-text-muted));opacity:.5}.data-text:where(.astro-ba7k2ujl).restored{animation:slideInLeft .5s var(--spring-smooth)forwards;opacity:0}.data-text:where(.astro-ba7k2ujl).restored.delay1{animation-delay:.3s}.data-text:where(.astro-ba7k2ujl).restored.delay2{animation-delay:.6s}.data-text:where(.astro-ba7k2ujl).strike{fill:rgb(var(--color-text-muted));font-size:12px}@keyframes slideInLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.client-text:where(.astro-ba7k2ujl){fill:rgb(var(--color-text-base));text-anchor:middle;font-size:14px;font-weight:600}.write-cmd:where(.astro-ba7k2ujl){fill:#2f9e44;text-anchor:middle;font-size:11px;font-weight:600}.wal-entry:where(.astro-ba7k2ujl){fill:#fff3bf;stroke:#f08c00;stroke-width:1.5px}.wal-entry:where(.astro-ba7k2ujl).entry-new{animation:entryPop .5s var(--spring-bounce)}.wal-entry:where(.astro-ba7k2ujl).safe{fill:#d3f9d8;stroke:#2f9e44}.wal-entry:where(.astro-ba7k2ujl).replay{animation:replayHighlight 2s var(--spring-smooth)infinite}.wal-entry:where(.astro-ba7k2ujl).replay.r1{animation-delay:0s}.wal-entry:where(.astro-ba7k2ujl).replay.r2{animation-delay:.5s}.wal-entry:where(.astro-ba7k2ujl).replay.r3{animation-delay:1s}@keyframes entryPop{0%{opacity:0;transform:scale(.8)translate(20px)}to{opacity:1;transform:scale(1)translate(0)}}@keyframes replayHighlight{0%,to{fill:#fff3bf}25%{fill:#ffd43b}50%{fill:#fff3bf}}.entry-text:where(.astro-ba7k2ujl){fill:rgb(var(--color-text-base));text-anchor:middle;font-size:12px;font-weight:500}.volatile-badge:where(.astro-ba7k2ujl){fill:#ffc9c9;stroke:#dc2626;stroke-width:1px}.volatile-text:where(.astro-ba7k2ujl){fill:#dc2626;text-anchor:middle;font-size:10px;font-weight:600}.fsync-badge:where(.astro-ba7k2ujl){fill:#d3f9d8;stroke:#2f9e44;stroke-width:1px;animation:badgePop .5s var(--spring-bounce).3s forwards;opacity:0}.fsync-text:where(.astro-ba7k2ujl){fill:#2f9e44;text-anchor:middle;animation:textFade .5s var(--ease-out-expo).3s forwards;opacity:0;font-size:11px;font-weight:600}.durable-badge:where(.astro-ba7k2ujl){fill:#2f9e44;animation:badgePop .5s var(--spring-bounce).5s forwards;opacity:0}.durable-text:where(.astro-ba7k2ujl){fill:#fff;text-anchor:middle;animation:textFade .5s var(--ease-out-expo).5s forwards;opacity:0;font-size:11px;font-weight:600}.consistent-badge:where(.astro-ba7k2ujl){fill:#d3f9d8;stroke:#2f9e44;stroke-width:2px;animation:badgePop .5s var(--spring-bounce)}.consistent-text:where(.astro-ba7k2ujl){fill:#2f9e44;text-anchor:middle;font-size:12px;font-weight:600}.safe-badge:where(.astro-ba7k2ujl){fill:#2f9e44;animation:pulseBadge 1.5s var(--spring-smooth)infinite}.safe-text:where(.astro-ba7k2ujl){fill:#fff;text-anchor:middle;font-size:12px;font-weight:700}.success-badge:where(.astro-ba7k2ujl){fill:#2f9e44;animation:successPop .6s var(--spring-bounce)}.success-text:where(.astro-ba7k2ujl){fill:#fff;text-anchor:middle;font-size:13px;font-weight:700}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes textFade{0%{opacity:0}to{opacity:1}}@keyframes pulseBadge{0%,to{filter:brightness()}50%{filter:brightness(1.2)}}@keyframes successPop{0%{opacity:0;transform:scale(.5)translateY(10px)}50%{transform:scale(1.1)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.write-arrow:where(.astro-ba7k2ujl){stroke:#2f9e44;stroke-width:3px;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200px;animation:drawArrow .8s var(--ease-out-expo)forwards;filter:drop-shadow(0 0 4px #2f9e4466)}.sync-arrow:where(.astro-ba7k2ujl){stroke:#1971c2;stroke-width:3px;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200px;animation:drawArrow .8s var(--ease-out-expo)forwards;filter:drop-shadow(0 0 4px #1971c266)}.replay-arrow:where(.astro-ba7k2ujl){stroke:#f08c00;stroke-width:2px;stroke-linecap:round;stroke-dasharray:8 4;animation:flowDash .8s linear infinite,drawArrow .5s var(--ease-out-expo)forwards;filter:drop-shadow(0 0 4px #f08c0066)}.replay-arrow:where(.astro-ba7k2ujl).r1{animation-delay:0s,0s}.replay-arrow:where(.astro-ba7k2ujl).r2{animation-delay:0s,.3s}.replay-arrow:where(.astro-ba7k2ujl).r3{animation-delay:0s,.6s}@keyframes drawArrow{to{stroke-dashoffset:0}}@keyframes flowDash{to{stroke-dashoffset:-24px}}.arrow-label:where(.astro-ba7k2ujl){text-anchor:middle;animation:labelPop .4s var(--spring-bounce)forwards;font-size:11px;font-weight:600}.arrow-label:where(.astro-ba7k2ujl).green{fill:#2f9e44}.arrow-label:where(.astro-ba7k2ujl).blue{fill:#1971c2}.arrow-label:where(.astro-ba7k2ujl).orange{fill:#f08c00}@keyframes labelPop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.check-text:where(.astro-ba7k2ujl){fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:12px}.check-text:where(.astro-ba7k2ujl).big{font-size:14px}.x-text:where(.astro-ba7k2ujl){fill:#fff;text-anchor:middle;dominant-baseline:middle;font-size:14px}.restored-check:where(.astro-ba7k2ujl){animation:checkPop .5s var(--spring-bounce).8s forwards;opacity:0}@keyframes checkPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.crash-effect:where(.astro-ba7k2ujl){animation:crashFade 2s var(--ease-out-expo)1s forwards;opacity:0}@keyframes crashFade{0%{opacity:0}30%{opacity:1}to{opacity:1}}.memory-lost:where(.astro-ba7k2ujl){fill:#ffc9c9;stroke:#dc2626;stroke-width:3px}.lost-text:where(.astro-ba7k2ujl){fill:#dc2626;text-anchor:middle;font-size:16px;font-weight:700}.crash-bolt:where(.astro-ba7k2ujl){animation:boltFlash .3s var(--spring-bounce)infinite}.crash-bolt:where(.astro-ba7k2ujl).delay{animation-delay:.15s}@keyframes boltFlash{0%,to{opacity:1}50%{opacity:.3}}.crash-shake:where(.astro-ba7k2ujl){animation:shake .5s var(--spring-bounce)infinite}.power-icon:where(.astro-ba7k2ujl){animation:powerPulse 1.5s var(--spring-smooth)infinite}@keyframes powerPulse{0%,to{opacity:1}50%{opacity:.6}}.power-text:where(.astro-ba7k2ujl){text-anchor:middle;dominant-baseline:middle;font-size:14px}.question-text:where(.astro-ba7k2ujl){fill:#dc2626;text-anchor:middle;animation:questionPulse 2s var(--spring-smooth)infinite;font-size:16px;font-weight:600}@keyframes questionPulse{0%,to{opacity:1}50%{opacity:.7}}.status-label:where(.astro-ba7k2ujl){fill:rgb(var(--color-text-muted));text-anchor:middle;animation:statusFade .5s var(--ease-out-expo)forwards;font-size:14px;font-weight:500}@keyframes statusFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.source-label:where(.astro-ba7k2ujl){fill:#1971c2;text-anchor:middle;font-size:10px;font-weight:600}.checkpoint-text:where(.astro-ba7k2ujl){fill:rgb(var(--color-text-muted));text-anchor:middle;font-size:10px;font-style:italic}.dark .memory-box:where(.astro-ba7k2ujl){fill:#1e3a5f;stroke:#3b82f6}.dark .memory-box:where(.astro-ba7k2ujl).updated,.dark .memory-box:where(.astro-ba7k2ujl).rebuilding{fill:#14532d;stroke:#22c55e}.dark .memory-box:where(.astro-ba7k2ujl).crashed{fill:#7f1d1d;stroke:#ef4444}.dark .wal-box:where(.astro-ba7k2ujl){fill:#713f12;stroke:#fbbf24}.dark .wal-box:where(.astro-ba7k2ujl).safe,.dark .client-box:where(.astro-ba7k2ujl){fill:#14532d;stroke:#22c55e}.dark .wal-entry:where(.astro-ba7k2ujl){fill:#854d0e;stroke:#fbbf24}.dark .wal-entry:where(.astro-ba7k2ujl).safe{fill:#166534;stroke:#22c55e}.dark .volatile-badge:where(.astro-ba7k2ujl){fill:#7f1d1d;stroke:#ef4444}@media (prefers-reduced-motion:reduce){:where(.astro-ba7k2ujl),:where(.astro-ba7k2ujl):before,:where(.astro-ba7k2ujl):after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.next-section:where(.astro-4zcqowoc){--tw-border-opacity:1;border-width:1px;border-color:rgba(var(--color-border),var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgba(var(--color-card),var(--tw-bg-opacity,1));border-radius:.75rem;margin-top:2rem;padding:1.5rem}.next-section:where(.astro-4zcqowoc) h2:where(.astro-4zcqowoc){--tw-text-opacity:1;color:rgba(var(--color-accent),var(--tw-text-opacity,1));margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.75rem}.next-section:where(.astro-4zcqowoc) p:where(.astro-4zcqowoc){color:rgba(var(--color-text-base),.7);font-size:.875rem;line-height:1.25rem}