:root{--ink: #101B31;--gold: #C79A3D;--gold-soft: #E4C685;--cream: #FAF6EC;--paper: #101B31;--paper-2: #182642;--paper-3: #20304F;--text: #D7E0EC;--text-soft: #EDE4CE;--text-faint: #6E85A0;--rule: #28395A;--accent: #C9A45C;--focus: #DCC28C;--verse-size: 18px;--header-h: 64px;--telugu-font: 'Noto Serif Telugu', 'Tiro Telugu', serif;--english-font: Merriweather, Georgia, 'Source Serif Pro', serif;--ui-font: 'Source Sans 3', system-ui, sans-serif;--display-font: Fraunces, Georgia, serif;--shadow: rgba(0, 0, 0, 0.35);} html[data-theme="light"]{--paper: #FAF6EC;--paper-2: #FFFFFF;--paper-3: #F1E9D6;--text: #1E2A44;--text-soft: #3C4A66;--text-faint: #7A8398;--rule: #E0D5BC;--accent: #8A6516;--focus: #6B4E0C;--shadow: rgba(16, 27, 49, 0.1);} html[data-telugu-font="sans"]{--telugu-font: 'Noto Sans Telugu', sans-serif;} html[data-reading="1"] .sticky-toolbar .toolbar-controls .search-wrap, html[data-reading="1"] .col-labels, html[data-reading="1"] .cross-ref-placeholder, html[data-reading="1"] .site-header{display: none;} html[data-reading="1"] .sticky-toolbar{top: 0;} *{box-sizing: border-box;} .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;} html, body{margin: 0;padding: 0;max-width: 100%;overflow-x: hidden;} html{scroll-behavior: smooth;} body{background: var(--paper);color: var(--text);font-family: var(--ui-font);min-height: 100vh;line-height: 1.5;} ::selection{background: var(--gold-soft);color: var(--ink);} a{color: inherit;text-decoration: none;} a:hover{text-decoration: underline;} :focus-visible{outline: 2px solid var(--focus);outline-offset: 2px;} .skip-link{position: absolute;left: -999px;top: 0;z-index: 300;background: var(--gold);color: var(--ink);padding: 10px 16px;font-weight: 700;} .skip-link:focus{left: 0;} .site-header{background: var(--ink);color: var(--cream);border-bottom: 3px solid var(--gold);position: sticky;top: 0;z-index: 100;} .header-inner{max-width: 1280px;margin: 0 auto;padding: 10px 20px;display: flex;align-items: center;justify-content: space-between;gap: 16px;} .brand{display: flex;align-items: center;gap: 12px;color: var(--cream);text-decoration: none;} .brand-text{display: flex;flex-direction: column;line-height: 1.2;} .brand-full{font-family: var(--display-font);font-weight: 700;font-size: 1.05rem;} .brand-sub{font-size: 0.72rem;color: var(--gold-soft);text-transform: uppercase;letter-spacing: 0.08em;} .header-nav{display: flex;gap: 16px;} .header-nav a{color: var(--cream);font-weight: 600;font-size: 0.9rem;} .sticky-toolbar{position: sticky;top: var(--header-h);z-index: 90;background: var(--paper-2);border-bottom: 1px solid var(--rule);box-shadow: 0 2px 12px var(--shadow);} .toolbar-inner{max-width: 1280px;margin: 0 auto;padding: 12px 20px;} .book-head{margin-bottom: 10px;} .eyebrow{margin: 0;font-size: 0.65rem;letter-spacing: 0.14em;text-transform: uppercase;color: var(--text-faint);font-weight: 600;} .book-title{margin: 4px 0 0;font-family: var(--display-font);font-size: clamp(1.1rem, 2.5vw, 1.5rem);line-height: 1.25;color: var(--text-soft);} .toolbar-controls{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;} .toolbar-controls select, .toolbar-controls input[type="number"], .toolbar-controls input[type="search"]{font: inherit;background: var(--paper-3);color: var(--text);border: 1px solid var(--rule);border-radius: 6px;padding: 8px 10px;} #bookSelect{min-width: 160px;max-width: 220px;} #chapterSelect{min-width: 70px;} #chapterJump{width: 64px;} .nav-btns{display: flex;gap: 4px;} .nav-btns button, .tool-group button, .verse-actions-bar button, .back-top{font: inherit;background: var(--paper-3);color: var(--text);border: 1px solid var(--rule);border-radius: 6px;padding: 8px 12px;cursor: pointer;} .nav-btns button{font-size: 1.2rem;line-height: 1;padding: 6px 14px;} .nav-btns button:disabled{opacity: 0.35;cursor: not-allowed;} .tool-group{display: flex;gap: 4px;} .search-wrap{position: relative;flex: 1 1 180px;min-width: 140px;} #verseSearch{width: 100%;} .search-results{position: absolute;top: calc(100% + 4px);left: 0;right: 0;background: var(--paper-2);border: 1px solid var(--rule);border-radius: 8px;max-height: 280px;overflow: auto;z-index: 120;box-shadow: 0 8px 24px var(--shadow);} .search-results[hidden]{display: none;} .search-results button{display: block;width: 100%;text-align: left;background: none;border: none;border-bottom: 1px solid var(--rule);color: var(--text);padding: 10px 12px;cursor: pointer;font: inherit;} .search-results button:hover, .search-results button:focus{background: var(--paper-3);} .progress-bar{height: 3px;background: var(--rule);} .progress-bar span{display: block;height: 100%;width: 0;background: var(--accent);transition: width 0.15s linear;} .main-content{max-width: 1280px;margin: 0 auto;padding: 24px 20px 100px;} .col-labels{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;margin-bottom: 12px;padding-bottom: 8px;border-bottom: 2px solid var(--accent);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--text-faint);} .parallel-text{display: flex;flex-direction: column;gap: 0;} .loading-msg{text-align: center;color: var(--text-faint);padding: 48px 0;font-style: italic;} .verse-row{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;align-items: start;padding: 14px 0;border-bottom: 1px solid var(--rule);scroll-margin-top: 180px;} .verse-row:last-child{border-bottom: none;} .verse-row.is-highlight{background: color-mix(in srgb, var(--accent) 12%, transparent);margin: 0 -12px;padding-left: 12px;padding-right: 12px;border-radius: 4px;} .verse-row.is-selected{outline: 2px solid var(--accent);outline-offset: 2px;} .verse-cell{display: flex;gap: 10px;align-items: flex-start;} .v-num{flex: 0 0 auto;font-family: var(--ui-font);font-size: 0.72rem;font-weight: 700;color: var(--accent);min-width: 1.6em;text-align: right;padding-top: 0.35em;user-select: none;} .v-text-te{font-family: var(--telugu-font);font-size: var(--verse-size);line-height: 1.85;color: var(--text);} .v-text-en{font-family: var(--english-font);font-size: var(--verse-size);line-height: 1.75;color: var(--text-soft);} .v-text-en .person{font-variant: small-caps;} .cross-ref-placeholder{margin-top: 32px;padding: 16px;border: 1px dashed var(--rule);border-radius: 8px;text-align: center;} .xref-note{margin: 0;color: var(--text-faint);font-size: 0.85rem;font-style: italic;} .verse-actions-bar{position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);display: flex;gap: 8px;background: var(--paper-2);border: 1px solid var(--rule);border-radius: 999px;padding: 8px 12px;box-shadow: 0 8px 32px var(--shadow);z-index: 80;} .verse-actions-bar[hidden]{display: none;} .back-top{position: fixed;bottom: 24px;right: 24px;width: 44px;height: 44px;border-radius: 50%;font-size: 1.2rem;z-index: 70;box-shadow: 0 4px 16px var(--shadow);} .back-top[hidden]{display: none;} @media (max-width: 768px){.col-labels{display: none;} .verse-row{grid-template-columns: 1fr;gap: 0;padding: 16px 0;} .verse-cell.te-cell{padding-bottom: 6px;} .verse-cell.en-cell{padding-top: 2px;opacity: 0.95;} .verse-cell.en-cell .v-num::after{content: ' EN';font-size: 0.6rem;letter-spacing: 0.05em;} .toolbar-controls{flex-direction: column;align-items: stretch;} #bookSelect, #chapterSelect, #chapterJump, .search-wrap{width: 100%;max-width: none;} .tool-group{justify-content: center;flex-wrap: wrap;}} @media print{.site-header, .sticky-toolbar, .verse-actions-bar, .back-top, .cross-ref-placeholder{display: none !important;} body{background: white;color: black;} .verse-row{break-inside: avoid;}}