*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#mode-nav{background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:5px 16px;gap:2px;flex-shrink:0}.mode-btn{font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:4px 14px;border-radius:4px;border:none;background:transparent;color:var(--muted);cursor:pointer;text-decoration:none;line-height:1.4}.mode-btn:hover{color:var(--text-secondary);background:#0000000a}.mode-btn.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014,0 0 0 1px var(--border)}:root{--bg: #f2efe8;--surface: #fdfcf9;--border: #e0dbd0;--text: #1c1917;--text-secondary: #57534e;--muted: #a8a29e;--before-color: #b45309;--before-bg: #fef8ee;--before-header: #fde8c0;--after-color: #2563c4;--after-bg: #f0f5fd;--after-header: #d3e3fa;--diff-bg: #faf9f6;--diff-header: #edeae2}html,body{height:100%;overflow:hidden}body{font-family:Georgia,Times New Roman,serif;color:var(--text);display:flex;flex-direction:column;background:var(--bg)}#topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;gap:10px;flex-shrink:0}select{font-family:system-ui,-apple-system,sans-serif;padding:5px 9px;border:1px solid var(--border);border-radius:5px;font-size:13px;background:var(--surface);color:var(--text);cursor:pointer;outline:none}select:focus{border-color:#aaa}#chapter-select{min-width:110px}.nav-arrow{font-family:system-ui,-apple-system,sans-serif;background:transparent;border:1px solid var(--border);border-radius:5px;cursor:pointer;font-size:14px;padding:5px 10px;color:var(--text-secondary);line-height:1}.nav-arrow:hover:not(:disabled){background:var(--bg);border-color:#bbb}.nav-arrow:disabled{opacity:.3;cursor:default}#change-badge{font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:20px;background:var(--before-header);color:var(--before-color);border:1px solid #f5cfa0;white-space:nowrap;display:none}#filter-toggle{font-family:system-ui,-apple-system,sans-serif;background:transparent;border:1px solid var(--border);border-radius:5px;cursor:pointer;font-size:12px;padding:5px 12px;color:var(--text-secondary);font-weight:600;letter-spacing:.02em;white-space:nowrap}#filter-toggle:hover{background:var(--bg);border-color:#bbb}#filter-toggle.active{background:var(--before-header);border-color:var(--before-color);color:var(--before-color)}#reader{flex:1;min-height:0;display:flex;flex-direction:column}#col-headers{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));column-gap:1px;background:var(--border)}.col-header{height:42px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}#col-before-header{background:var(--before-header);border-top:3px solid var(--before-color)}#col-after-header{background:var(--after-header);border-top:3px solid var(--after-color)}#col-diff-header{background:var(--diff-header);border-top:3px solid var(--muted)}.col-label{font-family:system-ui,-apple-system,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}#col-before-header .col-label{color:var(--before-color)}#col-after-header .col-label{color:var(--after-color)}#col-diff-header .col-label{color:var(--muted)}.col-sublabel{font-family:system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.03em}#verses-scroll{flex:1;overflow-y:auto;overflow-x:auto;min-height:0}#verses-scroll::-webkit-scrollbar{width:6px}#verses-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}#verses-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));column-gap:1px;background:var(--border)}.cell-before,.cell-after,.cell-diff{padding:10px 20px;font-size:15px;line-height:1.75;color:var(--text);border-bottom:1px solid rgba(0,0,0,.06)}.cell-before{background:var(--before-bg)}.cell-after{background:var(--after-bg)}.cell-diff{background:var(--diff-bg)}.row-changed .cell-before{border-left:3px solid #f0b840;padding-left:17px}.row-changed .cell-after{border-left:3px solid var(--after-color);padding-left:17px}.row-changed .cell-diff{border-left:3px solid #ccc;padding-left:17px}#verses-grid.filter-changed .row-unchanged{display:none}sup.vnum{font-family:system-ui,-apple-system,sans-serif;font-size:9px;font-weight:800;color:var(--muted);vertical-align:super;line-height:0;margin-right:4px;letter-spacing:.04em;user-select:none}.placeholder{font-family:system-ui,-apple-system,sans-serif;color:var(--muted);font-size:14px;text-align:center;padding:60px 24px;grid-column:1 / -1;background:var(--surface)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:#999;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){#topbar{padding:8px 12px;flex-wrap:wrap;gap:6px;row-gap:6px}#book-select{flex:1 1 auto;min-width:0;font-size:13px}#chapter-select{min-width:80px;flex-shrink:0}#filter-toggle{margin-left:0}}