:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f5f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}.confirm-modal h2{margin:0 0 1rem;font-size:1.25rem}.confirm-modal-message{color:#4b5563;margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.confirm-modal-actions{display:flex;gap:1rem;justify-content:flex-end}.confirm-modal-confirm-danger{background:#b91c1c!important}.confirm-modal-confirm-danger:hover{background:#991b1b!important}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;line-height:1;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#f0f0f0}.modal-content h2{margin:0 0 .5rem;font-size:1.5rem}.modal-subtitle{color:#4b5563;margin:0 0 1.5rem;font-size:.9rem}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7;padding:2rem;color:#141414}.panel{width:min(680px,100%);background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #00000014}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.subtitle{color:#4b5563;margin-top:.25rem}.stack{display:grid;gap:1rem;margin:1.5rem 0}.field{display:grid;gap:.5rem;font-weight:600}input{padding:.75rem .9rem;border-radius:10px;border:1px solid #d1d5db;font-size:1rem}button{padding:.75rem 1.2rem;border:none;border-radius:10px;background:#111827;color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.text-button{background:transparent;color:#111827;padding:0}.error{color:#b91c1c;font-weight:600}.card{background:#f8fafc;border-radius:12px;padding:1.5rem;margin-top:1.5rem}.content{white-space:pre-wrap;margin-top:1rem;line-height:1.6}@media(max-width:640px){.app{padding:.75rem;align-items:flex-start}.panel{padding:1rem;border-radius:12px;box-shadow:0 4px 12px #0000000f}.header{flex-wrap:wrap;gap:.75rem}.header h1{font-size:1.25rem}.card{padding:1rem;margin-top:1rem;border-radius:10px}.card h2{font-size:1.25rem}.content{margin-top:.75rem;line-height:1.5;font-size:.9375rem}.progress{margin-top:1rem}.comments-section{margin-top:1.5rem;padding-top:1.5rem}.comments-section h3{font-size:1.125rem}.comment-form{margin-bottom:1.5rem}.comment{padding:.75rem}}.progress{display:flex;justify-content:space-between;margin-top:1.5rem;flex-wrap:wrap;gap:.5rem}.muted{color:#6b7280}.comments-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.comments-section h3{margin-bottom:1rem;font-size:1.25rem}.comment-form{margin-bottom:2rem;display:grid;gap:.75rem}.comment-input{padding:.75rem .9rem;border-radius:10px;border:1px solid #d1d5db;font-size:1rem;font-family:inherit;resize:vertical;width:100%;box-sizing:border-box}.comment-input:focus{outline:none;border-color:#111827}.comments-list{display:grid;gap:1rem}.comment{padding:1rem;background:#f8fafc;border-radius:8px;border-left:3px solid #e5e7eb}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.comment-author{font-weight:600;color:#111827}.comment-date{font-size:.875rem;color:#6b7280}.comment-content{margin-bottom:.75rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.comment-actions{display:flex;gap:1rem;margin-top:.5rem}.comment-action{font-size:.875rem;padding:.25rem .5rem}.delete-button{color:#b91c1c}.delete-button:hover{color:#991b1b}.comment-replies{margin-top:1rem;padding-left:1rem;border-left:2px solid #e5e7eb}.comment-reply-form{margin-top:1rem;display:grid;gap:.75rem}.comment-form-actions{display:flex;gap:.75rem;align-items:center}.comment-form-actions button{padding:.5rem 1rem;font-size:.875rem}.verse-reference{background:transparent;color:#2563eb;text-decoration:underline;text-decoration-color:#93c5fd;padding:0;margin:0;border:none;font-size:inherit;font-family:inherit;font-weight:500;cursor:pointer;display:inline;line-height:inherit}.verse-reference:hover{color:#1d4ed8;text-decoration-color:#2563eb}.verse-tooltip{position:fixed;z-index:1000}.verse-tooltip-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;padding:0;min-width:250px;max-width:400px;max-height:300px;overflow-y:auto}.verse-tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f8fafc;border-radius:8px 8px 0 0}.verse-tooltip-header strong{color:#111827;font-size:.875rem}.verse-tooltip-close{background:transparent;border:none;color:#6b7280;font-size:1.5rem;line-height:1;padding:0;margin:0;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:300}.verse-tooltip-close:hover{background:#e5e7eb;color:#111827}.verse-tooltip-text{padding:1rem;color:#111827;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;font-size:.9375rem}.info-button{position:relative;background:transparent;border:none;padding:.375rem;cursor:pointer;font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center}.info-button-icon{display:block;width:36px;height:36px;object-fit:contain}.info-popup{position:fixed;z-index:1000}.info-popup-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;padding:1rem;min-width:250px;max-width:320px}.info-popup-version{color:#6b7280;font-size:.875rem;margin:0 0 .5rem}.info-popup-credits{color:#111827;font-size:.875rem;margin:0 0 .5rem}.info-popup-contact{color:#111827;font-size:.875rem;margin:0}.info-popup-contact a{color:#2563eb;text-decoration:underline}.info-popup-contact a:hover{color:#1d4ed8}.notification-bell{position:relative;background:transparent;border:none;padding:.375rem;cursor:pointer;font-size:1.125rem;line-height:1;display:flex;align-items:center;justify-content:center}.notification-bell-icon{display:block;width:36px;height:36px;object-fit:contain}.notification-badge{position:absolute;top:1px;right:1px;background:#b91c1c;color:#fff;border-radius:8px;padding:.0625rem .25rem;font-size:.5625rem;font-weight:600;min-width:14px;text-align:center;line-height:1.2;transform:translate(10%,-10%)}.notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000;min-width:320px;max-width:400px}.notification-dropdown-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:500px;display:flex;flex-direction:column;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.notification-header strong{color:#111827;font-size:.9375rem}.notification-mark-all{font-size:.8125rem;color:#2563eb;padding:.25rem .5rem}.notification-mark-all:hover{color:#1d4ed8}.notification-list{overflow-y:auto;max-height:400px}.notification-item{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .15s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#f9fafb}.notification-item-unread{background:#eff6ff;border-left:3px solid #2563eb}.notification-item-unread:hover{background:#dbeafe}.notification-item-read{background:#fff;opacity:.8}.notification-item-content{display:flex;flex-direction:column;gap:.25rem}.notification-item-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.notification-item-header strong{color:#111827;font-size:.875rem}.notification-item-time{font-size:.75rem;color:#6b7280;white-space:nowrap}.notification-item-text{font-size:.875rem;color:#4b5563;line-height:1.4}.notification-item-preview{font-size:.8125rem;color:#6b7280;font-style:italic;margin-top:.25rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-empty{padding:2rem 1rem;text-align:center;color:#6b7280;font-size:.875rem}.comment-highlight{animation:highlightComment 2s ease-in-out;border-left-color:#2563eb!important}@keyframes highlightComment{0%{background-color:#dbeafe;box-shadow:0 0 0 4px #2563eb33}50%{background-color:#eff6ff;box-shadow:0 0 0 2px #2563eb1a}to{background-color:#f8fafc;box-shadow:none}}