*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0e0e;--text: #e8e0d0;--text-dim: #8a8070;--accent: #888888;--font-narrative: "EB Garamond", Georgia, "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-dissolve: opacity .6s ease}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:0}.fade-in{animation:fadeIn .6s ease forwards}.fade-out{animation:fadeOut .6s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.narrative-text{font-family:var(--font-narrative);font-size:1.2rem;line-height:1.8;color:var(--text);max-width:680px;margin:0 auto}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:2px}.progress-dots{display:flex;gap:6px;justify-content:center;align-items:center}.progress-dot{width:5px;height:5px;border-radius:50%;background:var(--text-dim);transition:background .3s ease}.progress-dot.active{background:var(--accent)}.progress-dot.completed{background:var(--text-dim);opacity:.6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulsing{animation:pulse 1.5s ease-in-out infinite}