@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f4f2ed;--surface: #ffffff;--surface2: #f9f7f3;--surface3: #edeae3;--border: #d5d0c6;--text: #1a1a1a;--text2: #666660;--accent: #8b6914;--accent2: #a67c1a;--accent-bg: #fdf6e3;--blue: #2a5a8b;--blue-bg: #eef3fa;--purple: #6a4a8b;--purple-bg: #f3eef8;--red: #a04040}body{font-family:Noto Sans Hebrew,Segoe UI,sans-serif;background:var(--bg);color:var(--text);direction:rtl}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.mobile-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99}@media(max-width:768px){nav{padding:6px 14px!important;font-size:13px!important}}.viewer{height:calc(100vh - 41px);display:flex;flex-direction:column;overflow:hidden}.v-header{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 24px;display:flex;align-items:center;gap:20px;flex-shrink:0}.v-header h1{font-size:24px;font-weight:700;color:var(--accent)}.pipe{color:var(--border);font-size:24px}.search-box{flex:0 0 300px;position:relative}.search-box input{width:100%;padding:10px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:16px;outline:none}.search-box input:focus{border-color:var(--accent)}.header-stats{color:var(--text2);font-size:14px;margin-right:auto}.v-main{flex:1;display:flex;overflow:hidden}.panel-list{width:420px;min-width:320px;background:var(--surface);border-inline-start:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.panel-list-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.chapter-select{flex:1;padding:8px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:15px;cursor:pointer;outline:none}.lesson-list{flex:1;overflow-y:auto;padding:8px}.lesson-list::-webkit-scrollbar{width:6px}.lesson-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.list-section{margin:6px 0}.list-section-title{font-size:15px;font-weight:600;color:var(--accent);padding:10px 14px 6px;position:sticky;top:0;background:var(--surface);z-index:2}.list-section-verse{font-size:13px;color:var(--text2);padding:0 14px 8px}.list-item{padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s;margin:2px 0;border:1px solid transparent}.list-item:hover{background:var(--surface2)}.list-item.active{background:var(--accent-bg);border-color:var(--accent)}.list-item-id{font-size:12px;color:var(--accent);font-weight:600;font-family:Consolas,monospace;margin-bottom:4px}.list-item-title{font-size:17px;font-weight:500;line-height:1.5}.list-item-meta{display:flex;gap:8px;margin-top:6px}.list-badge{font-size:11px;padding:2px 8px;border-radius:6px;font-weight:500}.list-badge.fn{background:var(--blue-bg);color:var(--blue)}.list-badge.en{background:var(--purple-bg);color:var(--purple)}.panel-detail{flex:1;overflow-y:auto;padding:30px 40px;background:var(--bg)}.panel-detail::-webkit-scrollbar{width:8px}.panel-detail::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text2);font-size:22px}.detail-chapter-badge{display:inline-block;background:var(--accent);color:#fff;font-size:14px;font-weight:700;padding:5px 14px;border-radius:6px;margin-bottom:10px}.detail-section-name{font-size:17px;color:var(--text2);margin-bottom:20px}.detail-title{font-size:28px;font-weight:700;line-height:1.5;margin-bottom:20px}.detail-body{font-size:22px;line-height:2;padding:24px 28px;background:var(--surface);border-radius:14px;border:1px solid var(--border);margin-bottom:30px;box-shadow:0 1px 4px #0000000f}.ref-marker{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:12px;font-weight:700;width:22px;height:22px;border-radius:50%;vertical-align:super;margin:0 2px;cursor:pointer;transition:transform .15s}.ref-marker:hover{transform:scale(1.2);background:var(--accent)}.ref-marker.endnote{background:var(--purple)}.sources-header{font-size:19px;font-weight:600;color:var(--blue);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border)}.source-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.source-card:hover{border-color:var(--blue)}.source-card.highlight{border-color:var(--accent);box-shadow:0 0 20px #8b691433}.source-card.supporting{opacity:.9;border-right:4px solid var(--text2)}.source-card-header{padding:16px 20px;background:var(--surface2);display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.source-num{background:var(--blue);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.endnote-card .source-num{background:var(--purple)}.source-card.supporting .source-num{background:var(--text2)}.source-sefer{font-size:20px;font-weight:600}.source-location{font-size:15px;color:var(--text2)}.source-lang-tag{font-size:11px;padding:3px 10px;border-radius:6px;font-weight:600;margin-right:auto}.source-lang-tag.hebrew{background:var(--blue-bg);color:var(--blue)}.source-lang-tag.yiddish{background:#fce8e8;color:var(--red)}.source-at-label{font-size:12px;padding:3px 10px;border-radius:6px;background:var(--surface3);color:var(--text2);font-weight:600}.source-quote{padding:20px 24px;font-size:19px;line-height:2}.endnote-label{font-size:14px;color:var(--purple);font-weight:600}.v-overlay{display:none;position:absolute;inset:0;background:#0000004d;z-index:99}.v-menu-btn{display:none;background:none;border:1px solid var(--border);color:var(--accent);font-size:20px;padding:4px 10px;border-radius:6px;cursor:pointer;line-height:1}@media(max-width:768px){.v-menu-btn{display:block;flex-shrink:0}.v-header{padding:10px 14px;gap:10px;flex-wrap:wrap}.v-header h1{font-size:18px}.pipe{display:none}.search-box{flex:1 1 100%;order:10}.search-box input{font-size:14px;padding:8px 12px}.header-stats{font-size:12px}.v-overlay{display:block}.v-main{position:relative}.panel-list{position:absolute;top:0;right:0;bottom:0;z-index:100;width:85vw;max-width:360px;transform:translate(100%);transition:transform .25s ease;box-shadow:-4px 0 20px #00000026}.panel-list.open{transform:translate(0)}.panel-detail{padding:16px}.detail-title{font-size:22px}.detail-body{font-size:18px;line-height:1.8;padding:16px}.source-quote{padding:14px;font-size:16px;line-height:1.8}.source-sefer{font-size:16px}.source-card-header{padding:12px 14px;gap:8px}.source-num{width:26px;height:26px;font-size:12px}.empty-state{font-size:16px}}@media(max-width:480px){.v-header h1{font-size:16px}.header-stats{display:none}.detail-title{font-size:18px}.detail-body{font-size:16px;padding:12px}.detail-chapter-badge{font-size:12px;padding:4px 10px}.detail-section-name{font-size:14px}}.compare{height:calc(100vh - 41px);display:flex;flex-direction:column;overflow:hidden}.c-header{background:#4a2c1a;color:#f5f0e8;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.c-header h1{font-size:22px}.c-stats{font-size:14px;opacity:.8}.c-controls{background:#fff;padding:12px 24px;border-bottom:2px solid #d4c5a9;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.c-controls select,.c-controls input{padding:8px 12px;border:1px solid #d4c5a9;border-radius:6px;font-size:14px;font-family:inherit}.c-controls button{padding:8px 12px;background:#4a2c1a;color:#fff;cursor:pointer;border:none;border-radius:6px;font-size:14px;font-family:inherit}.c-controls button:hover{background:#6b3d24}.c-main{flex:1;display:flex;overflow:hidden}.c-lesson-list{width:280px;background:#fff;border-left:2px solid #d4c5a9;overflow-y:auto}.c-section-header{padding:8px 14px;background:#f0ebe0;font-size:12px;font-weight:600;color:#4a2c1a;border-bottom:1px solid #d4c5a9;position:sticky;top:0;z-index:1}.c-lesson-item{padding:10px 14px;border-bottom:1px solid #eee;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;transition:background .15s}.c-lesson-item:hover{background:#f5f0e8}.c-lesson-item.active{background:#e8dcc8;border-right:3px solid #4a2c1a}.c-lesson-item.drag-over{background:#d4edda;border-top:2px solid #27ae60}.c-drag-handle{cursor:grab;color:#bbb;font-size:14px;-webkit-user-select:none;user-select:none}.c-drag-handle:active{cursor:grabbing}.c-id{font-weight:700;color:#4a2c1a}.c-title{display:block;margin-top:4px;color:#555;font-size:12px;flex-basis:100%}.badge{display:inline-block;font-size:10px;padding:2px 6px;border-radius:10px;margin-top:4px}.badge.has-versions{background:#d4edda;color:#155724}.badge.empty{background:#f8d7da;color:#721c24}.badge.finalized{background:#cce5ff;color:#004085}.c-content{flex:1;overflow-y:auto;padding:24px}.c-empty{text-align:center;padding:60px;color:#888}.c-action-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.c-action-bar button{padding:8px 16px;background:#4a2c1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit}.c-action-bar button:hover{background:#6b3d24}.c-action-bar button:disabled{opacity:.5;cursor:default}.c-sources-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.c-sources-panel h3{font-size:16px;color:#4a2c1a;margin-bottom:12px}.c-source-item{background:#f9f6f0;border-radius:6px;padding:12px;margin-bottom:10px;border-right:3px solid #d4c5a9}.c-source-item.supporting{border-right-color:#95a5a6}.c-sefer{font-weight:700;color:#4a2c1a;font-size:13px}.c-raw{font-size:13px;line-height:1.6;margin-top:6px}.c-highlight-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#fef3c7;border-radius:6px;margin-bottom:10px;font-size:12px}.c-highlight-bar button{background:none;border:1px solid #d4c5a9;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:11px;font-family:inherit}.source-word-highlight{background:#fef3c7;border-radius:2px;padding:0 2px;cursor:pointer}.source-word-highlight:hover{background:#fde68a}.source-word-highlight.active{background:#f59e0b;color:#fff}.c-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.c-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #00000014}.c-panel h3{font-size:16px;color:#4a2c1a;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #d4c5a9}.c-panel.human{border-top:3px solid #2a6b3d}.c-panel.ai{border-top:3px solid #4a2c1a}.c-panel.ai.negative{border-top:3px solid #c0392b}.c-panel.ai.positive{border-top:3px solid #27ae60}.c-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;margin-top:10px}.c-title-text{font-weight:700;font-size:15px;margin-bottom:12px}.c-body-text{font-size:14px;line-height:1.8}.c-status{margin-top:12px;font-size:11px;color:#888}.version-tabs{display:flex;gap:4px;margin-bottom:12px;flex-wrap:wrap}.version-tab{padding:6px 12px;background:#eee;border-radius:4px 4px 0 0;cursor:pointer;font-size:12px}.version-tab.active{background:#4a2c1a;color:#fff}.version-tab.positive{background:#d4edda}.version-tab.negative{background:#f8d7da}.version-tab.human-tab{border-bottom:2px solid #2a6b3d}.fav-star{color:#f59e0b;margin-left:4px}.version-tab.active .fav-star{color:#fde68a}.c-version-actions{display:flex;gap:6px;margin-bottom:12px}.btn-fav{background:none;border:1px solid #d4c5a9;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:18px;color:#ccc;transition:all .15s}.btn-fav.active{color:#f59e0b;border-color:#f59e0b}.btn-fav:hover{color:#f59e0b}.btn-sm{background:#f5f0e8;border:1px solid #d4c5a9;border-radius:6px;padding:4px 12px;cursor:pointer;font-size:12px;font-family:inherit}.btn-sm:hover{background:#e8dcc8}.c-scores{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.c-score{text-align:center}.c-score-value{font-size:20px;font-weight:700}.c-score-name{font-size:10px;color:#888}.c-scoring-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:12px;padding:12px;background:#f9f6f0;border-radius:6px}.c-score-input{display:flex;flex-direction:column;gap:2px}.c-score-input label{font-size:10px;color:#888}.c-score-input input{width:50px;padding:4px 6px;border:1px solid #d4c5a9;border-radius:4px;font-size:14px;text-align:center}.c-comment{margin-top:12px;padding:10px;background:#eef3fa;border-radius:6px;font-size:13px;cursor:pointer;border-right:3px solid #2a5a8b}.c-comment:hover{background:#dce6f2}.c-comment-form{margin-top:12px}.c-comment-form textarea{width:100%;padding:10px;border:1px solid #d4c5a9;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical}.c-eval-notes{margin-top:12px;font-size:13px;color:#555;background:#f9f6f0;padding:10px;border-radius:6px}.c-edit-input{width:100%;padding:8px;border:1px solid #d4c5a9;border-radius:6px;font-size:14px;font-family:inherit;margin-bottom:8px}.c-edit-textarea{width:100%;padding:8px;border:1px solid #d4c5a9;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:8px}.c-form-actions{display:flex;gap:8px;margin-top:10px}.btn-primary{padding:8px 16px;background:#2a6b3d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit}.btn-primary:hover{background:#1e5530}.btn-primary:disabled{opacity:.5;cursor:default}.c-form-actions button:not(.btn-primary){padding:8px 16px;background:#eee;border:1px solid #d4c5a9;border-radius:6px;cursor:pointer;font-size:13px;font-family:inherit}.c-new-human{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000014;border-top:3px solid #2a6b3d}.c-new-human h3{font-size:16px;color:#2a6b3d;margin-bottom:12px}.c-new-human label{font-size:12px;color:#888;display:block;margin-bottom:4px;margin-top:8px}.c-new-human input,.c-new-human textarea{width:100%;padding:8px;border:1px solid #d4c5a9;border-radius:6px;font-size:14px;font-family:inherit}.c-new-human textarea{resize:vertical}.c-diff-controls{display:flex;gap:8px;align-items:center;margin-bottom:12px;padding:8px 12px;background:#f5f0e8;border-radius:6px;font-size:13px}.c-diff-controls select{padding:4px 8px;border:1px solid #d4c5a9;border-radius:4px;font-size:13px;font-family:inherit}.diff-added{background:#d4edda;color:#155724;padding:1px 2px;border-radius:2px}.diff-removed{background:#f8d7da;color:#721c24;padding:1px 2px;border-radius:2px;text-decoration:line-through}.c-overlay{display:none;position:absolute;inset:0;background:#0000004d;z-index:99}.c-menu-btn{display:none;background:none;border:1px solid rgba(255,255,255,.3);color:#f5f0e8;font-size:20px;padding:4px 10px;border-radius:6px;cursor:pointer;line-height:1}@media(max-width:768px){.c-menu-btn{display:block}.c-header{padding:12px 16px}.c-header h1{font-size:16px}.c-stats{font-size:12px}.c-controls{padding:8px 12px;gap:8px}.c-controls select,.c-controls input{font-size:13px;padding:6px 8px;flex:1;min-width:0}.c-controls input{width:auto!important}.c-controls button{font-size:12px;padding:6px 10px}.c-overlay{display:block}.c-main{position:relative}.c-lesson-list{position:absolute;top:0;right:0;bottom:0;z-index:100;width:85vw;max-width:320px;transform:translate(100%);transition:transform .25s ease;box-shadow:-4px 0 20px #00000026}.c-lesson-list.open{transform:translate(0)}.c-content{padding:14px}.c-empty{padding:30px}.c-action-bar{gap:6px}.c-action-bar button{padding:6px 10px;font-size:12px}.c-comparison{grid-template-columns:1fr;gap:14px}.c-panel{padding:14px}.c-panel h3{font-size:14px}.c-sources-panel{padding:14px}.c-sources-panel h3{font-size:14px}.c-source-item{padding:10px}.c-title-text{font-size:14px}.c-body-text{font-size:13px;line-height:1.7}.version-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.version-tab{flex-shrink:0}.c-version-actions{flex-wrap:wrap}.c-scores{gap:8px}.c-score-value{font-size:16px}.c-scoring-form{gap:8px;padding:10px}.c-new-human{padding:14px}.c-diff-controls{flex-wrap:wrap;font-size:12px}}@media(max-width:480px){.c-header h1{font-size:14px}.c-controls{flex-direction:column;align-items:stretch}.c-action-bar{flex-direction:column}.c-action-bar button{width:100%}.c-form-actions{flex-direction:column}.c-form-actions button,.c-form-actions .btn-primary{width:100%}}