:root,[data-theme=warm]{--highlight-color: #FFD700;--font-size: 36px;--bg-color: #faf8f0;--text-color: #1a1a1a;--panel-bg: #ffffff;--border-color: #e0d8c8;--header-bg: #2c1810;--header-text: #faf8f0;--btn-bg: #3c2415;--btn-hover: #5a3a25;--highlight-alpha: .35;--verse-num-color: #8a7a6a;--word-hover: rgba(0, 0, 0, .05)}[data-theme=light]{--bg-color: #ffffff;--text-color: #000000;--panel-bg: #ffffff;--border-color: #d0d0d0;--header-bg: #f0f0f0;--header-text: #000000;--btn-bg: #e0e0e0;--btn-hover: #c8c8c8;--verse-num-color: #888888;--word-hover: rgba(0, 0, 0, .06)}[data-theme=dark]{--bg-color: #1a1a2e;--text-color: #e8e8e8;--panel-bg: #252540;--border-color: #3a3a5c;--header-bg: #16162a;--header-text: #e8e8e8;--btn-bg: #2a2a4a;--btn-hover: #3a3a5c;--verse-num-color: #8888aa;--word-hover: rgba(255, 255, 255, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Frank Ruhl Libre,serif;background:var(--bg-color);color:var(--text-color);direction:rtl}body{display:flex;flex-direction:column}#app{display:flex;flex-direction:column;height:100vh;width:100%}#header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--header-bg);color:var(--header-text);-webkit-user-select:none;user-select:none}#header h1{font-size:24px;font-weight:700}.icon-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.icon-btn:hover{background:#ffffff26}#header .icon-btn{color:var(--header-text)}#reading-area{flex:1;overflow-y:auto;padding:32px 24px;outline:none}#text-container{line-height:2.2;font-size:var(--font-size)}.verse{margin-bottom:16px}.verse-number{font-size:.5em;color:var(--verse-num-color);vertical-align:super;margin-left:4px;-webkit-user-select:none;user-select:none}.word{display:inline;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .1s;position:relative}.word:has(.syllable){padding:0;position:static}.word:hover{background:var(--word-hover)}.syllable{border-radius:3px;transition:background .1s}.word.highlighted,.syllable.highlighted{background:var(--highlight-color)}.word.highlighted:after{content:"";display:block;position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--highlight-color);border-radius:2px}.word:has(.syllable.highlighted):after{display:none}.divine-name{letter-spacing:.02em}.kamatz-dot{position:relative}.kamatz-dot:after{content:"";display:block;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#4682b4}#nav-footer{display:flex;justify-content:space-between;padding:12px 20px;background:var(--header-bg);-webkit-user-select:none;user-select:none}#nav-footer button{background:var(--btn-bg);color:var(--header-text);border:none;padding:8px 20px;border-radius:6px;font-family:inherit;font-size:16px;cursor:pointer;transition:background .15s}#nav-footer button:hover{background:var(--btn-hover)}.overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.overlay.hidden{display:none}.panel{background:var(--panel-bg);border-radius:12px;width:90%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.panel-header h2{font-size:20px}.panel-header .icon-btn{color:var(--text-color)}.panel-body{padding:16px 20px}#settings-panel .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.setting-group{margin-bottom:0}.setting-group:has(input[type=range]){grid-column:1 / -1}.setting-group>label{display:block;font-size:16px;font-weight:700;margin-bottom:8px}.setting-hint{font-size:13px;color:var(--verse-num-color);margin-top:4px}.toggle-group{display:flex;gap:8px}.toggle-btn{flex:1;padding:8px 16px;border:2px solid var(--border-color);background:transparent;border-radius:8px;font-family:inherit;font-size:16px;cursor:pointer;transition:all .15s}.toggle-btn.active{background:var(--header-bg);color:var(--header-text);border-color:var(--header-bg)}input[type=color]{width:60px;height:36px;border:2px solid var(--border-color);border-radius:6px;cursor:pointer}input[type=range]{width:100%;accent-color:var(--header-bg)}input[type=checkbox]{width:18px;height:18px;margin-left:8px;accent-color:var(--header-bg)}.panel-footer{padding:10px 20px;border-top:1px solid var(--border-color);text-align:center}.github-link{display:inline-flex;align-items:center;gap:6px;color:var(--verse-num-color);text-decoration:none;font-size:13px;transition:color .15s}.github-link:hover{color:var(--text-color)}@media(max-width:500px){#settings-panel .panel-body{grid-template-columns:1fr}}#chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;margin-bottom:16px}.chapter-cell{display:flex;align-items:center;justify-content:center;padding:8px 4px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.chapter-cell:hover{background:var(--header-bg);color:var(--header-text)}.chapter-cell.current{background:var(--highlight-color);border-color:var(--highlight-color);font-weight:700}.action-btn{display:block;width:100%;padding:12px;background:var(--btn-bg);color:var(--header-text);border:none;border-radius:8px;font-family:inherit;font-size:18px;cursor:pointer;transition:background .15s}.action-btn:hover{background:var(--btn-hover)}@media(max-width:600px){#reading-area{padding:20px 16px}#text-container{font-size:calc(var(--font-size) * .8)}#header h1{font-size:20px}#chapter-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}