::view-transition-old(.story-out){animation:.26s ease-in both story-fade-out}::view-transition-new(.story-next){animation:.42s cubic-bezier(.2,.8,.2,1) both story-in-right}::view-transition-new(.story-back){animation:.42s cubic-bezier(.2,.8,.2,1) both story-in-left}::view-transition-new(.story-chapter){animation:.7s cubic-bezier(.16,1,.3,1) both story-scene-in}@keyframes story-fade-out{to{opacity:0}}@keyframes story-fade-in{0%{opacity:0}}@keyframes story-in-right{0%{opacity:0;transform:translate(48px)}}@keyframes story-in-left{0%{opacity:0;transform:translate(-48px)}}@keyframes story-scene-in{0%{opacity:0;filter:blur(6px);transform:scale(1.06)}}.story-title-card{z-index:10;border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-display);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;animation:2.2s ease-in-out both story-card;display:flex;position:absolute;inset:0}.story-title-card-name{color:var(--color-volt);font-size:clamp(2rem,5vw,3.5rem);font-weight:700}@keyframes story-card{0%{opacity:0;transform:scale(.96)}20%,70%{opacity:1;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(1.02)}}.story-pane[data-frame=phone] .story-device{border:10px solid var(--color-ink);background:var(--color-ink);max-width:395px;box-shadow:0 18px 40px color-mix(in srgb, var(--color-ink) 25%, transparent);border-radius:2.25rem;margin-inline:auto;overflow:hidden}.story-pane[data-frame=console] .story-device{border:1px solid color-mix(in srgb, var(--color-text) 25%, transparent);border-top-width:14px;border-top-color:var(--color-night);border-radius:var(--radius-md);box-shadow:0 18px 40px color-mix(in srgb, var(--color-ink) 18%, transparent);overflow:hidden}@media (min-width:80rem){.story-pane{animation:.5s cubic-bezier(.2,.8,.2,1) both story-in-right}.story-pane+.story-pane{animation-delay:.14s}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none}::view-transition-old(.story-out){animation:.2s ease-out both story-fade-out}::view-transition-new(.story-next){animation:.2s ease-out both story-fade-in}::view-transition-new(.story-back){animation:.2s ease-out both story-fade-in}::view-transition-new(.story-chapter){animation:.2s ease-out both story-fade-in}.story-title-card{animation-name:story-card-fade}.story-pane{animation:none}}@keyframes story-card-fade{0%,to{opacity:0;visibility:hidden}20%,70%{opacity:1}}@media not (min-width:80rem){.story-sheet{box-shadow:0 -8px 24px color-mix(in srgb, var(--color-ink) 18%, transparent)}}@media (not (min-width:80rem)) and (prefers-reduced-motion:no-preference){.story-sheet[data-open=true] .story-sheet-part{animation:.22s ease-out both story-sheet-open}.story-sheet-chevron{transition:transform .2s}}@keyframes story-sheet-open{0%{opacity:0;transform:translateY(12px)}}@media print{.story-notes-chapter+.story-notes-chapter{break-before:page}.story-notes-step{break-inside:avoid}}