@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Inter:wght@300;400;700;900&display=swap";.lightfall-container{position:relative;width:100%;height:100%;overflow:hidden}.chronicle-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#080808;z-index:1000;overflow-y:auto;scroll-snap-type:y mandatory;color:#fff;font-family:Inter,sans-serif;scrollbar-width:none}.chronicle-container::-webkit-scrollbar{display:none}.chronicle-header{position:fixed;top:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1100;pointer-events:none}.chronicle-header h3{font-family:Playfair Display,serif;font-style:italic;font-weight:700;color:#d4af37;letter-spacing:.1em;pointer-events:auto}.chronicle-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);width:48px;height:48px;border-radius:50%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;pointer-events:auto;transition:all .4s cubic-bezier(.23,1,.32,1)}.chronicle-close:hover{background:#d4af37;color:#000;transform:rotate(90deg)}.chronicle-section{width:100%;height:100vh;scroll-snap-align:start;position:relative;display:flex;align-items:center;overflow:hidden}.section-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;z-index:0;opacity:.6;filter:brightness(.8);transition:transform 1.5s cubic-bezier(.23,1,.32,1)}.chronicle-section:hover .section-bg{transform:scale(1.05)}.section-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#080808f2,#080808cc 40%,#08080866);z-index:1}.section-content{position:relative;z-index:2;max-width:800px;padding:4rem;margin-left:5%}.stop-index{font-family:Playfair Display,serif;font-size:1.2rem;color:#d4af37;display:block;margin-bottom:1rem;opacity:.8}.stop-title{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:900;margin-bottom:2rem;line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.8);position:relative;display:inline-block}.stop-title:after{content:"";position:absolute;left:-20px;right:-40px;top:-10px;bottom:-10px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:-1;border-radius:4px;-webkit-mask-image:linear-gradient(to right,black 70%,transparent);mask-image:linear-gradient(to right,black 70%,transparent)}.audio-controls{display:flex;gap:1rem;margin-bottom:2.5rem}.btn-audio{background:#d4af3733;border:1px solid #D4AF37;color:#d4af37;padding:.6rem 1.2rem;border-radius:30px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:.6rem;cursor:pointer;transition:all .3s ease}.btn-audio:hover{background:#d4af37;color:#000;transform:translateY(-2px)}.btn-audio.playing{background:#fff;color:#000;border-color:#fff;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.language-switcher-container{max-width:calc(100vw - 120px);overflow:hidden;pointer-events:auto}.language-switcher{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;padding-bottom:5px;-webkit-overflow-scrolling:touch}.language-switcher::-webkit-scrollbar{display:none}.lang-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;min-width:36px;height:36px;border-radius:50%;font-size:.65rem;font-weight:800;cursor:pointer;transition:all .3s ease;flex-shrink:0}.lang-btn:hover,.lang-btn.active{background:#d4af37;color:#000;border-color:#d4af37}.chapters-grid{display:flex;flex-direction:column;gap:2.5rem}.chapter{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.23,1,.32,1)}.chronicle-section.active .chapter{opacity:1;transform:translateY(0)}.chronicle-section.active .chapter:nth-child(2){transition-delay:.2s}.chronicle-section.active .chapter:nth-child(3){transition-delay:.4s}.chapter-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.chapter-header h4{font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#fff6}.chapter-icon{width:12px;height:12px;background:#d4af37;border-radius:2px}.chapter-text{font-size:1.15rem;line-height:1.7;color:#ffffffd9;max-width:600px}.chapter-text.italic{font-family:Playfair Display,serif;font-style:italic;font-size:1.4rem;color:#fff;border-left:2px solid #D4AF37;padding-left:1.5rem}.scroll-indicator{position:absolute;bottom:3rem;right:4rem;display:flex;align-items:center;gap:1rem;z-index:10;opacity:.5}.line{width:60px;height:1px;background:#fff}.scroll-indicator span{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em}.progress-vertical{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:1100}.progress-step{width:2px;height:10px;background:#fff3;transition:all .3s ease}.progress-step.active{height:40px;background:#d4af37;box-shadow:0 0 15px #d4af3780}.section-content:hover .stop-title{color:#d4af37;transition:color .3s ease}@media(max-width:900px){.chronicle-header{padding:1rem;background:linear-gradient(to bottom,rgba(8,8,8,.9) 0%,transparent 100%);pointer-events:auto}.chronicle-header h3{font-size:1rem}.language-switcher-container{max-width:100%}.section-overlay{background:linear-gradient(to bottom,#08080899,#080808f2 60%,#080808)}.section-content{padding:1.5rem 1.5rem 6rem;margin-left:0;align-self:flex-end;width:100%}.stop-title{font-size:2.2rem;margin-bottom:1.2rem;line-height:1.1}.chapters-grid{gap:1.5rem}.chapter-text{font-size:.95rem;line-height:1.5}.chapter-text.italic{font-size:1.1rem;padding-left:1rem}.progress-vertical{display:none}.chronicle-close{width:40px;height:40px}}.circular-text{margin:0 auto;border-radius:50%;width:200px;position:relative;height:200px;font-weight:700;font-weight:900;text-align:center;cursor:pointer;transform-origin:50% 50%;-webkit-transform-origin:50% 50%}.circular-text span{position:absolute;display:inline-block;left:0;right:0;top:0;bottom:0;font-size:20px;transition:all .5s cubic-bezier(0,0,0,1)}
