@import "https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap";@import "https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";.typewriter-container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 2rem;display:flex}.typewriter-text{color:#eaeaea;opacity:1;text-align:center;word-wrap:break-word;width:100%;max-width:650px;margin:0;font-size:1.2rem;line-height:1.6;transition:opacity 1.2s ease-in-out}.typewriter-text.fade-out{opacity:0}.cursor{opacity:1;margin-left:2px;transition:opacity 1.2s ease-in-out;display:inline-block}.cursor.fade-out{opacity:0}.blinking{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chapter-light-container{background-color:#c5c6c7;flex-direction:column;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex;overflow-x:hidden}.fade-in-chapter{animation:2s ease-in-out forwards fadeIn}.letter-content-mobile{width:100%;max-width:500px}.letra-cursiva-oscura{color:#1a1c23;text-align:justify;-webkit-hyphens:auto;hyphens:auto;font-family:Pinyon Script,Great Vibes,Shelley Allegro Script,cursive;font-size:1.2rem;line-height:1}.letra-cursiva-oscura p{margin-bottom:1.5rem}.blinking-cursor{opacity:1;color:#666;margin-left:2px;font-family:Arial,sans-serif;font-weight:300;animation:1s step-end infinite blink}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.espacio-vacio{height:8vh}.sutil-action-container{justify-content:center;margin-bottom:3rem;display:flex}.fade-in-button{opacity:0;animation:2s ease-in-out forwards fadeIn}.sutil-button-dark{color:#4a5568;opacity:.7;cursor:pointer;letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #0000;padding-bottom:4px;font-family:serif;font-size:.9rem;transition:opacity .4s,letter-spacing .4s}.sutil-button-dark:hover{opacity:1;letter-spacing:3px;border-bottom:1px solid #4a5568}.music-player-wrapper{flex-direction:column;align-items:center;width:100%;max-width:450px;margin:3rem auto;display:flex}.fade-in-soft{animation:.6s ease-in-out forwards fadeInSoft}@keyframes fadeInSoft{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.player-container{background-color:#0000;width:100%;padding:1.5rem 0}.player-info{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.player-cover{object-fit:cover;filter:grayscale(20%);border-radius:8px;width:64px;height:64px;box-shadow:0 4px 12px #0003}.player-text{flex-direction:column;flex-grow:1;gap:.3rem;display:flex}.song-title{color:#e0e0e0;letter-spacing:.5px;margin:0;font-family:serif;font-size:1.1rem;font-weight:500}.song-artist{color:#8a96a3;letter-spacing:1px;text-transform:uppercase;margin:0;font-family:sans-serif;font-size:.85rem}.play-pause-btn{cursor:pointer;color:#e0e0e0;background:0 0;border:1px solid #4a5d73;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .4s;display:flex}.play-pause-btn:hover,.play-pause-btn:focus{background-color:#ffffff0d;outline:none;transform:scale(1.05)}.play-pause-btn svg{width:20px;height:20px;transition:transform .3s}.progress-section{align-items:center;gap:1rem;width:100%;display:flex}.time-text{color:#6a7785;text-align:center;min-width:35px;font-family:monospace;font-size:.75rem}.progress-bar-container{cursor:pointer;flex-grow:1;align-items:center;height:20px;display:flex}.progress-bar-background{background-color:#ffffff1a;border-radius:2px;width:100%;height:3px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:2px;height:100%;transition:width .1s linear}.progress-bar-container:focus-visible .progress-bar-background{outline-offset:4px;outline:2px solid #6a7785}.player-outro{text-align:center;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0;display:flex}.outro-message{color:#e0e0e0;max-width:350px;margin:0;font-family:serif;font-size:1.1rem;font-style:italic;line-height:1.6}.continue-chapter-btn{color:#8a96a3;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #0000;padding-bottom:4px;font-size:.9rem;transition:all .4s}.continue-chapter-btn:hover,.continue-chapter-btn:focus{color:#e0e0e0;letter-spacing:3px;border-bottom:1px solid #e0e0e0;outline:none}.letra-cursiva{letter-spacing:1px;color:#e0e0e0;font-family:Pinyon Script,cursive;font-size:2.2rem;line-height:1.6}body,html{background-color:#000;margin:0;padding:0;transition:background-color 2s ease-in-out}.app-container{background-color:#000;width:100vw;min-height:100vh;animation:2s ease-in-out forwards globalFadeIn}@keyframes globalFadeIn{0%{opacity:0}to{opacity:1}}.fade-in-slow{animation:3s ease-in-out forwards slowFadeIn}@keyframes slowFadeIn{0%{opacity:0}to{opacity:1}}