.layout{background-color:var(--color-background);display:flex;min-height:100vh}.mobile-header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-borderLight);display:flex;height:56px;justify-content:space-between;left:0;padding:0 var(--spacing-sm);padding-top:env(safe-area-inset-top,0);position:fixed;right:0;top:0;z-index:var(--z-sticky)}@supports (padding:env(safe-area-inset-top)){.mobile-header{height:calc(56px + env(safe-area-inset-top))}}.mobile-header .btn-icon{min-height:44px;min-width:44px}.mobile-header-title{color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;left:50%;position:absolute;transform:translateX(-50%)}.mobile-header-actions{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:flex-end;min-width:44px}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-borderLight);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width var(--transition-normal),transform var(--transition-normal);width:240px;z-index:var(--z-sticky)}@media (max-width:767px){.sidebar{box-shadow:4px 0 20px var(--color-shadowDark);padding-bottom:80px;transform:translateX(-100%);width:280px;z-index:var(--z-modal)}.sidebar-open{transform:translateX(0)}.sidebar-overlay{z-index:calc(var(--z-modal) - 1)}.main-content{margin-left:0;padding-bottom:64px;padding-top:56px}}@media (min-width:768px){.sidebar{position:fixed}.main-content{margin-left:240px;transition:margin-left var(--transition-normal)}.main-content-expanded{margin-left:72px}}.sidebar-overlay{animation:fadeIn var(--transition-fast);background-color:rgba(0,0,0,.3);inset:0;position:fixed;z-index:calc(var(--z-sticky) - 1)}.sidebar-logo{border-bottom:1px solid var(--color-borderLight);gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-md);position:relative}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background-color:var(--color-accent);border-radius:var(--radius-md);color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.logo-text{color:var(--color-textPrimary);flex:1 1;font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.5px;overflow:hidden;white-space:nowrap}.sidebar-collapse-btn{align-items:center;background-color:var(--color-backgroundSecondary);border:1px solid var(--color-borderLight);border-radius:var(--radius-sm);color:var(--color-textSecondary);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:28px}.sidebar-collapsed .sidebar-collapse-btn,.sidebar:hover .sidebar-collapse-btn{opacity:1}.sidebar-collapse-btn:hover{background-color:var(--color-accentMuted);color:var(--color-accent)}.sidebar-collapsed{width:72px}.sidebar-collapsed .sidebar-logo{justify-content:center;padding:var(--spacing-lg) var(--spacing-sm)}.sidebar-collapsed .sidebar-collapse-btn{margin-left:auto;position:static;transform:none}.sidebar-collapsed .nav-item{justify-content:center;padding:var(--spacing-sm)}.sidebar-collapsed .sidebar-nav{padding:var(--spacing-md) var(--spacing-xs)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs);overflow-y:auto;padding:var(--spacing-md) var(--spacing-sm)}.nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-textSecondary);display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.nav-item:hover{color:var(--color-textPrimary)}.nav-item-active,.nav-item:hover{background-color:var(--color-accentMuted)}.nav-item-active{color:var(--color-accent);font-weight:500}.nav-label{font-family:var(--font-family-sans);font-size:var(--font-size-sm)}.sidebar-footer{border-top:1px solid var(--color-borderLight);padding:var(--spacing-md)}.verse-of-day{background-color:var(--color-backgroundSecondary);border-radius:var(--radius-md);padding:var(--spacing-md)}.verse-text{font-family:var(--font-family);font-size:var(--font-size-sm);font-style:italic;line-height:1.5;margin:0 0 var(--spacing-xs)}.verse-ref{color:var(--color-textMuted);margin:0}.kofi-button,.verse-ref{font-family:var(--font-family-sans);font-size:var(--font-size-xs)}.kofi-button{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-sm);box-shadow:0 1px 3px rgba(0,0,0,.1);color:#000!important;display:flex;font-weight:500;justify-content:center;margin-top:var(--spacing-sm);opacity:1;padding:.4rem .75rem;text-align:center;text-decoration:none;transition:all .2s;width:100%}.kofi-button-collapsed{margin:0 auto;padding:.4rem;width:auto}.sidebar-footer-collapsed{display:flex;justify-content:center;padding:var(--spacing-sm)}.kofi-button svg{fill:#000;color:#000;flex-shrink:0}.kofi-button:hover{background:var(--color-primaryDark);box-shadow:0 2px 6px rgba(0,0,0,.15);color:#000!important;text-decoration:none;transform:translateY(-1px)}.kofi-button:active{box-shadow:0 1px 2px rgba(0,0,0,.1);transform:translateY(0)}.kofi-button:visited{color:#000!important}.layout-dark .kofi-button{box-shadow:0 1px 3px rgba(0,0,0,.3)}.layout-dark .kofi-button:hover{box-shadow:0 2px 8px rgba(0,0,0,.4)}.layout-blackout .kofi-button{background:#333;border:1px solid #555;color:#fff!important}.layout-blackout .kofi-button svg{fill:#fff;color:#fff}.layout-blackout .kofi-button:hover{background:#444;color:#fff!important}.offline-badge{align-items:center;background-color:var(--color-warning);border-radius:var(--radius-full);color:#fff;display:flex;font-size:var(--font-size-xs);justify-content:center;padding:2px 6px}.main-content{background-color:var(--color-background);flex:1 1;min-height:100vh;overflow-x:hidden}@media (max-width:767px){.main-content{padding-bottom:70px}}.bottom-nav{background-color:var(--color-surface);border-top:1px solid var(--color-borderLight);bottom:0;display:none;height:64px;left:0;padding:0 var(--spacing-sm);padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:var(--z-sticky)}@media (max-width:767px){.bottom-nav{align-items:center;display:flex;justify-content:space-around}}.bottom-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-textMuted);display:flex;flex-direction:column;gap:2px;justify-content:center;min-width:64px;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:color var(--transition-fast)}.bottom-nav-item:active{background-color:var(--color-accentMuted)}.bottom-nav-item.active{color:var(--color-accent)}.bottom-nav-label{font-family:var(--font-family-sans);font-size:10px;font-weight:500}.page{animation:fadeIn var(--transition-normal) ease;min-height:100%;padding:var(--spacing-lg)}@media (max-width:767px){.page{padding:var(--spacing-md)}}.page-header{margin-bottom:var(--spacing-xl)}.page-title{color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:700;margin:0 0 var(--spacing-xs)}.page-subtitle{color:var(--color-textSecondary);font-family:var(--font-family-sans);font-size:var(--font-size-md)}.changelog-overlay{align-items:center;animation:fadeIn .3s ease;background-color:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.changelog-modal{animation:slideUp .4s ease;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px var(--color-shadowDark);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.changelog-header{align-items:center;border-bottom:1px solid var(--color-borderLight);display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.changelog-title h2{color:var(--color-textPrimary);font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.version{color:var(--color-textMuted);font-size:.85rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.changelog-close{background:none;border:none;border-radius:var(--radius-md);color:var(--color-textSecondary);cursor:pointer;margin-left:auto;padding:.5rem;transition:all var(--transition-fast)}.changelog-close:hover{background:var(--color-backgroundSecondary);color:var(--color-textPrimary)}.changelog-content{padding:1.5rem}.changelog-list{list-style:none;margin:0 0 1.5rem;padding:0}.changelog-list li{margin-bottom:1rem;padding-left:0}.changelog-list li strong{color:var(--color-textPrimary);display:block;margin-bottom:.25rem}.changelog-list li p{margin:0}.changelog-list li p,.changelog-reminder{color:var(--color-textSecondary);font-size:.9rem;line-height:1.5}.changelog-reminder{background:var(--color-backgroundSecondary);border-radius:var(--radius-md);padding:1rem}.changelog-reminder strong{color:var(--color-textPrimary)}.changelog-footer{border-top:1px solid var(--color-borderLight);padding:1rem 1.5rem 1.5rem;text-align:center}.changelog-footer .btn{min-width:200px}@media (max-width:768px){.changelog-overlay{padding:.5rem}.changelog-modal{max-height:95vh}.changelog-header{gap:.75rem;padding:1rem 1rem .75rem}.changelog-icon{padding:.5rem}.changelog-title h2{font-size:1.25rem}.changelog-content{padding:1rem}.changelog-section{margin-bottom:1.25rem}.changelog-footer{padding:.75rem 1rem 1rem}.changelog-footer .btn{width:100%}}.modal-overlay{align-items:center;animation:fadeIn var(--transition-fast);background-color:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;padding:var(--spacing-md);position:fixed;z-index:var(--z-modal)}.modal{animation:scaleIn var(--transition-normal);background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px var(--color-shadowDark);display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--color-borderLight);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-drag-handle{display:none}@media (max-width:768px){.modal-drag-handle{background-color:var(--color-border);border-radius:2px;display:block;flex-shrink:0;height:4px;margin:var(--spacing-sm) auto;width:36px}}.modal-title{color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:700;margin:0}.search-container{border-bottom:1px solid var(--color-borderLight);padding:var(--spacing-md) var(--spacing-lg)}.search-icon{color:var(--color-textMuted);left:calc(var(--spacing-lg) + var(--spacing-sm));pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background-color:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-xl) + var(--spacing-sm))}.search-input:focus{background-color:var(--color-surface);border-color:var(--color-accent)}.search-clear{right:calc(var(--spacing-lg) + var(--spacing-xs))}.back-button{justify-content:flex-start;margin:var(--spacing-md) var(--spacing-lg)}.testament-selection{flex-direction:column}.testament-card,.testament-selection{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.testament-card{align-items:center;background-color:var(--color-backgroundSecondary);border:1px solid var(--color-borderLight);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.testament-card:hover{background-color:var(--color-accentMuted);border-color:var(--color-accent)}.testament-icon{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-accentDark));border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.testament-info{flex:1 1}.testament-info h3{color:var(--color-textPrimary);font-family:var(--font-family-sans);font-size:var(--font-size-lg);font-weight:600;margin:0}.testament-info p{color:var(--color-textMuted);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0}.testament-card>svg{color:var(--color-textMuted);flex-shrink:0}.sections-list{flex:1 1;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto}.section-card,.sections-list{display:flex;padding:var(--spacing-md) var(--spacing-lg)}.section-card{align-items:center;background-color:var(--color-backgroundSecondary);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;text-align:left;transition:all var(--transition-fast)}.section-card:hover{background-color:var(--color-accentMuted);border-color:var(--color-accent)}.section-info h3{color:var(--color-textPrimary);font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:600;margin:0}.section-info p{color:var(--color-textMuted);font-size:var(--font-size-xs);margin:var(--spacing-xs) 0 0}.section-card>svg{color:var(--color-textMuted);flex-shrink:0}.book-chapters{color:var(--color-textMuted);font-size:var(--font-size-xs);margin-top:2px}.book-item.active .book-chapters{color:hsla(0,0%,100%,.8)}.no-results{color:var(--color-textMuted);padding:var(--spacing-xl)}.books-container{flex:1 1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg)}.book-group{margin-bottom:var(--spacing-lg)}.group-title{border-bottom:1px solid var(--color-borderLight);color:var(--color-textMuted);font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:1px;margin:0 0 var(--spacing-sm);padding-bottom:var(--spacing-xs);text-transform:uppercase}.books-grid{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.book-item{align-items:flex-start;background-color:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;padding:var(--spacing-sm);text-align:left;transition:all var(--transition-fast)}.book-item:hover{background-color:var(--color-accentMuted);border-color:var(--color-accent)}.book-item.active{background-color:var(--color-accent);border-color:var(--color-accent)}.book-item.active .book-abbr,.book-item.active .book-name{color:#fff}.book-abbr{color:var(--color-accent);font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:600}@media (max-width:767px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;max-width:100%}.modal-header{padding:var(--spacing-md)}.books-container{padding:var(--spacing-sm) var(--spacing-md)}.books-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.book-item{min-height:44px;padding:var(--spacing-sm)}.chapters-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.chapter-item{min-height:44px;min-width:44px}.testament-card,.testament-selection{padding:var(--spacing-md)}.testament-icon{height:48px;width:48px}.testament-info h3{font-size:var(--font-size-md)}.sections-list{padding:var(--spacing-sm) var(--spacing-md)}.section-card{padding:var(--spacing-md)}}.book-name{color:var(--color-textPrimary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapters-container{flex:1 1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg)}.chapters-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.chapter-item{align-items:center;aspect-ratio:1;background-color:var(--color-backgroundSecondary);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);color:var(--color-textPrimary);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:500;justify-content:center;transition:all var(--transition-fast)}.chapter-item:hover{background-color:var(--color-accentMuted);border-color:var(--color-accent);color:var(--color-accent)}.chapter-item.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}@media (max-width:640px){.modal{margin:var(--spacing-sm);max-height:90vh}.books-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.chapters-grid{grid-template-columns:repeat(6,1fr)}}.chapter-selector{animation:scaleIn var(--transition-normal);background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px var(--color-shadowDark);display:flex;flex-direction:column;max-height:70vh;max-width:400px;width:100%}.chapter-selector .modal-header{align-items:center;border-bottom:1px solid var(--color-borderLight);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.chapter-selector .modal-title{color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:700;margin:0}.chapter-grid-container{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.chapter-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(5,1fr)}.chapter-block{align-items:center;aspect-ratio:1;background-color:var(--color-backgroundSecondary);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);color:var(--color-textPrimary);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:500;justify-content:center;min-height:44px;min-width:44px;transition:all var(--transition-fast)}.chapter-block:hover{background-color:var(--color-accentMuted);border-color:var(--color-accent)}.chapter-block:active{transform:scale(.95)}.chapter-block.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.chapter-selector .modal-drag-handle{display:none}@media (max-width:768px){.chapter-selector{animation:slideUp var(--transition-normal);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:60vh;max-width:100%}.chapter-selector .modal-drag-handle{background-color:var(--color-border);border-radius:2px;display:block;flex-shrink:0;height:4px;margin:var(--spacing-sm) auto;width:36px}.chapter-grid{grid-template-columns:repeat(5,1fr)}.chapter-block{font-size:var(--font-size-sm)}}@media (max-width:768px){.modal-overlay:has(.chapter-selector){align-items:flex-end}}.translation-selector{max-width:500px}@media (max-width:767px){.translation-selector{border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:70vh;max-width:100%}}.selected-section{background-color:var(--color-backgroundSecondary);border-bottom:1px solid var(--color-borderLight);padding:var(--spacing-md) var(--spacing-lg)}.section-label{color:var(--color-textMuted);font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-sm);text-transform:uppercase}.selected-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.selected-item{background-color:var(--color-surface);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);justify-content:space-between;padding:var(--spacing-sm)}.selected-info,.selected-item{align-items:center;display:flex}.selected-info{gap:var(--spacing-sm)}.selected-abbr{background-color:var(--color-accentMuted);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:700;padding:2px 6px}.selected-abbr,.selected-name{font-family:var(--font-family-sans)}.selected-name{color:var(--color-textPrimary);font-size:var(--font-size-sm)}.selected-actions{align-items:center;display:flex;gap:var(--spacing-xs)}.selected-actions .btn:disabled{opacity:.3}.translations-container{flex:1 1;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg)}.translation-group{margin-bottom:var(--spacing-lg)}.group-label{color:var(--color-textMuted);font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-sm);text-transform:uppercase}.translation-item{align-items:center;background-color:transparent;border:1px solid var(--color-borderLight);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);min-height:48px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast);width:100%}.translation-item.selected,.translation-item:hover:not(:disabled){background-color:var(--color-accentMuted);border-color:var(--color-accent)}.translation-item:disabled{cursor:not-allowed;opacity:.5}.translation-info{align-items:center;display:flex;gap:var(--spacing-md)}.translation-abbr{color:var(--color-accent);font-size:var(--font-size-sm);min-width:48px}.translation-details{display:flex;flex-direction:column}.translation-name{color:var(--color-textPrimary)}.translation-desc,.translation-lang{color:var(--color-textMuted);font-family:var(--font-family-sans);font-size:var(--font-size-xs)}.translation-check{color:var(--color-accent);display:flex;justify-content:center;width:24px}.modal-footer{align-items:center;background-color:var(--color-surface);border-top:1px solid var(--color-borderLight);display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.help-text{color:var(--color-textMuted);font-family:var(--font-family-sans);font-size:var(--font-size-sm);margin:0}.annotation-panel-overlay{align-items:flex-end;animation:fadeIn var(--transition-fast);background-color:rgba(0,0,0,.3);display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}@media (min-width:768px){.annotation-panel-overlay{align-items:center}}.annotation-panel{animation:slideUp var(--transition-normal);background-color:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 20px var(--color-shadowDark);display:flex;flex-direction:column;max-height:80vh;max-width:480px;width:100%}@media (min-width:768px){.annotation-panel{border-radius:var(--radius-xl);max-height:70vh}}.annotation-panel .modal-drag-handle{background-color:var(--color-border);border-radius:2px;display:block;flex-shrink:0;height:4px;margin:var(--spacing-sm) auto;width:36px}@media (min-width:768px){.annotation-panel .modal-drag-handle{display:none}}.panel-header{border-bottom:1px solid var(--color-borderLight);justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.panel-header,.panel-header-center,.panel-header-left,.panel-header-right{align-items:center;display:flex}.panel-header-center{flex:1 1;justify-content:center}.copy-btn{align-items:center;border-radius:var(--radius-md);color:var(--color-accent);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.copy-btn:hover{background-color:var(--color-accentMuted);color:var(--color-accentDark)}.verse-reference{align-items:center;color:var(--color-textPrimary);display:flex;font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:600;gap:var(--spacing-sm)}.panel-tabs{border-bottom:1px solid var(--color-borderLight);display:flex}.tab{background:none;border-bottom:2px solid transparent;color:var(--color-textSecondary);flex:1 1;font-family:var(--font-family-sans);font-size:var(--font-size-sm);gap:var(--spacing-xs);justify-content:center;margin-bottom:-1px;padding:var(--spacing-md);transition:all var(--transition-fast)}.tab:hover{background-color:var(--color-accentMuted)}.panel-content{flex:1 1;overflow-y:auto;padding:var(--spacing-lg)}.privacy-hint{align-items:center;background:rgba(59,130,246,.08);border-radius:var(--radius-sm);color:var(--color-textMuted);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-xs);justify-content:center;margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.privacy-hint svg{color:var(--color-accent);flex-shrink:0}.privacy-hint a{color:var(--color-accent);text-decoration:underline}.highlight-section{text-align:center}.section-description{color:var(--color-textSecondary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg)}.highlight-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.highlight-option{align-items:center;border:3px solid transparent;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.highlight-option:hover{transform:scale(1.1)}.highlight-option.selected{border-color:var(--color-textPrimary);box-shadow:0 2px 8px var(--color-shadow)}.highlight-option.remove{background-color:var(--color-backgroundTertiary);color:var(--color-textMuted)}.note-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.note-input-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.note-input{background-color:var(--color-backgroundSecondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.6;min-height:100px;padding:var(--spacing-md);resize:vertical;width:100%}.note-input:focus{background-color:var(--color-surface);border-color:var(--color-accent);outline:none}.note-actions{align-items:center;display:flex;justify-content:space-between}.note-actions .recording{animation:pulse 1s infinite;color:var(--color-error)}.existing-notes{border-top:1px solid var(--color-borderLight);padding-top:var(--spacing-lg)}.notes-title{color:var(--color-textSecondary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-md)}.note-card{background-color:var(--color-backgroundSecondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.note-text{color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--spacing-sm)}.note-meta{align-items:center;display:flex;justify-content:space-between}.note-date{color:var(--color-textMuted);font-family:var(--font-family-sans);font-size:var(--font-size-xs)}.bookmark-section{text-align:center}.bookmark-toggle{align-items:center;background-color:var(--color-backgroundSecondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-textSecondary);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);transition:all var(--transition-fast);width:100%}.bookmark-toggle.bookmarked,.bookmark-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.bookmark-toggle.bookmarked{background-color:var(--color-accentMuted);border-style:solid}.bookmark-toggle span{font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:500}.quick-actions{justify-content:center;margin-top:var(--spacing-lg)}.compare-section,.quick-actions{display:flex;gap:var(--spacing-md)}.compare-section{flex-direction:column}.loading-comparisons{align-items:center;color:var(--color-textMuted);display:flex;justify-content:center;padding:var(--spacing-xl)}.comparison-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:400px;overflow-y:auto}.comparison-item{background-color:var(--color-background);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.comparison-item.unavailable{background-color:#f5f5f5;background-color:var(--color-backgroundDark,#f5f5f5);opacity:.5}.comparison-header{align-items:baseline;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.translation-abbr{color:#8b7355;color:var(--color-primary,#8b7355);font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase}.translation-name{color:var(--color-textMuted);font-size:var(--font-size-xs)}.comparison-text{color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;margin:0}.reader-page{background-color:var(--color-background);display:flex;flex-direction:column;height:100vh}.reader-header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-borderLight);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.reader-header-center,.reader-header-left,.reader-header-right{align-items:center;display:flex;gap:var(--spacing-sm)}.chapter-indicator-btn,.reader-header-center .chapter-indicator{color:var(--color-textSecondary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:500;min-width:50px;text-align:center}.chapter-indicator-btn{background:var(--color-backgroundSecondary);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.chapter-indicator-btn:hover{background:var(--color-accentMuted);border-color:var(--color-accent);color:var(--color-textPrimary)}.chapter-indicator-btn:active{transform:scale(.95)}.current-location{color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:600}.view-mode-toggle{align-items:center;background-color:var(--color-backgroundSecondary);border-radius:var(--radius-md);display:flex;padding:2px}.view-mode-toggle .btn.active{background-color:var(--color-surface);box-shadow:0 1px 3px var(--color-shadow);color:var(--color-accent)}.reader-content{display:flex;flex:1 1;overflow:auto}.reader-content.view-single{justify-content:center}.reader-content.view-parallel{background-color:var(--color-border);gap:1px}.translation-pane{background-color:var(--color-background);flex:1 1;overflow-y:auto;scroll-behavior:smooth}.view-single .translation-pane{max-width:800px}.view-parallel .translation-pane{min-width:300px}.pane-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-borderLight);padding:var(--spacing-sm) var(--spacing-md);position:-webkit-sticky;position:sticky;top:0;z-index:10}.translation-name{color:var(--color-textSecondary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.scripture-container{margin-top:var(--spacing-lg);min-height:100%;padding:var(--spacing-xl) var(--spacing-lg);position:relative}@media (min-width:768px){.scripture-container{margin-top:var(--spacing-xl);padding:var(--spacing-2xl) var(--spacing-xl)}}.earmark-btn{background:transparent;border:none;border-radius:0 var(--radius-lg) 0 0;cursor:pointer;height:48px;overflow:hidden;padding:0;width:48px;z-index:10}.earmark-btn,.earmark-fold{position:absolute;right:0;top:0}.earmark-fold{background:linear-gradient(225deg,var(--color-borderLight) 50%,transparent 50%);border-radius:0 var(--radius-lg) 0 var(--radius-lg);height:32px;transition:all var(--transition-fast);width:32px}.earmark-btn:hover .earmark-fold{height:38px;width:38px}.earmark-btn.active .earmark-fold,.earmark-btn:hover .earmark-fold{background:linear-gradient(225deg,var(--color-accent) 50%,transparent 50%)}.earmark-btn.active .earmark-fold{height:40px;width:40px}.earmark-btn.active .earmark-fold:after{background:var(--color-surface);border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:8px;width:8px}@media (max-width:768px){.earmark-btn{height:44px;width:44px}.earmark-fold{height:28px;width:28px}.earmark-btn:active .earmark-fold,.earmark-btn:hover .earmark-fold{height:34px;width:34px}.earmark-btn.active .earmark-fold{height:36px;width:36px}.earmark-btn.active .earmark-fold:after{height:6px;right:6px;top:6px;width:6px}}.chapter-header{border-bottom:1px solid var(--color-borderLight);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.chapter-title{color:var(--color-textPrimary);font-family:var(--font-family);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-xs)}.chapter-number{color:var(--color-textMuted);font-size:var(--font-size-sm);letter-spacing:1px}.chapter-number,.translation-indicator{font-family:var(--font-family-sans);text-transform:uppercase}.translation-indicator{color:var(--color-textSecondary);display:block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;margin-top:var(--spacing-xs)}.plan-progress-section{align-items:center;border-top:1px solid var(--color-borderLight);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.update-plan-btn{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.update-plan-btn:hover{background:var(--color-accent);background:var(--color-accentHover,var(--color-accent));transform:translateY(-1px)}.update-plan-btn:disabled{cursor:default;opacity:.7;transform:none}.plan-name-hint{color:var(--color-textSecondary);font-size:.8rem}.chapter-content{color:var(--color-textPrimary);font-family:var(--font-family);font-size:calc(var(--font-size-base)*var(--font-scale));line-height:var(--line-height)}.chapter-content.verses-container{text-align:justify}.chapter-content p{margin:0 0 var(--spacing-md);text-align:justify;text-indent:1.5em}.chapter-content p:first-child{text-indent:0}.chapter-content .v{color:var(--color-accent);cursor:pointer;font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:600;margin-right:2px;-webkit-user-select:none;user-select:none;vertical-align:super}.chapter-content .verse{display:inline!important}.chapter-content .verse-num{color:var(--color-accent);display:inline!important;font-family:var(--font-family-sans);font-size:var(--font-size-xs);font-weight:600;margin-right:3px;-webkit-user-select:none;user-select:none;vertical-align:super}.chapter-content .verse-text{display:inline!important}.note-indicator{color:var(--color-accent);cursor:pointer;display:inline-block;margin-left:2px;transition:opacity var(--transition-fast);vertical-align:baseline}.note-indicator svg{stroke-width:2.5}.verse:hover .note-indicator{opacity:.8}.chapter-content [data-verse-id]{border-radius:2px;cursor:pointer;transition:background-color var(--transition-fast)}.chapter-content [data-verse-id]:hover{background-color:var(--color-accentMuted)}.chapter-content .ms,.chapter-content .s{color:var(--color-textSecondary);display:block;font-family:var(--font-family);font-size:var(--font-size-lg);font-style:italic;font-weight:600;margin:var(--spacing-xl) 0 var(--spacing-lg);text-align:center;text-indent:0}.chapter-content .q,.chapter-content .q1,.chapter-content .q2{display:block;margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg);text-align:left;text-indent:0}.chapter-content .q2{padding-left:var(--spacing-xl)}.reader-loading{align-items:center;color:var(--color-textSecondary);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);justify-content:center}.loading-spinner{border:3px solid var(--color-borderLight);border-top-color:var(--color-accent)}.chapter-loading{color:var(--color-textMuted);padding:var(--spacing-xl);text-align:center}.btn.active{background-color:var(--color-accentMuted);color:var(--color-accent)}@media (max-width:767px){.reader-page{-webkit-overflow-scrolling:touch;height:auto;min-height:100vh;overflow:visible}.reader-content{flex:none;overflow:visible}.translation-pane{height:auto;overflow:visible}.reader-content.view-parallel{flex-direction:column}.view-parallel .translation-pane{border-bottom:2px solid var(--color-border);flex:none;height:auto}.scripture-container{min-height:auto;padding:var(--spacing-md)}.chapter-content{font-size:var(--font-size-md)}.reader-header{flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.reader-header .btn-icon{align-items:center;display:flex;justify-content:center}.reader-header .btn-icon .icon{flex-shrink:0;height:28px;width:28px}.reader-header-center{border-bottom:1px solid var(--color-borderLight);justify-content:center;order:-1;padding-bottom:var(--spacing-xs);width:100%}.current-location{font-size:var(--font-size-sm)}.view-mode-toggle{display:none}.chapter-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.chapter-title{font-size:var(--font-size-2xl)}.chapter-content [data-verse-id]{padding:2px 0}}@media (max-width:480px){.scripture-container{padding:var(--spacing-sm) var(--spacing-md)}.chapter-content{font-size:var(--font-size-sm);line-height:1.8}.chapter-content p{text-indent:1em}}@keyframes pageTurnIn{0%{opacity:0;transform:rotateY(-10deg) translateX(-20px)}to{opacity:1;transform:rotateY(0) translateX(0)}}@keyframes pageTurnOut{0%{opacity:1;transform:rotateY(0) translateX(0)}to{opacity:0;transform:rotateY(10deg) translateX(20px)}}.scripture-container{animation:pageTurnIn .3s ease}.text-size-control{position:relative}.text-size-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--color-shadow);margin-top:var(--spacing-xs);min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.text-size-header{border-bottom:1px solid var(--color-borderLight);color:var(--color-textMuted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.text-size-header,.text-size-option{padding:var(--spacing-sm) var(--spacing-md)}.text-size-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:var(--spacing-md);text-align:left;transition:background-color .15s ease;width:100%}.text-size-option:hover{background-color:var(--color-backgroundSecondary)}.text-size-option.active{background-color:var(--color-accentMuted);color:var(--color-accent)}.text-size-option .size-preview{color:var(--color-textPrimary);font-family:var(--font-family);font-weight:600;min-width:32px}.text-size-option.active .size-preview{color:var(--color-accent)}.text-size-option .size-name{color:var(--color-textSecondary);font-size:var(--font-size-sm)}.text-size-option.active .size-name{color:var(--color-accent)}.theme-control{position:relative}.theme-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--color-shadow);margin-top:var(--spacing-xs);min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.theme-menu-header{border-bottom:1px solid var(--color-borderLight);color:var(--color-textMuted);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.theme-menu-header,.theme-option{padding:var(--spacing-sm) var(--spacing-md)}.theme-option{background:none;border:none;gap:var(--spacing-md);text-align:left;transition:background-color .15s ease;width:100%}.theme-option:hover{background-color:var(--color-backgroundSecondary)}.theme-option.active{background-color:var(--color-accentMuted)}.theme-preview{align-items:center;border-radius:var(--radius-md);box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.theme-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.theme-name{color:var(--color-textPrimary);font-size:var(--font-size-sm)}.theme-option.active .theme-name{color:var(--color-accent)}.theme-description{font-size:var(--font-size-xs)}.theme-description,.theme-option.active .theme-description{color:var(--color-textSecondary)}.mobile-reader-nav{align-items:center;background-color:var(--color-surface);border-top:1px solid var(--color-borderLight);bottom:0;display:flex;justify-content:space-between;margin-top:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md);position:-webkit-sticky;position:sticky;z-index:var(--z-sticky)}.mobile-nav-btn{align-items:center;background-color:var(--color-accent);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);justify-content:center;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.mobile-nav-btn:hover:not(:disabled){background-color:var(--color-accentDark);transform:translateY(-1px)}.mobile-nav-btn:disabled{background-color:var(--color-borderLight);color:var(--color-textMuted);cursor:not-allowed;transform:none}.mobile-nav-prev{flex-direction:row-reverse}.mobile-nav-next{flex-direction:row}.mobile-nav-chapter{align-items:center;display:flex;justify-content:center;min-width:80px}.mobile-nav-chapter .chapter-indicator,.mobile-nav-chapter .chapter-indicator-btn{background-color:var(--color-backgroundTertiary);border-radius:var(--radius-md);color:var(--color-textSecondary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.mobile-nav-chapter .chapter-indicator-btn{border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.mobile-nav-chapter .chapter-indicator-btn:active{background-color:var(--color-accentMuted);transform:scale(.95)}.journal-page{background:var(--bg-color);display:flex;height:100%;overflow:hidden}.journal-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;max-width:420px;min-width:320px;overflow:hidden;width:360px}.sidebar-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:2rem 1.5rem 1.5rem}.header-content{margin-bottom:1.25rem}.sidebar-header .page-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.page-subtitle{color:var(--text-muted);font-size:.875rem;font-weight:400;margin:0}.btn-new-entry{font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;width:100%}.search-container{background:var(--bg-secondary);padding:1.25rem 1.5rem 1rem;position:relative}.search-container .search-icon{color:var(--text-muted);left:2.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{border:1px solid var(--border-color);font-size:.875rem;padding:.75rem 2.75rem .75rem 2.5rem;transition:all .2s}.search-input:focus{box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-clear{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:all .2s}.search-clear:hover{background:var(--bg-hover);color:var(--text-color)}.sidebar-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto;padding:1rem 1.5rem}.privacy-notice{align-items:flex-start;background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.12);border-radius:var(--radius-md);color:var(--text-muted);display:flex;font-size:.75rem;gap:.5rem;line-height:1.5;padding:.75rem}.privacy-notice svg{color:var(--accent-color);flex-shrink:0;margin-top:1px;opacity:.7}.privacy-notice p{margin:0}.privacy-notice strong{color:var(--text-color);font-weight:600}.privacy-notice a{color:var(--accent-color);font-weight:500;text-decoration:none}.privacy-notice a:hover{text-decoration:underline}.entries-list{flex:1 1;overflow-y:auto;padding:.75rem 1rem}.date-group{margin-bottom:1.5rem}.date-header{background:var(--bg-secondary);color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:.5rem;padding:.5rem .75rem;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:1}.entry-item{background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;display:block;margin-bottom:.375rem;padding:1rem .75rem;text-align:left;transition:all .2s;width:100%}.entry-item:hover{background:var(--bg-hover);border-color:var(--border-color);transform:translateX(2px)}.entry-item.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff}.entry-item .entry-title{font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:.375rem;text-overflow:ellipsis}.entry-item .entry-preview,.entry-item .entry-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.entry-item .entry-preview{color:var(--text-muted);font-size:.8rem;line-height:1.5;margin-bottom:.5rem}.entry-item.active .entry-preview{color:hsla(0,0%,100%,.85)}.entry-item .entry-tags{margin-top:.5rem}.entry-item.active .tag{background:hsla(0,0%,100%,.2);color:#fff}.tag{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-block;font-size:.75rem;margin-bottom:.25rem;margin-right:.25rem;padding:.2rem .5rem}.tag.editable{align-items:center;display:inline-flex;gap:.25rem}.tag.editable button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;opacity:.6;padding:0}.tag.editable button:hover{opacity:1}.journal-content{align-items:flex-start;background:linear-gradient(to bottom,var(--bg-color),var(--bg-secondary));display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:2.5rem}.paper-texture{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.05);margin:0;max-width:750px;padding:3rem;width:100%}.editor-container{display:flex;flex-direction:column;height:100%}.entry-title-input{background:transparent;border:none;border-bottom:2px solid var(--border-color);font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin-bottom:1rem;padding:.5rem 0;width:100%}.entry-title-input:focus{border-bottom-color:var(--primary-color);outline:none}.editor-toolbar{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.prompts-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-bottom:1rem;max-height:250px;overflow-y:auto}.prompt-item{background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.prompt-item:last-child{border-bottom:none}.prompt-item:hover{background:var(--bg-hover);color:var(--text-color)}.entry-content-input{background:transparent;border:none;color:var(--text-color);color:var(--color-textPrimary,var(--text-color));flex:1 1;font-family:var(--font-body);font-size:1.1rem;line-height:1.8;min-height:300px;padding:1rem 0;resize:none}.entry-content-input:focus{outline:none}.entry-content-input::placeholder{color:var(--text-muted);font-style:italic}.tags-section{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1.5rem}.tags-list{margin-bottom:.75rem}.tag-input-container{display:flex;gap:.5rem}.tag-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);flex:1 1;font-size:.9rem;padding:.5rem .75rem}.editor-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.entry-view{animation:fadeIn .3s ease}.entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.entry-header .entry-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin:0}.entry-actions{display:flex;gap:.5rem}.btn-icon{align-items:center;display:flex;height:36px;justify-content:center;padding:0;width:36px}.entry-meta{margin-bottom:1rem}.entry-date{color:var(--text-muted);font-size:.9rem}.entry-view .entry-tags{margin-bottom:1.5rem}.entry-body{font-size:1.1rem;line-height:1.9}.entry-body p{margin-bottom:1rem}.entry-body p:empty{height:1rem}.no-selection{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}@media (max-width:768px){.no-selection{align-items:flex-start;height:auto;justify-content:flex-start;min-height:140px;padding:1.25rem .5rem;text-align:left}.no-selection svg{height:36px!important;margin-bottom:.75rem;width:36px!important}.no-selection h3{font-size:1rem;margin-bottom:.25rem}.no-selection p{font-size:.85rem;margin-bottom:.75rem;max-width:90vw}}.no-selection svg{margin-bottom:1.5rem;opacity:.2}.no-selection h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.no-selection p{font-size:.95rem;margin:0 0 1.5rem;max-width:350px}.empty-state-main{padding:4rem 2rem}.empty-state-main svg{opacity:.15}.empty-state-main h3{font-size:1.75rem;margin-bottom:.75rem}.empty-state-main p{font-size:1rem;margin-bottom:2rem;max-width:400px}.empty-state{min-height:250px;padding:3rem 1.5rem}.empty-state p{font-size:.9rem;margin:0 0 1.25rem}.empty-hint{margin:0}.loading-state{gap:1rem;justify-content:center;min-height:250px;padding:3rem 1.5rem}.loading-spinner{animation:spin .8s linear infinite;height:32px;width:32px}@media (max-width:768px){.journal-page{flex-direction:column;height:100%;height:calc(100vh - 60px);height:calc(100dvh - 60px)}.journal-sidebar{border-bottom:none;border-right:none;display:flex;flex-direction:column;height:100%;max-width:none;width:100%}.journal-content,.journal-page.editing .journal-sidebar,.journal-page.viewing .journal-sidebar{display:none}.journal-page.editing .journal-content,.journal-page.viewing .journal-content{background:var(--bg-color);background:var(--color-background,var(--bg-color));display:flex;height:100%;padding:0}.journal-page.editing .paper-texture,.journal-page.viewing .paper-texture{border:none;border-radius:0;box-shadow:none;max-width:100%;padding:0 1rem 1rem}.mobile-back-btn{align-items:center;background:none;background:var(--bg-color);background:var(--color-background,var(--bg-color));border:none;border-bottom:1px solid var(--color-borderLight,var(--border-color));color:var(--primary-color);color:var(--color-accent,var(--primary-color));cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.sidebar-header{padding:1.25rem 1rem 1rem}.header-content{margin-bottom:1rem}.sidebar-header .page-title{font-size:1.5rem}.page-subtitle{font-size:.85rem}.search-container{padding:.75rem 1rem}.entries-list{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:.5rem 1rem}.sidebar-footer{padding:.75rem 1rem}.entry-header{flex-direction:column;gap:1rem}.entry-header .entry-title,.entry-title-input{font-size:1.35rem}.entry-actions{justify-content:flex-end;width:100%}.entry-body,.entry-content-input{font-size:1rem;line-height:1.7;min-height:300px}.editor-toolbar{flex-wrap:wrap}.editor-actions{flex-direction:column;gap:.5rem;padding-bottom:1rem}.editor-actions .btn{justify-content:center;min-height:48px;width:100%}.entry-item{min-height:48px;padding:1rem}.entry-content-input,.entry-title-input,.search-input,.tag-input{font-size:16px}.empty-state-main,.no-selection{padding:2rem 1rem}.no-selection h3{font-size:1.25rem}.empty-state-main h3{font-size:1.5rem}.desktop-only{display:none}}.mobile-back-btn{display:none}@media (max-width:480px){.sidebar-header{padding:1rem .75rem .75rem}.sidebar-header .page-title{font-size:1.35rem}.entries-list{padding:.375rem .75rem}.entry-item{padding:.875rem .625rem}.paper-texture{padding:1rem .75rem}.date-group{margin-bottom:1rem}}.plans-page{margin:0 auto;max-width:1000px;padding:0 1.5rem 2rem}.header-content{align-items:center;display:flex;gap:1rem}.section{margin-bottom:3rem}.section-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plan-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:transform .2s,box-shadow .2s}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.active{background:linear-gradient(to bottom right,var(--bg-color),var(--bg-secondary));border-color:var(--primary-color);cursor:pointer}.plan-card.preset{background:var(--bg-secondary)}.plan-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.plan-card-header h3{font-size:1.1rem;font-weight:600;margin:0}.badge{background:var(--primary-color);border-radius:var(--radius-sm);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.badge.success{background:var(--success-color)}.duration{color:var(--text-muted);font-size:.85rem}.plan-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.plan-description,.plan-progress{margin-bottom:1rem}.progress-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-bar.large{height:12px}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:4px;height:100%;transition:width .3s ease}.plan-meta,.progress-text{color:var(--text-muted);font-size:.85rem}.plan-meta{display:flex;justify-content:space-between}.plan-actions{display:flex;gap:.5rem;margin-top:1rem}.create-plan{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:0 auto;max-width:600px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--primary-color);outline:none}textarea.form-input{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.book-group{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.book-group-header{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin-bottom:.75rem}.book-checkboxes{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-label{align-items:flex-start;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background .2s}.checkbox-label:hover{background:var(--bg-hover)}.checkbox-label span{display:flex;flex-direction:column}.checkbox-label small{color:var(--text-muted);font-size:.8rem;font-weight:400}input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.plan-detail{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.plan-header h2{font-size:1.5rem;margin:0 0 .5rem}.plan-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-value{color:var(--primary-color);display:block;font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.85rem}.days-grid,.progress-section{margin-bottom:2rem}.days-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(44px,1fr))}.day-button{align-items:center;aspect-ratio:1;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;transition:all .2s}.day-button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.day-button.completed{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.day-button.current{border-color:var(--primary-color);border-width:2px;font-weight:700}.day-button.week-end{border-right:2px solid var(--primary-color)}.week-marker{align-items:center;display:flex;gap:.75rem;grid-column:1/-1;margin:.5rem 0;padding:.5rem 0}.week-marker-line{background:linear-gradient(to right,var(--primary-color),transparent);flex:1 1;height:1px}.week-marker-label{color:var(--primary-color);font-size:.75rem;font-weight:600;white-space:nowrap}.milestones-section{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:1.5rem}.milestones-title{align-items:center;color:var(--text-color);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 .25rem}.milestones-subtitle{color:var(--text-muted);font-size:.85rem;margin:0 0 1rem}.milestones-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.milestone-card{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:.75rem;padding:0;text-align:left;transition:all .2s;width:100%}.milestone-card:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.milestone-card.current{border-color:var(--primary-color);border-width:2px;box-shadow:0 2px 8px rgba(var(--primary-rgb),.15)}.milestone-card.completed{background:rgba(var(--success-rgb),.08);border-color:var(--success-color)}.milestone-card.behind{opacity:.6}.milestone-checkbox-btn{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.875rem .75rem}.milestone-checkbox-btn:hover{background:var(--bg-tertiary)}.milestone-content-btn{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;flex:1 1;min-width:0;padding:.875rem 1rem .875rem 0;text-align:left}.milestone-checkbox,.milestone-content-btn:hover{background:var(--bg-tertiary)}.milestone-checkbox{align-items:center;border-radius:6px;color:var(--success-color);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.milestone-card.completed .milestone-checkbox{background:var(--success-color);color:#fff}.checkbox-empty{border:2px solid var(--border-color);border-radius:3px;height:12px;width:12px}.milestone-card:hover .checkbox-empty{border-color:var(--primary-color)}.milestone-content{flex:1 1;min-width:0}.milestone-week{align-items:center;color:var(--text-muted);display:flex;font-size:.7rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.milestone-card.completed .milestone-week{color:var(--success-color)}.milestone-target{display:flex;flex-direction:column;gap:.125rem}.milestone-description{color:var(--text-color);font-size:.9rem;line-height:1.4}.milestone-card.completed .milestone-description{opacity:.7;text-decoration:line-through}.milestone-badge{border-radius:4px;flex-shrink:0;font-size:.6rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.milestone-badge.current-badge{background:var(--primary-color);color:#fff}.milestones-list.daily-list{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.daily-list .milestone-card{padding:0}.daily-list .milestone-checkbox-btn{padding:.625rem .5rem}.daily-list .milestone-content-btn{padding:.625rem .75rem .625rem 0}.daily-list .milestone-checkbox{height:20px;width:20px}.daily-list .milestone-week{font-size:.6rem}.daily-list .milestone-description{font-size:.8rem}.plan-actions-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:1.5rem}.loading-state{text-align:center}@media (max-width:768px){.plans-page{padding:0 1rem 2rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.plan-header{flex-direction:column;gap:1.5rem}.plan-stats{justify-content:space-between;width:100%}.form-row{grid-template-columns:1fr}.create-plan{padding:1.5rem}.plans-grid{grid-template-columns:1fr}.plan-card{padding:1.25rem}.form-input,.form-label{font-size:16px}.day-button{min-height:44px;min-width:44px}.milestones-list{grid-template-columns:1fr}.milestones-section{padding:1rem}.milestone-card{padding:.875rem}.btn,.checkbox-label{min-height:44px}}.themes-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.themes-page .page-header{border-bottom:1px solid var(--border-color);padding:1.5rem}.themes-page .page-title{margin-bottom:.25rem}.themes-page .page-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.themes-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.search-panel{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.search-form{align-items:center;gap:.75rem;position:relative}.search-form .search-icon{color:var(--text-muted);left:1rem;pointer-events:none;position:absolute}.search-form .search-input{background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-md);flex:1 1;font-size:1rem;padding:.875rem 1rem .875rem 2.75rem;transition:border-color .2s}.search-form .search-input:focus{border-color:var(--primary-color);outline:none}.search-form .btn{padding:.875rem 1.5rem;white-space:nowrap}.search-stats{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem}.search-stats .separator{color:var(--border-color)}.explorer-content{display:flex}.explorer-content,.graph-container{flex:1 1;overflow:hidden;position:relative}.graph-container{background:var(--bg-color)}.graph-svg{background:radial-gradient(circle at center,var(--bg-secondary) 0,var(--bg-color) 100%)}.graph-svg .node{transition:transform .1s}.graph-svg .node.cluster circle{filter:drop-shadow(0 3px 8px rgba(0,0,0,.2))}.graph-svg .link{stroke-linecap:round}.empty-state{color:var(--text-muted);left:50%;max-width:400px;padding:2rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.empty-state svg{margin-bottom:1rem;opacity:.3}.empty-state h3{color:var(--text-color);margin-bottom:.5rem}.empty-state p{font-size:.95rem}.empty-state .hint{font-size:.85rem;font-style:italic;margin-top:1rem}.node-tooltip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);bottom:1.5rem;box-shadow:var(--shadow-lg);left:50%;max-width:500px;padding:1rem 1.25rem;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:100}.node-tooltip strong{color:var(--primary-color);display:block;margin-bottom:.5rem}.node-tooltip p{color:var(--text-color);font-size:.9rem;line-height:1.5;margin:0}.verse-panel{background:var(--bg-secondary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;min-width:320px;overflow:hidden;width:380px}.verse-panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 1.25rem}.verse-panel-header h3{font-size:1rem;font-weight:600;margin:0}.verse-panel-content{flex:1 1;overflow-y:auto;padding:1.25rem}.verse-text-full{color:var(--text-color);font-family:var(--font-serif);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.cluster-verses{display:flex;flex-direction:column;gap:.75rem}.cluster-verse-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;padding:1rem;transition:border-color .2s,box-shadow .2s}.cluster-verse-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.cluster-verse-item .verse-ref{color:var(--primary-color);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.cluster-verse-item .verse-text{color:var(--text-color);font-family:var(--font-serif);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:768px){.themes-page{height:auto;min-height:calc(100vh - 126px);min-height:calc(100dvh - 126px)}.themes-page .page-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.themes-page .page-header .btn{justify-content:center;min-height:48px;width:100%}.themes-page .page-title{font-size:1.25rem}.themes-page .page-subtitle{font-size:.85rem}.themes-content{flex-direction:column}.graph-container{display:none}.themes-sidebar{border-right:none;max-width:none;padding:0 1rem 1rem;width:100%}.search-section{margin-bottom:1.5rem}.search-section h3{font-size:1rem;margin-bottom:.5rem}.search-description{font-size:.85rem;margin-bottom:.75rem}.search-form{flex-direction:column;gap:.5rem}.search-form .search-input{font-size:16px;min-height:48px;padding:.875rem 1rem;width:100%}.search-form .btn{min-height:48px;width:100%}.search-results{margin-top:1rem}.search-result{margin-bottom:.75rem;padding:1rem}.theme-list{margin-top:1rem}.theme-item{min-height:48px}.theme-item,.themes-main{padding:1rem}.create-theme-panel,.theme-detail-panel{border-radius:var(--radius-md);padding:1rem}.form-input{font-size:16px;min-height:48px}.color-options{gap:.75rem}.color-option{height:40px;width:40px}.verse-panel{border-left:none;border-top:1px solid var(--border-color);max-height:none;min-width:0;width:100%}.verse-panel-header{padding:.75rem 1rem}.verse-panel-content{padding:1rem}.verse-text-full{font-size:1rem;line-height:1.7}.cluster-verse-item{min-height:48px;padding:.875rem}.node-tooltip{display:none}.empty-state{left:auto;padding:2rem 1rem;position:relative;top:auto;transform:none}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.9rem}.mobile-notice{background:rgba(139,115,85,.1);background:var(--color-accentMuted,rgba(139,115,85,.1));border-radius:var(--radius-md);color:var(--text-secondary);color:var(--color-textSecondary,var(--text-secondary));display:block;font-size:.875rem;margin-bottom:1rem;padding:1rem;text-align:center}}.mobile-notice{display:none}@media (max-width:380px){.themes-page .page-title{font-size:1.1rem}.search-result,.theme-item{padding:.875rem}}[data-theme=dark] .graph-svg{background:radial-gradient(circle at center,hsla(0,0%,100%,.02) 0,var(--bg-color) 100%)}[data-theme=dark] .graph-svg .node circle{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.bookmarks-page{margin:0 auto;max-width:900px;padding:0 1.5rem 2rem}.bookmarks-page .page-header{padding:1.5rem 0 1rem}.tabs-container{border-bottom:1px solid var(--color-borderLight);margin-bottom:1rem}.tabs{gap:.25rem}.tab,.tabs{display:flex}.tab{align-items:center;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-textMuted);cursor:pointer;font-size:.95rem;font-weight:500;gap:.5rem;padding:.875rem 1.25rem;transition:all .2s}.tab:hover{background:var(--color-backgroundSecondary);color:var(--color-textPrimary)}.tab.active{border-bottom-color:var(--color-accent);color:var(--color-accent)}.tab .badge{background:var(--color-backgroundSecondary);border-radius:10px;font-size:.75rem;font-weight:600;padding:.125rem .5rem}.tab.active .badge{background:var(--color-accentMuted);color:var(--color-accent)}.toolbar{gap:1rem;padding:.75rem 0}.search-box,.toolbar{align-items:center;display:flex}.search-box{background:var(--color-backgroundSecondary);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);flex:1 1;gap:.5rem;max-width:400px;padding:.625rem 1rem}.search-box:focus-within{border-color:var(--color-accent)}.search-box svg{color:var(--color-textMuted);flex-shrink:0}.search-box input{background:transparent;border:none;color:var(--color-textPrimary);flex:1 1;font-size:.9rem;outline:none}.search-box input::placeholder{color:var(--color-textMuted)}.search-box .clear-btn{align-items:center;background:none;border:none;color:var(--color-textMuted);cursor:pointer;display:flex;padding:.25rem}.search-box .clear-btn:hover,.sort-select{color:var(--color-textPrimary)}.sort-select{background:var(--color-backgroundSecondary);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;padding:.625rem 1rem}.sort-select:focus{border-color:var(--color-accent);outline:none}.content{padding-top:.5rem}.items-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.item-card{background:var(--color-surface);border:1px solid var(--color-borderLight);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.item-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.item-card .color-bar{height:4px;width:100%}.card-content{padding:1rem 1.25rem}.reference{align-items:center;color:var(--color-accent);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.reference svg{flex-shrink:0}.verse-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-textSecondary);display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0 0 .75rem;overflow:hidden}.verse-text.small{-webkit-line-clamp:2;border-left:2px solid var(--color-borderLight);font-size:.85rem;font-style:italic;margin-bottom:.5rem;padding-left:.75rem}.note-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-textPrimary);display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0;overflow:hidden}.earmark-label{color:var(--color-textSecondary);font-size:.85rem;font-style:italic;margin:0}.label{background:var(--color-accentMuted);border-radius:var(--radius-sm);color:var(--color-accent);display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.75rem;padding:.25rem .5rem}.card-footer{align-items:center;border-top:1px solid var(--color-borderLight);display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.date{color:var(--color-textMuted);font-size:.8rem}.actions{display:flex;gap:.25rem}.action-btn{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-textMuted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background:var(--color-backgroundSecondary);color:var(--color-accent)}.action-btn.delete:hover{background:#fee2e2;color:#dc2626}.empty-state{flex-direction:column;padding:4rem 2rem;text-align:center}.empty-icon,.empty-state{align-items:center;display:flex;justify-content:center}.empty-icon{background:var(--color-backgroundSecondary);border-radius:50%;color:var(--color-textMuted);height:80px;margin-bottom:1.5rem;width:80px}.empty-state h3{color:var(--color-textPrimary);font-size:1.25rem;margin:0 0 .5rem}.empty-state p{color:var(--color-textMuted);line-height:1.5;margin:0 0 1.5rem;max-width:300px}@media (max-width:768px){.bookmarks-page{padding:0 1rem 2rem}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{font-size:.9rem;padding:.75rem 1rem;white-space:nowrap}.tab span:not(.badge){display:none}.toolbar{flex-direction:column;gap:.75rem}.search-box{max-width:100%;width:100%}.search-box input,.sort-select{font-size:16px}.sort-select{width:100%}.items-grid{grid-template-columns:1fr}.action-btn{height:40px;width:40px}}.settings-page{margin:0 auto;max-width:700px;padding:0 1.5rem 3rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.save-message{animation:fadeIn .3s ease;border-radius:var(--radius-md);font-size:.9rem;padding:.5rem 1rem}.save-message.success{background:rgba(34,197,94,.1);color:var(--success-color)}.save-message.error{background:rgba(220,38,38,.1);color:var(--error-color)}.settings-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.section-title{align-items:center;border-bottom:1px solid var(--border-color);display:flex;font-size:1.1rem;gap:.75rem;padding-bottom:1rem}.section-title,.setting-item{margin-bottom:1.5rem}.setting-item:last-child{margin-bottom:0}.toggle-item{align-items:center;display:flex;justify-content:space-between}.setting-info{flex:1 1}.setting-label{display:block;font-weight:500;margin-bottom:.25rem}.setting-description{color:var(--text-muted);font-size:.85rem;margin:0}.setting-hint{color:var(--text-muted);font-size:.8rem;margin-top:.5rem}.toggle{cursor:pointer;display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.toggle input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background-color:#ccc;background-color:var(--color-borderLight,#ccc);border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.toggle input:checked+.toggle-slider{background-color:#8b7355;background-color:var(--color-accent,#8b7355)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.theme-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.theme-option{align-items:center;background:#fff;background:var(--color-surface,#fff);border:2px solid var(--color-borderLight);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.5rem;padding:.75rem;text-align:center;transition:all .2s}.theme-preview{border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);height:36px;width:36px}.theme-name{color:#222;font-size:var(--font-size-xs);font-weight:600;line-height:1.2}.theme-option:hover{border-color:var(--color-accent);box-shadow:0 4px 8px var(--color-shadow);transform:translateY(-2px)}.theme-option.active{background:#fff;background:var(--color-surface,#fff);border-color:var(--color-accent)}@media (prefers-color-scheme:dark){.theme-option{background:#222!important}.theme-option .theme-name{color:#fff!important}.theme-option.active{background:#222!important}}.font-size-options{display:flex;gap:.5rem}.size-option{align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.size-option:first-child{font-size:.85rem}.size-option:nth-child(2){font-size:1rem}.size-option:nth-child(3){font-size:1.2rem}.size-option:nth-child(4){font-size:1.4rem}.size-option.active,.size-option:hover{border-color:var(--primary-color)}.size-option.active{background:var(--primary-color);color:#fff}.setting-select{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;padding:.75rem 1rem;width:100%}.setting-select:focus{border-color:var(--primary-color);outline:none}.setting-input{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;padding:.75rem 1rem;width:100%}.setting-input:focus{border-color:var(--primary-color);outline:none}.password-input-wrapper{position:relative}.password-input-wrapper .setting-input{padding-right:3rem}.password-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-color)}.setting-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color)}.btn-secondary:hover{background:var(--bg-hover)}.storage-info{margin-bottom:1.5rem}.storage-bar{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.storage-fill{background:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.storage-text{color:var(--text-muted);font-size:.85rem;margin:0}.about-info h3{font-family:var(--font-display);margin:0 0 .25rem}.about-info p{color:var(--text-secondary);margin:0}.about-description{font-size:.95rem;line-height:1.6;margin-top:1rem!important}.save-section{bottom:1rem;display:flex;justify-content:center;padding:1rem 0;position:-webkit-sticky;position:sticky}.btn-lg{font-size:1rem;padding:1rem 2rem}@media (max-width:768px){.settings-page{padding:0 1rem 3rem}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.theme-options{grid-template-columns:repeat(auto-fill,minmax(85px,1fr))}.theme-option{padding:.5rem}.theme-preview{height:28px;width:28px}.setting-actions{flex-direction:column}.settings-section{padding:1.25rem}.setting-input,.setting-select{font-size:16px;min-height:48px}.toggle{flex-shrink:0;height:32px;width:56px}.toggle-slider:before{height:26px;width:26px}.size-option{height:48px;width:48px}.toggle-item{gap:1rem}.setting-info{min-width:0}.backup-reminder,.data-protection-status{align-items:flex-start;flex-direction:column}.backup-reminder{text-align:left}}.data-protection-status{align-items:center;background:var(--bg-muted);border-radius:var(--radius-md);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:1rem}.protection-indicator{align-items:center;display:flex;gap:.75rem}.protection-indicator.protected svg{color:var(--success-color)}.protection-indicator.unprotected svg{color:var(--warning-color)}.protection-info{display:flex;flex-direction:column}.protection-label{font-size:.95rem;font-weight:600}.protection-description{color:var(--text-muted);font-size:.8rem}.backup-reminder{align-items:center;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.backup-reminder svg{color:var(--accent-color);flex-shrink:0}.backup-reminder.warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}.backup-reminder.warning svg{color:var(--warning-color)}.reminder-content{flex:1 1}.reminder-text{font-size:.9rem;font-weight:500;margin:0}.reminder-stats{color:var(--text-muted);font-size:.8rem;margin:.25rem 0 0}.search-page{margin:0 auto;max-width:800px;padding:0 1.5rem 2rem}.page-header{padding:1.5rem 0}.page-header,.search-tabs{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.search-tabs{display:flex;gap:0}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.tab-button:hover{background:var(--bg-hover);color:var(--text-color)}.tab-button.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.search-form-container{background:var(--bg-color);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-form{display:flex;flex-direction:column;gap:1rem}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{color:var(--text-muted);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{-webkit-appearance:none;appearance:none;background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;font-size:1.1rem;padding:1rem 3rem 1rem 3.5rem!important;text-indent:0;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-color-alpha);outline:none}.clear-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:1rem;transition:all .2s;width:28px}.clear-btn:hover{background:var(--bg-hover);color:var(--text-color)}.search-options{display:flex;gap:1rem}.translation-select{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:.95rem;padding:.75rem 1rem}.translation-select:focus{border-color:var(--primary-color);outline:none}.search-content{margin-top:1.5rem}.search-history{margin-bottom:2rem}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.history-header h3{color:var(--text-secondary);font-size:1rem}.history-list{display:flex;flex-wrap:wrap;gap:.5rem}.history-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.history-item:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--text-color)}.results-container{animation:fadeIn .3s ease}.results-header{margin-bottom:1rem}.results-count{color:var(--text-muted);font-size:.9rem}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;padding:1.25rem;transition:all .2s}.result-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.result-reference{color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.result-text{color:var(--text-secondary);font-size:1rem;line-height:1.7;margin:0}.loading-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.no-results{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:3rem;text-align:center}.no-results h3{color:var(--text-color);margin:1rem 0 .5rem}.search-tips{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:3rem;text-align:center}.search-tips h3{color:var(--text-color);margin:1rem 0}.search-tips ul{list-style:none;padding:0;text-align:left}.search-tips li{padding:.5rem 0 .5rem 1.5rem;position:relative}.search-tips li:before{color:var(--primary-color);content:"•";left:0;position:absolute}.error-message{align-items:center;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);color:var(--error-color);display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.search-page{padding:0 1rem 2rem}.page-header{padding:1rem 0}.page-header .page-title{font-size:1.25rem}.search-options{flex-direction:column}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{color:var(--text-muted);height:20px;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.search-input{box-sizing:border-box;font-size:16px!important;padding:.875rem 2.5rem .875rem 3rem!important;width:100%}.translation-select{font-size:16px;min-height:44px}.result-item{padding:1rem}.result-text{font-size:.95rem;line-height:1.6}.history-list{gap:var(--spacing-sm)}.history-item{font-size:.85rem;padding:.625rem 1rem}.explorer-search-row{flex-direction:column;gap:var(--spacing-sm)}.explorer-search .search-input-wrapper{width:100%}.explorer-search .search-input{font-size:16px}.explorer-search .btn{justify-content:center;width:100%}}.hero-explorer{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-backgroundSecondary) 100%);border:1px solid var(--color-borderLight);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.hero-header{margin-bottom:var(--spacing-lg);text-align:center}.hero-title{color:var(--color-textPrimary);font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;margin:0 0 var(--spacing-xs)}.hero-subtitle{color:var(--color-textSecondary);font-size:var(--font-size-md);margin:0}.explorer-search{margin:0 auto var(--spacing-lg);max-width:800px}.explorer-search-row{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.explorer-search .search-input-wrapper{flex:1 1;min-width:0;position:relative}.explorer-search .search-input-wrapper .search-icon{color:var(--color-textMuted);left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.explorer-search .search-input{-webkit-appearance:none;appearance:none;background:var(--color-background);border:2px solid var(--color-borderLight);border-radius:var(--radius-lg);box-sizing:border-box;font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md)*2 + 20px);transition:border-color .2s;width:100%}.explorer-search .search-input:focus{border-color:var(--color-accent);outline:none}.explorer-search .btn{flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}.suggested-themes{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.themes-label{color:var(--color-textMuted);font-size:var(--font-size-sm)}.theme-chip{background:var(--color-backgroundTertiary);border:1px solid var(--color-borderLight);border-radius:var(--radius-full);color:var(--color-textSecondary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s}.theme-chip:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.graph-explorer{background:var(--color-background);border:1px solid var(--color-borderLight);border-radius:var(--radius-lg);height:450px;overflow:hidden;position:relative}.graph-svg{background:radial-gradient(circle at center,var(--color-backgroundSecondary) 0,var(--color-background) 100%);display:block}.graph-svg .node circle{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:stroke .2s,stroke-width .2s}.graph-placeholder{color:var(--color-textMuted);left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.graph-placeholder svg{margin-bottom:var(--spacing-sm);opacity:.3}.graph-placeholder p{font-size:var(--font-size-sm);margin:0}.graph-tooltip{background:var(--color-surface);border:1px solid var(--color-borderLight);border-radius:var(--radius-md);bottom:var(--spacing-md);box-shadow:0 4px 12px var(--color-shadow);left:50%;max-width:400px;padding:var(--spacing-sm) var(--spacing-md);pointer-events:none;position:absolute;transform:translateX(-50%);z-index:100}.graph-tooltip strong{color:var(--color-accent);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.graph-tooltip p{color:var(--color-textSecondary);font-size:var(--font-size-xs);line-height:1.4;margin:0}.verse-popup{background:var(--color-surface);border:1px solid var(--color-borderLight);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--color-shadow);display:flex;flex-direction:column;max-height:calc(100% - var(--spacing-xl));overflow:hidden;position:absolute;right:var(--spacing-md);top:var(--spacing-md);width:320px;z-index:50}.verse-popup-header{align-items:center;border-bottom:1px solid var(--color-borderLight);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.verse-popup-header h3{font-size:var(--font-size-sm);font-weight:600;margin:0}.verse-popup-content{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.verse-full-text{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.7;margin:0 0 var(--spacing-md)}.cluster-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cluster-item{background:var(--color-backgroundTertiary);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-sm);transition:background .2s}.cluster-item:hover{background:var(--color-accentMuted)}.cluster-item .ref{color:var(--color-accent);display:block;font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--spacing-xs)}.cluster-item p{color:var(--color-textSecondary);line-height:1.4;margin:0}.cluster-item p,.more-verses{font-size:var(--font-size-xs)}.more-verses{margin:var(--spacing-sm) 0 0;text-align:center}.graph-stats,.more-verses{color:var(--color-textMuted)}.graph-stats{align-items:center;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.graph-stats .dot{color:var(--color-borderLight)}@media (max-width:480px){.search-page{padding:0 .75rem 2rem}.search-input-wrapper{flex-direction:column;gap:.75rem}}:root{--color-background:#f5f0e8;--color-backgroundSecondary:#ede6da;--color-backgroundTertiary:#e5dbc9;--color-surface:#fdfbf7;--color-surfaceElevated:#fff;--color-textPrimary:#3d3d3d;--color-textSecondary:#5d5d5d;--color-textTertiary:#7d7d7d;--color-textMuted:#9d9d9d;--color-accent:#8b7355;--color-accentLight:#a69076;--color-accentDark:#6b5545;--color-accentMuted:rgba(139,115,85,.15);--color-highlight:rgba(218,165,32,.3);--color-highlightYellow:rgba(218,165,32,.3);--color-highlightGreen:rgba(107,142,35,.3);--color-highlightBlue:rgba(100,149,237,.3);--color-highlightPink:rgba(219,112,147,.3);--color-border:#d4c9b8;--color-borderLight:#e8e0d0;--color-borderDark:#c4b9a8;--color-shadow:rgba(93,78,55,.08);--color-shadowDark:rgba(93,78,55,.15);--color-success:#6b8e23;--color-warning:#daa520;--color-error:#cd5c5c;--color-info:#6b8bb3;--font-family:"Merriweather",Georgia,"Times New Roman",serif;--font-family-sans:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-handwriting:"Caveat",cursive;--font-size-base:16px;--font-scale:1;--line-height:1.7;--font-size-xs:calc(var(--font-size-base)*0.75);--font-size-sm:calc(var(--font-size-base)*0.875);--font-size-md:var(--font-size-base);--font-size-lg:calc(var(--font-size-base)*1.125);--font-size-xl:calc(var(--font-size-base)*1.25);--font-size-2xl:calc(var(--font-size-base)*1.5);--font-size-3xl:calc(var(--font-size-base)*1.875);--font-size-4xl:calc(var(--font-size-base)*2.25);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-popover:400;--z-tooltip:500;--z-toast:600}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px;font-size:var(--font-size-base);scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f0e8;background-color:var(--color-background);color:#3d3d3d;color:var(--color-textPrimary);font-family:Merriweather,Georgia,Times New Roman,serif;font-family:var(--font-family);font-size:1rem;line-height:1.7;line-height:var(--line-height);margin:0;overflow-x:hidden;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#3d3d3d;color:var(--color-textPrimary);font-family:Merriweather,Georgia,Times New Roman,serif;font-family:var(--font-family);font-weight:700;line-height:1.3;margin:0 0 16px;margin:0 0 var(--spacing-md)}h1{font-size:36px;font-size:var(--font-size-4xl)}h2{font-size:30px;font-size:var(--font-size-3xl)}h3{font-size:24px;font-size:var(--font-size-2xl)}h4{font-size:20px;font-size:var(--font-size-xl)}h5{font-size:18px;font-size:var(--font-size-lg)}h6{font-size:16px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--spacing-md)}a{color:#8b7355;color:var(--color-accent);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#6b5545;color:var(--color-accentDark)}.btn{align-items:center;background-color:#fdfbf7;background-color:var(--color-surface);border:1px solid #d4c9b8;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#3d3d3d;color:var(--color-textPrimary);cursor:pointer;display:inline-flex;font-family:Source Sans\ 3,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family-sans);font-size:14px;font-size:var(--font-size-sm);font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn:hover{background-color:#ede6da;background-color:var(--color-backgroundSecondary);border-color:#c4b9a8;border-color:var(--color-borderDark)}.btn:active{transform:translateY(1px)}.btn:focus{box-shadow:0 0 0 3px rgba(139,115,85,.15);box-shadow:0 0 0 3px var(--color-accentMuted);outline:none}.btn-primary{background-color:#8b7355;background-color:var(--color-accent);border-color:#8b7355;border-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:#6b5545;background-color:var(--color-accentDark);border-color:#6b5545;border-color:var(--color-accentDark)}.btn-ghost{background-color:transparent;border-color:transparent}.btn-ghost:hover{background-color:rgba(139,115,85,.15);background-color:var(--color-accentMuted);border-color:transparent}.btn-icon{border-radius:9999px;border-radius:var(--radius-full);padding:8px;padding:var(--spacing-sm)}.btn-sm{font-size:12px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.btn-lg{padding:16px 24px;padding:var(--spacing-md) var(--spacing-lg)}.btn-lg,input,select,textarea{font-size:16px;font-size:var(--font-size-md)}input,select,textarea{background-color:#fdfbf7;background-color:var(--color-surface);border:1px solid #d4c9b8;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#3d3d3d;color:var(--color-textPrimary);font-family:Merriweather,Georgia,Times New Roman,serif;font-family:var(--font-family);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#8b7355;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(139,115,85,.15);box-shadow:0 0 0 3px var(--color-accentMuted);outline:none}input::placeholder,textarea::placeholder{color:#9d9d9d;color:var(--color-textMuted)}.card{background-color:#fdfbf7;background-color:var(--color-surface);border:1px solid #e8e0d0;border:1px solid var(--color-borderLight);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(93,78,55,.08);box-shadow:0 2px 8px var(--color-shadow);padding:24px;padding:var(--spacing-lg)}.card-elevated{background-color:#fff;background-color:var(--color-surfaceElevated);box-shadow:0 4px 16px rgba(93,78,55,.08),0 2px 4px rgba(93,78,55,.08);box-shadow:0 4px 16px var(--color-shadow),0 2px 4px var(--color-shadow)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ede6da;background:var(--color-backgroundSecondary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#d4c9b8;background:var(--color-border)}::-webkit-scrollbar-thumb:hover{background:#c4b9a8;background:var(--color-borderDark)}::selection{background-color:rgba(139,115,85,.15);background-color:var(--color-accentMuted);color:#3d3d3d;color:var(--color-textPrimary)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#3d3d3d;color:var(--color-textPrimary)}.text-secondary{color:#5d5d5d;color:var(--color-textSecondary)}.text-muted{color:#9d9d9d;color:var(--color-textMuted)}.text-accent{color:#8b7355;color:var(--color-accent)}.bg-surface{background-color:#fdfbf7;background-color:var(--color-surface)}.bg-elevated{background-color:#fff;background-color:var(--color-surfaceElevated)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.gap-lg{gap:24px;gap:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fadeIn{animation:fadeIn ease .25s ease;animation:fadeIn var(--transition-normal) ease}.animate-slideUp{animation:slideUp ease .25s ease;animation:slideUp var(--transition-normal) ease}.animate-slideDown{animation:slideDown ease .25s ease;animation:slideDown var(--transition-normal) ease}.animate-scaleIn{animation:scaleIn ease .25s ease;animation:scaleIn var(--transition-normal) ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ede6da 25%,#e5dbc9 50%,#ede6da 75%);background:linear-gradient(90deg,var(--color-backgroundSecondary) 25%,var(--color-backgroundTertiary) 50%,var(--color-backgroundSecondary) 75%);background-size:200% 100%;border-radius:4px;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-enter{opacity:0;transform:translateX(20px)}.page-enter-active{transition:opacity .25s ease,transform .25s ease;transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-enter-active,.page-exit{opacity:1;transform:translateX(0)}.page-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .25s ease,transform .25s ease;transition:opacity var(--transition-normal),transform var(--transition-normal)}.paper-texture{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.03' d='M0 0h100v100H0z'/%3E%3C/svg%3E")}.page-shadow{box-shadow:0 1px 3px rgba(93,78,55,.08),0 4px 8px rgba(93,78,55,.08),inset 0 0 60px rgba(0,0,0,.02);box-shadow:0 1px 3px var(--color-shadow),0 4px 8px var(--color-shadow),inset 0 0 60px rgba(0,0,0,.02)}.book-spine{border-left:3px solid #c4b9a8;border-left:3px solid var(--color-borderDark);box-shadow:inset 4px 0 8px rgba(93,78,55,.08);box-shadow:inset 4px 0 8px var(--color-shadow)}.highlight-yellow{background-color:rgba(218,165,32,.3);background-color:var(--color-highlightYellow)}.highlight-green{background-color:rgba(107,142,35,.3);background-color:var(--color-highlightGreen)}.highlight-blue{background-color:rgba(100,149,237,.3);background-color:var(--color-highlightBlue)}.highlight-pink{background-color:rgba(219,112,147,.3);background-color:var(--color-highlightPink)}.verse-highlight{border-radius:2px;margin:0 -2px;padding:0 2px;transition:background-color .15s ease;transition:background-color var(--transition-fast)}@media (max-width:768px){:root{--font-size-base:15px;--spacing-lg:20px;--spacing-xl:28px}.btn{padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.btn,.btn-icon{min-height:44px}.btn-icon{min-width:44px}.btn-sm{min-height:36px}@media (hover:none){.btn:hover{transform:none}}}@media (max-width:480px){:root{--font-size-base:14px;--spacing-lg:16px;--spacing-xl:24px}h1{font-size:24px;font-size:var(--font-size-2xl)}h2{font-size:20px;font-size:var(--font-size-xl)}h3{font-size:18px;font-size:var(--font-size-lg)}}@supports (padding:env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}}@media (max-width:768px){.scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media print{body{background-color:#fff;color:#000}.no-print{display:none!important}}
/*# sourceMappingURL=main.1c148d36.css.map*/