:root{--navy:#11394e;--green:#2e8b57;--bg:#eef3f5;--card:#fff;--text:#18323e;--muted:#68808b;--line:#d8e3e7;--danger:#a62f2f;--malay-size:17px;--primary-size:20px;--extra-size:17px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.topbar{height:76px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:16px;padding:10px 18px;position:sticky;top:0;z-index:30;box-shadow:0 2px 12px #0002}.brand{display:flex;align-items:center;gap:10px;min-width:220px;cursor:pointer}.brand img{width:48px;height:48px;border-radius:50%;background:#fff;object-fit:contain}.brand strong{display:block;font-size:1.17rem}.brand small{display:block;color:#c8d8df;margin-top:2px}.quick-search{display:flex;gap:8px;flex:1;max-width:760px}.quick-search input{width:100%;border:0;border-radius:11px;padding:12px 14px;outline:none}.quick-search button,.top-actions button,.icon-button{border:0;border-radius:10px;padding:11px 14px;background:#174b63;color:#fff;font-weight:750;cursor:pointer}.quick-search button:hover,.top-actions button:hover{background:#20617f}.top-actions{display:flex;gap:7px}.app-shell{height:calc(100vh - 76px);display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden}.sidebar,.app-shell{transition:all .2s ease}body.sidebar-collapsed .app-shell{grid-template-columns:0 minmax(0,1fr)}body.sidebar-collapsed .sidebar{width:0;padding-left:0;padding-right:0;border-right:0;overflow:hidden}.brand img[role="button"]{cursor:pointer;outline-offset:3px}.search-source{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--green);font-weight:850;margin-bottom:5px}.back-button{white-space:nowrap}.sidebar{background:#f8fbfc;border-right:1px solid var(--line);overflow:auto;padding:16px}.viewer{overflow:auto;padding:24px 30px;scroll-behavior:smooth}.side-menu-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin:4px 8px 8px}.side-context{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.side-search{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;margin-bottom:10px;background:var(--card);color:var(--text)}.side-item,.side-subitem{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;text-align:left;padding:10px 11px;border-radius:9px;cursor:pointer;color:var(--text)}.side-item:hover,.side-subitem:hover,.side-item.active,.side-subitem.active{background:#dceee6;color:#155639}.side-folder.active-folder{background:#edf6f1}.side-subtree{margin:2px 0 5px 12px;border-left:2px solid var(--line);padding-left:7px}.side-subitem{padding-left:14px}.testament-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:800;margin:16px 8px 5px}.doc-shell{max-width:1480px;margin:auto}.doc-header{position:sticky;top:0;z-index:8;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:15px;display:flex;justify-content:space-between;gap:12px;align-items:center;box-shadow:0 6px 18px #11394e12}.doc-header h1{margin:0;color:var(--navy);font-size:1.55rem}.doc-meta{color:var(--muted);margin-top:4px}.doc-actions{display:flex;gap:7px}.small-button,.text-button{border:1px solid var(--line);background:#f6f9fa;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:700;color:var(--text)}.text-button{border:0;background:transparent;padding-left:0;color:var(--green)}.quran-head,.quran-row{display:grid}.quran-head.without-extra,.quran-row.without-extra{grid-template-columns:58px minmax(300px,1.15fr) minmax(340px,1.25fr)}.quran-head.with-extra,.quran-row.with-extra{grid-template-columns:58px minmax(260px,1fr) minmax(300px,1.15fr) minmax(260px,1fr)}.bible-head,.bible-row{display:grid}.bible-head.without-extra,.bible-row.without-extra{grid-template-columns:64px minmax(320px,1fr) minmax(320px,1fr)}.bible-head.with-extra,.bible-row.with-extra{grid-template-columns:64px minmax(260px,1fr) minmax(260px,1fr) minmax(260px,1fr)}.quran-head,.bible-head{position:sticky;top:92px;z-index:6;background:var(--navy);color:#fff;border-radius:11px 11px 0 0;font-weight:800}.quran-head>div,.bible-head>div{padding:11px 12px}.quran-row,.bible-row{background:var(--card);border:1px solid var(--line);border-top:0;cursor:default}.quran-row:last-child,.bible-row:last-child{border-radius:0 0 11px 11px}.quran-row>div,.bible-row>div{padding:15px 13px;border-right:1px solid var(--line);min-width:0}.quran-row>div:last-child,.bible-row>div:last-child{border-right:0}.verse-no{font-weight:900;color:var(--green);text-align:center}.malay{font-size:var(--malay-size);line-height:1.7}.arabic{direction:rtl;text-align:right;font-family:"Noto Naskh Arabic","Traditional Arabic",serif;font-size:var(--primary-size);line-height:2.05}.bible-indonesia{font-size:var(--primary-size);line-height:1.7}.extra-reading{font-size:var(--extra-size);line-height:1.7}.verse-action-target{touch-action:pan-y;-webkit-touch-callout:none}.data-warning{padding:14px 16px;border:1px solid #e0b354;background:#fff8df;border-radius:12px;margin:10px 0 16px;color:#493813}.search-results{display:grid;gap:10px}.search-result{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:13px;cursor:pointer}.search-result:hover{border-color:#83b79d}.search-result strong{color:var(--navy)}.search-result p{margin:5px 0 0;line-height:1.5}.modal{position:fixed;inset:0;background:#081c2699;display:grid;place-items:center;z-index:100;padding:20px}.modal.hidden{display:none}.modal-card{width:min(760px,95vw);max-height:88vh;overflow:auto;background:var(--card);border-radius:18px;padding:23px;position:relative}.modal-close{position:absolute;right:14px;top:12px;border:0;background:#edf2f4;border-radius:50%;width:38px;height:38px;font-size:1.5rem;cursor:pointer}.setting-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row select,.setting-row input{min-width:160px}.setting-help{margin:14px 0;padding:12px 14px;border-radius:10px;background:#eef6f1;line-height:1.6}.action-preview{background:#f6f9fa;border:1px solid var(--line);border-radius:12px;padding:13px;line-height:1.6}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.primary-action{border:0;border-radius:10px;padding:11px 14px;background:var(--navy);color:#fff;font-weight:750;cursor:pointer}.primary-action:hover{filter:brightness(1.08)}.action-status{color:var(--green);font-weight:700;min-height:1.2em}.new-bookmark-row{display:grid;grid-template-columns:1fr auto;gap:8px}.new-bookmark-row input,.note-input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text)}.bookmark-choice-list{display:grid;gap:8px;margin:10px 0 15px}.bookmark-choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--card)}.bookmark-page{max-width:1000px;margin:auto}.page-header{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:16px}.page-header h1{margin:6px 0;color:var(--navy)}.page-header p{margin:4px 0;color:var(--muted)}.bookmark-list,.bookmark-verse-list,.notes-list{display:grid;gap:10px}.bookmark-card,.saved-verse,.note-card{display:flex;gap:10px;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px}.bookmark-open,.saved-verse-open{flex:1;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--text)}.bookmark-open strong,.saved-verse-open strong{display:block;color:var(--navy);font-size:1.02rem}.bookmark-open span{display:block;color:var(--muted);margin-top:4px}.saved-verse-open p{margin:7px 0 0;line-height:1.55}.danger-link{border:0;background:transparent;color:var(--danger);cursor:pointer;font-weight:700}.empty-state{background:var(--card);border:1px dashed var(--line);border-radius:16px;padding:30px;text-align:center}.notes-section{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.note-card{display:block}.note-card p{margin:0 0 7px;line-height:1.6}.note-card small{color:var(--muted)}.notes-section .primary-action{margin-top:14px}.backdrop{display:none}.mobile-only{display:none}html[data-theme=dark]{--bg:#0d1d25;--card:#132a35;--text:#eaf2f5;--muted:#a9bbc3;--line:#2d4651}html[data-theme=dark] .sidebar{background:#10232c}html[data-theme=dark] .small-button,html[data-theme=dark] .modal-close,html[data-theme=dark] .action-preview{background:#193744;color:#eaf2f5}html[data-theme=dark] .quick-search input{background:#f5f8fa;color:#10242e}html[data-theme=dark] .setting-help{background:#17382d}html[data-theme=dark] .data-warning{background:#443818;color:#f8e9b8;border-color:#8f7430}@media(max-width:900px){body.sidebar-collapsed .app-shell{grid-template-columns:1fr}body.sidebar-collapsed .sidebar{width:300px;padding:16px;border-right:1px solid var(--line)}.topbar{height:auto;min-height:68px;flex-wrap:wrap;padding:8px 10px}.brand{min-width:0;flex:1}.brand img{width:42px;height:42px}.brand small{display:none}.quick-search{order:3;flex-basis:100%;max-width:none}.top-actions{display:none}.mobile-only{display:block}.app-shell{height:calc(100vh - 126px);grid-template-columns:1fr}.sidebar{position:fixed;left:-315px;top:126px;bottom:0;width:300px;z-index:40;transition:left .2s;box-shadow:4px 0 20px #0003}.sidebar.open{left:0}.backdrop.show{display:block;position:fixed;inset:126px 0 0;background:#0007;z-index:35}.viewer{padding:12px}.doc-header{padding:11px 12px}.doc-header h1{font-size:1.25rem}.quran-head,.bible-head{display:none}.quran-row,.bible-row,.quran-row.with-extra,.quran-row.without-extra,.bible-row.with-extra,.bible-row.without-extra{display:grid;grid-template-columns:44px 1fr;border:1px solid var(--line);border-radius:12px!important;margin-bottom:10px}.quran-row>div,.bible-row>div{grid-column:2;border-right:0;border-bottom:1px solid var(--line);padding:11px}.quran-row .verse-no,.bible-row .verse-no{grid-column:1;grid-row:1 / span 4;border-right:1px solid var(--line);border-bottom:0}.quran-row [data-label]::before,.bible-row [data-label]::before{content:attr(data-label);display:block;font-size:.72rem;font-weight:900;color:var(--green);margin-bottom:4px;direction:ltr;text-align:left}.quran-row>div:last-child,.bible-row>div:last-child{border-bottom:0}.arabic{font-size:var(--primary-size)}html[data-extra-mode="original"] .bible-row .bible-indonesia,html[data-extra-mode="third"] .bible-row .bible-indonesia{display:none}html[data-extra-mode="none"] .bible-row .bible-extra{display:none}.modal{padding:8px}.modal-card{padding:18px 14px}.action-grid{grid-template-columns:1fr}.setting-row{grid-template-columns:1fr}.setting-row select,.setting-row input{width:100%;min-width:0}.new-bookmark-row{grid-template-columns:1fr}.bookmark-card,.saved-verse{align-items:flex-start}.bookmark-open,.saved-verse-open{min-width:0}}

.action-grid.with-audio{grid-template-columns:repeat(4,1fr)}
.quran-row.audio-playing{outline:3px solid #2e8b57;outline-offset:-3px;background:#effaf4}
.audio-panel h2{margin-top:0;color:var(--navy)}.audio-field{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;margin:10px 0}.audio-field select,.audio-inline select{width:100%;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}.audio-inline{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0}.audio-inline label{display:grid;grid-template-columns:auto minmax(86px,1fr);align-items:center;gap:8px;font-weight:700}.audio-speed{margin:13px 0}.audio-speed label{display:flex;justify-content:space-between;font-weight:700}.audio-speed input{width:100%;margin:8px 0 2px}.audio-speed-marks{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted)}.audio-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.audio-note{font-size:.78rem;color:var(--muted);margin-bottom:0}.audio-mini{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:120;width:min(760px,calc(100vw - 24px));display:none;align-items:center;gap:8px;background:var(--navy);color:#fff;border-radius:14px;padding:9px 11px;box-shadow:0 8px 30px #0005}.audio-mini.show{display:flex}.audio-mini button{border:0;border-radius:8px;background:#ffffff22;color:#fff;padding:7px 10px;cursor:pointer}.audio-mini #audioMiniText{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem}.audio-cache-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;padding:11px;margin:8px 0}.audio-cache-row>div{flex:1}.audio-cache-row strong,.audio-cache-row span{display:block}.audio-cache-row span{font-size:.8rem;color:var(--muted);margin-top:3px}.audio-cache-footer{display:flex;gap:10px;justify-content:space-between;margin-top:16px}.danger-button{border:0;border-radius:10px;padding:10px 13px;background:var(--danger);color:#fff;font-weight:750;cursor:pointer}
@media(max-width:900px){.action-grid.with-audio{grid-template-columns:1fr 1fr}.audio-field{grid-template-columns:1fr}.audio-inline{grid-template-columns:1fr 1fr;gap:8px}.audio-inline label{grid-template-columns:1fr;gap:4px;font-size:.82rem}.audio-actions{display:grid;grid-template-columns:1fr 1fr}.audio-actions .small-button{grid-column:1/-1}.audio-mini{bottom:8px}.quran-row.audio-playing{outline-width:2px}}