:root{--note-primary:#4FD1C5;--note-secondary:#4299E1;--note-deep:#003399;--note-bg:#ffffff;--note-border:#e2e8f0;--note-text:#2d3748;--note-text-sub:#718096;--note-hover:#f7fafc;--note-shadow:0 1px 3px rgba(0,0,0,0.1);--note-radius:8px}[data-theme="dark"]{--note-bg:#1a202c;--note-border:#4a5568;--note-text:#e2e8f0;--note-text-sub:#a0aec0;--note-hover:#2d3748}.note-editor-modal{background:var(--note-bg);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.note-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--note-border);background:var(--note-bg)}.note-editor-header-left{display:flex;align-items:center;gap:12px}.note-editor-back-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--note-text);border-radius:8px;display:flex;align-items:center;justify-content:center}.note-editor-back-btn:hover{background:var(--note-hover)}.note-editor-type-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:0.85rem;font-weight:500}.note-editor-type-badge.private{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.note-editor-type-badge.open{background:linear-gradient(135deg,#48bb78,#38a169);color:white}.note-editor-type-badge.ahpi{background:linear-gradient(135deg,var(--note-primary),var(--note-secondary),var(--note-deep));color:white}.note-editor-header-right{display:flex;align-items:center;gap:8px}.note-editor-save-status{display:flex;align-items:center;gap:4px;font-size:0.8rem;color:var(--note-text-sub);padding:6px 10px;border-radius:6px}.note-editor-save-status.saved{color:#48bb78}.note-editor-save-status.saving{color:#ed8936}.note-editor-save-status.error{color:#e53e3e}.note-editor-save-status.offline{background:#fef3c7;color:#92400e}.note-editor-more-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--note-text);border-radius:8px;display:flex;align-items:center;justify-content:center}.note-editor-more-btn:hover{background:var(--note-hover)}.note-editor-reference-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--note-hover);border-bottom:1px solid var(--note-border);flex-wrap:wrap}.note-reference-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--note-bg);border:1px solid var(--note-border);border-radius:16px;font-size:0.8rem;color:var(--note-text)}.note-reference-badge .remove-ref{cursor:pointer;color:var(--note-text-sub);margin-left:4px}.note-reference-badge .remove-ref:hover{color:#e53e3e}.note-add-reference-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px dashed var(--note-border);border-radius:16px;font-size:0.8rem;color:var(--note-secondary);cursor:pointer}.note-add-reference-btn:hover{background:var(--note-bg);border-color:var(--note-secondary)}.note-editor-title-input{width:100%;border:none;padding:16px;font-size:1.5rem;font-weight:600;color:var(--note-text);background:transparent;outline:none}.note-editor-title-input::placeholder{color:var(--note-text-sub)}.note-editor-toolbar{display:flex;align-items:center;gap:2px;padding:8px 12px;border-bottom:1px solid var(--note-border);background:var(--note-bg);flex-wrap:wrap}.note-toolbar-group{display:flex;align-items:center;gap:2px;padding:0 8px;border-right:1px solid var(--note-border)}.note-toolbar-group:last-child{border-right:none}.note-toolbar-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--note-text);border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;font-size:14px}.note-toolbar-btn:hover{background:var(--note-hover)}.note-toolbar-btn.active{background:var(--note-secondary);color:white}.note-toolbar-btn .material-icons{font-size:18px}.note-toolbar-dropdown{position:relative}.note-toolbar-dropdown-menu{position:absolute;top:100%;left:0;background:var(--note-bg);border:1px solid var(--note-border);border-radius:var(--note-radius);box-shadow:var(--note-shadow);min-width:150px;z-index:1000;display:none}.note-toolbar-dropdown-menu.show{display:block}.note-toolbar-dropdown-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--note-text);font-size:0.9rem}.note-toolbar-dropdown-item:hover{background:var(--note-hover)}.note-toolbar-dropdown-item .material-icons{font-size:18px;color:var(--note-text-sub)}.note-editor-content{flex:1;overflow-y:auto;padding:0}.note-editor-content .ql-container{border:none;font-size:1rem;font-family:'Noto Sans KR',sans-serif}.note-editor-content .ql-editor{padding:16px;min-height:300px;line-height:1.8}.note-editor-content .ql-editor.ql-blank::before{color:var(--note-text-sub);font-style:normal}.note-editor-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--note-border);background:var(--note-bg)}.note-editor-category-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-category-select{padding:6px 12px;border:1px solid var(--note-border);border-radius:6px;background:var(--note-bg);color:var(--note-text);font-size:0.85rem;cursor:pointer}.note-tags-container{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.note-tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--note-secondary);color:white;border-radius:12px;font-size:0.75rem}.note-tag-chip .remove-tag{cursor:pointer;opacity:0.8}.note-tag-chip .remove-tag:hover{opacity:1}.note-add-tag-btn{padding:4px 8px;background:transparent;border:1px dashed var(--note-border);border-radius:12px;font-size:0.75rem;color:var(--note-text-sub);cursor:pointer}.note-add-tag-btn:hover{border-color:var(--note-secondary);color:var(--note-secondary)}.note-editor-actions{display:flex;align-items:center;gap:8px}.note-editor-delete-btn{padding:8px 16px;background:transparent;border:1px solid #e53e3e;color:#e53e3e;border-radius:6px;cursor:pointer;font-size:0.85rem}.note-editor-delete-btn:hover{background:#fed7d7}.note-more-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--note-bg);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.2);min-width:280px;z-index:10001;display:none}.note-more-menu.show{display:block}.note-more-menu-header{padding:16px;border-bottom:1px solid var(--note-border);font-weight:600;color:var(--note-text)}.note-more-menu-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;color:var(--note-text);border-bottom:1px solid var(--note-border)}.note-more-menu-item:last-child{border-bottom:none}.note-more-menu-item:hover{background:var(--note-hover)}.note-more-menu-item .left{display:flex;align-items:center;gap:12px}.note-more-menu-item .material-icons{font-size:20px;color:var(--note-text-sub)}.note-more-menu-item.danger{color:#e53e3e}.note-more-menu-item.danger .material-icons{color:#e53e3e}.note-toggle-switch{position:relative;width:44px;height:24px;background:var(--note-border);border-radius:12px;cursor:pointer;transition:background 0.2s}.note-toggle-switch.active{background:var(--note-secondary)}.note-toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:transform 0.2s}.note-toggle-switch.active::after{transform:translateX(20px)}.note-info-panel{padding:16px;background:var(--note-hover);border-radius:0 0 12px 12px}.note-info-row{display:flex;justify-content:space-between;padding:8px 0;font-size:0.85rem;color:var(--note-text-sub)}.note-info-row .label{color:var(--note-text)}.note-size-selector{display:flex;gap:8px;padding:16px}.note-size-option{flex:1;padding:12px;text-align:center;border:1px solid var(--note-border);border-radius:8px;cursor:pointer;color:var(--note-text)}.note-size-option:hover,.note-size-option.active{border-color:var(--note-secondary);background:rgba(66,153,225,0.1)}.note-size-option .label{font-size:0.8rem;margin-top:4px;color:var(--note-text-sub)}.note-size-option .preview{font-weight:500}.note-size-option.normal .preview{font-size:14px}.note-size-option.large .preview{font-size:18px}.note-size-option.xlarge .preview{font-size:22px}.note-find-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--note-hover);border-bottom:1px solid var(--note-border)}.note-find-bar input{flex:1;padding:8px 12px;border:1px solid var(--note-border);border-radius:6px;background:var(--note-bg);color:var(--note-text);font-size:0.9rem}.note-find-bar .find-nav{display:flex;align-items:center;gap:4px}.note-find-bar .find-count{font-size:0.8rem;color:var(--note-text-sub);min-width:60px;text-align:center}.note-find-bar button{background:none;border:none;padding:6px;cursor:pointer;color:var(--note-text);border-radius:4px}.note-find-bar button:hover{background:var(--note-border)}.note-list-container{background:var(--note-bg)}.note-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--note-border)}.note-list-sort-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid var(--note-border);border-radius:6px;cursor:pointer;color:var(--note-text);font-size:0.85rem}.note-list-sort-btn:hover{background:var(--note-hover)}.note-list-sort-btn .sort-direction{font-size:12px}.note-list-sort-container{display:flex;align-items:center;gap:4px}.note-list-sort-direction-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:1px solid var(--note-border,#E2E8F0);border-radius:6px;cursor:pointer;font-size:14px;color:var(--note-text);transition:all 0.15s ease}.note-list-sort-direction-btn:hover{background:var(--note-hover,#F7FAFC);border-color:var(--primary-color,#0F52BA)}.note-list-sort-direction-btn:active{transform:scale(0.95)}.note-card{padding:16px;border-bottom:1px solid var(--note-border);cursor:pointer;transition:background 0.2s}.note-card:hover{background:var(--note-hover)}.note-card.ahpi,.note-card-ahpi{position:relative;border-left:none;border:1px solid transparent;background:linear-gradient(135deg,rgba(212,175,55,0.08),rgba(197,160,40,0.06),rgba(184,134,11,0.04));border-radius:12px;margin-bottom:8px;box-shadow:0 2px 8px rgba(212,175,55,0.15);font-family:'Noto Serif KR','Noto Serif',Georgia,serif}.note-card.ahpi::before,.note-card-ahpi::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FFD700,#D4AF37,#B8860B);border-radius:12px 12px 0 0}.note-card.ahpi:hover,.note-card-ahpi:hover{box-shadow:0 4px 16px rgba(212,175,55,0.25);transform:translateY(-1px)}.ahpi-verified-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,#D4AF37,#B8860B);color:white;font-size:11px;font-weight:600;border-radius:12px;font-family:'Noto Sans KR',sans-serif}.ahpi-verified-badge .material-icons{font-size:14px}.note-card.open,.note-card-open{font-family:'Noto Sans KR','Noto Sans',sans-serif}.note-card.open,.note-card-open{border-left:none;border:1px solid var(--note-border);border-radius:12px;margin-bottom:8px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}.note-card.open:hover,.note-card-open:hover{border-color:#48bb78;box-shadow:0 3px 10px rgba(72,187,120,0.12)}.note-card.private{border-left:4px solid #667eea}.note-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.note-card-type{font-size:0.75rem;padding:2px 8px;border-radius:10px;font-weight:500}.note-card-type.ahpi{background:linear-gradient(135deg,var(--note-primary),var(--note-secondary));color:white}.note-card-type.open{background:#c6f6d5;color:#22543d}.note-card-type.private{background:#e9d8fd;color:#553c9a}.note-card-date{font-size:0.75rem;color:var(--note-text-sub)}.note-card-title{font-size:1rem;font-weight:600;color:var(--note-text);margin-bottom:6px;line-height:1.4}.note-card-preview{font-size:0.85rem;color:var(--note-text-sub);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card-refs{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.note-card-ref{font-size:0.7rem;padding:2px 6px;background:var(--note-hover);border-radius:4px;color:var(--note-text-sub)}.note-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.note-card-tag{font-size:0.7rem;padding:2px 6px;background:rgba(66,153,225,0.15);color:var(--note-secondary);border-radius:4px}.note-card-offline-badge{display:inline-flex;align-items:center;gap:4px;font-size:0.7rem;color:#92400e;background:#fef3c7;padding:2px 6px;border-radius:4px;margin-left:8px}@media (max-width:768px){.note-editor-toolbar{padding:6px 8px}.note-toolbar-btn{padding:6px;min-width:28px;min-height:28px}.note-toolbar-group{padding:0 4px}.note-editor-title-input{font-size:1.2rem;padding:12px}.note-more-menu{width:calc(100% - 32px);max-width:320px}}.note-meta-section{padding:8px 15px;border-bottom:1px solid var(--border-color);background:var(--card-bg)}.meta-row{display:flex;align-items:flex-start;gap:10px;padding:6px 0}.meta-row + .meta-row{border-top:1px solid rgba(0,0,0,0.05)}[data-theme="dark"] .meta-row + .meta-row{border-top:1px solid rgba(255,255,255,0.05)}.meta-label{display:flex;align-items:center;gap:4px;min-width:60px;font-size:0.8rem;color:var(--text-secondary);padding-top:6px}.meta-label .material-icons{font-size:16px}.meta-content{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;position:relative}.references-chips{display:flex;flex-wrap:wrap;gap:6px}.reference-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s}.reference-chip.canonical{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.reference-chip.ancient{background:linear-gradient(135deg,var(--note-primary),var(--note-secondary));color:white}.reference-chip:hover{transform:scale(1.02);box-shadow:0 2px 8px rgba(0,0,0,0.15)}.reference-chip .remove-ref{margin-left:2px;opacity:0.7;font-size:14px;cursor:pointer}.reference-chip .remove-ref:hover{opacity:1}.add-reference-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px dashed var(--border-color);border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all 0.2s}.add-reference-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(15,82,186,0.1)}.category-select{padding:6px 30px 6px 10px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-color);font-size:0.85rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23718096' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.category-select:focus{outline:none;border-color:var(--primary-color)}.tags-input-container{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1;padding:4px 8px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);min-height:34px}.tags-input-container:focus-within{border-color:var(--primary-color)}.tags-chips{display:flex;flex-wrap:wrap;gap:4px}.tag-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:12px;font-size:0.8rem;background:rgba(66,153,225,0.15);color:var(--note-secondary)}.tag-chip .remove-tag{font-size:12px;opacity:0.6;cursor:pointer}.tag-chip .remove-tag:hover{opacity:1}.tag-input{flex:1;min-width:100px;border:none;background:transparent;font-size:0.85rem;color:var(--text-color);padding:4px 0}.tag-input:focus{outline:none}.tag-input::placeholder{color:var(--text-secondary);opacity:0.6}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:100;max-height:150px;overflow-y:auto;margin-top:4px}.tag-suggestion-item{padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:0.85rem}.tag-suggestion-item:hover{background:var(--hover-bg)}.tag-suggestion-count{font-size:0.75rem;color:var(--text-secondary)}.reference-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:10100;display:flex;justify-content:center;align-items:center;padding:20px}.reference-picker-content{background:var(--card-bg);border-radius:12px;width:100%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,0.3)}.reference-picker-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),#1565C0);color:white;border-radius:12px 12px 0 0}.reference-picker-header h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:8px}.reference-picker-close{background:rgba(255,255,255,0.2);border:none;color:white;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1.2rem}.reference-picker-body{flex:1;overflow-y:auto;padding:16px}.reference-type-tabs{display:flex;gap:8px;margin-bottom:16px}.ref-type-tab{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer;text-align:center;font-size:0.9rem;transition:all 0.2s}.ref-type-tab.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.ref-type-tab:hover:not(.active){border-color:var(--primary-color)}.ref-selector-row{display:flex;gap:8px;margin-bottom:12px}.ref-selector-row select{flex:1;padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-color);font-size:0.9rem}.range-type-selector{display:flex;gap:8px;margin-bottom:12px}.range-type-btn{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-color);font-size:0.85rem;cursor:pointer;transition:all 0.2s}.range-type-btn.active{background:rgba(15,82,186,0.1);border-color:var(--primary-color);color:var(--primary-color)}.verse-range-inputs{display:flex;align-items:center;gap:8px;margin-bottom:16px}.verse-range-inputs input{width:60px;padding:8px;border:1px solid var(--border-color);border-radius:6px;text-align:center;background:var(--card-bg);color:var(--text-color)}.verse-range-inputs span{color:var(--text-secondary)}.reference-preview{padding:12px;background:rgba(15,82,186,0.05);border-radius:8px;margin-bottom:16px;font-size:0.9rem;color:var(--text-color);text-align:center}.reference-preview.canonical{background:linear-gradient(135deg,rgba(102,126,234,0.1),rgba(118,75,162,0.1))}.reference-preview.ancient{background:linear-gradient(135deg,rgba(79,209,197,0.1),rgba(66,153,225,0.1))}.reference-picker-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.picker-btn{padding:10px 20px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.2s}.picker-btn.secondary{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color)}.picker-btn.primary{background:var(--primary-color);border:1px solid var(--primary-color);color:white}.picker-btn.primary:hover{background:#0d47a1}.panel-quill-editor .ql-editor,#quill-editor .ql-editor,#fullscreen-quill-editor .ql-editor{font-family:'Noto Serif KR','Ezra SIL SR','Gentium Plus','Times New Roman',serif}.panel-quill-editor .ql-editor [lang="he"],.panel-quill-editor .ql-editor .hebrew-text,#quill-editor .ql-editor [lang="he"],#quill-editor .ql-editor .hebrew-text{font-family:'Ezra SIL SR','Times New Roman',serif;direction:rtl;font-size:1.1em}.panel-quill-editor .ql-editor [lang="el"],.panel-quill-editor .ql-editor .greek-text,#quill-editor .ql-editor [lang="el"],#quill-editor .ql-editor .greek-text{font-family:'Gentium Plus','Times New Roman',serif;font-size:1.05em}@media (max-width:768px){.note-meta-section{padding:6px 12px}.meta-row{flex-direction:column;gap:4px}.meta-label{min-width:auto;padding-top:0}.reference-picker-content{max-width:100%;max-height:90vh}.ref-selector-row{flex-direction:column}}.verse-notes-panel{display:flex;flex-direction:column;height:100%;background:var(--note-bg);border-radius:12px;overflow:hidden}.verse-notes-header{padding:16px 20px;border-bottom:1px solid var(--note-border);background:linear-gradient(135deg,rgba(79,209,197,0.08),rgba(66,153,225,0.08))}.verse-notes-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.verse-notes-icon{font-size:1.4rem}.verse-notes-reference{font-size:1.15rem;font-weight:600;color:var(--note-text)}.verse-notes-subtitle{font-size:0.9rem;color:var(--note-text-sub);padding-left:8px;border-left:2px solid var(--note-border)}.verse-notes-filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--note-border);background:var(--note-bg);overflow-x:auto}.verse-notes-filter-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--note-border);border-radius:20px;background:var(--note-bg);color:var(--note-text-sub);font-size:0.85rem;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.verse-notes-filter-tab:hover{background:var(--note-hover);border-color:var(--note-primary)}.verse-notes-filter-tab.active{background:linear-gradient(135deg,var(--note-primary),var(--note-secondary));color:white;border-color:transparent}.verse-notes-filter-tab.filter-ahpi.active{background:linear-gradient(135deg,#4FD1C5,#4299E1,#003399)}.verse-notes-filter-tab.filter-open.active{background:linear-gradient(135deg,#48bb78,#38a169)}.verse-notes-filter-count{background:rgba(255,255,255,0.25);padding:2px 8px;border-radius:10px;font-size:0.75rem;font-weight:600}.verse-notes-filter-tab:not(.active) .verse-notes-filter-count{background:var(--note-hover);color:var(--note-text-sub)}.verse-notes-list{flex:1;overflow-y:auto;padding:16px}.verse-notes-section{margin-bottom:20px}.verse-notes-section:last-child{margin-bottom:0}.verse-notes-section-header{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;padding:8px 12px;margin-bottom:12px;border-radius:8px}.verse-notes-section-header.ahpi-header{background:linear-gradient(135deg,rgba(79,209,197,0.15),rgba(66,153,225,0.15));color:#003399}.verse-notes-section-header.open-header{background:rgba(72,187,120,0.15);color:#276749}[data-theme="dark"] .verse-notes-section-header.ahpi-header{color:#4FD1C5}[data-theme="dark"] .verse-notes-section-header.open-header{color:#48bb78}.verse-note-card{position:relative;padding:16px;margin-bottom:12px;border-radius:16px;cursor:pointer;transition:all 0.25s ease;overflow:hidden}.verse-note-card:last-child{margin-bottom:0}.verse-note-card.ahpi-card{background:linear-gradient(135deg,rgba(79,209,197,0.08),rgba(66,153,225,0.12),rgba(0,51,153,0.08));border:1px solid transparent;border-image:linear-gradient(135deg,#4FD1C5,#4299E1,#003399) 1;border-radius:16px;box-shadow:0 2px 8px rgba(66,153,225,0.15)}.verse-note-card.ahpi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4FD1C5,#4299E1,#003399);border-radius:16px 16px 0 0}.verse-note-card.ahpi-card:hover{box-shadow:0 6px 20px rgba(66,153,225,0.25);transform:translateY(-2px)}.verse-note-card.open-card{background:var(--note-bg);border:1px solid var(--note-border);box-shadow:0 2px 6px rgba(0,0,0,0.06)}.verse-note-card.open-card:hover{border-color:#48bb78;box-shadow:0 4px 12px rgba(72,187,120,0.15);transform:translateY(-1px)}.note-type-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;margin-bottom:10px}.note-type-indicator.ahpi{background:linear-gradient(135deg,#4FD1C5,#4299E1);color:white}.note-type-indicator.open{background:rgba(72,187,120,0.15);color:#276749}[data-theme="dark"] .note-type-indicator.open{background:rgba(72,187,120,0.25);color:#68d391}.note-type-indicator .indicator-icon{font-size:0.75rem}.verse-note-content{margin-bottom:12px}.verse-note-title{font-size:1rem;font-weight:600;color:var(--note-text);margin:0 0 8px 0;line-height:1.4}.verse-note-preview{font-size:0.9rem;color:var(--note-text-sub);line-height:1.6;margin:0}.verse-note-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;color:var(--note-text-sub);padding-top:10px;border-top:1px solid var(--note-border)}.verse-note-author{font-weight:500}.verse-note-date{opacity:0.8}.verse-notes-empty,.verse-notes-placeholder,.verse-notes-loading,.verse-notes-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--note-text-sub)}.verse-notes-empty-icon,.verse-notes-placeholder-icon,.verse-notes-error-icon{font-size:3rem;margin-bottom:16px;opacity:0.6}.verse-notes-empty-text,.verse-notes-placeholder-text,.verse-notes-error-text{font-size:0.95rem;max-width:280px;line-height:1.5}.verse-notes-loading .spinner{width:32px;height:32px;border:3px solid var(--note-border);border-top-color:var(--note-primary);border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.verse-notes-modal-content{width:90%;max-width:600px;max-height:80vh;background:var(--note-bg);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.verse-notes-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--note-border);background:linear-gradient(135deg,rgba(79,209,197,0.1),rgba(66,153,225,0.1))}.verse-notes-modal-content .modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--note-text)}.verse-notes-container-modal{flex:1;overflow-y:auto;min-height:300px}@media (max-width:600px){.verse-notes-header{padding:12px 14px}.verse-notes-reference{font-size:1rem}.verse-notes-filters{padding:10px 12px;gap:6px}.verse-notes-filter-tab{padding:6px 10px;font-size:0.8rem}.verse-notes-list{padding:12px}.verse-note-card{padding:14px}}.tiptap-editor-content ul[data-type="taskList"]{list-style:none;padding-left:0;margin:0.5em 0}.tiptap-editor-content ul[data-type="taskList"] li{display:flex;align-items:flex-start;gap:8px;padding:4px 0;list-style:none!important}.tiptap-editor-content ul[data-type="taskList"] li::before,.tiptap-editor-content ul[data-type="taskList"] li::marker{content:none!important;display:none!important}.tiptap-editor-content ul[data-type="taskList"] li>label{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px}.tiptap-editor-content ul[data-type="taskList"] li>label input[type="checkbox"]{width:18px;height:18px;accent-color:var(--note-primary);cursor:pointer;border-radius:4px}.tiptap-editor-content ul[data-type="taskList"] li[data-checked="true"]>div{text-decoration:line-through;color:var(--note-text-sub)}.tiptap-editor-content ul[data-type="taskList"] li>div{flex:1}.note-more-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:10000;display:none}.note-more-menu-backdrop.show{display:block}.note-more-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--note-bg);border-radius:16px;box-shadow:0 10px 50px rgba(0,0,0,0.25);min-width:320px;max-width:90vw;max-height:85vh;overflow-y:auto;z-index:10001}.note-more-menu-section{border-bottom:1px solid var(--note-border)}.note-more-menu-section:last-child{border-bottom:none}.note-more-menu-section-title{padding:12px 16px 6px;font-size:0.75rem;font-weight:600;color:var(--note-text-sub);text-transform:uppercase;letter-spacing:0.5px}.note-more-menu-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;color:var(--note-text);transition:background 0.15s}.note-more-menu-item:hover{background:var(--note-hover)}.note-more-menu-item .left{display:flex;align-items:center;gap:12px}.note-more-menu-item .material-icons{font-size:20px;color:var(--note-text-sub)}.note-more-menu-item .item-label{font-size:0.95rem}.note-more-menu-item .item-desc{font-size:0.75rem;color:var(--note-text-sub);margin-top:2px}.note-more-menu-item.danger{color:#e53e3e}.note-more-menu-item.danger .material-icons{color:#e53e3e}.note-size-options{display:flex;gap:8px;padding:8px 16px 16px}.note-size-option{flex:1;padding:12px 8px;text-align:center;border:2px solid var(--note-border);border-radius:12px;cursor:pointer;background:var(--note-bg);transition:all 0.2s}.note-size-option:hover{border-color:var(--note-secondary)}.note-size-option.active{border-color:var(--note-primary);background:linear-gradient(135deg,rgba(79,209,197,0.1),rgba(66,153,225,0.1))}.note-size-option .size-preview{font-weight:500;margin-bottom:4px;color:var(--note-text)}.note-size-option .size-label{font-size:0.7rem;color:var(--note-text-sub)}.note-size-option.normal .size-preview{font-size:14px}.note-size-option.large .size-preview{font-size:18px}.note-size-option.xlarge .size-preview{font-size:22px}.note-info-section{padding:16px;background:var(--note-hover)}.note-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note-info-item{display:flex;flex-direction:column;gap:2px}.note-info-item .info-label{font-size:0.7rem;color:var(--note-text-sub);text-transform:uppercase}.note-info-item .info-value{font-size:0.85rem;color:var(--note-text);font-weight:500}.note-editor-toolbar{display:flex;align-items:center;gap:2px;padding:8px 12px;border-bottom:1px solid var(--note-border);background:var(--note-bg);flex-wrap:wrap;position:sticky;top:0;z-index:100}.note-toolbar-divider{width:1px;height:24px;background:var(--note-border);margin:0 6px}.note-toolbar-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--note-text);border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;transition:all 0.15s}.note-toolbar-btn:hover{background:var(--note-hover);color:var(--note-secondary)}.note-toolbar-btn.active{background:linear-gradient(135deg,var(--note-primary),var(--note-secondary));color:white}.note-toolbar-btn .material-icons{font-size:18px}@media (max-width:600px){.note-more-menu{min-width:280px;border-radius:12px}.note-size-options{flex-direction:column}.note-info-grid{grid-template-columns:1fr}}.tiptap-editor-content.text-normal{font-size:1rem}.tiptap-editor-content.text-large{font-size:1.2rem}.tiptap-editor-content.text-xlarge{font-size:1.4rem}.note-find-bar-container{padding:0}.note-find-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--note-hover);border-bottom:1px solid var(--note-border)}.note-find-input{flex:1;padding:8px 12px;border:1px solid var(--note-border);border-radius:6px;background:var(--note-bg);color:var(--note-text);font-size:0.9rem;min-width:150px}.note-find-input:focus{outline:none;border-color:var(--note-primary)}.find-nav{display:flex;align-items:center;gap:2px}.find-count{font-size:0.8rem;color:var(--note-text-sub);min-width:40px;text-align:center}.note-more-menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--note-border);font-weight:600;color:var(--note-text)}.note-more-close-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--note-text-sub);border-radius:4px;display:flex;align-items:center;justify-content:center}.note-more-close-btn:hover{background:var(--note-hover);color:var(--note-text)}.verse-notes-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--note-border);gap:12px;flex-wrap:wrap}.verse-notes-filters{display:flex;gap:6px;flex-wrap:wrap}.verse-notes-filter-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--note-border);border-radius:20px;background:var(--note-bg);color:var(--note-text-sub);font-size:0.8rem;cursor:pointer;transition:all 0.2s}.verse-notes-filter-tab:hover{border-color:var(--note-secondary);color:var(--note-secondary)}.verse-notes-filter-tab.active{background:linear-gradient(135deg,var(--note-primary),var(--note-secondary));border-color:transparent;color:white}.verse-notes-filter-tab.filter-ahpi.active{background:linear-gradient(135deg,var(--note-primary),var(--note-secondary),var(--note-deep))}.verse-notes-filter-tab.filter-private.active{background:linear-gradient(135deg,#667eea,#764ba2)}.verse-notes-filter-count{padding:2px 6px;border-radius:10px;background:rgba(255,255,255,0.2);font-size:0.7rem;font-weight:600}.verse-notes-filter-tab:not(.active) .verse-notes-filter-count{background:var(--note-hover)}.verse-notes-sort-control{position:relative}.verse-notes-sort-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--note-border);border-radius:6px;background:var(--note-bg);color:var(--note-text);font-size:0.8rem;cursor:pointer;transition:all 0.2s}.verse-notes-sort-btn:hover{border-color:var(--note-secondary)}.verse-notes-sort-btn .material-icons{font-size:16px}.verse-notes-sort-btn .sort-arrow{color:var(--note-text-sub)}.verse-notes-sort-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--note-bg);border:1px solid var(--note-border);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);min-width:180px;z-index:1000;overflow:hidden}.sort-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:0.85rem;color:var(--note-text);transition:background 0.15s}.sort-option:hover{background:var(--note-hover)}.sort-option.active{background:linear-gradient(135deg,rgba(79,209,197,0.1),rgba(66,153,225,0.1));color:var(--note-secondary)}.sort-option .material-icons{font-size:18px;color:var(--note-text-sub)}.sort-option .check{margin-left:auto;color:var(--note-primary)}.verse-note-card{background:var(--note-bg);border:1px solid var(--note-border);border-radius:12px;padding:16px;margin-bottom:12px;cursor:pointer;transition:all 0.2s;position:relative;overflow:hidden}.verse-note-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1);transform:translateY(-2px)}.verse-note-card.ahpi-card{border-left:4px solid transparent;border-image:linear-gradient(135deg,var(--note-primary),var(--note-secondary),var(--note-deep)) 1}.verse-note-card.open-card{border-left:4px solid #48bb78}.verse-note-card.private-card{border-left:4px solid #667eea}.note-type-indicator{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:0.7rem;font-weight:500;margin-bottom:10px}.note-type-indicator.ahpi{background:linear-gradient(135deg,rgba(79,209,197,0.15),rgba(66,153,225,0.15));color:var(--note-deep)}.note-type-indicator.open{background:rgba(72,187,120,0.15);color:#276749}.note-type-indicator.private{background:rgba(102,126,234,0.15);color:#5a67d8}.verse-note-title{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--note-text);line-height:1.4}.verse-note-preview{margin:0 0 10px;font-size:0.85rem;color:var(--note-text-sub);line-height:1.6}.verse-note-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.verse-note-tag{padding:2px 8px;background:var(--note-hover);border-radius:10px;font-size:0.7rem;color:var(--note-secondary)}.verse-note-meta{display:flex;align-items:center;gap:10px;font-size:0.75rem;color:var(--note-text-sub)}.verse-note-category{padding:2px 8px;background:var(--note-hover);border-radius:4px;font-weight:500}.verse-note-author::before{content:'•';margin-right:10px}.verse-note-author:first-child::before{display:none}[data-theme="dark"] .verse-note-card.ahpi-card{border-image:linear-gradient(135deg,var(--note-primary),var(--note-secondary)) 1}[data-theme="dark"] .note-type-indicator.ahpi{color:var(--note-primary)}[data-theme="dark"] .note-type-indicator.open{color:#68d391}[data-theme="dark"] .note-type-indicator.private{color:#a3bffa}@media (max-width:600px){.verse-notes-toolbar{flex-direction:column;align-items:stretch}.verse-notes-sort-btn .sort-label{display:none}}