@import"https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=UnifrakturMaguntia&family=Inter:wght@400;600&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:OpenDyslexic;src:url(https://cdn.jsdelivr.net/npm/opendyslexic@2.1.0-beta1/fonts/OpenDyslexic-Regular.woff) format("woff");font-weight:400;font-style:normal}:root{--bg-color: #1a1a1a;--text-color: #e0e0e0;--highlight-color: rgba(255, 255, 255, .05);--accent-color: #b58900;--button-bg: #1a1a1a;--button-hover: #2a2a2a;--card-bg: #111;--card-border: #333;--reader-font-family: "Merriweather", serif;--reader-font-size: 18px;--reader-line-height: 1.6;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}[data-theme=light]{--bg-color: #f4ecd8;--text-color: #2c2c2c;--highlight-color: rgba(0, 0, 0, .05);--button-bg: #eaddcf;--button-hover: #dccbbd;--card-bg: #eaddcf;--card-border: #dccbbd}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.button-group{display:flex;gap:2rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.big-button{padding:2rem 4rem;font-size:1.5rem;font-weight:700;cursor:pointer;border-radius:8px;border:1px solid transparent;background-color:var(--button-bg);color:var(--text-color);transition:border-color .25s,background-color .25s}.big-button:hover{border-color:#646cff;background-color:var(--button-hover)}.view-container{display:flex;flex-direction:column;align-items:center;padding-top:50px}.back-button{position:absolute;top:20px;left:20px;padding:.5rem 1rem;cursor:pointer}.read-view{width:100%;max-width:800px;margin:0 auto;text-align:left;line-height:var(--reader-line-height);font-family:var(--reader-font-family);padding-bottom:100px}.book-container{display:flex;flex-direction:column;gap:1.5rem}.book-segment{padding:10px 0}.book-segment p{font-size:var(--reader-font-size);color:var(--text-color);line-height:var(--reader-line-height)}.listen-view-immersive{position:relative;width:100%;height:calc(100vh - 100px);overflow:hidden;display:flex;flex-direction:column}.read-along-container{flex-grow:1;overflow-y:auto;padding:0 2rem;scrollbar-width:none;-ms-overflow-style:none;text-align:center}.read-along-container::-webkit-scrollbar{display:none}.spacer-top,.spacer-bottom{height:40vh}.immersive-title{font-family:UnifrakturMaguntia,serif;font-size:3rem;margin-bottom:2rem;color:var(--text-color);opacity:.8}.immersive-segment{padding:1.5rem;margin:1rem auto;max-width:800px;border-radius:8px;transition:all .5s ease;opacity:.4;transform:scale(.95)}.immersive-segment.active{opacity:1;transform:scale(1.05);background-color:var(--highlight-color);box-shadow:0 4px 20px #0000000d}.immersive-segment p{font-family:var(--reader-font-family);font-size:var(--reader-font-size);line-height:var(--reader-line-height);color:var(--text-color)}.bottom-player{position:absolute;bottom:0;left:0;width:100%;background:var(--card-bg);border-top:1px solid var(--card-border);padding:1rem 2rem;display:flex;flex-direction:column;gap:.5rem;z-index:10;box-shadow:0 -4px 20px #0003}.immersive-progress{width:100%;height:4px;appearance:none;background:var(--text-color);opacity:.2;border-radius:2px;cursor:pointer}.immersive-progress::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-color);cursor:pointer}.player-controls-row{display:flex;justify-content:space-between;align-items:center}.immersive-play-btn{background:transparent;border:none;color:var(--text-color);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.immersive-play-btn:hover{opacity:.7}.time-text{font-size:.85rem;font-family:monospace;opacity:.6}