body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Georgia,Palatino,serif;overflow:hidden}#root{width:100vw;height:100vh}.visual-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.visual-canvas{display:none}}.timeline{z-index:100;pointer-events:none;opacity:.9;height:60px;padding:16px 24px;position:fixed;top:0;left:0;right:0}.timeline-container{width:100%;max-width:1200px;height:100%;margin:0 auto;position:relative}.timeline-bar{opacity:.6;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline-bar:before,.timeline-bar:after{content:"";opacity:.4;background:inherit;width:24px;height:2px;position:absolute;top:0}.timeline-bar:before{right:100%}.timeline-bar:after{left:100%}.timeline-event{pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%)}.timeline-marker{border:1px solid #ffffff4d;border-radius:50%;width:8px;height:8px;margin:0 auto;transition:all .3s}.timeline-event.current .timeline-marker{border-width:2px;border-color:#fffc;width:12px;height:12px;animation:2s ease-in-out infinite pulse}.timeline-event.past .timeline-marker{opacity:.5}.timeline-event.next .timeline-marker{opacity:.3;border-style:dashed}.timeline-label{text-align:center;white-space:nowrap;color:#ffffffb3;text-shadow:0 1px 2px #000c;pointer-events:none;margin-top:8px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.timeline-name{letter-spacing:.5px;margin-bottom:2px;font-weight:500}.timeline-time{opacity:.6;font-family:Courier New,monospace;font-size:9px;font-weight:400}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@media (max-width:768px){.timeline{height:50px;padding:12px 16px}.timeline-label{font-size:9px}.timeline-name{display:none}.timeline-event:hover .timeline-name,.timeline-event.current .timeline-name{display:block}.timeline-time{font-size:8px}.timeline-marker{width:6px;height:6px}.timeline-event.current .timeline-marker{width:10px;height:10px}}@media (prefers-reduced-motion:reduce){.timeline-marker,.timeline-event{transition:none;animation:none}.timeline-event.current .timeline-marker{animation:none}}.timeline{-webkit-user-select:none;user-select:none}.timeline-event{cursor:default}.timeline-event:hover .timeline-marker{transform:scale(1.3)}.timeline-event.current:hover .timeline-marker{transform:scale(1.5)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Georgia,Palatino,serif;overflow:hidden}.reader{color:#c8c8d0;background:#0a0a0f;width:100vw;height:100vh;transition:background-color 1.2s ease-in-out;position:fixed;top:0;left:0;overflow:hidden}.background-gradient{opacity:.6;background:radial-gradient(#14141ecc 0%,#0a0a0f 50%,#050508 100%);width:200%;height:200%;transition:background 1.2s ease-in-out;animation:60s ease-in-out infinite gradientShift;position:absolute;top:-50%;left:-50%}@keyframes gradientShift{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(-5%,5%)rotate(1deg)}66%{transform:translate(5%,-5%)rotate(-1deg)}}.ghost-layers{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.ghost-layer{text-align:center;white-space:pre-wrap;color:#c8c8d00d;width:80%;max-width:800px;font-size:16px;line-height:1.8;transition:opacity 2s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-container{z-index:10;pointer-events:auto;touch-action:pan-y;-ms-touch-action:pan-y;width:85%;max-width:750px;max-height:75vh;padding:40px;transition:opacity .8s ease-in-out;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.content-container::-webkit-scrollbar{width:4px}.content-container::-webkit-scrollbar-track{background:#c8c8d00d}.content-container::-webkit-scrollbar-thumb{background:#c8c8d033;border-radius:2px}.content-container::-webkit-scrollbar-thumb:hover{background:#c8c8d04d}.content-container.visible{opacity:1}.content-container.fading,.content-container.hidden{opacity:0}.chapter-text{text-align:left;white-space:pre-wrap;letter-spacing:.3px;word-spacing:1px;text-shadow:-1px -1px #000c,1px -1px #000c,-1px 1px #000c,1px 1px #000c,0 -1px #000c,-1px 0 #000c,1px 0 #000c,0 1px #000c;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:18px;line-height:1.9;animation:1.5s ease-in textFadeIn}.content-container::-webkit-scrollbar{pointer-events:auto}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.proceed-button{color:#c8c8d0b3;letter-spacing:1.5px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#c8c8d014;border:1px solid #c8c8d026;border-radius:2px;align-items:center;gap:10px;padding:14px 32px;font-family:Georgia,serif;font-size:14px;transition:all .3s;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.proceed-button:hover:not(.disabled){color:#c8c8d0e6;background:#c8c8d01f;border-color:#c8c8d040;transform:translate(-50%)translateY(-2px)}.proceed-button.disabled{opacity:.3;cursor:not-allowed}.proceed-symbol{opacity:.8;font-size:18px}.proceed-text{text-transform:lowercase;font-style:italic}.final-marker{z-index:100;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.corruption-symbols{color:#c8c8d066;letter-spacing:4px;font-family:monospace;font-size:28px;animation:3s infinite glitchFlicker}@keyframes glitchFlicker{0%,to{opacity:.4;text-shadow:0 0 10px #c8c8d04d}10%,20%,30%,50%,70%,90%{opacity:.2}15%,25%,35%,55%,75%,95%{opacity:.6;text-shadow:0 0 20px #c8c8d080}}.reader.glitching .content-container{animation:5s infinite contentGlitch}@keyframes contentGlitch{0%,to{filter:none}2%,8%,15%,22%,38%,45%,62%,78%,85%,92%{filter:blur(.5px);transform:translate(-50%,-50%)translate(.5px)}4%,10%,18%,25%,40%,48%,65%,80%,88%,95%{filter:blur(.3px);transform:translate(-50%,-50%)translate(-.5px)}}.reader.glitching .background-gradient{animation:60s ease-in-out infinite gradientShift,7s infinite backgroundGlitch}@keyframes backgroundGlitch{0%,to{opacity:.6}10%,30%,50%,70%,90%{opacity:.4}20%,40%,60%,80%{opacity:.7}}@media (max-width:768px){.content-container{width:90%;max-height:70vh;padding:30px 20px}.chapter-text{font-size:16px;line-height:1.8}.proceed-button{padding:12px 24px;font-size:13px;bottom:40px}.final-marker{bottom:40px}}@media (max-width:480px){.content-container{width:92%;padding:25px 15px}.chapter-text{font-size:15px;line-height:1.7}.proceed-button{padding:10px 20px;font-size:12px;bottom:30px}.corruption-symbols{font-size:22px}}.reader-audio-control,.reader-audio-control.audio-control{z-index:200;position:fixed;top:20px;right:20px}.audio-control{flex-direction:column;align-items:flex-end;display:inline-flex;position:relative}.audio-control-toggle{color:#c8c8d0b3;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c8c8d014;border:1px solid #c8c8d026;border-radius:2px;padding:10px 14px;font-size:18px;transition:all .3s}.audio-control-toggle:hover{color:#c8c8d0e6;background:#c8c8d01f;border-color:#c8c8d040}.audio-control-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:201;box-sizing:border-box;background:#0a0a0ff2;border:1px solid #c8c8d026;border-radius:4px;width:200px;min-width:200px;padding:16px;position:absolute;top:calc(100% + 8px);left:auto;right:0;box-shadow:0 4px 12px #0000004d}.reader-audio-control .audio-control-panel,.audio-control.reader-audio-control .audio-control-panel{position:absolute;top:calc(100% + 8px);left:auto;right:0}.audio-mute-button{color:#c8c8d0b3;cursor:pointer;background:#c8c8d014;border:1px solid #c8c8d026;border-radius:2px;width:100%;margin-bottom:12px;padding:8px 12px;font-size:18px;transition:all .3s}.audio-mute-button:hover{background:#c8c8d01f;border-color:#c8c8d040}.audio-volume-label{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.audio-volume-text{color:#c8c8d099;text-transform:uppercase;letter-spacing:1px;font-size:12px}.audio-volume-slider{appearance:none;background:#c8c8d01a;border-radius:2px;outline:none;width:100%;height:4px}.audio-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#c8c8d0b3;border-radius:50%;width:12px;height:12px;transition:background .3s}.audio-volume-slider::-webkit-slider-thumb:hover{background:#c8c8d0e6}.audio-volume-slider::-moz-range-thumb{cursor:pointer;background:#c8c8d0b3;border:none;border-radius:50%;width:12px;height:12px;transition:background .3s}.audio-volume-slider::-moz-range-thumb:hover{background:#c8c8d0e6}.audio-volume-slider:disabled{opacity:.5;cursor:not-allowed}.audio-volume-value{color:#c8c8d080;text-align:right;font-size:11px}.audio-init-button{color:#c8c8d0b3;cursor:pointer;text-transform:lowercase;letter-spacing:.5px;background:#c8c8d014;border:1px solid #c8c8d026;border-radius:2px;width:100%;padding:8px 16px;font-family:Georgia,serif;font-size:12px;transition:all .3s}.audio-init-button:hover{color:#c8c8d0e6;background:#c8c8d01f;border-color:#c8c8d040}@media (max-width:768px){.reader-audio-control{top:15px;right:15px}.audio-control-panel{min-width:180px;padding:12px}}.debug-overlay{color:#0f0;z-index:10000;background:#000000f2;border-top:2px solid #0f0;flex-direction:column;max-height:50vh;font-family:Courier New,monospace;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00ff004d}.debug-overlay.minimized{max-height:auto}.debug-header{background:#000000e6;border-bottom:1px solid #0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.debug-title{align-items:center;gap:12px;font-weight:700;display:flex}.debug-count{color:#888;font-size:10px;font-weight:400}.debug-controls{gap:8px;display:flex}.debug-button{color:#0f0;cursor:pointer;background:0 0;border:1px solid #0f0;border-radius:3px;padding:4px 8px;font-size:14px;transition:background .2s}.debug-button:hover{background:#00ff001a}.debug-button:active{background:#0f03}.debug-content{flex:1;min-height:100px;padding:8px;overflow:hidden auto}.debug-empty{text-align:center;color:#666;padding:20px;font-style:italic}.debug-logs{flex-direction:column;gap:2px;display:flex}.debug-log{word-break:break-word;border-left:2px solid #0000;gap:8px;padding:4px 8px;line-height:1.4;display:flex}.debug-log.log-error{color:#f88;background:#ff00001a;border-left-color:red}.debug-log.log-warn{color:#ff8;background:#ffff001a;border-left-color:#ff0}.debug-log.log-info{color:#8ff;background:#00ffff1a;border-left-color:#0ff}.debug-log.log-log{color:#8f8;border-left-color:#0f0}.debug-timestamp{color:#666;flex-shrink:0;font-size:10px}.debug-level{color:#888;flex-shrink:0;min-width:60px;font-weight:700}.debug-message{white-space:pre-wrap;flex:1}@media (max-width:768px){.debug-overlay{max-height:60vh;font-size:10px}.debug-header{padding:6px 8px}.debug-title{font-size:11px}.debug-count{font-size:9px}.debug-button{padding:3px 6px;font-size:12px}.debug-content{padding:6px}.debug-log{padding:3px 6px;font-size:10px}.debug-timestamp{font-size:9px}.debug-level{min-width:50px;font-size:9px}}