: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}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}}.name-search-container{position:relative;margin:1rem 0;width:100%;max-width:400px}.name-search-input{width:100%;padding:8px 12px;font-size:1rem;border-radius:4px;border:1px solid #ccc}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.search-results li{padding:10px 15px;cursor:pointer;border-bottom:1px solid #eee;color:#333}.search-results li:last-child{border-bottom:none}.search-results li:hover{background-color:#f0f0f0}.search-results li.no-results{cursor:default;color:#888}.search-results li strong{color:#d2691e}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#333;background-color:#ffdab9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;max-width:720px;margin:0 auto;padding:1rem}.App{text-align:center}.App-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;text-align:left}.App-header h1{font-size:2.5rem;margin:0;font-weight:500;font-family:Tiro Devanagari Sanskrit,serif;color:#d2691e}.App-header h2{font-size:1.2rem;margin:0;font-weight:400;color:#8b4513}.App-footer{margin-top:3rem;font-size:.8rem;color:#8b4513;opacity:.8;display:flex;justify-content:space-between;justify-content:center;padding:0 1rem}.main-content{display:flex;flex-direction:column;gap:1.5rem}.language-selector{display:flex;justify-content:center;gap:1rem}.language-selector button{background-color:#fff8e1;color:#8b4513;border:1px solid #D2691E;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s,background-color .25s;border-radius:8px}.language-selector button.active{background-color:#d2691e;color:#fff;border-color:#d2691e}.verse-selector{display:flex;justify-content:center;align-items:center;gap:.5rem}.verse-selector select{padding:.5em;border-radius:6px;border:1px solid #D2691E;background-color:#fff8e1;color:#8b4513;font-family:inherit;font-size:1em}.verse-container{min-height:300px}.verse-content-wrapper{position:relative;width:100%}.verse-content pre{white-space:pre-wrap;word-wrap:break-word;background-color:#ffffff80;padding:20px;border-radius:8px;text-align:left;font-size:1.1rem;line-height:1.7;margin:0;border:1px solid #D2691E}.verse-counter{opacity:.6;font-size:12px;margin-top:8px}.verse-content .error-message{color:#d2691e;font-weight:500;text-align:center}.telugu-text{font-family:Tenali Ramakrishna,sans-serif;font-size:1.25rem;line-height:1.8}.nav-arrow{flex-shrink:0;background-color:#d2691e80;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:transform .2s ease-in-out,background-color .2s ease-in-out}.nav-arrow:hover:not(:disabled){transform:scale(1.1);background-color:#d2691ecc}.header-nav{text-align:right}.nav-link{background:none;border:none;color:#d2691e;cursor:pointer;text-decoration:underline;font-size:1rem;font-family:inherit;padding:0}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#ffdab9;padding:2rem;border-radius:8px;max-width:500px;width:90%;position:relative;border:1px solid #D2691E;text-align:left;color:#8b4513}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#8b4513}.modal-content a{color:#d2691e}.fixed-navigation{position:fixed;top:5rem;left:0;right:0;display:flex;justify-content:space-between;padding:0 2rem;pointer-events:none;z-index:10}